body{
		/*css-Browser-Reset*/
		padding: 0px;
		margin: 0px;
		color: black;
		font-size: 12px;
		font-weight: normal;
		font-family: Arial, Helvetica, sans-serif;
	}
body{background-color: #777;}
h1,h2,h3,h4,h5,h6{
	font-family: arial;	
	margin: auto; /*sorgt dafür das kein Abstand mehr da ist*/
	}
h1{font-size: 60px; text-align: center;}
h2{font-size: 40px; text-align: center; margin-top: 30px;}
h3{font-size: 25px; text-align: center;}
h4{text-align: center;}

a {text-decoration: none; color: #fff; font-size: 20px;}
a:hover{color: #808;}
a:visited{color: #730;}
a:focus {
  outline: none;
}
/*#kopfbereich a:focus {outline: 5px solid blue;}*/



header{
	background-color: transparent;
	padding: 15px; /*ueberlappt, daurch sieht man das Hintergrundbild nicht mehr*/
	margin: 0;	
	top: 10px;
	height: 120px;
	/*clear: right;*/
	}
#logo{
	position: absolute;
	top: 30px; 
	height: 90px;
	width: 90px;}
header div img {max-width: 100%; border-radius: 7px;}
header a{color: #000; font-size: 30px;}
p.headercenterclass{
	text-align: center;	
	position: relative;
	top: 10px;
	width: 350px;/*erforderte zur Zentrierung margin-left und right*/
	font-size: 20px;
	padding: 5px;
	margin: 2px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Helvetica', sans-serif;
	font-family: 'open sans', 'Arial', Verdana, Tahoma, Arial, Helvetica;
	border: solid 5px #000;
	border-radius: 20px;
	
	/*zentrieren für Bilder*/
	/*display: block;*/
   /*margin-left: auto;*/
   /*margin-right: auto;*/
		}
	

#wrapper{
	
	/*background-image: url(images/silofragment.png);*/
	background-size: auto;/*definiert die Abmessungen des Hintergrundbildes*/
	background-color: transparent;
	/*border: 20px solid #transparent;*/
	/*border-radius: 50px;*/
	position:relative;
	max-width:980px;
	height: 1000px;
	margin: auto;
	top: 20px;
	/*Buch541posabsolutemitversch.-480haelftederBreite*/
	/*position:absolute;*/
	/*width:960px;*/ 
	/*margin: 0px auto 0px -490px;*/
	/*left: 50%;*/
	}

table{
		position: relative;
		clear: both; 
		margin-left:auto;
		margin-right: auto;
		border-spacing: 20px;
		
		/*top: 300px;*/
		
		}
tr{margin-top: 30px;}	
td{
		border: solid 5px #000;
		background-color: #000;
		border-radius: 20px;
		
		width: 350px;
		height: 50px;
		font-size: 20px;
		text-align: center;
		padding: 3px;
		margin: 50px;
		}
.td-audioclass{border: solid 5px #000;
		background-color: #555;
		border-radius: 20px;}

	
/*Lösung fuer Smartphone Screen,vorher 769px dann 946*/	
@media only screen and (max-device-width: 480px)

{
table{top: 20px;}
td{width: 650px; height: 80px;}
a{font-size: 60px;}
div#wrapper{width: 100%; height: auto; top:50px;}
header{width: auto; height: 50px; }

	

}
/*Lösung für Laptop-Screen*/	
	
@media only screen and (max-width: 800px) 

{

table{top: 20px;}
td{width: 650px; height: 80px;}
a{font-size: 60px;}
div#wrapper{width: 100%; height: auto; top:50px;}
header{width: auto; height: 50px; }

	

}