/* 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;
}
#schaedling #navi .ulschaedling{
margin-left:10px;
display:block;
}

#home .lihome a, #schaedling .lischaedling a, #begasungen .libegasungen a, #holzschutz .liholzschutz a, #taubenabwehr .litaubenabwehr 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{
color: #900;
text-decoration: none;
}
.lihome a{
margin-top:10px;
}
#text{
margin-top:20px;
margin-left:240px;
width:640px;
min-height:400px;
}
* html #text{
height:400px;
}
#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{ width: 60%; padding-right:10px; }
#text td.subcol{ 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;
}
#alexa{
position:absolute;
left:-999em;
top:-999em;
width:0;
height:0;
overflow:hidden;
}