/* 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 */
/* Fehlende Angaben werden vom übergeordneten Element "vererbt" */
/* ACHTUNG! Größen- und Abstandsangaben für Bildschirmausgabe bitte möglichst in em (Breite eines X), dann passt sich das Layout an die Schriftgröße an ;) */

/* Standardformatierung "globaler" Einstellungen */
html { width:100%; height:100%; }
body { margin:0 auto; padding:0.5em; max-width:63em; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:100.1%; font-weight:400; color:#fff; background:#CCE6FF; }
hr { height:0.1em; margin:1em 0; padding:0; color:#254D74; background:#254D74; border:thin solid #254D74; }
.nichtzeigen { display:none; }

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

h1, h2, h3, h4, h5, h6 { margin:0; padding:0.5em 0; text-decoration:none; font-weight:700; color:#254D74; line-height:1.2em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight:700; color:#254D74; background:#fff; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight:700; color:#254D74; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus { font-weight:700; color:#fff; background:#254D74; }
h1 { margin:0 0 0.8em 0; font-size:1.5em; text-align:center; }
h2 { font-size:1.3em; }
h3 { font-size:1.15em; }
h4 { font-size:1.0em; }

ul { list-style-image:url(/images/schildower-kreis.png); }
li { max-width:50em; margin:0.1em 0 0.75em 0; padding:0 0 0 0.3em; }
dt { padding:1.0em 0 0.5em 0; clear:both; font-weight:700; font-size:1.1em; border-top:thin solid #254D74; }
dd { margin:0 0 0.5em 0; padding:0 0 0.5em 1em; font-weight:400; }

p, dd { max-width:58em; }
p { margin:0 0 1em 0; padding:0; }
p.center { max-width:100%; }
.klein { font-size:0.7em; max-width:100%; }
span.klein { vertical-align:super; font-weight:700; }
p.klein { padding:0 0 0 2em; }
#content fieldset { max-width:60%; margin:0 0.5em 0.5em 0.5em; padding:0.5em 0.75em; border:none; background:#fff; border:thin solid #254D74; }
#content form { margin:0; padding:0; float:left; }
#neu { margin:0 0 1em 1em; padding:0 1em; width:45%; float:right; border:thin dashed #000; }
tr, td { margin:0; padding:0; vertical-align:top; }
th, td { padding:0 0.8em 0.3em 0; }
th { text-align:left; }
table label { padding:0.2em; font-weight: 700; }
label { font-weight: 700; }

/* Standardklassen für einfache Ausrichtung von Elementen */
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.newline { clear:both; }
.spacer { clear:both; height:0.1em; margin:0; padding:0; color:#CCE6FF; background:#CCE6FF; border:thin solid #CCE6FF; }

/* Standardformatierung der Bilder ohne Bildunterschrift */
img { border:none; }
a img, a:link img, a:hover img, a:visited img, a:active img { text-decoration:none; border:none; }
img.left { float:left; margin:0.5em 1.5em 0.5em 0; border:thin solid #254D74; }
img.right { float:right; margin:0.5em 0 0.5em 1.5em; border:thin solid #254D74; }
dt img.left, dt img.right { margin-top:0; }
img.center { width:100%; height:auto; text-align:center; }

/* 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; text-align:center; padding:0.4em; font-size:0.7em; color:#fff; background:#000; border:thin solid #254D74; }
.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:1.6em 1.25em 0.5em 0; float:left; }
.p-b-r, .p-h-r { margin:1.6em 0 0.5em 1.25em; float:right; }
.p-b-l, .p-b-r { width:27.5em; }
.p-h-l, .p-h-r { width:13.75em; }

/* Kopfleiste mit Logo und Textzeile */
#header { margin:0 0.1em; padding:0; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; letter-spacing:0.275em; }
#header a { margin:0; padding:0.1em; font-size:4em; text-align:center; text-decoration:none; display:block; color:#fff; background:#254D74; border:thin solid #254D74; }
#header a:hover, #header a:active, #header a:focus { text-decoration:underline; color:#fff; background:#1F4061; border:thin solid #fff; }

/* Menü mit Farbänderung abhängig vom Verzeichnis */
#menue, #footer { list-style-image:none; margin:0.25em 0; padding:0; list-style:none; font-size:1.2em; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; letter-spacing:0.1em; }
#menue li, #footer li { width:25%; min-width:7em; margin:0; padding:0; float:left; list-style:none; }
#menue li a, #menue li a:link, #menue li a:visited, #footer li a, #footer li a:link, #footer li a:visited, #footer fieldset { margin:0.1em; padding:0.1em 0; text-align:center; text-decoration:none; display:block; font-weight:700; color:#fff; background:#254D74; border-top:thin solid #254D74; border-right:thin solid #000; border-left:thin solid #254D74; border-bottom:thin solid #000; }
#menue li a.aktiv, #menue li a.aktiv:link, #menue li a.aktiv:visited, #footer li a.aktiv, #footer li a.aktiv:link, #footer li a.aktiv:visited { margin:0.1em; padding:0.1em 0; text-align:center; text-decoration:none; display:block; font-weight:700; color:#fff; background:#18334E; border-top:thin solid #fff; border:thin solid #fff; }

/* Der eigentliche Seiteninhalt */
#content { min-height:21em; margin:0.25em 0.1em; padding:0.5em 1em; clear:both; line-height:1.4em; color:#000; background:#fff; border-top:thin solid #fff; border-right:thin solid #323232; border-left:thin solid #fff; border-bottom:thin solid #323232; }

/* Unternavigation innerhalb des Verzeichnisses */
#sub { position:relative; margin:0.5em 1em 0.5em 0em; padding:0; list-style-image:none; font-size:1em; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; letter-spacing:0.05em; float:left; }
#sub li { width:12em; margin:0; padding:0; list-style:none; }
#sub li a, #sub li a:link, #sub li a:visited { margin:0.2em 0; padding:0.3em 0.75em; text-align:left; text-decoration:none; display:block; font-weight:700; color:#fff; background:#19334D; border-top:thin solid #19334D; border-right:thin solid #000; border-left:thin solid #19334D; border-bottom:thin solid #000; }
#sub li a:hover, #sub li a:active, #sub li a:focus { text-decoration:underline; font-weight:700; color:#fff; background:#000033; border:thin solid #000; }

/* Footer */
#footer { font-size:0.9em; }
#footer li a, #footer fieldset {	min-height:1.4em; }
#footer fieldset, #footer input { margin:0.1em; padding:0; }
#footer label { display:none; }
#footer #search { font-size:0.8em; }
#footer #Finden { overflow:hidden; margin:0; padding:0 1em; font-weight:700; font-size:1em; font-family:Palatino Linotype, Book Antiqua, Palatino, serif; letter-spacing:0.1em; color:#fff; background:#254D74; border:thin solid #254D74; }
#footer input#Finden:hover, #footer input#Finden:active, #footer input#Finden:focus { text-decoration:underline; color:#fff; background:#18334E; border:none;  border:thin solid #fff; }

/* Hover */
#menue li a:hover, #menue li a:active, #menue li a:focus, #menue li a.aktiv:hover, #menue li a.aktiv:active, #menue li a.aktiv:focus, #footer li a:hover, #footer li a:active, #footer li a:focus { text-decoration:none; color:#fff; background:#18334E; border:thin solid #fff; }
#menue li a.aktiv[href]:hover, #menue li a.aktiv[href]:active, #menue li a.aktiv[href]:focus, #footer li a.aktiv[href]:hover, #footer li a.aktiv[href]:active, #footer li a.aktiv[href]:focus { background:#000033; }
#menue li a[href]:hover, #menue li a[href]:active, #menue li a[href]:focus, #footer li a[href]:hover, #footer li a[href]:active, #footer li a[href]:focus { text-decoration:underline; }
#footer li a.nichtzeigen { display:none; }