/* Dieses CSS regelt die Darstellung der Unterseiten für die Bildschirmausgabe */
/* Die Styleanweisungen sind nach folgendem Schema sortiert:Breite, Höhe, Außenabstand, Innenabstand, Ausrichtung, Schriftformatierung, Farbe, Hintergrund, Rahmen */
html { width:100%; height:100%; }
body { margin:0; padding:0.5em; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:95.1%; font-weight:400; color:#fff; background:#000; }
hr { margin:1.5em 0 0 0; padding:0; color:#fff; background:#000; border:thin solid #fff; }
hr.black { clear:both; color:#000; border:thin solid #000;}

a, a:link, a:visited, a:hover, a:active, a:focus { text-decoration:underline; color:#fff; }
a, a:link { font-weight:700; }
a:visited { font-weight:inherit; }
a:hover { color:#000; background:#fff; text-decoration:none; }
a:active, a:focus { color:#000; background:#fff; }

h1, h2, h3, h4, h5, h6 { margin:0; padding:1.5em 0 0.5em 0; text-decoration:none; font-weight:700; }
h1 { margin:0.5em 0 0 0; padding:0  0 0.5em 0; font-size:1.5em; text-align:center; }
h2 { font-size:1.3em; border-top:thin solid #fff; }
h3 { font-size:1.15em; }
h4 { font-size:1.0em; }

ul { list-style-image:url(../images/blatt.png); }
dl { padding:0 1em; }
dt { margin:0 0 0.5em 0; padding:0; font-size:1.1em; font-weight:inherit; }
dd { margin:0 0 1em 0; padding:0 0 0 1em; }
blockquote, p { margin:0.3em 0 1em 0; padding:0; line-height:1.3em; }
blockquote { padding:0 0 0 2em; }
fieldset, img { border:none; }

a img, a:link img, a:visited img { padding:0.1em; text-decoration:none; border:thin solid #000; }
a:hover img, a:active img { padding:0.1em; text-decoration:none; border:thin solid #fff; }
img.left { float:left; margin:0 1em 0 0; }
img.right { float:right; margin:0 0 0 1em; }
img.center { width:100%; height:auto; text-align:center; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.newline { clear:both; }
.nichtzeigen, #header a .mobile, #footer label { display:none;}

/* Darstellung von Bildern mit Bildunterschrift. Es gilt:p=bild (pic), b=breiter als hoch, h=höcher als breit, l=linksbündig, r=rechtsbündig */
/* Im Html werden die Bilder in ein div mit entsprechender class gepackt. Darin das Bild normal über img aufrufen. Bildunterschrift einfach nach dem img anfügen */
.p-b-r, .p-b-l, .p-h-r, .p-h-l { position:relative; max-width:100%; text-align:center; padding:0.4em; font-size:0.7em; color:#fff; background:#000; border:thin solid #fff; }
.p-b-r img, .p-b-l img, .p-h-r img, .p-h-l img { width:100%; height:auto; margin:0 0 0.15em 0; }
.p-b-l, .p-h-l { margin:1em 1.25em 0.5em 0; float:left; }
.p-b-r, .p-h-r { margin:1em 0 0.5em 1.25em; float:right; }
.p-b-l, .p-b-r { width:27em; }
.p-h-l, .p-h-r { width:13.5em; }

/* Kopfleiste mit Logo und Textzeile */
#header { margin:0.1em 0.1em; padding:0;  }
#header img { margin:0.3em 0 0.3em 0; padding:0; width:36.15em; max-width:95%; border:none; }
#header a { width:100%; margin:0; padding:0.5em 0 0 0; text-align:center; display:block; border:none; }
#header a:hover, #header a:active, #header a:focus { color:#9c3; text-decoration:underline; }
#header p { margin:0; padding:0 0 0.5em 0; font-size:1.1em; font-weight:700; text-align:center; }

/* Hauptmenü mit Farbänderung abhängig vom Verzeichnis */
#menue { margin:0.25em 0 0 0; padding:0; list-style:none; font-size:1.2em; }
#menue li { width:25%; min-width:10em; margin:0; padding:0; float:left; }
#menue li a, #menue li a:link, #menue li a:visited { height:2.1em; margin:0.1em 0.2em; padding:0.25em 0; text-align:center; text-decoration:none; display:block; font-weight:700; color:#fff; background:#4D7326; border:thin solid #9c3; }
#menue li a.aktiv, #menue li a.aktiv:link { color:#fff; background:#060; border:thin solid #693; }

/* Unternavigation innerhalb des Verzeichnisses */
#subnavi { clear:both; margin:1.25em 0 0 0.2em; padding:0; float:left; color:#fff; background:#000; list-style:none; list-style-image:none; }
#subnavi li { width:11em; margin:0; padding:0; }
#subnavi li a, #subnavi li a:link, #subnavi li a:visited { margin:0 0 0.4em 0; padding:0.3em; text-decoration:none; display:block; font-weight:700; font-size:0.975em; color:#fff; background:#070; border:thin solid #693; }

/* Der eigentliche Seiteninhalt */
#content { min-width:18em; min-height:15em; margin:1.25em 0.1em 0.25em 12em; padding:1em; color:#fff; background:none; border:thin solid #fff; }

/* Fußleiste */
#footer input, #footer .finden, form { margin:0; padding:0 0 0 0.1em; font-size:1em; border:none; }
#footer .finden { width:5em; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:700; color:#9c3; background:none; }
#footer { margin:0.75em 0 0 0; padding:0; clear:both; list-style:none; text-align:center; font-size:1em; color:#9c3; background:#000; }
#footer li { width:20%; min-width:8em; margin:0; padding:0; float:left; }
#footer li a, #footer li a:link, #footer li a:visited, #footer fieldset { margin:0 0.1em 0.2em 0.1em; padding:0.4em 0; display:block; text-decoration:none; font-weight:700; color:#9c3; background:#fff; border:thin solid #000; }
#footer fieldset { padding:0.35em 0 0.35em 0; }

/* Hover-Effekt */
a.aktiv:hover, a.aktiv:active, a.aktiv:focus { text-decoration:none; border:thin solid #060; }
#menue li a[href]:hover, #menue li a[href]:active, #menue li a[href]:focus, #subnavi li a[href]:hover, #subnavi li a[href]:active, #subnavi li a[href]:focus, #footer li a[href]:hover, #footer li a[href]:active, #footer li a[href]:focus, #footer .finden:hover, #footer .finden:active, #footer .finden:focus { color:#9c3; text-decoration:underline; background:#000; border:thin solid #9c3;  }
.finden:hover, .finden:active, .finden:focus { border:none; }