﻿html,body{margin:0;padding:0;}

body{
color: #333333;
font-family: Verdana, Arial, Geneva, sans-serif; 
font-size: 12px; font-style: normal; font-variant: normal; font-weight:normal;
text-align:left}

div#header{position:left;
    background-image: url(img/header.jpg);
	background-repeat: no-repeat;
	height:65px; width:950px;}


/* main wrapper */
    div#wrapper{float:left; width:100%;}
    div#container{width:950px; margin:0px auto; }

    /* main content */
    div#content{margin:0px 0px 0px 165px; padding:0px; min-height:400px; width:620px; vertical-align:top; }
    div#content p{line-height:1.4}

    /* linke spalte - subnavigation */
    /* div#navigation{background:#B9CAFF;} */
    div#navigation{float:left; margin:0px 0px 0px -950px; border:0px; padding:0px; }
    
 
    /* rechte spalte - ads*/
    /* div#extra{background:#B9CAFF;} */
    div#extra{float:right; border:0px; text-align:center; width:155px; padding:0px 3px 0px 5px; margin:0px 0px 0px -165px;}

/* werbungen */
    .skyscraper{position:relative; margin:60px 0px 0px 5px; border:0px;}



/* footer */
    div#footer{clear:left; text-align:center; width:100%; padding:50px 0px 0px 0px;}

    div#footer p{padding:5px 10px; Color:#336699; font-size:10px;}
    div#footer a{display:inline; margin:0; padding:5px 10px; Color:#336699; font-size:10px;}


/* header und top-navigation */
        #top_header 
        {   height:100px; width:950px;
	        background-image: url(img/header.jpg);
	        background-repeat: no-repeat;}
        #top_nav_list{width:950px; margin:0px 0px 20px 0px;}

        .top_nav #top_nav_list{
                position:relative; display:block; height:31px;font-size:11px; font-weight:bold; 
                background:transparent url(img/nav_back.gif) repeat-x top left;
                font-family:Verdana, Arial, Geneva, sans-serif;}
        .top_nav #top_nav_list ul{margin:0px;padding:0;list-style-type:none;width:auto;}
        .top_nav #top_nav_list ul li{display:block; float:left; width:120px; }
        .top_nav #top_nav_list ul li a
                {display:block; float:left; color:#336699; text-align:center; font-weight:bold;
                text-decoration:none; padding:5px 10px 0px 5px; height:28px; width:120px;}
        .top_nav #top_nav_list ul li a:visited,  
        .top_nav #top_nav_list ul li a:link
                {display:block; float:left; color:#336699; text-align:center; font-weight:bold;
                text-decoration:none; padding:5px 10px 0px 5px; height:28px; width:120px;
                }
        .top_nav #top_nav_list ul li a:hover,
        .top_nav #top_nav_list ul li a.current
                {display:block; float:left; color:#660033; text-align:center;
                font-size:11px;font-weight:bold;
                text-decoration:none; padding:5px 10px 0px 5px; height:28px; width:120px;
                background:url(../img/nav_back_over.gif) no-repeat top center;}



/* subnavigation */
    .sub_nav, .sub_nav a:hover
    {margin:0px 0px 0px 5px; padding:4px 5px 4px 3px; text-decoration:none;  }
   
    .sub_nav_header 
    {display:block;color:#660033;width:140px;padding:5px; height:10px;
    font-size:10px;font-family:Verdana, Arial, Geneva, sans-serif;font-weight:bolder;text-decoration:none;
    text-align:left;margin:0px;border:0px solid #d1dde9;
    border-bottom:1px solid #660033;
    background-color:#EEEEEE;
    }
    .sub_nav_header a:hover {text-decoration:none;}
    .sub_nav_header a:active {text-decoration:none;}
      
    a.menu {display:block;color:#336699;width:140px;padding:5px;
    font-size:10px;font-family:Verdana, Arial, Geneva, sans-serif;font-weight:bolder;text-decoration:none;
    text-align:left;margin:0px;border:0px solid #d1dde9;
    background-color:#ebf0f4;
    }
    a.menu:link {display:block;color:#336699;width:140px;padding:5px;
    font-size:10px;font-family:Verdana, Arial, Geneva, sans-serif;font-weight:bolder;text-decoration:none;
    text-align:left;margin:0px;border:0px solid #d1dde9;
    background-color:#ebf0f4;
    }
    a.menu:active {display:block;color:#336699;width:140px;padding:5px;
    font-size:10px;font-family:Verdana, Arial, Geneva, sans-serif;font-weight:bolder;text-decoration:none;
    text-align:left;margin:0px;border:0px solid #d1dde9;
    background-color:#ebf0f4;
    }
    a.menu:visited {display:block;color:#336699;width:140px;padding:5px;
    font-size:10px;font-family:Verdana, Arial, Geneva, sans-serif;font-weight:bolder;text-decoration:none;
    text-align:left;margin:0px;border:0px solid #d1dde9;
    background-color:#ebf0f4;
    }
      
    a.menu:hover {
    display:block;color:#336699;width:140px;padding:5px;
    font-size:10px;font-family:Verdana, Arial, Geneva, sans-serif;font-weight:bold;
    text-decoration:none;text-align:left;margin:0px;
    border:0px solid #000000;
    background-color:#CCCCFF;
    }


    

