body  {
  color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-style: small;
 font-size: small;
 font-weight: normal;
 background-color: #FFF;
 }
 /* alternativ auch ../listimag/holz_2137c.jpg*/
 #kopf{
  height: 150px;
  background-image:url(../listimag/schindel_9308.jpg);
  margin:0px; padding:0px;
   }
 #kopfpilz {
  height: 150px;
  background-image:url(../listimag/penvulp_ww1907.jpg);
  margin:0px; padding:0px;
  }
#kopf img {
width: 797px;
margin-left: 0px;
margin-top: 15px;
}
#kopfpilz img {
width: 797px;
margin-left: 0px;
margin-top: 15px;
}
.fontextra{
font-size: 200%;
color: brown;
 }
h1 {
font-size: 150%;
color: green;
 }
  h2 {
 font-size: 130%;
 }
 h3 {
 font-size: 110%;
 margin-left: 1em;
 }
 address {
 font-size: 80%;
 font-style:normal;
 letter-spacing: 2px;
 padding-top: 10px;
 border-top: 1px solid #003399;
 margin-top:20px;
 }
 a img {
 border: 0; /* kein Rahmen, wenn ein Bild ein Hyperlink ist */
}
/* in index.htm Position der haus-bild Grafik*/
#titelbild {
 position: absolute;
 left: 210px;
 top: 165px;
 width : 798px;
 height : 110px;
 z-index : 6;
 vertical-align : middle;
  }
#leben {
position: absolute;
top: 425px;
left :250px;
margin-right:240px;
font : 120% Verdana, Arial, sans-serif;
text-align : center;
font-size: small;
color:blue;
padding : 3px;
z-index : 1;
}
 #kalamit {
 position: absolute;
 left: 275px;
 top: 540px;
 font-size: 12px;
 color:brown;
 z-index : 1;
 }
#spalterechts {
 position : absolute;
 top : 165px;
 left : 557px;
 width : 235px;
 background-color : #ffffcc;
 font : 90% Verdana, Arial, sans-serif;
 padding : 10px 0px 15px 15px;
 visibility : visible;
 z-index : 1;
}
#navi {
position : absolute;
float: left;
top: 165px;
width: 140px;
color: white;
background-color: #004477;
list-style: none;
padding: 20px;
margin: 0;
}
#navi a{
display: block;
color: white;
text-decoration: none;
padding: 4px;
border-left: 5px solid #004477;
}
#navi li {
padding: 2px;
margin: 2px;
}
#startseite #nav-startseite, #bwu #nav-bwu, #leistung #nav-leistung, #hylo #nav-hylo, #bwm #nav-bwm, #pilze #nav-pilze, #ehs #nav-ehs, #whs #nav-whs, #anobium #nav-anobium, #antrod #nav-antrod, #zaun #nav-zaun, #seign #nav-seign, #mykotox #nav-mykotox, #stern #nav-stern, #sgh #nav-sgh, #dina #nav-dina, #jring #nav-jring, #hausmould #nav-hausmould, #hausbo #nav-hausbo, #ehshyme #nav-ehshyme, #lehm #nav-lehm, #impr #nav-impr, #indorfungi #nav-indorfungi, #def #nav-def, #link #nav-link, #kammp #nav-kammp, #model #nav-model, #mouldserv #nav-mouldserv, #kws #nav-kws, #crepid #nav-crepid, #insect #nav-insect, #joch #nav-joch, #ptil #nav-ptil,#myx #nav-myx, #rhizo #nav-rhizo, #lich #nav-lich,#relevant #nav-relevant, #selten #nav-selten, #holzpilz #nav-holzpilz, #schimtaf #nav-schimtaf, #rost #nav-rost, #a #nav-a, #b #nav-b,#stachybotrys #nav-stachybotrys,#taxehs #nav-taxehs, #ziegel #nav-ziegel, #scopulariopsis #nav-scopulariopsis, #paras1 #nav-paras1, #gruenspan #nav-gruenspan, #hexe #nav-hexe, #referenz #nav-referenz,
#navi  a:hover{
color: black;
background-color: #ffffcc;
border-left: 5px solid #de0029; /*rote Rahmenlinie links */
}
#einfuhr {
float: right;
width: 300px;
padding: 20px;
}
#inhalt {
top:180px;
margin-left: 200px; /*Gesamtbreite #navi: 185px */
width: 700px;}
#fussl {
 font : 80% sans-serif;
 text-align : center;
}
div#tops {
 position : relative;
 margin-left : 500px;
 width : 0;
 padding : 10px;
}
 #count {
 position : absolute;
 left : 55px;
 top : 670px;
 height : 17px;
 z-index : 3;
 visibility : visible;
}
#weiter1 {
 position : absolute;
 top : 250px;
 left : 500px;
 padding : 0;
 z-index : 6;
}
#gogle {
 position : absolute;
 width: 120px;
 top : 275px;
 left : 835px;
 z-index : 6;
}
#odp {
 position : absolute;
 top : 170px;
 left : 835px;
 z-index : 6;
}
#tip {
 position : absolute;
 top : 380px;
 left : 820px;
 font-size : 8pt;
 z-index : 6;
}
.copyr {
 text-align : left;
 font-size : 8pt;
 background-color : #cccc99;
 z-index : 1;
}
.greek {
 font-size : 13px;
 font-weight:bold;
 font-family : 'GreekMathSymbols', GreekS, GreekC, Symbol;
}
.c1 {
 margin : 0.5cm;
 background-color : #ffff99;
 list-style-type : none;
 line-height : 14pt;
 padding : 10px;
 text-align : center;
 font-size: 1.3em;
 color: darkgreen;
 table-layout: fixed;
}
span.c2 {
 font-variant : small-caps;
}
.c2 {text-align:justify;
}
.c5 {
 background-color : #ffffcc;
}
.c6 {
 background-color : #cec6a6;
 line-height : 15pt;
 text-align : left;
 margin-right : 30px;
 margin-left : 20px;
 padding : 5px 15px 5px 35px;
}
.c7 {
 background-color : #cec6a6;
 line-height : 15pt;
 text-align : left;
 margin-right : 30px;
 margin-left : 20px;
 padding : 5px 15px 15px 15px;
}  /*hsTODO- Tabellnformation in pilze.html , Kurzcharakteristika der Reiche*/
.dispo {
 margin-left :5px;
 margin-right :15px;
  list-style-type : none;
  font-size: small;
 text-align: left;
 color: darkgreen;
 background-color : #ffff99;
 table-layout : fixed;
 padding : 10px;
}
*.c8 {
 font-size:0.85em;
 color:darkgreen;
 text-align:justify;
 margin-left:5px;
 margin-right:5px;
 }
 *.c9 {
 background-color:#FFFFFF;
 padding:0.5em;
 } /*hsTODO- TabellenZellenhintergrund in pilze.html , Kurzcharakteristika der Reiche*/
 .c10 {
font-size: 0.9em;
text-align: justify;
}
.c11 {
 margin-left : 5px;
 margin-right : 5px;
 text-align: left;
 color: darkgreen;
 background-color : #ffff99;
 table-layout : fixed;
 width:600px;
}
.c12 {
font-size: 0.85em;
text-align: justify;
}
.c13 {
font-size: 0.85em;
text-align: justify;
background-color:#fedcba;
}
#blockli {
 width : 210px;
 float : left;
 padding : 0;
}
a.intern {
 color : #003399;
 text-decoration : none;
 }
 a.extlink {
 color : #990000;
 }
 a:hover {
 background : #ffff00;
 }
