/* CSS Document 4 Abwasserverband Mittleres Schwarzatal by kessler.at */

body{
margin:0;
padding:0;
font-family: Tahoma, Verdana, Sans Serif;
line-height:1.2em;
text-align:center;
background:#FFF url(../pix/hg-body.gif) repeat-x;
}
.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;
}

#page{
margin:0 auto;
text-align:left;
width:990px;
position:relative;
background:url(../pix/wellen.gif) top center no-repeat;
}

#top{
position:relative;
height:420px;
background-position: bottom right;
background-repeat: no-repeat;
}
#top.hgbild1{ background-image:url(../pix/hg-top1.jpg); }
#top.hgbild2{ background-image:url(../pix/hg-top2.jpg); }
#top.hgbild3{ background-image:url(../pix/hg-top3.jpg); }
#top.hgbild4{ background-image:url(../pix/hg-top4.jpg); }
#top.hgbild5{ background-image:url(../pix/hg-top5.jpg); }
#top.hgbild6{ background-image:url(../pix/hg-top6.jpg); }
#top.hgbild7{ background-image:url(../pix/hg-top7.jpg); }
#top.hgbild8{ background-image:url(../pix/hg-top8.jpg); }
#top.hgbild9{ background-image:url(../pix/hg-top9.jpg); }
#top.hgbild10{ background-image:url(../pix/hg-top10.jpg); }
#top.hgbild11{ background-image:url(../pix/hg-top11.jpg); }
#top h1{
width:270px;
height:110px;
overflow:hidden;
margin:0;
padding:0;
position:absolute;
left:0;
top:15px;
font-size:0.8em;
text-indent:-999px;
}
#top h1 a{
text-decoration:none;
color:#039;
}
#top h1 span{
background-image: url(../pix/logo-abwasserverband-ms.gif);
background-repeat: no-repeat;
position:absolute;
top:0;
left:0;
width:270px;
height:110px;
z-index:10;
}
#wappen{
position:absolute;
right:0;
top:65px;
text-align:right;
}
#wappen img{
margin-left: 15px;
}
#navi{
font-size:1.1em;
position:absolute;
left:5px;
top:155px;
width:260px;
font-family: Gill Sans, Tahoma, Verdana, Sans Serif;
text-transform:uppercase;
}
#navi ul{
margin:0;
padding:0;
list-style-type:none;
}
#navi li{
letter-spacing:0.2em;
margin:20px 0;
padding:0;
}
#navi li a{
text-decoration: none;
display:block;
color:#FFF;
}
#navi li a:visited{
color:#EEE;
}
#navi li a:hover{
color:#FC3;
}

#subnavi{
margin:0;
padding:0;
list-style-type:none;
font-size: 0.8em;
font-family:Tahoma, Verdana, sans-serif;
position:absolute;
left:5px;
top:430px;
text-transform:none;
letter-spacing:normal;
line-height:1.2em;
}
#subnavi li{
margin:10px 0;
padding:0 5px;
border-left:2px solid #05B;
}
#subnavi li a{
text-decoration: none;
display:block;
padding:0 5px;
color:#000;
}
#subnavi li a:visited{
color:#222;
}
#subnavi li a:hover{
text-decoration:underline;
color:#04A;
}
#subnavi .aktli a{
cursor:default;
color:#04A;
text-decoration:none;
font-weight:bold;
}
#subnavi .aktli a:hover{
text-decoration:none;
color:#000;
}

#verband #navi .liverband a, #kanal #navi .likanal a, #anlage #navi .lianlage a, #aktuelles #navi .liaktuelles a, #service #navi .liservice a, #wissenswertes #navi .liwissenswertes a{
cursor:default;
color:#FC3;
text-decoration:none;
font-weight:bold;
}

#text{
margin-left:270px;
min-height:270px;
}
#text h2{
font-family: Gill Sans, Tahoma, Verdana, Sans Serif;
font-size: 1.2em;
font-weight:normal;
color:#05B;
text-transform:uppercase;
margin-bottom:0.5em;
}
#text h3{
font-size: 1em;
font-weight:normal;
border-bottom:2px solid #CCC;
color:#04A;
margin-bottom:-0.5em;
padding-top:0.5em;
}
#text h4{
font-size: 0.9em;
color:#039;
}
#text p, #text li{
font-size: 0.8em;
}
#text a{
color:#039;
}
#text a:visited{
color:#04A;
}
#text a:hover{
color:#000;
text-decoration:none;
}
#text h3 a{
color:#04A;
text-decoration:none;
}
#text .meldung{
width:100%;
float:left;
}
#text .meldung h3{
margin-top:0;
padding-top:0;
}
#content .vcard{
float:left;
width:350px;
margin-right:5px;
margin-bottom:0.5em;
margin-left:5px;
}
#content #fototable .tdfoto{
border: 1px solid #04A;
background-color:#DEF;
text-align:center;
padding:10px;
}
#content #fototable th{
font-size:0.7em;
font-weight:normal;
}

#text .foto{
float:left;
margin-top:0.5em;
margin-right:1em;
margin-bottom:0.5em;
margin-left:0;
}
#fototable {
border:none;
padding:0;
margin:0;
width:100%;
}
#fototable td.fotozelle{
padding:5px;
margin:5px;
border:1px solid #000;
background-color:#FFF;
text-align:center;
}

#content .textnormal{
background-color: #FFF;
border: 1px solid #666;
color: #000;
}
#content .textfocus{
background-color: #FFF;
border: 1px solid #000;
color: #000;
}
#content .button{
border: 1px solid #000;
background-color: #FFF;
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{
margin:0 auto;
background:#FFF url(../pix/hg-bottom.gif) repeat-x;
text-align:center;
}
#bottom ul{
margin:0;
margin-left:270px;
padding:15px 0;
list-style-type:none;
}
#bottom li{
font-size: 0.7em;
display:inline;
}
#bottom a{
margin-right:0.5em;
color:#999;
text-decoration:none;
}
#bottom a:visited{
color:#AAA;
}
#bottom a:hover{
color:#333;
}
#alexa{
position:absolute;
left:-999em;
top:-999em;
width:0;
height:0;
overflow:hidden;
}