body { margin: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
img { border: 0; }
form { display: inline; }
ul { margin: 0; padding: 0; }
li { margin-left: 0; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { margin: 0; font-size: 16px; }

#page {
  
  position: absolute;
  width: 1024px;
  height: 600px;
  overflow: none;
}

#navi {

height: 498px;
width: 191px;
float: left;
text-indent: -1000px;
}

a#projekt {height: 26px; width: 108px; background: url(bilder/projekt.gif) no-repeat left top; display: block; float: left;}
a#kontakt {height: 26px; width: 108px; background: url(bilder/kontakt.gif) no-repeat left top; display: block; float: left;}
a#wasserfassung {height: 26px; width: 108px; background: url(bilder/wasser.gif) no-repeat left top; display: block; float: left;}
a#aufbereitung {height: 26px; width: 108px; background: url(bilder/aufber.gif) no-repeat left top; display: block; float: left;}
a#s-v {height: 52px; width: 108px; background: url(bilder/s_v.gif) no-repeat left top; display: block; float: left;}
a#g-g {height: 52px; width: 108px; background: url(bilder/g_g.gif) no-repeat left top; display: block; float: left;}
a#kanalisation {height: 26px; width: 108px; background: url(bilder/kanal.gif) no-repeat left top; display: block; float: left;}
a#abwasserreinigung {height: 52px; width: 108px; background: url(bilder/abwass.gif) no-repeat left top; display: block; float: left;}
a#gewaesser {height: 26px; width: 108px; background: url(bilder/gewaess.gif) no-repeat left top; display: block; float: left;}
a#impressum {height: 24px; width: 108px; background: url(bilder/impress.gif) no-repeat left top; display: block; float: left;}

a#projekt:hover {height: 26px; width: 108px; background: url(bilder/proj_a.gif) no-repeat left top; display: block; float: left;}
a#kontakt:hover {height: 26px; width: 108px; background: url(bilder/kont_a.gif) no-repeat left top; display: block; float: left;}
a#wasserfassung:hover {height: 26px; width: 108px; background: url(bilder/wasser_a.gif) no-repeat left top; display: block; float: left;}
a#aufbereitung:hover {height: 26px; width: 108px; background: url(bilder/aufber_a.gif) no-repeat left top; display: block; float: left;}
a#s-v:hover {height: 52px; width: 108px; background: url(bilder/s_v_a.gif) no-repeat left top; display: block; float: left;}
a#g-g:hover {height: 52px; width: 108px; background: url(bilder/g_g_a.gif) no-repeat left top; display: block; float: left;}
a#kanalisation:hover {height: 26px; width: 108px; background: url(bilder/kanal_a.gif) no-repeat left top; display: block; float: left;}
a#abwasserreinigung:hover {height: 52px; width: 108px; background: url(bilder/abw_a.gif) no-repeat left top; display: block; float: left;}
a#gewaesser:hover {height: 26px; width: 108px; background: url(bilder/gew_a.gif) no-repeat left top; display: block; float: left;}
a#impressum:hover {height: 24px; width: 108px; background: url(bilder/impre_a.gif) no-repeat left top; display: block; float: left;}

#navi img {

float:left; 
border: 0px;
margin: 0px;
padding: 0px;
}

#header {

height: 76px;
width: 1024px;
float: left;
background: url(bilder/header.gif) no-repeat left top;
}

#header_navi {

height: 26px;
width: 1024px;
text-indent: -1000px;
}

#header_navi img {

display: block;
border: 0;
padding 0;
margin: 0;
float: left;
}

a#home {height: 26px; width: 108px; background: url(bilder/home.gif) no-repeat left top; display: block; float: left;}
a#planung {height: 26px; width: 61px; background: url(bilder/plan.gif) no-repeat left top; display: block; float: left;}
a#beratung {height: 26px; width: 69px; background: url(bilder/berat.gif) no-repeat left top; display: block; float: left;}
a#bauleitung {height: 26px; width: 77px; background: url(bilder/bauleitung.gif) no-repeat left top; display: block; float: left;}
a#ausschreibung {height: 26px; width: 103px; background: url(bilder/ausschreibung.gif) no-repeat left top; display: block; float: left;}


