/* MC-Framework - webkrauts.css V. 0.91  (06-02-01)- - - - - - - - - - */
/* Michael Charlier - http://www.kommkonzept.de  - - - - - - - - - - - */
/*                                                                     */
/* Farben und Besonderheiten - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@import url(position.css); 
@import url(elemente.css);  
 
/* Banner  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body{ 
   font-size:100.01%;
}

#kopfaussen{
   position:absolute;
   left:0;
   top:0;
   width:100%;
   height:12.63em;   /* zweite Stelle hinterm Komma als special für Safari :-( */
   background-image: url(../grafics/headback5.jpg);
   background-position: bottom left;
   background-repeat: repeat-x;
   z-index:0;
   text-align:center;
}

#kopf{
   position:relative;
   width:48em; 
   width:765px;  
   height:12.4em;
   margin-right:auto;
   margin-left:auto;  
   color:#fff; 
   background-color: Gray; 
   background-image: url(../grafics/kopf1h-start.jpg);
   background-position: bottom right;
   background-repeat: no-repeat;
   font-size:1em;
   z-index: 10; 
   xborder:1px dashed white;  
}
#kopfaussen img{
   position:absolute;
   display:block;
   top:-140px;
   z-index:30;
}
#kopf h1{
   position:absolute;
   top:46px;
   left:0em;
   width:12em;
   font-family: Georgia, "Times New Roman", Times, serif;   
   font-size:2.1em;
   line-height:1.1em; 
   z-index:20;
   
}

#kopf h1 span.web{
   font-size:.8em;   
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color:#F29400;
   background-color: transparent;
   font-weight:800;    
   margin-left:4.5em;
   z-index:20; 
}
#kopf h1 span.krauts{
   font-size:.8em;   
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color:#FACD59;
   background-color: transparent;   
   font-weight:800; 
   z-index:20;        
}
#sprungmarken{
   position:absolute;
   left:-70em;
   top:10px;
}

#sprungmarken a:link, /* nur relevant für small screen */
#sprungmarken a:visited{
   color:#fff; 
   background:black; 
}

#sprungmarken a:focus,
#sprungmarken a:active{
   position:absolute;
   top:10em;  
   left:82.5em;      
   color:#fff; 
   background:black;
   padding: 0 3px;                                           
   width:11em;  

}

/* Hauptmenu - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

#kopf #hauptnavi ul{
   height:52px;
   width:40em;
   margin-left:-1em;
}
#kopf #hauptnavi ul li{
   padding-bottom:22px;  
}
#kopf #hauptnavi ul li{
   position:relative;
   margin-top:16px;
   z-index:25;   
}
#kopf #hauptnavi ul li a:link,
#kopf #hauptnavi ul li a:visited{
   color:#fff;
   font-size:1.1em;
   font-weight:bold;
   font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
   xletter-spacing: .03em; /*für Fifo Mac */
   text-decoration: none;
   padding:3px 0 19px 1px;
   background-image: url(../grafics/marker1.gif); 
   background-position: center bottom;
   background-repeat: no-repeat;
   /* display:block;  für IE 5.0 */
}
#kopf #hauptnavi ul li a:hover,  
#kopf #hauptnavi ul li a:active,  
#kopf #hauptnavi ul li a:focus{
   color:#F29400;
   background-image: url(../grafics/marker2a.gif);     
   background-position: center bottom;
   background-repeat: no-repeat; 
 
}
#kopf #hauptnavi ul li.aktiv{
   color:#F29400;
   font-size:1.1em;
   font-weight:bold;
   font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; 
   xletter-spacing: .03em; /*für Fifo Mac */    
   padding:0px 0 16px 0px;
   background-image: url(../grafics/marker2a.gif); 
   background-position: center bottom;
   background-repeat: no-repeat;    
}

/* bereichsmenu  - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
#bereichsmenu h1,
#bereichsmenu h2,
#bereichsmenu h3{
   margin-left:15px;
}
#menu #kurzinfo{
   margin-left:1px;
   margin-top:25px;
   color:#000;
   background-image: url(../grafics/boxback3.jpg);
   background-position: bottom right;
   background-repeat: no-repeat;
   background-color: #F4F3F8;
}
#menu #kurzinfo *{
   margin:0 10px 0 15px;
}
#menu #bereichsmenu ol{
   margin-left:18px;
}
/* content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

#main{
   position:relative;
   height:20px;
   width:48em;
   width:765px;
   margin-right:auto;
   margin-left:auto;
   margin-top:-20px;
}
#content .beigebox,
#content .blaubox{
   color:#000;
   margin-bottom:7px;
   background-image: url(../grafics/boxback1.jpg);
   background-position: bottom right;
   background-repeat: no-repeat;
   background-color: #FADDB1;
}
#content .beigebox.alt{
   margin-top:15px;
}
#content .blaubox{
   background-image: url(../grafics/boxback2.jpg);  
   background-color: #E2EFF8;    
}
#content h1{ /* h1[{   ließ MacIE bei #footer-formaten aussteigen! */

}
.klein_box_rechts{
   display:none;
}

#content .beigebox h1,
#content .beigebox h2,
#content .beigebox h3,
#content .beigebox p,
#content .beigebox ul
#content .blaubox h1,
#content .blaubox h2,
#content .blaubox h3,
#content .blaubox p,
#content .blaubox ul
{
   margin:0 10px 0 15px;
}

/* zusatzinfo  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

#zusatzinfo h1{
   margin-left:15px;
}

#zusatzinfo .graubox,
#zusatzinfo .leerbox{
   color:#000;
   margin-left:1px;
   margin-top:5px;
   background-image: url(../grafics/boxback3.jpg);
   background-position: bottom right;
   background-repeat: no-repeat;
   background-color: #F4F3F8;

}
#zusatzinfo .leerbox{
   background-image: none;
   background-color: #fff;

}
#zusatzinfo .graubox h1,
#zusatzinfo .graubox h2,
#zusatzinfo .graubox h3,
#zusatzinfo .graubox p,
#zusatzinfo .graubox ul,
#zusatzinfo .graubox ol,
#zusatzinfo .leerbox h1,
#zusatzinfo .leerbox h2,
#zusatzinfo .leerbox h3,
#zusatzinfo .leerbox p,
#zusatzinfo .leerbox ul, 
#zusatzinfo .leerbox ol{
   margin:0 10px 0 15px;
}

#zusatzinfo .beigebox p,
#zusatzinfo .blaubox p,
#zusatzinfo .graubox p,
#zusatzinfo .leerbox p{
   font-size:.8em;
   line-height:1.3em;
}

/* footer  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer{
   background-image: url(../grafics/kopf2.gif);
   background-position:0px 10px;
   background-repeat: no-repeat;
   background-color: #fff;
   background-color:#fff;
   padding-top:20px;
}

#footerinnen{
   width:48em;
   width:765px;
   margin-right:auto;
   margin-left:auto; 
}


#footer p{
   font-size:.8em;
   line-height:1.3em;
}
#tecmenu{
   position:absolute;
   top:0;
   right:100px;
   width:6em;
   top:18px; 
   z-index:30;
}
#tecmenu ul li{
   float:none;
   margin-left:0;
   display:block;
   list-style:none;
   xwidth:7em;
   text-align:right;     
}
#tecmenu ul li a:link,
#tecmenu ul li a:visited{
   text-decoration:none;
   font-weight:600;
   color:#fff;
}
#tecmenu ul li a:hover,
#tecmenu ul li a:active,
#tecmenu ul li a:focus{
     color:#EBB45A;
     background-color:#000;  
}