body { font-family: Verdana; font-size: 11px; background-image: url(../basic/bg-body.jpg); background-repeat: repeat-y; position: relative; width: 100%; height: 100%; min-width: 850px; margin: 0; padding: 0; }
a { color: #9c5e7b; font-weight: bold; text-decoration: none; }
a:hover { color: #ef9e45; font-weight: bold; text-decoration: underline; }
#header { background-image: url(../img/hg.jpg); background-repeat: no-repeat; margin: 0; padding: 0; width:100%; height:72px  }

#menue { position: absolute; top: 45px; left: 0; padding: 0 0 0 188px; height:25px; width:80%; margin: 0; }
#menue ol { width: auto; height: auto; margin: 0; padding: 0; list-style-type: none; }
#menue li { float: left;margin-right:4px}
#kontakt { background-image: url(../img/hg-left.jpg); background-repeat: no-repeat; float:left; width: 85px; }
#kontakt ol { margin: 450px 0 0; list-style-type: none; padding: 0; }
#kontakt li { padding: 0; margin: 0 0 5px; }
#main{ background-image: url(../basic/bg-falke.jpg); background-repeat: no-repeat; background-position: left top; width: 662px; height: 770px; float: left; margin: 15px 0 0; padding-left: 100px; }
#submenue{ width: 100%; height: 20px; padding-left: 3px; }
#content{ width: 100%; height: auto; float:left; }
#content p{ float:left; font-size: 12px; line-height: 19px; width:400px; height:auto ; margin: 0; padding: 0; }
#content #newsteaser{ float:right; width:200px; height:auto; margin: 0; padding: 10px; border: solid 1px gray; }
#newsteaser h4{ color: #9c5e7b; font-size: 12px; width: 200px; height: auto; margin: 0 0 10px; padding: 0; }
#newsteaser p{ font-size: 12px; line-height: 17px; width: 200px; height: auto; margin-bottom: 10px; }
#newsteaser p span{font-size:11px}
#newsteaser p a{font-size:11px}
#foot{ font-size: 11px; text-align: center; width: 100%; height: auto; float:left; clear:left; margin: 40px 0 0; padding: 0; }

img.starthdl{margin-top:20px;margin-bottom:40px}

/*Untermenü */

#submenue ol{ float:left; width:100%; margin: 0; padding: 0; list-style-type: none; }
#submenue li{float:left;margin-right:4px}
#submenue li a{ color: white; font-size: 10px; background-image: url(../button/bg_button.gif); background-repeat: no-repeat; background-position: left top; text-align: center; width: 100px; height: 20px; float: left; padding-top: 1px; display: block; }
#submenue li a:hover{ background-image: url(../button/bg_button_hl.gif); } 
#submenue li span{ color: white; font-size: 10px; font-weight: bold; background-image: url(../button/bg_button_hl.gif); background-repeat: no-repeat; background-position: left top; text-align: center; width: 100px; height: 20px; float: left; padding-top: 1px; display: block; }

#maincont{ width: 665px; height: 770px; float: left; margin: 15px 0 0; padding-left: 100px; }
#maincont #content{ margin-left:80px; width:585px; margin-top: 120px; }
#maincont #content p{ float:left; font-size: 12px; line-height: 19px; width:550px; height:auto ; margin: 0; padding: 0; }


.wir{background-image: url(../basic/bg-karte-nrw.gif); background-repeat: no-repeat; background-position: left top;}

/*Material*/
.material{background-image: url(../basic/bg-material.jpg); background-repeat: repeat-y; background-position: left top;}
/*Material*/
.material h3{font-size:12px;clear:left !important;margin:0;margin-bottom:10px}
.material img { float: left; margin: 0 10px 0 0; padding: 0; }
.material p{margin-bottom:30px !important; clear:left !important}
.material p span{font-size:11px;font-weight:bold}

/*Aktuell*/
#mainakt{ position: absolute; top: 100px; left: 90px; }
#mainakt #submenue { float:left;width: 250px; height: auto; }
#mainakt #submenue ol{height: auto}
#mainakt #submenue li{ height:auto; margin-bottom: 3px; }
#mainakt #submenue ol#sublist{ height:auto; float:left; margin-top: 6px; margin-left: 20px; padding-bottom: 15px; }
#mainakt #submenue ol#sublist li{clear:left}
#mainakt #submenue span{ width:160px; background-image: url(../button/bg_button_akt_hl.gif); background-repeat: no-repeat; background-position: left top; text-align: left; padding-left: 10px; }
#mainakt #submenue a.sel{ width:160px; background-image: url(../button/bg_button_akt_hl.gif); background-repeat: no-repeat; background-position: left top; text-align: left; padding-left: 10px; }
#mainakt #submenue a{ width:160px; background-image: url(../button/bg_button_akt.gif); background-repeat: no-repeat; background-position: left top; text-align: left; padding-left: 10px; }
#mainakt #submenue a:hover {background-image: url(../button/bg_button_akt_hl.gif);}
#mainakt #content{ float:left; width:510px }
#mainakt #content h1{ font-size:14px; width: 540px; height: auto; clear: left; margin: 0 0 10px; padding: 0; }
#mainakt #content h2{ font-size:12px; font-weight: normal; letter-spacing: 1px; clear: left; margin: 0 0 10px; padding: 0; }
#mainakt #content p.aktuell{ font-size:11px; line-height: 16px; width: 550px; clear: left; margin: 0 0 5px; padding: 0; }
#mainakt #content p.aktuelldata, #mainakt #content p.aktuelldata2, #mainakt #content p.aktuellkat{ font-size: 11px; width: 550px; margin: 0 !important; padding: 0; border-bottom: 1px solid #9c5e7b; }
#mainakt #content p.aktuelldata2{ margin-top: 20px !important; margin-bottom: 0; border-top: 1px solid #9c5e7b; border-bottom-width: 0; }
#mainakt #content p.aktuellkat{font-size:10px; margin-bottom: 20px !important; border-bottom-width: 0; }
#mainakt #content p.aktuelldata a, #mainakt #content p.aktuelldata2 a{float:right}
#mainakt #content .divider{ width:510px; background-color: #9c5e7b; height: 1px; overflow: hidden; clear: left; margin: 8px auto; padding: 0; }
#mainakt #submenue ol#sublist a.sel{ font-weight: normal; width:160px; background-image: url(../button/bg_button_aktsub_hl.gif); background-repeat: no-repeat; background-position: left top; }
#mainakt #submenue ol#sublist a{ font-weight: normal; width:160px; background-image: url(../button/bg_button_aktsub.gif); background-repeat: no-repeat; background-position: left top; }
#mainakt #submenue ol#sublist a:hover {background-image: url(../button/bg_button_aktsub_hl.gif);}




.gstelle { }
.gstelle dl { float: left; margin: 0 0 0 10px; padding: 0; }
.gstelle dl a { color: #9c5e7b; font-size: 10px; font-weight: bold; text-decoration: none; }
.gstelle dl dt { width: 120px; height: 140px; margin: 30px 0 0; padding: 0; }
.gstelle dl dd { width: 120px; height: 100px; margin: 5px 0 0; padding: 0; }
dl.adressen{}
dl.adressen dt{ color: gray; font-size: 16px; font-weight: bold; background-image: url(../basic/bg_stadt.gif); background-repeat: no-repeat; width: 400px; height: 25px; float: left; margin: 0; padding: 5px 0 0 40px; }
dl.adressen dd{ font-weight: bold; background-image: url(../basic/bg_adresse.gif); background-repeat: no-repeat; background-position: left top; float: left; margin: 10px 0; padding: 2px 0 0 40px; }
dl.adressen dd span{ font-size: 10px; font-weight: normal; text-align: right; width: 200px; float:right; clear: left; }
dl.adressen dd h4{ font-size: 11px; font-weight: bold; width: 370px; float: left; margin: 0; padding: 0; }
dl.adressen dd p{ font-size: 11px !important; font-weight: normal; line-height: 15px !important; width: 450px; height: auto; float: left; margin: 5px 0 10px 50px !important; padding: 0; }
dl.adressen .small{ font-size:10px; font-weight: normal; }
#searchadress{ background-image: url(../basic/bgsuche.gif); background-repeat: no-repeat; width: 530px; height: 80px; padding-top: 5px; padding-left: 20px; }
#searchadress fieldset{ width: 180px; float: left; margin-right: 10px; border-width: 0; }
#searchadress fieldset legend{ color: gray; font-size: 10px; margin: 0 0 5px -5px; padding: 0; border-width: 0; }
#searchadress fieldset.staedtefs{ width: 150px; }
#searchadress select{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 180px; margin-top: 0; margin-right: 10px; }
#searchadress select.staedte{width:150px}
#searchadress input { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 16px; width: 100px; float: left; }
dl.links{ width: 630px; }
dl.links dt{ color: gray; font-size: 16px; font-weight: bold; background-image: url(../basic/bg_stadt.gif); background-repeat: no-repeat; width: 400px; height: 25px; float: left; margin: 10px 0 0; padding: 5px 0 0 40px; }
dl.links dd{ font-weight: bold; background-image: url(../basic/bg_adresse.gif); background-repeat: no-repeat; background-position: left top; height: 20px; float: left; margin: 10px 0 2px; padding: 2px 0 0 40px; }
dl.links dd span{ font-size: 10px; font-weight: normal; text-align: right; width: 200px; float:right; clear: left; padding-right: 20px; }
dl.links dd h4{ font-size: 11px; font-weight: bold; width: 370px; float: left; margin: 0; padding: 0; }
dl.links dd p{ font-size: 11px !important; font-weight: normal; line-height: 15px !important; height: auto; float: left; margin: 5px 0 10px 50px !important; padding: 0; }

/*Projekte*/
#content div#projekte{ font-size: 12px; line-height: 18px; margin-top: 40px; }
#content h1 { color: #9c5e7b; font-size: 18px; width: 100%; float: left; }
#content div#projekte dd{font-size:11px}
#content p.paging{ font-size: 11px !important; margin-top: 20px !important; margin-bottom: 20px !important; }
#content p.paging a{ font-weight: normal; text-decoration: none; }
#content p.paging a:hover{ color: #9c5e7b; text-decoration: underline; }
#content p.paging span{ color: silver; font-weight: normal; }
#content p.paging span.sel{ color: white; font-weight: bold; background-color: #9c5e7b; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
dl.cleft{ width: auto; height: auto; float: left; margin: 10px 20px 10px 0; padding: 0; }
dl.cright { width: auto; height: auto; float: right; margin: 10px 0 10px 20px; padding: 0; display: inline; }
.cleft dt, .cright dt { width: auto; float: left; margin: 0 10px 0 0; padding: 0; }
.cleft dd, .cright dd { width: 100%; float: left; clear:left; margin: 0 10px 0 0; padding: 0; }