a#home:hover {height: 26px; width: 108px; background: url(bilder/home_a.gif) no-repeat left top; display: block; float: left;}
a#planung:hover {height: 26px; width: 61px; background: url(bilder/plan_a.gif) no-repeat left top; display: block; float: left;}
a#beratung:hover {height: 26px; width: 69px; background: url(bilder/beratung1.gif) no-repeat left top; display: block; float: left;}
a#bauleitung:hover {height: 26px; width: 77px; background: url(bilder/bauleitung1.gif) no-repeat left top; display: block; float: left;}
a#ausschreibung:hover {height: 26px; width: 103px; background: url(bilder/ausschreibung1.gif) no-repeat left top; display: block; float: left;}

#content {

height: 561px;
width: 783px;
float: left;
padding-top: 30px;
padding-left: 50px;
}

body {  

font-size: 14px; 
font-style: normal; 
line-height: normal; 
font-weight: bolder; 
font-variant: normal; 
color: #000000; 
text-decoration: none; 
background-attachment: fixed; 
background-repeat: no-repeat; 
background-position: right bottom; 
list-style-position: outside; 
list-style-type: disc; 
scrollbar-color:#FFFADF;
scrollbar-Face-color:#FFFFFF; 
scrollbar-Shadow-color:#3366CC; 
scrollbar-Highlight-color:#FFFFFF; 
scrollbar-3dlight-color:#CCCCCC; 
scrollbar-DarkShadow-color:#3366CC; 
scrollbar-Track-color:#FFFFFF; 
scrollbar-Arrow-color:#3366CC;
}

p {  

font-size: 14px; 
font-style: normal; 
line-height: normal; 
font-weight: bolder; 
font-variant: normal; 
color: #000000; 
text-decoration: none; 
}

li {  

font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bolder;
font-variant: normal;
color: #000000;
text-decoration: none;
list-style-type: disc;
}

h1 {

font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bolder;
font-variant: normal;
color: #000000;
text-decoration: none;
}

h2 {  

font-size: 16px; 
font-style: normal; 
line-height: normal; 
font-weight: bolder; 
font-variant: normal; 
color: #3366CC; 
text-decoration: none;
}

h3 {

font-size: 16px; 
font-style: normal; 
line-height: normal; 
font-weight: bolder; 
font-variant: normal; 
color: #990000; 
text-decoration: none;
}

a {  
text-decoration: none; 
color: #000000;
}

textarea {  

background-attachment: fixed; 
background-image: url(bilder/bg_kl.gif); 
background-repeat: no-repeat; 
background-position: right bottom
}



.htmlfooter {position:absolute; top:780px; width:100%; border-top:1px solid #CBCBCB; }
.htmlfooter ul{margin-left:30px;}
.htmlfooter li {display:inline; padding-right:4px; margin-right:4px;}
.htmlfooter li a{font-size:9px; font-weight:normal; color:#AEAEAE; }
.htmlfooter li a:hover{font-size:9px; font-weight:normal; color:#818181; }

.breadcrumbs{font-size:10px; color:#AEAEAE;}
.breadcrumbs li{display:inline;}
.breadcrumbs li a{text-decoration:none; font-size:10px; color:#AEAEAE;}

.sitemap{margin-left:10px;}
.sitemap li{margin-left:10px;}

#dsa-content{font-weight:normal; font-size:11px; text-align:justify; width:700px;}
#dsa-content p{font-weight:normal; font-size:11px;}

.blue{color:#3366CC;}
.red{color:#993333;}

.kartenbild{padding-bottom:30px; border-bottom: 2px solid black; margin-bottom:15px;}