/* CSS Document */
body, html{
height:100%;
}
body{
background-color: #EEE;
background-image: url(../pix/hg-body.gif);
background-position: 49em 0;
background-repeat: repeat-y;
font-family: Verdana, Tahoma, sans-serif;
line-height:1.1em;
margin:0;
padding:0;
}
h1{
color:#039;
font-size: 1em;
}
h2{
font-size: 0.9em;
}
h3{
font-size: 0.9em;
font-weight: normal;
color:#039;
}
h4{
font-size: 0.8em;
color:#FFF;
background-color:#15A;
clear:both;
margin-bottom:0.5em;
padding:0.2em;
}
#content p, #content li{
font-size: 0.8em;
}
th{
background-color:#15A;
color:#FFF;
font-weight:bold;
}
a{
color:#039;
}
a:visited{
color:#028;
}
a:hover{
color:#B00;
text-decoration:none;
}
a:focus{
outline:none;
}
img{
border:0;
}
.skiplink{
position: absolute;
left: -1000px;
top: -1000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
font-size:0.7em;
}
.clear{
clear:both;
}

#page{
width:49em;
background-color: #EEE;
height:100%;
}
#top{
background-color:#15A;
background-image: url(../pix/bkgr/top-bg.gif);
background-repeat: repeat-x;
height:120px;
}
#top h1{
font-size: 1.5em;
letter-spacing: 0.1em; 
margin:0;
text-align:center;
}
#top h1 a{
color:#FFF;
text-decoration:none;
}
#navi{
position:absolute;
left:0;
top:120px;
width:10em;
}
#navi dl, #navi dt, #navi ul, #navi li{
margin: 0;
padding: 0;
list-style-type: none;
}
#navi dl{
background-image: url(../pix/bkgr/nav-unten.gif);
font-size:0.8em;
background-repeat:no-repeat;
background-position:bottom right;
padding-bottom:30px;
}
#navi dd, #navi dt{
cursor: pointer;
margin: 0;
background-color: #15A;
background-image: url(../pix/hg-navi_blau.gif);
background-repeat: repeat-x; 
border-right: 1px solid #039; 
}
#navi dd a, #navi dt a{
color: #FFF;
text-decoration: none;
display: block;
border: 0;
padding: 0.2em 0.4em;
width:100%;
}
#navi dd a:visited, #navi dt a:visited{
color: #EEE;
}
#navi dd a:hover, #navi dt a:hover{
color: #FD0;
}
#navi dd ul{
display:none;
}
#heizung .heizung span a, #bad .bad span a, #wasser .wasser span a, #klima .klima span a, #service .service span a, #staubsauger .staubsauger span a, #home .home span a, #kontakt .kontakt span a, #partner .partner span a, #ueberlsi .ueberlsi span a, #jobs .jobs span a{
color: #FD0;
}
#heizung .heizung ul, #bad .bad ul, #wasser .wasser ul, #klima .klima ul, #service .service ul{
display:block;
margin-left:0.5em;
}
#navi li{
background-color: #FE8;
background-image: url(../pix/bkgr/umbut-bg.gif);
background-repeat: repeat-x; 
}
#navi li a{
color: #000;
text-decoration: none;
display: block;
border: 0;
padding: 0.1em 0.5em;
}
#navi li a:hover{
color: #B00;
}
#navi .home{
margin-top: 2px;
}

#content{
margin:0.5em;
margin-left: 10.5em;
padding:0 0.5em;
border:1px solid #CCC;
background-color: #FFF;
background-image: url(../pix/hg-content.gif);
background-repeat: repeat-x;
}
.meldung{
border-left:5px solid #004499; 
border-right:5px solid #004499; 
background-color: #DDEEFF; 
margin-bottom:10px;
}
.meldung span{
display:block;
height:1px;
clear:left;
}
.meldung p{
padding:0.4em;
}
.meldung img{
margin-right:0.4em;
}
.partnerbetrieb{
float:left;
width:46%;
margin: 0 0.5em 0.5em 0;
background-color:#DDE;
padding:0.5em;
min-height:8.5em;
}
.linkblock{
text-align:center;
border-left:5px solid #FFDD00; 
border-right:5px solid #FFDD00; 
background-color: #FFFFBB; 
padding:5px 0;
margin-right:10px;
} 
.foto{
margin-top:0.3em;
margin-right:0.5em;
}

#abschluss{
margin: 0.5em;
margin-left: 10.5em;
text-align:center;
}
#abschluss p{
margin:0;
font-size: 0.7em;
color:#888;
}
#abschluss a{
color:#888;
}
#abschluss a:hover{
text-decoration:none;
}
#banner{
position:absolute;
left:50em;
top:1.5em;
}

#alexa{
position:absolute;
left:-999em;
top:-999em;
width:0;
height:0;
overflow:hidden;
}