/* CSS 4 www.flanyek.at by www.kessler.at */
body{
background: #FFF url(../pix/hg-body.jpg) 0 85px repeat-x;
font-family: Verdana, Tahoma, sans-serif;
line-height:1.1em;
margin:0 auto;
padding:0;
width:49.5em;
position:relative;
}
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;
}

#top{
height:130px;
position:relative;
}
#top h1{
font-size: 1em;
margin:0;
position:absolute;
left:0;
top:0;
width:300px;
height:60px;
overflow:hidden;
}
#top h1 a{
color:#FFF;
}
#top h1 span{
position:absolute;
left:0;
top:0;
width:300px;
height:60px;
background:#FFF url(../pix/logo-flanyek.gif) no-repeat;
z-index:1;
}
#top h2{
margin-left: 320px;
padding-top:25px;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
}
#navi{
position:absolute;
left:0;
top:130px;
width:10em;
background:#89B url(../pix/hg-navi.gif) top right repeat-y;
border:1px solid #444;
}
#navi dl, #navi ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#navi dl{
font-size:0.8em;
}
#navi dd, #navi dt{
margin: 0;
}
#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:hover, #navi dt a:hover{
color: #444;
}
#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, #team .team span a, #referenzen .referenzen span a{
color: #000;
cursor:default;
}
#heizung .heizung ul, #bad .bad ul, #wasser .wasser ul, #klima .klima ul, #service .service ul{
display:block;
margin-left:0.5em;
}
#navi li a{
color: #CDF;
text-decoration: none;
display: block;
border: 0;
padding: 0.1em 0.5em;
}
#navi li a:hover{
color: #444;
}
#navi .home{
margin-top: 2px;
}

#content{
margin-left: 11em;
padding:0 0.5em;
border:1px solid #444;
background-color: #FFF;
background-image: url(../pix/hg-content.gif);
background-repeat: repeat-x;
}
#content h1{
color:#89B;
font-size: 1em;
margin-top:0.5em;
}
#content h2{
font-size: 0.9em;
}
#content h3{
font-size: 0.9em;
font-weight: normal;
color:#ABD;
}
#content h4{
font-size: 0.8em;
color:#FFF;
background-color:#89B;
clear:both;
margin-bottom:0.5em;
padding:0.2em;
}
#content p, #content li{
font-size: 0.8em;
}
#content th{
background-color:#89B;
color:#FFF;
font-weight:bold;
}
#content a{
color:#89B;
}
#content a:hover{
color:#ABD;
text-decoration:none;
}
#content h3 a{
text-decoration:none;
}
#content .meldung{
clear:both;
}
#fototable {
border:none;
padding:0;
margin:0;
width:100%;
}
#fototable td.fotozelle{
padding:5px;
margin:5px;
border:1px solid #89B;
background-color:#EEF;
text-align:center;
}

.foto{
float:left;
margin-top:0.3em;
margin-right:0.5em;
margin-bottom:0.5em;
}

#abschluss{
margin: 0.5em 0;
margin-left: 11em;
text-align:center;
}
#abschluss p{
margin:0;
font-size: 0.7em;
color:#999;
}
#abschluss a{
color:#999;
}
#abschluss a:hover{
text-decoration:none;
}