* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
}


header {
	background-color: orange;
	width: 100%;
	float: left;
	border-bottom: 1px solid black;
}

#bereichbanner {
	color: black;
	background-color: SandyBrown;
	display: block;
	height: 100%;
	width: 100%;
	padding: 0.5em 0.5em 0.5em 2em;
	line-height: 1.3em;
	text-decoration: none;
	float: left;
}

#bereichspace {
	background-color: lightgray;
	display: block;
	height: 100%;
	width: 100%;
	padding: 0.01em;
	font-size: 0.2em;
	float: left;
}

#bereichlogo {
	color: black;
	background-color: orange;
	display: block;
	padding: 0.5em;
	text-decoration: none;
	float: left;
	width: auto;
}

#bereichlogo:hover {
	color: white;
}

#steuerung li {
	list-style: none;
	float: left;
}


#steuerung a {
	display: block;
	height: 100%;
	width: 100%;
	padding: 0.5em;
	text-decoration: none;
	color: black;
	background-color: orange;
}

.menue-button {
	display: none;
}

#steuerung {
	float: right;
}

#steuerung a:hover {
	color: white;
	background: gray;
}


/* Allgemein Anweisungen  margin-top, right, bottom, left.  */
section{display : inline-block;width:73%;}

/* Sidebar */
aside {
  width: 25%; 
  float: right;
  clear:right;
  display : inline-block;
  padding: 0em 1% 1em;
  margin: 5em 1% 0 1%;
  border: 1px dotted #aaa; 
  font-size: 0.9em;
}


footer {
  clear: both; 
  padding: 2%;
  text-align:center;
  border-top: 1px dotted #aaa; 
}

footer .copy span {
	margin:0 auto;
	display:block;
}

#mainindex {
  width: 95%; 
  height: auto;
}

#captcha {
  width: 230px; 
  height: auto;
}

#bereichfirst {
	font-size: 1em;
	float: left;
}


ul.first {
    list-style: disc;
    padding: 0;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 25px;
    line-height: 1.3em;
    text-align: justify
}

#Formular02 {
font-size:1em;
}

#Formular02 input {
font-family: Verdana,sans-serif;
font-size: 0.95em;
padding: 0.1em;
border: 1px solid black;
}

#Formular02 textarea {
font-family: Verdana,sans-serif;
font-size: 0.95em;
padding: 0.1em;
border: 1px solid black;
}


tr {
	padding: 0.3em;
	border-top: 0 none;
}

th {
	padding: 0;
}

td {
	padding: 0.1em 0 0;
}


@media only screen and (max-width:700px) {
	.menue-button {
		background-color: darkblue;
		display: block;
		position: absolute;
		right: 0;
		padding: 0.5em;
		color: white;
		cursor: pointer;
		text-decoration: none;
	}

	#bereichlogo {
		width: 100%;
	}

	#steuerung {
		float: left;
		width: 100%;
		display: none;
	}

	#steuerung li {
		width: 100%;
		border-bottom: 2px solid silver;
	}

	.menue-button:hover {
		color: black;
		background: orange;
	}

	section {
		float:none;
		display:block;
		width:100%;
	}
	aside {
		float:none;
		display:block;
		width:90%;
        margin: 1em 2em 0 1%;
	}

	tr, th, td {
 		display: block;
	}
	
	tr {
		padding: 0.3em;
		border-top: 0 none;
	}
	
	th {
		padding: 0;
	}
	
	td {
		padding: 0.1em 0 0;
	}
}

#nav-menue:target #steuerung {
	display: block;
}

#nav-menue:target .menue-button-beschr-open {
	display: none ;
}


h1, p {
	margin: 0.5em 0 0 0;
}

h2, p {
	margin: 0.3em 0 0 0.3em;
}

h3, p {
	margin: 0.2em  0 0 0;
}

h5, p {
	margin: 0.2em  0 0 0;
}

p  { margin: 0.3em 1em 0 0.5em; font-size: 1.0em; }