* {margin:0; padding:0; }


body { background-image: url("lok_kopf_hintergrund.jpg"); background-repeat: no-repeat; font-family:arial, helvetica, sans-serif; background-color:#fad686; }

div#zentriert { margin-left:auto; margin-right:auto; background-color:#fff6de; max-width:1100px; border-left:solid 1px #021321; border-right:solid 1px #021321; }

.unsichtbar { display:none; }

.clearing {clear: both;}

div#kopf { background-color:#96a862; height:250px; border-bottom:double 4px #021321; background-image: url("lok_kopf.jpg"); background-position:top right; background-repeat:no-repeat; }


div#titel { margin-left:30px; }

div#logo { float:left; width:20%; margin-top:30px; }
div#logo .center { text-align:center; }
div#vna { float:left; color:#021321; width:50%; margin-top:30px; }
div#vna .name { font-size:120%; margin-left:-80px; }
div#vna .firma { font-size:80%; margin-left:-60px; margin-top:10px; }
div#vna .wissenstexte { font-size:160%; margin-left:-60px; margin-top:15px; }
div#vna .sitin { color:#021321; margin-left:-180px; font-size:90%; margin-top:100px; }
div#vna a { font-weight:normal; color:#021321; text-decoration:none; }
div#vna .gelb { background-color:#96a862; }
div#vna .mobil {display:none;}

div#vna .center { text-align:center; }


div#sprung { float:right; width:20%; height:170px; }
div#sprung p.rechts { margin-left:-300px; margin-top:0px; color:#021321; background-color:#fff1c2; border-left:solid 1px #021321; border-bottom:solid 1px #021321;}
div#sprung a:link { font-weight:normal; color:#021321; text-decoration:none; }


div#gedicht { clear:right; float:right; width:20%; margin-top:-100px; background-color:#96a862; border-left:solid 1px #021321; border-bottom:solid 1px #021321; padding-bottom:10px; }
div#gedicht h1 { color:#021321; font-size:100%; margin-top:40px; margin-bottom:15px; margin-left:10px; }
div#gedicht p { margin-bottom:15px; margin-left:10px; font-size:90%; }
div#gedicht p.cover { margin-bottom:15px; margin-left:10px; margin-top:20px; }
div#gedicht p.oben {margin-top:25px; }
div#gedicht .autor { font-style:italic; margin-left:10px; color:#000000; font-size:90%; }

.autor { font-style:italic; margin-left:10px; color:#000000; }


div#kruemel { clear:left; float:left; margin-left:50px; margin-top:40px; }
div#kruemel p { color:#021321; font-size:80%; }
div#kruemel a:link { color:#021321; font-weight:normal; }
div#kruemel a:visited { color:#021321; font-weight:normal; }
div#kruemel a:hover { color:#000000; font-weight:normal; background-color:#ffeaa3; }
div#kruemel a:focus { color:#000000; font-weight:normal; background-color:#ffeaa3; }



div#hauptteil { clear:left; }


div#navigation { width:20%; float:left; margin-top:40px; background-color:#96a862; border-right:solid 1px #021321; border-top:solid 1px #021321; }


div#navigation ul { list-style-type:none; margin-top:20px; margin-left:20px; }

div#navigation li { width:140px; margin-bottom:5px; padding:0; border-left:solid 1px #021321; border-bottom:solid 1px #021321; }

div#navigation a:link { color:#021321; background-color:#fad686; text-decoration:none; display:block; text-align:center; padding-top:4px; padding-bottom:4px; }

div#navigation a:visited { color:#021321; background-color:#ffeaa3; text-decoration:none; display:block; text-align:center; padding-top:4px; padding-bottom:4px; }

div#navigation a:focus { color:#021321; background-color:#fad686; text-decoration:underline; display:block; text-align:center; padding-top:4px; padding-bottom:4px; }

div#navigation a:hover { color:#021321; background-color:#fad686; text-decoration:underline; display:block; text-align:center; padding-top:4px; padding-bottom:4px; }

div#navigation li.aktuell a { color:#fad686; background-color:#021321; text-decoration:none; text-align:center; padding-top:4px; padding-bottom:4px; border-left:solid 1px #fad686; border-bottom:solid 1px #fad686; }

div#navigation li.aktuell a:hover, a:focus { color:#fad686; background-color:#021321; text-decoration:underline; text-align:center; padding-top:4px; padding-bottom:4px; }

div#navigation li.intern1 a { color:#696969; background-color:#fff6de; text-decoration:none; text-align:center; padding-top:4px; padding-bottom:4px; border-right:solid 1px #ffeaa3; border-top:solid 1px #ffeaa3; margin-top:30px; }

div#navigation li.intern1 a:hover, a:focus { color:#696969; background-color:#ffeaa3; text-decoration:underline; text-align:center; padding-top:4px; padding-bottom:4px; }

div#navigation li.intern a { color:#696969; background-color:#fff6de; text-decoration:none; text-align:center; padding-top:4px; padding-bottom:4px; border-right:solid 1px #ffeaa3; border-top:solid 1px #ffeaa3; }

div#navigation li.intern a:hover, a:focus { color:#696969; background-color:#ffeaa3; text-decoration:underline; text-align:center; padding-top:4px; padding-bottom:4px; }

div#navigation li.intern2 a { color:#696969; background-color:#fff6de; }

div#navigation li.intern2 a:hover, a:focus { color:#696969; background-color:#ffeaa3; text-decoration:underline; text-align:center; padding-top:4px; padding-bottom:4px; }

div#navigation li.intern2 {margin-bottom:30px; }



div#navigation li.ohne_rahmen { border:none; margin-bottom:0; }

div#navigation ul.untermenue {margin-left:20px; margin-top:0; }

div#navigation ul.unterunter {margin-left:20px; }

div#navigation ul.untermenue2 {margin-left:30px; margin-top:0; }

div#navigation li.keys { border:none; margin-top:40px; margin-bottom:50px; }

div#navigation li.keys a { background-color:#fff091; border:0px; display:inline; }




div#inhalt { width:50%; float:left; margin-top:40px; margin-left:40px; border-bottom:solid 1px #021321; }


div#inhalt h1 { color:#021321; font-size:180%; }

div#inhalt h2 { color:#021321; font-size:120%; margin-top:50px; margin-bottom:15px; }

div#inhalt h3 { clear:right; color:#021321; font-size:110%; margin-top:25px; }

div#inhalt h4 { color:#021321; font-size:100%; margin-top:50px; }

div#inhalt p { margin-top:15px; margin-bottom:15px; color:#000000; }
div#inhalt p.gruen { background-color:#96a862; padding:15px; border-left:solid 1px #021321; border-bottom:solid 1px #021321; }
div#inhalt p.copy { margin-top:25px; font-style:italic; }
div#inhalt p.center { text-align:center; }


div#inhalt a:link { color:#021321; text-decoration:underline;}
div#inhalt a:visited { color:#021321; text-decoration:underline;}
div#inhalt a:hover { color:#021321; background-color:#ffeaa3; text-decoration:underline;}
div#inhalt a:focus { color:#021321; background-color:#ffeaa3; text-decoration:underline;}

div#inhalt table { background-color:#ffeaa3; border: 1px solid #96a862; padding:10px; font-style:italic; }
div#inhalt caption { background-color:#96a862; color:#021321; padding:10px; text-align:center; font-weight:bold; font-style:normal; font-size:120%;}
div#inhalt td { padding:10px; vertical-align:top;  border: 1px solid #96a862;}

strong { color:#021321; }


div#inhalt .bhg { background-color:#ffeaa3; padding-top:20px; padding-bottom:20px; border-left:solid 1px #021321; border-bottom:solid 1px #021321; }
div#inhalt .bue { margin-bottom:20px; margin-left:50px; border-left:solid 1px #96a862; border-bottom:solid 1px #96a862; display:block;padding-left: 5px;}
div#inhalt .bild { margin-bottom:20px; margin-left:50px; margin-top:20px; }
div#inhalt .bu { font-style:italic; margin-left:50px; margin-top:20px; margin-right:20px; }

div#inhalt img { margin-left:50px; margin-top:20px; }
div#inhalt video { margin-left:50px; margin-top:20px; }

div#inhalt .letzter { clear:left; float:right; margin-bottom:100px; list-style-type:none; margin-top:20px;}
div#inhalt .letzter a:link { color:#021321; font-weight:normal; }
div#inhalt .letzter a:visited { color:#021321; font-weight:normal; }
div#inhalt .letzter a:hover { color:#000000; font-weight:normal; background-color:#ffeaa3; }
div#inhalt .letzter a:focus { color:#000000; font-weight:normal; background-color:#ffeaa3; }
div#inhalt .abstand_oben { margin-top:20px; }



dialog {
    position: fixed;
    display: block;
	background-color: rgba(2, 19, 33, 0.8);
	color:#3b4b4b;
	font-size: 75%;
	border: 0px ;
	
	z-index: 1002;
	
	height: 100%; width:100%;
}

#dialog-gelb {background-color: #fad686;; max-width: 800px; margin-left:auto; margin-right: auto; padding:20px; margin-top:20px;}

dialog[open="close"] {
    display: none;
}



dialog #close-dialog {
	margin-top:10px;
	padding: 3px;
min-width: 150px;
	cursor: pointer;
	background-color: #96a862;
	color: #ffe0b1;
	font-weight: bold;
	font-size: 100%;
	border: 0px;
}

dialog #close-dialog-oben {
	margin-top:10px;
	padding: 3px;
	cursor: pointer;
	background-color: #96a862;
	color: #ffe0b1;
	font-weight: bold;
	font-size: 100%;
	border: 0px;
}

p.dialog {margin-top: 10px;}

div#dialog-gelb a:link { color:#96a862; font-weight:bold; text-decoration:underline; }
div#dialog-gelb a:visited { color:#021321; font-weight:bold; text-decoration:underline; }
div#dialog-gelb a:hover { color:#021321; font-weight:bold; text-decoration:underline; }
div#dialog-gelb a:focus { color:#021321; font-weight:bold; text-decoration:underline; }

summary {
	margin-top:10px;
	padding: 3px;
	min-width: 150px;
	cursor: pointer;
	font-weight: bold;
	font-size: 100%;
	border: 0px;
}