/* Stylesheet - v1.01.8 - 2016-09-17*/
/* Author: Johannes Rönnecke*/
/*Kopf*/


* {
	margin: 0%;
	padding: 0;
	font-family: 'Abhaya Libre', serif;

}
html,body {
background-color: #252122;
}
header {
	background-color: yellow;
	background-color: #252122;
	width: 100%;
	float: left;
	border-bottom: 0px solid black;
}

h1, p {
	margin: 0.5em 0 0 0.5em ;
	font-size: 1em;*/
}	

a {
				
				text-decoration: none;
				color: white;
}	

a:hover {
			color:grey;
}		


/* MENÜ */
#menu {
				float: right;
}
#menu li {
				list-style: none;
				float: left;
}

#menu a {
				display: block;
				height: 100%;
				
				padding: 0.5em;
				text-decoration: none;
				color: white;
				background-color: #252122;
}	

#menu a:hover {
background-color:#FFE300; 	color:white;
}	
.menue-button {
	display: none;	
}	

	#bereichlogo {
		margin: 0.5em;
	}
	  


      .absolut-zentriert {
        width: 90%;
        max-height: 500px;
		background-image: url(../img/media/logo_black.gif);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center; 
        margin: auto; 
		font-size: 15pt;
		padding:10px;
	position: absolute; 
	top: 40px; 
	left: 0; 
	bottom: 0; 
	right: 0;
	color:white;
      }
	  
      .bild1{
        width: 100%;
        height: 100%;
		background-image: url(../img/start_201710.gif);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left top; 
		text-align: left; 
		float: left;
		font-size: 15pt;
		padding:0px;
	top: 0px; 
	left: 0; 
	bottom: 0; 
	right: 0;
	color:white;
      }
.start2017{
	position: absolute; 
	width:100%;
	Height:100%;	
	background-color:black;
	
}	  
	  
      .impressum {
        width: 90%;
        margin: auto; 
		font-size: 15pt;
		padding:10px;
	position: absolute; 
	top: 40px; 
	left: 0; 
	bottom: 0; 
	right: 0;
	color:white;
      }

/* CSS erweitern um MENÜ-Button und entsprechende Steuerung */
/*	Menü-Button oben rechts einblenden bei kleiner als 600px */
@media only screen and (max-width:600px) {

	.absolut-zentriert {min-height: 400px; position:relative;   top: 0px;              }
	.impressum{min-height: 400px; position:relative;   top: 0px;              }
	.menue-button {
			font-size: 2em;
	line-height:0.1em;
	font-weight:bold;
		/*background-color: darkblue;*/
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		padding-top: 0.4em;
		padding-bottom: 0.5em;
		padding-right: 0.2em;
		color: white;
		cursor: pointer;
		text-decoration: none;
		font-stretch: ultra-condensed;
	}	
	#bereichlogo {
		width: 100%;
		line-height:2em;
	}
	#menu {
		float: left;
		width: 100%;
		display: none;
	}	
	#menu li {
		width: 100%;
		border-bottom: 2px solid silver;
	}	
	.menue-button:hover {
		color: black;
		/*background: orange;*/
	}
}
/* die Magie, um die Steuerung einzublenden (auch auf mobile Devices) */
#nav-menue:target #menu {
	display: block;
}
/* ausblenden des Menü-Buttons zum öffnen - somit wird der zum Schließen sichtbar */
#nav-menue:target .menue-button-beschr-open {
	display: none ; 
}	
/* Allgemein Anweisungen */
section {
	padding: 0em;
	float: left;
	width: 100%;
	background-color:black;
}