/* Screen CSS Document 4 Singer by kessler.at */

body{ margin:0; padding:0; background: #FED url(../pix/hg-body.jpg) 50%; font-family: Arial, Tahoma, Sans Serif; line-height:1.2em; text-align:center; }
.skiplink{ position: absolute;  left: -1000px; top: -1000px; width: 0px; height: 0px; overflow: hidden; display: inline; font-size:0.7em;  }
.clear{ clear:both; }
img{ border:0; }
a:focus{ outline:none; }
#page{ margin:2em auto; text-align:left; width:900px; position:relative; background: url(../pix/hg-page.jpg) repeat-y;  }
*[#page]{ background: url(../pix/hg-page.png) repeat-y;  }
#top h1{ width:900px;  height:180px; overflow:hidden; margin:0; padding:0; position:relative; font-size:0.8em; }
#top h1 a{ color:#FFF; display:block; text-decoration:none; }
#top h1 span{ cursor:pointer;  background-repeat: no-repeat; position:absolute; top:0; left:0; width:900px; height:180px; }
.foto1 span{ background-image:url(../pix/hg-top1.jpg); }
.foto2 span{ background-image:url(../pix/hg-top2.jpg); }
.foto3 span{ background-image:url(../pix/hg-top3.jpg); }
.foto4 span{ background-image:url(../pix/hg-top4.jpg); }
#content{ background: url(../pix/holzwurm.gif) 50px 100% no-repeat; padding-bottom:50px; }
#navi{ letter-spacing:0.05em; font-size: 0.8em; width: 160px; position:absolute; left:40px; top:200px; }
#navi dl, #navi dt, #navi dd, #navi ul, #navi li{ margin:0; padding:0; list-style-type:none; }
#navi dt a, #navi li a{ display:block; color: #036; }
#navi dt a:hover, #navi li a:hover{ background-image: none; color: #900; text-decoration: none; }
#navi .ulschaedling{ display:none; }
#schaedlingsbekaempfung #navi .ulschaedling, #rattenbekaempfung #navi .ulschaedling, #gesetze #navi .ulschaedling, #schaedling #navi .ulschaedling { margin-left:10px; display:block; }
#home .lihome a, #schaedlingsbekaempfung .lischaedling a, #begasungen .libegasungen a, #holzschutz .liholzschutz a,  #haccp .lihaccp a, #desinfektionen .lidesinfektionen a, #schimmel .lischimmel a, #bautenschutz .libautenschutz a, #reinigung .lireinigung a, #pflanzenschutz .lipflanzenschutz a, #geruchsbeseitigung .ligeruchsbeseitigung a, #singer .lisinger a, #kontakt .likontakt a, #referenzen .lireferenzen a, #team .liteam a, #taubenabwehr .litaubenabwehr a, #rattenbekaempfung .lirattenbekaempfung a, #gesetze .ligesetze a, #schaedling .liinfoseiten a{ color: #900; text-decoration: none; cursor:default; }
.lihome a{ margin-top:10px; }
#text{ margin-top:20px; margin-left:240px; width:640px; min-height:450px; }
* html #text{ height:450px; }
#text h2{ font-size: 1em; color: #036; margin-top: 0; }
#home #text h2{ margin:0; } 
#text h3{ font-size: 0.9em; color: #058; border-bottom:2px solid #058; }
#text h4{ font-size: 0.8em; }
#text p, #text li{ font-size: 0.8em; }
#text a{ color: #036; }
#text a:visited{ color: #047; }
#text a:hover{ color: #058; text-decoration:none; }
#text h3 a{ color: #058;  text-decoration:none; }
#text strong{ font-weight:normal; }
#text table{ border:0 none; padding:0; margin:0; }
#text td.maincol{ padding-right:10px; }
#text td.subcol{ max-width: 40%; padding-left:10px; }
#text .meldung{ width:100%; float:left; }
#text .anmerkung{ border-top: 1px dashed #BBB; color: #BBB; font-size: 0.6em; }
#text .anmerkung a{ color: #BBB; }
#text .infobox{ width: 14em; float: right; margin: 0 0 5px 5px; border-left: 5px solid #059; background-color: #DEF; padding: 0 5px; font-style: italic; font-size: 0.9em; }
#text .backlink{ padding-left: 15px; background-image: url(../pix/back0.gif); background-repeat: no-repeat;
background-position: 0 50%; }
#text .backlink:hover{ background-image: url(../pix/back1.gif); }
#content .foto{ float:left; margin-right:0.5em; }
#fototable { border:none; padding:0; margin:0; width:100%; }
#fototable td.fotozelle{ padding:5px; margin:5px; border:1px solid #058; background-color:#FFF; text-align:center; }
#content .textnormal{ background-color: #FFF; border: 1px solid #666; color: #000; }
#content .textfocus{ background-color: #FFD; border: 1px solid #000; color: #000; }
#content .button{ border: 1px solid #000; background-color: #FC0; color: #000; font-weight:bold; }
#content label b{ text-align:right; display:block; float:left; width:8em; margin-right:0.5em; font-weight:normal; }
#bottom{ background: #036 url(../pix/hg-bottom.jpg) no-repeat; width:900px; height:60px; letter-spacing:0.05em; }
#bottom ul{ margin:0 240px; padding:20px 0; list-style-type:none; }
#bottom li{ font-size: 0.7em; display:inline; }
#bottom a{ color:#CDE; margin-right:0.5em; }
#bottom a:hover{ text-decoration:none; }
#social{ text-align:right; font-family:Arial, sans-serif; position:absolute; bottom:70px; right:10px; }

