html
{
	margin-left: auto;
	margin-right: auto;
}

#body
{
	padding:0;
	margin-top: 5px;
	font-family:"Arial Narrow", "Lucida Sans Unicode", sans-serif;
	margin-left: auto;
	margin-right: auto;
	visibility: visible;
	overflow: scroll;
}


h1, h2, h3, h4, h5, h6{
	font-family: sans-serif;
	text-align:center;
	padding: 10px, 0, 10px, 0;
}


#kopf a:link {color: #111;}
#kopf a:visited {color: #111;}
#kopf a:active {color: #111;}
#kopf a:hover {color: #555;}

#kopf{
	background-color: lightgray;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	display: block;
	width: 100vw;
	font-size: 2.0em;
	color: black;
	text-align:center;


/*	height: 10vh;*/
}

.menu
{
	margin-left: auto;
	margin-right: auto;
	height: 80vh;
}

.menu img
{
	width:100%;
}



#container{
/*	padding: 0.5em 2% 0.5em 2%;*/
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 70%;
	max-width:919px;
	/*padding-top: 5px;*/
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#containercon{
/*	padding: 0.5em 2% 0.5em 2%;*/
	background-color: silver;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

#containertop{
/*	padding: 0.5em 2% 0.5em 2%;*/
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	margin-top: 5px;
	width: auto;
}

#containercon img
{
/*	padding: 0.5em 2% 0.5em 2%;*/
	width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#container img
{
/*	padding: 0.5em 2% 0.5em 2%;*/
	padding-top: 10px;
	width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#containertop img
{
/*	padding: 0.5em 2% 0.5em 2%;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#navigation{
	float: left;
/*	padding: 0.5em 2% 0.5em 2%;*/
	background-color:  white;
	width: 45vw;
	height: 65vh;
	padding-top: 5vh;
}

#navigation img
{
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vh;
    width: 80%;
    vertical-align: middle;

}

.standardtext
{
/*	padding: 0.5em 2% 0.5em 2%; +*/
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
   
	margin-top: 20px;
	margin-bottom: 10px;
	display: block;
	font-size:large;
}

.subtitletext
{
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
	display: block;
	font-size:large;
}

#inhalt{
/*	padding: 0.5em 2% 0.5em 2%; +*/
	background-color: white;
    margin-left: auto;
    margin-right: auto;
	display: block;
	width: 60vw;
}

#inhalt h1{
	font-size: 1.5em;
}

.video0
{
	background-color: white;
	position: absolute;
	display: block;
	width: inherit;
} 

#footer_1 {
	width: 100%;
	 clear:left;
	background-color: lightgrey;
	margin-left: auto;
	margin-right: auto;
	position: inherit;
	height: 1.5em;
	margin-top:10px;
}


/*@media (max-device-width: 520px), (screen and (orientation:portrait)),  
(-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx))
*/

@media screen and (orientation:portrait)
{
	#inhalt
	{
		width: 100vw;
		padding-top:0em;
		background-color:white;
		height: auto;
		margin-right: 0;
	}
	
	#navigation
	{
		width: 98%;
		padding-top: 1em;
		padding-bottom: 1em;
		height: 50%;
		float: left;
	}
	#inhalt video
	{
		display: block;
		height: 400px;
		width: 100%;
	}
	#container
	{
		width: 90vw;
	}
	.video0
	{
		width: 90%;
	} 
}

@media screen and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx)
{
	#inhalt
	{
		float :left;
		padding-left: 5px;
		padding-right: 5px;
		width: 100vw;
	}
	
	#inhalt video
	{
		margin-top: 5px;
		max-width: 80%;
	}

	#navigation
	{
		height: auto;
		margin-top: 5px;
	}

	#container
	{
		width: 60vw;
	}
}