@import url("../../dp/jquery-ui-1.7.2.custom.css");


/* Definitionen für die Seitendarstellung: Seite 880px breit, mittig positioniert, Menü rechts, Aktuelles rechts, Fusszeile am Seitenende */


html { padding: 0; margin: 0; height: 100%; }
body { color: #000; background: #fff; font-family: Arial,sans-serif; font-size: 12px; margin: 0; padding: 0; text-align: center; height: 100.1%; }
div#seite { text-align: left; width: 880px; margin: 0 auto; padding: 0; border: none; height: auto; min-height: 100.1%; background: #fff; }
* html div#seite { height: 100%; }
div#inhalt { float: left; width: 470px; margin: 260px 0 0 0; padding: 0 30px 30px 60px; }
div#rechter_rand { float: right; width: 320px; margin: 0; padding: 0; }
div#menue_rechts { width: 257px; margin: 218px 60px 0 0; padding: 5px 0; background: #537db4; border: none; border-right: 3px solid #00438d; }
div#aktuelles_text { float: left; width: 196px; margin: 3px 0 0 0; padding: 30px; border: 1px solid #537db4; border-right: 3px solid #00438d; }
div#abschluss { clear: both; width: 880px; height: 90px; margin: 0; padding: 0; }
div#kopf { position: absolute; top: 0px; height: 208px; width: 820px; margin: 10px 0 0 60px; padding: 0; background: #fff url("bgd_kopf.jpg") no-repeat 0px 0px; }
div#menue_oben { position: absolute; top: 0px; width: 490px; height: 30px; margin: 165px 0px 0px 330px; padding: 0; font-family: "Arial Narrow"; font-weight: bold; font-size: 13px; }
div#suchfeld { position: absolute; top: 0px; width: 198px; height: 14px; margin: 198px 0 0 682px; padding: 0; }
div#pfad { position: absolute; top: 0px; width: 470px; height: 20px; margin: 223px 0px 0px 60px; padding: 0; font-size: 10px; color: #666 }
div#fuss { width: 880px; height: 60px; margin: -60px auto 0 auto; padding: 0; background: #fff url("bgd_fuss.jpg") no-repeat 60px 0px; }


/* Definitionen für das Aussehen der Menübereiche oben und rechts */

div.top { float: left; margin: 0 15px 0 0; padding: 0; height: 30px; line-height: 30px; }
div.top a { display: block; text-decoration: none; padding: 0 12px 0 6px; color: #000;  }
div.top a:hover { padding: 0 6px 0 6px; border-right: 6px solid #537db4; text-decoration: none; }
div.top a.active { background-color: #00438d; color: white; padding: 0 6px 0 6px; border-right: 6px solid #537db4; }
div.top a.active:hover { background-color: #00438d; color:white; }

div.menue1 { margin: 0; padding: 0; font-size:13px; }
div.menue1 a { display: block; margin: 0; padding: 5px 2px 5px 30px; text-decoration: none; color: white; }	
div.menue1 a:hover { padding: 5px 2px 5px 24px; border-left: 6px solid #a5bbd8; color: white; text-decoration: none; }
div.menue1 a.selected { padding: 5px 2px 5px 24px; border-left: 6px solid #00438d; font-weight: bold; color: white; }
div.menue1 a.selected:hover { padding: 5px 2px 5px 24px; border-left: 6px solid #00438d; font-weight: bold; color: white; }

div.menue2 { margin: 0; padding: 0; font-size: 11px; }
div.menue2 a { display: block; margin: 0 0 0 30px; padding: 3px 2px 3px 12px; border-left: 1px solid #a5bbd8; color: white; text-decoration: none; }	
div.menue2 a:hover { padding: 3px 2px 3px 10px; border-left: 3px solid #a5bbd8; color: white; text-decoration: none;}
div.menue2 a.selected { padding: 3px 2px 3px 10px; border-left: 3px solid #00438d; color: white; font-weight: bold; }
div.menue2 a.selected:hover { padding: 3px 2px 3px 10px; border-left: 3px solid #00438d; color: white; font-weight: bold; }


/* Definitionen für Schriftelemente, die im Layout fest definiert sind*/

p.aktuelles_link { float: left; margin: 0; padding: 5px 0 0 6px; font-size: 11px; }
p.aktuelles_link a { color: #000; text-decoration: none;}
p.aktuelles_link a:hover { color: #000; text-decoration: underline;}

p.fussmenue { float: right; width: 360px; text-align: right; margin: 0; padding: 3px 60px 0 0; font-size: 11px; color: #333; }
p.fussmenue a { text-decoration: none; color: #333; }
p.fussmenue a:hover { text-decoration: underline; }

p.adresse { float: left; text-align: left; margin: 0; padding: 3px 0 0 60px; width: 400px; font-size: 11px; color: #333; }

p.drucken { width: 54px; height: 20px; text-align: left; margin: 0; padding: 0 0 0 826px; line-height: 20px; font-size: 11px; }
p.drucken a { text-decoration: none; color: #000; }
p.drucken a:hover { text-decoration: underline; }

span.pfadanzeige { color: #666; font-style: oblique; }
span.pfadanzeige a { color: #666; text-decoration: none; }
span.pfadanzeige a:hover { color: #666; text-decoration: underline; }


/* Definitionen für Suchen Formular */

input#sucheingabe { float: left; width: 125px; height: 14px; padding: 0 5px; font-size: 10px; border: 0px solid white; color: #666; }
input#sendebutton { float: left; width: 40px; height: 14px; margin: 0 0 0 4px; padding: 0; font-size: 11px; text-align: center; border: 0px solid white; background: transparent; cursor: pointer; }
input#sendebutton:hover { text-decoration: underline; }


/* Definitionen für die Darstellung von Bildern */

img { margin: 0; padding: 0; border: none; }

img#logo { height: 50px; width: 247px; margin: 2px 50px 0 523px; padding: 0; border: none; }
img#service { float: right; height: 80px; width: 80px; margin: 25px 85px 0 0; padding: 0; border: none; }

img.left { float: left; margin: 0 10px 5px 0; padding: 0; border: none; }
img.right { float: right; margin: 0 0 5px 10px; padding: 0; border: none; }


/* Definitionen für sonstige Elemente */

hr { border: solid #b9b9b9 1px; border-bottom: transparent; }