/* allgemeines */
    p{margin:0px 0px 10px 0px;}

    h1 {padding:0px 0px 10px 0px;  color: #333333; font-size: 19px; font-style:normal; font-weight:bold; text-align:left}
    h2 {padding:0px 0px 10px 0px;  color: #333333; font-size: 18px; font-style:normal; font-weight:bold; text-align:left}
    
    OL {list-style-position: outside; list-style-type: decimal; line-height:1.4;}
    UL {list-style-position: outside; list-style-type: disc; line-height:1.4; margin: 0 0 5 0px;}

    .teaser_einleitung {color: #333333;
font-family: Verdana, Arial, Geneva, sans-serif; 
font-size: 15px; font-style:normal; font-variant: normal; font-weight:bold;
line-height: 24px;
text-align:left}
.teaser_einleitung1 {font-family: Georgia,Palatino,Palatino Linotype,FreeSerif,serif;

font-size: 16px;

line-height: 24px;

margin-bottom: 19px;
}

    .text:first-letter {font-size: 300%; line-height: 0.8em; float: left; margin-right: 0.125em; font-weight:100; color:#CACACA;}




    .klein {text-decoration:none; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal;}
    .kleinfett {text-decoration:none; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT:bold;}
    .klein a:link {text-decoration:none; COLOR: #336699; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal;}
    .klein a:active {text-decoration:underline; COLOR: #336699;}
    .klein a:visited {text-decoration:none; COLOR: #336699;}
    .klein a:hover {text-decoration:underline; COLOR: #336699;}
    
    .invers a:link {text-decoration:none; COLOR: #336699;  background-color:#EEEEEE; font: Verdana, Arial, Geneva, sans-serif; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal;}
    .invers a:active {text-decoration:underline; COLOR: #336699;  background-color:#EEEEEE;}
    .invers a:visited {text-decoration:none; COLOR: #336699;  background-color:#EEEEEE;}
    .invers a:hover {text-decoration:underline; COLOR: #336699;  background-color:#EEEEEE; background: url('img/link_outside.gif') no-repeat bottom; padding-right:90px; padding-bottom:4px;}




/* interne und externe links */
    a:link {text-decoration:none; COLOR: #336699; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal;}
    a:active {text-decoration:underline; COLOR: #336699;}
    a:visited {text-decoration:none; COLOR: #336699;}
    a:hover {text-decoration:underline; COLOR: #336699;}

    a[href^="http://www."]:hover  {
        margin: 0px;
        text-decoration:underline; 
        COLOR: #336699; 
        background: url('img/link_outside.gif') no-repeat right; padding-right:90px; padding-bottom:4px;
        }



/* teaser zweispaltig */
    .teaser
    {width:290px; margin:0px 10px 40px 0px; border:0px; min-height:200px;}
    .teaserimage
    {padding:0px; margin-right:10px; border:0px;  text-align:left; vertical-align:top;  text-indent:2px; float:left; }
    .teasertext
    {vertical-align:top; text-align:left; }
    
/* cloud */    
    .ItemCssClassPrefix Item1 { background-color:Fuchsia; }
    .Item1 { background-color:Fuchsia; }
    .Item2 { background-color:Fuchsia; }
    .Item3 { background-color:Fuchsia; }
    .Item4 { background-color:Fuchsia; }
    .Item5 { background-color:Fuchsia; }
    .Item6 { background-color:Fuchsia; }
    .Item7 { background-color:Fuchsia; 
 
 
    .cloud_gridlist
    {padding:3px; border:0px;  text-align:left; vertical-align:top;  text-indent:2px; float:left; }
    
    .cloud_gridlist a:link {text-decoration:none; display:inline; margin:0; Color:#336699; font-size:12px;}
    .cloud_gridlist a:active {text-decoration:none; COLOR: #336699;}
    .cloud_gridlist a:visited {text-decoration:none; COLOR: #336699;}
    .cloud_gridlist a:hover {text-decoration:none; COLOR: #336699;}


/* anfrage-formulare */    
    .tabelle_formular
    {padding:10px; padding:4px; 
    background-color:#FFFFFF; border:#a2c2d1 1px solid; text-align:left; vertical-align:top;  }
    
    
/*----------------------------------------------------------------------
    substitution
----------------------------------------------------------------------*/

    TEXTAREA
    {
        padding:2px;
        background-color:#d1dde9;
        border: 1px solid #a2c2d1;
        color: #666666;
        font-family: Verdana, Arial, Geneva, sans-serif; 
        font-size: 12px; font-style: normal; font-variant: normal; font-weight:normal;
        text-align:left
    }


    SELECT 
    {
        margin:2px; background-color:#d1dde9;
        border: 1px solid #a2c2d1;
        color: #666666;
        font-family: Verdana, Arial, Geneva, sans-serif; 
        font-size: 12px; font-style: normal; font-variant: normal; font-weight:normal;
        text-align:left
    }

.checkbox_borderless {background-color: red; border:green;} 
    INPUT 
    {
        margin:2px;
        background-color:#d1dde9;
        border: 1px solid #a2c2d1;
        color: #666666;
        font-family: Verdana, Arial, Geneva, sans-serif; 
        font-size: 12px; font-style: normal; font-variant: normal; font-weight:normal;
        text-align:left

    }

    INPUT:focus, TEXTAREA:focus, INPUT:hover, TEXTAREA:hover
        {
        border:1px solid #336699; 
        background-color:#a5bcd3;
        }
        
    

.button_ok 
    {
        margin: 20px 10px 20px 10px;
        padding: 2px;
        background-color: #d1dde9;          /* OliveDrab */
        border: medium double #08336a;    /* DarkGreen */
        color: #333333;
        -moz-border-radius:5px;
        -khtml-border-radius:5px;
    }

.button_cancel 
    {
        margin: 20px 0px 20px 0px;
        padding: 2px;
        background-color: #d1dde9;  /*LightCoral */
        border: medium double #CC0000;
        color: #333333;
        -moz-border-radius:10px;
        -khtml-border-radius:10px;    
    }