#ueber1 {
 text-align : center;
 font-size : 1.6em;
 font-stretch : expanded;
 letter-spacing : 9px;
 text-decoration : underline;
 text-transform : none;
 font-variant : small-caps;
 background : #b9b8e2;
z-index : 1;
}
div#box1 {
 width : 20em;
 height : 7em;
 background-color : yellow;
 font : 100% Verdana, Arial, sans-serif;
 text-align : center;
 padding : 1em 1em 3em 1em;
 z-index : 6;
}
 div#box2 { float: left;
 width : 17em;
 height : 9em;
 background-color : #0aaaa1;
 font : 0.9em Verdana, Arial, sans-serif;
 padding:1em;
}
 div#box3 {
 width : 19em;
 height : 9em;
 background-color : #99FFFF;
  font : 0.9em Verdana, Arial, sans-serif;
 padding : 1em;
 z-index : 1;
}
 div#box4 {
 margin-left: 11em;
 width : 29em;
 height : 18em;
 background-color : #ccff99;
 padding : 10px 20px 5px 5px;
}
div#box5 { float: right;
 font-size:0.85em;
 background-color : #ccff99;
 padding : 10px 20px 5px 5px;
}
.clear {
 clear : both;
}
@media print {
.ohnedruck{display:none;
margin-left: 0em;
padding:0;}
}
*.c4 { background-color: #FFFF99;
padding: 1em 0em 1em 4em;
margin-left:2em;
margin-right:6em;
}
*.hinterlegt { background-color: #FFFF99;
padding: 1em;
}
.koli {
margin-left: 4.5em;
text-align:left;
}
.sub {
margin-left:0.9em;
font-size:0.85em;
}
.subsub {
margin-left:1.5em;
font-size:0.85em;
}
ul.litz {
 color : maroon;
 list-style-type : decimal;
}
#homepfeil {
 width : 100px;
 float : right;
}
/*hsTODO "S.Petzoldt" Beginn Horizontal Navigation*/
#naviline ul{
position: absolute;
margin-left:15em;
padding:0;
list-style-type:none;
}
#naviline ul li {
display: inline;
}
#naviline ul li a{
  color:#FFF;
 background-color:#53403C;
 width: 9em;
 padding: .2em .8em;
 text-decoration:none;
}
#naviline ul li a:hover{
 background-color yellow;
 color: red;
}
 #active a {
  display:block;
  color:#FFF;
  background-color:#600;
  width: 9em;
  padding: .2em .8em;
  text-decoration:none;
 }

#slide
{position: fixed;Left: 5px; Top: 150px;
}
/*Lage der transparenten gifs im titelbild*/
#tr1
{position : absolute;
 top : 170px;
 left : 120px;
 }
#tr2
{position : absolute;
 top : 90px;
 left : 100px;
}
#tr3
{position : absolute;
 top : 80px;
 left : 200px;
}