/* Allgemeiner Werte Aufbau der Seite & des Layouts */
html   { width: 100%; }
@media all { html  { height: 100% }}
body   { width: 100%; height: 100% }
html * { padding: 0; margin: 0; border-collapse:collapse; border-spacing: 0; }
img    { border: 0 }

body     { background-color: #ffffff; }

/* DIV um alles herum, mittig positioniert */
#wrapper { position: absolute; width: 970px; left: 50%; margin-left: -485px; margin-top: 10px; z-index: 200 }
/* Versteckt vor IE 5 MAC */
/*@media all { #wrapper  { top: 50%; margin-top: -290px; }}*/

#wrapper { overflow: hidden }

#header { height: 150px; background-color: #0186b1 }
#header h1 span { visibility: hidden; display: none }

#footer { height: 68px; background-color: #fff; position: relative    }
/*#footer { height: 78px; background-color: #fff; position: fixed; bottom: 0;   }*/
#footer #mail { position: absolute; top: 33px; left: 311px  }
#footer #mail a:link { color: #fff; text-decoration: none }
#footer #mail a:hover { text-decoration: underline }

#contentwrap { position: relative; overflow: hidden; zoom: 1 }
#contentwrap .clleft { clear: left; height: 1px; line-height: 1px; font-size: 1px }

#naviwrap { float: left; width: 287px; height: 285px; position: relative;  }
#naviwrap  { background-image: url("../gfx/line1.jpg"); background-repeat: no-repeat; background-position: right 27px }
#naviwrap #navi { position:absolute; top:45px; left: 24px;  }


#content { float: left; margin-left: 30px; margin-top: 30px; width: 610px;  }

#subnav { height: 83px; border-bottom: #0186b1 1px solid; background-color: #fff; font-size: 1px;  line-height: 5px; }
#subnav a:link { font-size: 12px }
#subnav1 { margin-left: 50px; padding-top: 19px; padding-bottom: 8px }
#subnav2 { text-align: right }


#content h1 { margin-bottom: 10px } 
#content h2 { margin-bottom: 15px } 
#content p  { margin-bottom: 10px; padding-right: 15px } 

#content ul  {  margin-bottom: 10px; margin-left: 40px; padding-left: 0 }
#content ul li { list-style-type: circle; list-style-image: url("../gfx/bull_li.gif"); }

  
#line {position:absolute;
   top: 220px; 
   width: 264px; 
   height: 84px;
}
 
#navigation {position:absolute;
   left:20px; 
   top: 48px; 
   width: 264px; 
   height: 213px;
   }



#karin {position:absolute;
 left:800px; top:272px;}
 

/* Typo */

body {font-family: Helvetica; font-size: 14px; line-height: 18px; }


.head {
 text-transform: uppercase;
 font-weight: normal;
 font-size: 14px;
 color: #0186b1;
}
 .head2 {
 font-weight: bold;
 font-size: 14px;
 color: 000000;
}

 #mail {position:absolute;
 left: 469px; 
 top: 591px; 
 font-family: Helvetica;
 font-weight: normal;
 font-size: 13px;
 }


#adr2010 { position: absolute; top: 25px; right: 0px; width: 279px; height: 50px; z-index: 300 }