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

body{
margin:0;
padding:0;
background: #EED url(../pix/hg-body.jpg) repeat-x;
font-family: Trebuchet MS, 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:0 auto;
margin-bottom:1em;
text-align:left;
width:920px;
position:relative;
background: url(../pix/hg-page.jpg) no-repeat; 
}
#top{
height:220px;
overflow:hidden;
margin:0;
padding:0;
position:relative;
letter-spacing:0.05em;
}
#top a{
color:#FFF;
text-decoration:none;
}
#top h1{
font-size:0.9em;
margin-top:110px;
margin-bottom:0;
margin-left:265px;
line-height:30px;
letter-spacing:1px;
}
#top h1 span{
position:absolute;
left:105px;
top:10px;
width:415px;
height:90px;
background: url(../pix/logo-pytelka.gif) no-repeat; 
}

#content{
background-color:#FFF;
margin:0 10px;
}

#navi{
background: url(../pix/hg-navi.jpg) no-repeat; 
width:240px;
position:absolute;
left:10px;
top:220px;
}
#navi h3{
display:none;
}
#navi h4{
letter-spacing:1px;
text-indent:15px;
color:#FFF;
margin:0;
padding:0;
line-height:50px;
font-size:0.9em;
}
#navi dl, #navi dt, #navi dd, #navi ul, #navi li{
margin:0;
padding:0;
list-style-type:none;
}
#navi dl{
margin:15px;
font-size: 0.9em;
}
#navi dt a, #navi li a{
display:block;
color: #666;
line-height:30px;
border-bottom:1px dotted #CCD;
background: url(../pix/navi-pfeil.gif) 100% 0 no-repeat;
}
#navi dt a:hover, #navi li a:hover{
color: #AC0;
text-decoration: none;
background: url(../pix/navi-pfeil.gif) 100% 100% no-repeat;
}

#schaedlingsbekaempfung .lischaedlingsbekaempfung a, #holzschutz .liholzschutz a,  #haccp .lihaccp a, #schwammsanierung .lischwammsanierung a, #pytelka .lipytelka a, #kontakt .likontakt a, #rattenbekaempfung .lirattenbekaempfung a, #gesetze .ligesetze a, #infos .liinfos a{
padding-left:10px;
color:#000;
text-decoration: none;
cursor:default;
}
#text{
margin:15px;
margin-left:255px;
}
#text h2{
font-size: 1em;
color: #000;
margin-top: 0; 
}
#home #text h2{
margin:0;
}
#text h3{                                                
font-size: 0.9em;
color: #333;
border-bottom:3px double #CD3;
}
#text h4{
font-size: 0.9em;
}
#text p, #text li{
font-size: 0.8em;
}
#text a{
color: #666;
}
#text a:visited{
color: #333;
}
#text a:hover{
color: #AC0;
text-decoration:none;
}
#text h3 a{
color: #333;
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 .infobox{
width: 250px;
float: right;
margin: 0 0 5px 5px;
border-left: 5px solid #AC0;
background-color: #EED;
font-style: italic;
font-size: 0.9em;
}
#text .infobox p{
margin-top:5px;
padding: 0 5px;
}
#content .foto{
float:left;
margin-right:1em;
}
#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 #AC0;
background-color: #CD3;
color: #000;
font-weight:bold;
}
#content label b{
text-align:right;
display:block;
float:left;
width:8em;
margin-right:0.5em;
font-weight:normal;
}
#content .anmerkung{
font-size:0.7em;
color:#666;
}
#bottom{
background: url(../pix/hg-bottom.jpg) no-repeat;
height:70px;
text-align:center;
}
#bottom ul{
margin:0;
padding:0;
list-style-type:none;
padding-top:40px;
}
#bottom li{
font-size: 0.7em;
display:inline;
}
#bottom a{
margin:0 5px;
padding:5px;
color:#EED;
}
#bottom a:hover{
color:#AC0;
text-decoration:none;
}
#alexa{
position:absolute;
left:-999em;
top:-999em;
width:0;
height:0;
overflow:hidden;
}