/*Farbeinstellungen*/

/*Standard: #f40000*/
/*Alternativ: #0a5c0a*/



header {
	background-color: none;
	float: left;
	border-bottom: 1px solid black;
	font-family: 'latobold', Verdana, Geneva, Tahoma, sans-serif;
	font-weight:100;
	font-size: 14px;
	width: 100%;
    overflow: hidden;
}
#bereichlogo {
	font-family: 'latoblack';
	letter-spacing: 0.1em;
	font-weight:900;
	font-size:xx-large;
	color: white;
	background-color: #f40000;
	display: block;
	padding: 0.5em;
	text-decoration: none;
	float: left;
}
#bereichlogo {
    width: auto;
}
#bereichlogoprint {
	display: none;
}
#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: white;
}    
.menue-button {
    display: none;
}    
#steuerung {
    float: right;
}
#steuerung a:hover {
    color: red;
    background: white;
}	


/* Steuerung Archivmenue */

#archiv16:not(:target) .inhalt {
	display: none;
}
#archiv16:target .inhalt {
	display: block;
}
#archiv16:target .show {
	display: none;
}
#archiv16:not(:target) .hide {
	display: none;
}	

#archiv17:not(:target) .inhalt {
	display: none;
}
#archiv17:target .inhalt {
	display: block;
}
#archiv17:target .show {
	display: none;
}
#archiv17:not(:target) .hide {
	display: none;
}

#archiv18:not(:target) .inhalt {
	display: none;
}
#archiv18:target .inhalt {
	display: block;
}
#archiv18:target .show {
	display: none;
}
#archiv18:not(:target) .hide {
	display: none;
}

#archiv19:not(:target) .inhalt {
	display: none;
}
#archiv19:target .inhalt {
	display: block;
}
#archiv19:target .show {
	display: none;
}
#archiv19:not(:target) .hide {
	display: none;
}

#archiv20:not(:target) .inhalt {
	display: none;
}
#archiv20:target .inhalt {
	display: block;
}
#archiv20:target .show {
	display: none;
}
#archiv20:not(:target) .hide {
	display: none;
}


/* CSS erweitern um MENUE-Button und entsprechende Steuerung */

@media screen and (min-width:801px){

body {
	background: repeat;
	background-color: #C0C0C0;
}
div#wrapper {
  color: black;
  background-color: white;
  width: 720px; /* Breite des Inhaltsbereichs */
  margin-top: 0px;
  margin-right: auto; /* Abstand rechts */
  margin-bottom: 0px;
  margin-left: auto; /* Abstand links */
}
}


@media only screen and (max-width:800px) {

#bereichlogo {
	height: 30px;
	font-size: x-large;
}
.menue-button {
	display: block;
}
.menue-button {
	background-color: red;
	display: block;
	position: absolute;
	right: 10px;
	top: -5px;
	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: none;
}
}

/* die Magie, um die Steuerung einzublenden (auch auf mobile Devices) */
#nav-menue:target #steuerung {
    display: block;
}
/* ausblenden des Menue-Buttons zum Oeffnen - somit wird der zum Schliessen sichtbar */
#nav-menue:target .menue-button-beschr-open {
	display: none;
}    
/* Allgemein Anweisungen */
section {
	padding: 0.5em;
	float: left;
	width: 100%;
}
h1, p {
    margin: 0.5em 0.7em 0 0;
}