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: #0DC0FF;
	/*background-image: url('images/silofragment.png');*/
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	position: relative;
	height:1000px;/*sorgt dafuer das es sich nicht verschiebt vorher iframecont drin*/
	}
h1,h2,h3,h4,h5,h6{
	font-family: sans-serif;	
	margin: auto; /*sorgt dafür das kein Abstand mehr da ist*/
	color: #000;
	text-decoration: none;
	}
h4 {
	font-family: arial;
	font-size: 17px;
	font-weight: bold;
	color: #000;}
a:focus{outline: none;}
a.linkclass{
	font-size: 26px;
	text-decoration: none;
	color: #fff;
	background-color: none;
	}

	
header{
	background-color: #0DC0FF; /*flaeche hinter dem Bild*/
	color: #000;
	padding: 15px; /*ueberlappt, daurch sieht man das Hintergrundbild nicht mehr*/
	margin: 0;	
	top: 1px;
	height: 320px; /*verändert die höhe des Headers*/
	/*clear: right;*/
	}
#logo{
	position: absolute;
	top: 30px; 
	/*height: 300px;*/
	/*width: 110px;*/
}
header img{
	border-radius: 7px;
	max-width: 100%;
	}
p.centerclass{
	position: relative;
	top: 10px;
	right: 50px;
	/*left: 150px;*/
	text-align: center;	
	font-size: 36px;
	color: #fff;
	padding: 10px;
	margin: auto;
	font-family: 'Helvetica', sans-serif;
	font-family: 'open sans', 'Arial', Verdana, Tahoma, Arial, Helvetica;
	}
p.centerclassklein{
	position: relative;
	/*left: 150px;*/
	text-align: center;
	margin: auto;
	padding: 5px;	
	font-family: 'Helvetica', sans-serif;
	font-family: 'open sans', 'Arial', Verdana, Tahoma, Arial, Helvetica;
	font-style: italic; 
	font-size: 25px;
	color: #fff;}
p.centerclassindex{
	position: relative;
	/*top: 200px;*/	
	font-size: 20px;
	color:#ffffff;
	/*padding: 5px;*/
	font-family: 'Helvetica', sans-serif;
	font-family: 'open sans', 'Arial', Verdana, Tahoma, Arial, Helvetica;
	text-align: center;
}


div#navidesktop{}

.linkclass{
	
	background-color: none; /*hintergrund links*/
	margin: auto;
	/*padding-left: 50px;*/
	position: relative; /*Bei absolute schiebt es sich nicht zusammen*/
	text-align: center; /*zentriert text in den Links*/
	top: 0;
	width: auto;
	height:auto;
	}
.linkclass ul{
	/*float: left;*/
	list-style:none;
	margin: auto; /*zentriert die Links*/
	padding:20px; /*verringerte den Aussenabstand*/
	width: 600px; /*ändert die breite der Links*/	
}
.linkclass ul li{
	margin:0;
	padding: 10px;
	
}
.linkclass ul a{
	text-decoration:none;
	color:#000;
	font-family: sans-serif; 
	font-size: 20px;
	}
/*Rollover UND Standortkennzeichnung*/
.linkclass ul a:hover, .current_page_item a{
	color:#0DC0FF;
	}
.linkclass ul p{
	background-color: #FFF; 
	/*border: 2px solid #000;*/ 
	margin: 2px; 
	border-radius: 25px;
	}

p.linkscl{
	font-size: 17px;
	padding: 10px; /*Abstand der Schrift in den Links*/
	margin: 0;
	font-family: 'Helvetica', sans-serif;
	position: relative;
	}

.audiocont{
	/*background-color: #777;*/
	color: blue;
	margin: auto; /*grund warum Player in der Mitte*/
	padding: 20px;
	width: 550px;
	}

#impressum{
	font-size: 15px;
	padding: 5px; /*Abstand der Links uebereinander*/
	margin: 0 50px 0 50px;
	/*font-family: 'Helvetica', sans-serif;*/
	font-family: 'open-sans',Verdana, Tahoma, Helvetica;
	}
#info{
	font-size: 15px;
	padding: 5px; /*Abstand der Links uebereinander*/
	margin: 0 50px 0 50px;
	/*font-family: 'Helvetica', sans-serif;*/
	font-family: sans-serif, Verdana, Tahoma, Helvetica;
	
	}	
iframe{
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	top: 0;
	}

#innercenter{
	background-color: none;
	width: 660px;
	height:auto;
	display: block;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   /*top: 10px;*/
   /*border: 10px solid #777;*/
   /*border-radius: 15px 15px 15px 15px;*/	
   /*max-width: 100%; /*sorgt hier in 13 für die breiten und höhendynamik*/
	/*height: auto;*/
	}
#conwrapper{
	height: 600px;

}

@media only screen and (max-device-width: 480px)

{
div#navidesktop{display: none;}
/*div#navig{display: block; top: 0px; height: 190px; width: 150px;}*/
/*div#navig img{height: 190px; width: 150px;}*/
p.centerclass{font-size: 40px; text-align: right;}
p.linkscl{
	font-size: 37px;
	padding: 5px; /*Abstand der Links uebereinander*/
	margin: 0;
	font-family: 'Helvetica', sans-serif;
	position: relative;
	}
p.centerclassklein{font-size: 36px;}
/*.linkclass{padding-left: 10px; padding-right: 10px;}*/
h4{font-size: 30px; color: #fff;}
p.centerclassindex{
	font-size: 40px;
}
}
	
@media only screen and (max-width: 800px) 

{
div#navidesktop{display: none;}
/*div#navig{display: block; top: 0px; height: 190px; width: 150px;}*/
/*div#navig img{height: 190px; width: 150px;}*/
p.centerclass{font-size: 40px;}
p.linkscl{
	font-size: 37px;
	padding: 5px; /*Abstand der Links uebereinander*/
	margin: 0;
	font-family: 'Helvetica', sans-serif;
	position: relative;
	}
p.centerclassklein{font-size: 25px;}
.linkclass{padding-left: 10px; padding-right: 10px;}
h4{font-size: 30px; color: #fff;}
p.centerclassindex{
	font-size: 40px;
}

}