* {
    margin: 0;
    padding: 0;
}

html{
	width:100%;
}

body {
	color: #333;
	width:100%;
	#margin-left:10%;
	position: absolute;
	background-color:#F2F2F2;
	margin-top: 0px;
	font-family: sans-serif;
	font-size:14pt;
}

a:link {color:black;}
a:visited{color:black;}
a:hover {color:black;}
a:active{color:black;}



.parallax img{
	position: absolute;
	margin-top: -100px;
	right: 0;
	overflow: hidden;
	z-index: 1;
	
}


.text {
	position: relative;
	top: 0px;
	z-index:3;
	background-color:white;
	overflow:hidden;
#	filter:alpha(opacity=90);
#	-moz-opacity:0.9;
#	-khtml-opacity: 0.9;
#	opacity: 0.9;
	float:left;
	width:100%;
}

.text h1{
	padding:30px;
	padding-bottom:20px;
	padding-top:10px;
}

.text h2, .text p{
	padding:10px;
	padding-left:80px;
	padding-right:80px;
	margin-top: 15px;
	margin-bottom:15px;
}

.text h3{
	text-align:center;
	padding-top: 15px;
}

.text h4{
	padding:10px;
	padding-left:80px;
	padding-right:80px;
	margin-top: 15px;
	margin-bottom:15px;
	font-size:14pt;
}

.text img{
z-index: 3;
float:left;
padding:10px;
}


.text table{
width:80%;
margin:20px;
margin-left:10%;
border: solid grey 2px;
border-collapse:collapse;
}

.text table td{
padding:10px;
}

.text table th{
 background-color:grey;
 color: white;
 padding:10px;
}

.text audio{
width:90%;
margin:20px;
margin-bottom:0;
margin-left:5%;
}

.text form{
width:50%;
margin:20px;
margin-left:80px;
}


.leerbox {
	z-index:2;
	float:left;
	margin:20px;
	margin-left:0;
	height:150px;
	width:100%;
}

#sound p{
	margin-bottom:20px;
	#margin-top:40px;
}

#sound table{
	margin-top:20px;
	margin-bottom:70px;
	margin-left:5%;
	border:0;
	width:90%;
	
}


#Kopf {
z-index:2;
position:relative;
width:100%;
margin: 0px;
margin-top: 40px;
#margin-bottom: 30px;
}

#Hintergrund_Kopf {
z-index:1;
position:absolute;
float:top;
height:230px;
width: 100%;
background-color:white;
}

#Steuerung {
position:relative;
width:100%;
z-index: 99;
}

#Steuerung ul {
  list-style-type: none;
  margin-top:10px;
  margin-left: 13%;
  #margin-right: 20%;

}

#Steuerung li {
  display: inline;

}

#Steuerung a {
#    width: 12.1835%;
	width: 12%;
	height: 25px;
    float: left;
	margin-top:10px;
#	border:1px solid gray;
    text-align: center;
	color: black;
	text-decoration: none;
	padding: 2px; 
	padding-top:10px;
	padding-bottom:10px;
	background-color:white;
	
    transition: background 0.5s ease-out; /* explorer 10 */
    -webkit-transition: background 0.5s ease-out; /* chrome & safari */
    -moz-transition: background 0.5 ease-out; /* firefox */
    -o-transition: background 0.5 ease-out; /* opera */
	
/*	Schatten
	box-shadow: 2px 2px 2px #000000;
    -moz-box-shadow: 2px 2px 2px #000000;
    -webkit-box-shadow: 2px 2px 2px #000000;

*/
}
#Steuerung a:hover {
	background-color: gray;
	color:white;
}


#Fußzeile {
position: fixed;
width:100%;
height:25px;
color: white;
background-color: black;
clear: both;
font-size: 12pt;
font-family: Arial;
bottom: 0px;
#border:2px solid black;
z-index: 99;
vertical-align: middle
}

#Fußzeile p{
padding-top:3px;
padding-left:10px;
float:left;
}

#Fußzeile a{
color:white;
float:right;
padding-top:3px;
padding-right:10px;
}