#menue {
  position:relative;
  margin:0 auto;
  margin-top:0px;
  width:800px;
  height:6em;
  text-align:left;
  background:#F59C04;
  overflow:visible;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  z-index:1000;
}
#mwehrdaiframe {
  position:relative;
  width:800px;
  height:1140px;
  overflow:hidden;
  border-left:0px solid #E1E1E1;
  border-right:0px solid #E1E1E1;
  z-index:1;
}
#wehrdaunserdorf {
  position:absolute;
  margin-top:10px;
  margin-left:270px;
  min-width:300px;
  min-height:50%;
  color:#FFFFFF;
  font-size:2.2em;
  font-weight:bold;
  font-style:italic;
  text-shadow: 2px 1px #74C07B;
  z-index:1;
}
@media screen and (min-width: 601px) {
#wieweit {
  position:absolute;
  font-size:0.7em;
  color:#0B6367;
  bottom:10px;
  margin-left:130px;
  z-index:10;
}
}
@media screen and (max-width: 600px) {
#wieweit {
  position:absolute;
  font-size:0.85em;
  color:#0B6367;
  bottom:10px;
  margin-left:116px;
  z-index:10;
}
}

pre span { color:red}
.menuebereich {position:absolute; left:15px; top:0px; width:30em; background:#F59C04; opacity:1}
input#menuebox { display: none; }
label.menuebox {
	display: block;
    top:8px;
	background:#0B6367;
	width:95px; 
	height:78px;
	position: relative; 
	border-radius: 4px; 
}

.demoline { 
	position: absolute; 
	height:5px; 
	background:#FFFFFF;
	border-radius:3px;
	width:76px; 
	display: block; 
	left:10px;
	transition: 0.5s; 
	transform-origin: center; 
}

.demoline:nth-child(1) { top:18px; }
.demoline:nth-child(2) { top:36px; }
.demoline:nth-child(3) { top:54px; }

.hassub {font-size:0.9em;}
	
#menuebox:checked + .menuebox .demoline:nth-child(1){
	transform: translateY(18px) rotate(-45deg);
}

#menuebox:checked + .menuebox .demoline:nth-child(2){
	opacity:0;
}

#menuebox:checked + .menuebox .demoline:nth-child(3){
	transform: translateY(-18px) rotate(45deg);
}
	
#menuebox:checked + .menuebox { background:#183763}

#menuebox:checked + .menuebox  + .tmenue { height: auto; max-height:90em; background:#F59C04; }

.tmenue { height: auto; max-height:0; overflow: hidden; background: white; transition: all 0.8s; }
.tmenue ul { padding-left: 1em;}
.tmenue ul li { list-style-type: none; color: white; border-bottom: 1px dotted white; padding-top: 1ex; padding-bottom: 1ex;  }
.tmenue ul li:last-child{border-bottom: 0;}

@media screen and (min-width: 601px) {
  .tmenue ul li a {font-size:1.1em; color: white; text-decoration: none; display: block }
}
@media screen and (max-width: 600px) {
  .tmenue ul li a {font-size:2em; color: white; text-decoration: none; display: block }
}
.tmenue ul .hassub:before {content:url(bitmap/linien_grau.gif); float: right; padding-right: 1em; }




#kopf { 
  position:relative;
  margin:0 auto;
  top:0px;
  width:360px;
  height:162px;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  border-left:1px solid #C8BFAC;
  border-right:1px solid #C8BFAC;
  text-align:left;
  z-index:10;
}
.titel {
  text-align:left;
  padding-top:5px;
  color:#F59C04;
  font-size:2.1em;
  font-weight:bold;
  text-shadow:2px 2px 2px #000000;
  z-index:1;
}
#untertitel {
  text-align:center;
  padding-top:5px;
  z-index:21;
  color:#FFC47D;
  font-size:1.9em;
  font-weight:bold;
  text-shadow:2px 2px 2px #000000;
}
#hlnlogo1 {
  position:absolute;
  top:2px;
  left:5px;
  width:150px;
}
#hlnlogo2 {
  position:absolute;
  top:2px;
  right:5px;
  width:150px;
}
#start {
  position:relative;
  background-image:url(/icons/start.gif);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  z-index:1;
}
#ende {
  position:relative;
  background-image:url(/icons/abmelden.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  z-index:1;
}
#aktionsbereich {
  position:relative;
  top:0em;
  margin:0 auto;
  margin-bottom:1em;
  width:360px;
  min-height:400px;
  padding:0.3em;
  background:#FFFFFF;
  border:1px solid #C8BFAC;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  z-index:10;
}
#ankermenue {
  position:fixed;
  bottom:0%;
  left:50%;
  transform: translate(-50.05%, 0%);
  text-align:center;
  min-height:35px; width:360px;
  padding-top:9px;
  background:#FFFFFF;
  border:1px solid #C8BFAC;
  z-index:200;
}
#logoklein {
  position:fixed;
  bottom:8%;
  left:50%;
  transform: translate(-50.05%, 0%);
  text-align:center;
  z-index:200;
}
BODY, DIV, H1, H2, H3, P, UL, LI, TD, TH, A, FORM, INPUT, SELECT, TEXTAREA, BUTTON {font-family:verdana, arial, helvetica, sans-serif; color:#000000; font-size:1em}
BODY {margin:0px; background:#FFFFFF}
H1 {font-family:verdana, arial, helvetica, sans-serif; font-size:x-large; color:#F59C04; text-align:center}
H2 {
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:large;
  background:transparent;
  color:#E67E00;
  text-align:left;
}
H3 {font-family:verdana, arial, helvetica, sans-serif; color:#E67E00; font-size:medium}
FORM {display:inline}
SPAN {display:inline-block}
TABLE {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border-collapse:collapse; margin-bottom:1.5em}
TD {text-align:left; padding-left:0.3em; padding-right:0.3em; vertical-align:top}
.hln1 {background:#E7EFFF; color:#000000}
.mitt {text-align:center}
.zentr {vertical-align:middle}
.num {text-align:right}
.kumbr {white-space:nowrap}
.fett {font-weight:bold}
.trenn {hyphens:auto; -ms-hyphens:auto; -webkit-hyphens:auto}
.block {text-align:justify}
.klein {font-size:0.85em}
.gross {font-size:1.3em}
.weiss {color:#FFFFFF}
.logo {
  margin-left:0.5em; margin-top:0em;
  padding-top:1em; padding-bottom:1em; padding-left:0.5em; padding-right:0.5em;
  max-width:8.8em;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-top:1px solid #F3F3F3;
  border-left:1px solid #F3F3F3;
  border-bottom:1px solid #333333;
  border-right:1px solid #333333;
}
.bl {
  padding:0.2em; margin-top:0.2em; margin-bottom:0.3em;
  cursor:pointer; display:inline-block;
  text-align:center;
  background:#E8E8E8;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px #333333;
  -moz-box-shadow: 1px 1px 2px #333333;
  box-shadow: 1px 1px 2px #333333;
}
.rundeck {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

textarea {border:1px solid #F5F5F5}
input[type=text] {border:1px solid #808080}
input[type=email] {border:1px solid #808080}
input[type=password] {border:1px solid #808080}
input[type=checkbox] {width:2em; height:2em}
input[type=radio] {width:2em; height:2em}
input[type=submit] {background:#F0F0F0; color:#000000; border:0px}
input[type=submit]:hover {background:#E5EEFF}
button[type=button] {background:#E8E8E8; color:#000000; border:0px}
button[type=button]:hover {background:#FFC47D!important; text-decoration:none; color:#000000!important}