body   { background-color: #fff; margin: 0; border-width: 0; scrollbar-shadow-color: ffffff; scrollbar-arrow-color: 006699; scrollbar-base-color: c5c5c5; scrollbar-track-color: e5e5e5;  }

#main    { text-align: center; margin: 0; position: absolute; width: 100% }
#head    { line-height: 79px; margin: 0 auto; width: 790px; height: 79px }

/*navigation oben anfang------------------------------------*/
#navigation         { color: #fff; font-size: 10px; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 28px; background-image: url("../media/images/navigation/navigation.jpg"); text-align: left; margin: 0 auto; position: relative; top: 0; width: 790px; height: 28px }

#ipunkt a:link      { color: #ffffff; text-decoration: none; background-image: url("../media/images/navigation/ipunkt.jpg"); width: 149px; height: 28px; float: left }
#ipunkt a:visited  { color: #ffffff; background-image: url("../media/images/navigation/ipunkt.jpg"); width: 149px; height: 28px; text-decoration: none; float: left; }
#ipunkt a:hover  { color: #ffffff; background-image: url("../media/images/navigation/ipunkt-over.jpg"); background-repeat: no-repeat; width: 149px; height: 28px; text-decoration: none; float: left; }
#ipunkt a:active  { color: #ffffff; background-image: url("../media/images/navigation/ipunkt.jpg"); background-repeat: no-repeat; width: 149px; height: 28px; text-decoration: none; float: left; }

#wasser a:link     { color: #ffffff; text-decoration: none; background-image: url("../media/images/navigation/wasser.jpg"); width: 149px; height: 28px; float: left; }
#wasser a:visited  { color: #ffffff; background-image: url("../media/images/navigation/wasser.jpg"); width: 149px; height: 28px; text-decoration: none; float: left; }
#wasser a:hover  { color: #ffffff; background-image: url("../media/images/navigation/wasser-over.jpg"); background-repeat: no-repeat; width: 149px; height: 28px; text-decoration: none; float: left; }
#wasser a:active  { color: #ffffff; background-image: url("../media/images/navigation/wasser.jpg"); background-repeat: no-repeat; width: 149px; height: 28px; text-decoration: none; float: left; }

#fernwaerme a:link    { color: #ffffff; text-decoration: none; background-image: url("../media/images/navigation/fernwaerme.jpg"); width: 149px; height: 28px; float: left; }
#fernwaerme a:visited  { color: #ffffff; background-image: url("../media/images/navigation/fernwaerme.jpg"); width: 149px; height: 28px; text-decoration: none; float: left; }
#fernwaerme a:hover  { color: #ffffff; background-image: url("../media/images/navigation/fernwaerme-over.jpg"); background-repeat: no-repeat; width: 149px; height: 28px; text-decoration: none; float: left; }
#fernwaerme a:active  { color: #ffffff; background-image: url("../media/images/navigation/fernwaerme.jpg"); background-repeat: no-repeat; width: 149px; height: 28px; text-decoration: none; float: left; }

#verbrauch a:link    { color: #ffffff; text-decoration: none; background-image: url("../media/images/navigation/verbrauch.jpg"); width: 149px; height: 28px; float: left; }
#verbrauch a:visited  { color: #ffffff; background-image: url("../media/images/navigation/verbrauch.jpg"); width: 149px; height: 28px; text-decoration: none; float: left; }
#verbrauch a:hover  { color: #ffffff; background-image: url("../media/images/navigation/verbrauch-over.jpg"); background-repeat: no-repeat; width: 149px; height: 28px; text-decoration: none; float: left; }
#verbrauch a:active  { color: #ffffff; background-image: url("../media/images/navigation/verbrauch.jpg"); background-repeat: no-repeat; width: 149px; height: 28px; text-decoration: none; float: left; }

#kontakt a:link    { color: #ffffff; text-decoration: none; background-image: url("../media/images/navigation/kontakt.jpg"); width: 149px; height: 28px; float: left; }
#kontakt a:visited  { color: #ffffff; background-image: url("../media/images/navigation/kontakt.jpg"); width: 149px; height: 28px; text-decoration: none; float: left; }
#kontakt a:hover  { color: #ffffff; background-image: url("../media/images/navigation/kontakt-over.jpg"); background-repeat: no-repeat; width: 149px; height: 28px; text-decoration: none; float: left; }
#kontakt a:active  { color: #ffffff; background-image: url("../media/images/navigation/kontakt.jpg"); background-repeat: no-repeat; width: 149px; height: 28px; text-decoration: none; float: left; }
/*navigation oben ende-------------------------------------*/


#kategorieipunkt    { background-image: url("../media/images/kategorie/ipunkt.jpg"); margin: 0 auto 4px; width: 790px; height: 50px }
#kategoriewasserabwasser     { background-image: url("../media/images/kategorie/wasser_abwasser.jpg"); margin: 0 auto 4px; width: 790px; height: 50px }
#kategoriefernwaerme     { background-image: url("../media/images/kategorie/fernwaerme.jpg"); margin: 0 auto 4px; width: 790px; height: 50px }
#kategorieverbrauchsabrechnung     { background-image: url("../media/images/kategorie/verbrauchsabrechnung.jpg"); margin: 0 auto 4px; width: 790px; height: 50px }
#kategoriekontakt     { background-image: url("../media/images/kategorie/kontakt.jpg"); margin: 0 auto 4px; width: 790px; height: 50px }


/*content anfang-------------------------------------------*/
#content        { background-image: url("../media/images/body/grau.jpg"); background-repeat: repeat-y; background-position: left top; text-align: left; display: block; margin: 0 auto; position: relative; width: 790px; height: auto; }
#contentnavigation            { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url("../media/images/body/grau.jpg"); text-align: left; display: block; margin-right: 5px; position: absolute; z-index: 10; top: 0; left: 0; width: 149px; height: 250px }
#contentnavigation ul     { line-height: 20px; list-style-type: none; margin: 0; padding: 0; width: 149px; float: left }
#contentnavigation li   { margin-bottom: 2px }
#contentnavigation a:link      { color: #3d1474; line-height: 20px; text-decoration: none; background-color: #ccc; display: block; position: static; top: 1px; width: 149px;}
#contentnavigation a:visited     { color: #3d1474; line-height: 20px; text-decoration: none; background-color: #ccc; display: block; position: static; top: 1px; width: 149px;}
#contentnavigation a:hover      { color: #3d1474; line-height: 20px; text-decoration: none; background-color: #e6e6e6; display: block; position: static; top: 1px; width: 149px;}
#contentnavigation a:active      { color: #3d1474; line-height: 20px; text-decoration: none; background-color: #e6e6e6; display: block; position: static; top: 1px; width: 149px;}

#contenttext      { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; position: relative; top: 0; left: 160px; width: 630px; height: 400px; border: solid 1px #fff }
h1 { color: #101010; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
h2 { color: #101010; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
a  { color: #000000; font-weight: bold; text-decoration: none; width: auto; }
a:link   { color: #000000; font-weight: bold; text-decoration: none; width: auto; }
a:visited  { color: #000000; font-weight: bold;  text-decoration: none }
a:hover  { color: #000000 ; font-weight: bold; text-decoration: underline }
a:active  { color: #000000 ; font-weight: bold; text-decoration: underline }
table { margin: 0; padding: 0; border: solid 1px #666; }
tr { }  
td  { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
/*content ende----------------------------------------------*/
#unten    { background-image: url(../media/images/body/grau-weis.jpg); background-repeat: no-repeat; background-position: 0 0; margin: 0 auto; position: absolute; bottom: 0; width: 149px; height: 50px }
#hausanschlussmappe li { list-style-type: circle; margin: 0; padding: 0; position: relative; left: -20px }
#little { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.ansprechpartner { border: dashed 1px black }
.kleinschrift  { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; top: 0 }
.hinweis { display: inline; padding: 5px; border: solid 1px #6cf }