html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}
body {
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	font-family: Nunito, Arial, sans-serif;
	font-size: 12px;
	color: black;
	line-height: 19px;
	background-image: url("../logo/ambiente-klang.png"), url(../hintergrund/hintergrund.jpg) ;
	background-attachment: fixed;
	background-position: center top;
}
h1, h2, h3, h4 {
	
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	list-style-type: none;
}
h4 {
	color:#3084CA;
	font-weight:normal;
	margin: 0px;
	padding: 5px;
	border: 0;
	font-size: 16px;
}
h1, h2, h3 {
	
	font-style: inherit;
	text-align: left;
	color: #00306f;
	line-height: 22px;
	font-size: 16px;
}

/*=================================================*/

#wrapper {
	margin: 130px auto;
	position: relative;
	height: auto;
	min-height: 100%;
	width: 966px; 
}

#headwrap {
	display: none;
	margin: 0 auto 5% auto;
	width: 966px;
	max-height: 110px;
	text-align: center;
}
#headwrap img {
	max-width:631px;
}

#headline { display:none; }

#right_start { display:none; }

.feld { 
	/*float:right;*/
	font-size: 1em; 
	font-weight: normal; 
	line-height: 1.2em; 	
	text-align: justify; 
	position: relative;  
	width: 100%; 
	height: auto; 
	margin: 0 auto;
}
.feld_inner { 
	max-width:480px;  
	background-color: rgba(245,245,245,0.70); 
}

@media only screen and (min-width: 850px) {	
	
	.feld {   
		max-width: 611px;
		margin: 265px auto; 
	}
	.rightinner {  
		margin: 0 0 20px 0; 
	}
	.rightinner_spezial {  
		margin: 0 0 20px 0; 
	}

}
@media only screen and (max-width: 966px) {
	
	#wrapper {
		margin: 530px auto;
		max-width: 966px;
		width: 100%
	}
	
	#headwrap {
		text-align: center;
		width: 100%;
		height: 110px;
	}
	#headwrap img {
		max-width:631px;
	}

	/*.feld {   
		margin: 0 auto;
		margin: 300px 40%;
	}
*/

}
/*====Linker Bereich=============================================*/
.leftwrap {
	width: 160px;
	position: fixed;
	top:130px;
}
/*====== für Testzwecke === * html #left {
	display: inline;
}
*/
.left { width: 205px;  height: 600px; }
.leftinner { margin: 0 0 0; padding: 0; }
/*====Rechter Bereich=============================================*/
/*#right {
	width: 788px;
	text-align: left;
	float: right;
}*/
/*====== für Testzwecke === * html #right {
	display: inline;
}
*/
.right_start {
	text-align: left;
	position: absolute;
	right: 40px;
	top:0;
}
.right_start  h1 {
	color: white;
	font-size: 2em;
	line-height: 2em;
	text-align: left;
}
.rightinner { 
	background-color: rgba(255,255,255,0.80) ; 
	max-width: 640px;
	padding: 15px;
}

.rightinner_spezial { 
	background-color: rgba(255,255,255,0.80) ; 
	position: relative;
	width:100%; 
	max-width: 670px; 
	height: auto; 
	/*float: right;*/ 
	margin: 70px 0 20px 0; 
	border: 0; 
}

.rightinner h1 { 
	font-size: 2em;
	color:#3084CA
}
/*#rightinner2 {
	text-align: left;
	margin: 15px 0 0;
	margin: 2% 1% 0 1.5%;
	width: 97%;
	height: auto;
}
#rightinner2 img { 
     width:100%;
}
#rightinner2 iframe { margin: 0; padding: 0; border-style: none; outline-style: none; }*/
.page-footer { font-size: 0.8em; line-height: 1.2em; width: 100%; margin-top: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; border: dotted 1px #f6d4be; }
.page-footer a { color: #e2eaf4; font-size: 0.8em; font-weight: bold; }
.page-footer a:hover { color: #000; font-size: 0.8em; font-weight: bold; }

.hgtrans {
	/*float:right;*/  
	position: relative; 
	width: 390px;
	background-color: rgba(0,0,0,0.80) ; 
	color: #ccc;
}
.ie8 .hgtrans {
	background-color: #222 ; 
}
.hgtrans a { color: #e9f1fb; font-size: 1.1em; font-weight: bold; background-color: #963e3e; text-decoration: none; padding-right: 3px; padding-left: 3px; }
/*.JAHR { font-weight: bold; background-color: #963e3e; text-decoration: none; padding-right: 3px; padding-left: 3px; }*/
.hgtrans a:hover { color: #ffb7bd; font-size: 1.1em; font-weight: bold; text-decoration: none; }
.hgtrans ul li { font-weight: bold;  margin: 5px 2px 20px -20px; padding: 0; list-style-type: none; list-style-position: outside; }
.hgtrans li { margin-bottom: 7px; padding-top: 2px; border-top: 1px dotted  #BB6464; }
.hgtrans ul li ul { margin-top: 5px; margin-left: -9px; }
.hgtrans ul li ul li { margin: 0; padding: 0; border-top-style: none; }
.hgtrans ul li ul li a { color: #EEE; background-color: transparent; }
.hgtrans ul li ul li a:hover { color: #8098bf; background-color: transparent; }
h4.bio {
	font-size: 1.5em;
	margin-left: 5px;
	color: #5F88E8;
}
ol { font-size: 1.2em; font-style: oblique; }
.mittelfett {
	font-weight: bold;
}
.text_format {
	width: 650px;
	height: auto;
	white-space: pre;
}
.player { top: -10px; width: 200px; }
.cd-cover { 
	position: relative; 
	max-width: 650px; 
	height: auto; 
	min-height: 208px; 
}
.cd-cover h1, .titel {
	font-size:0.8em;
}
.cd-cover img { 
	border: solid 1px #000; 
	outline: solid 1px #000;
	height:200px;
	max-width:220px;
}


.spezial {   
	margin-top:400px; 
}
.feld  p { padding: 3px 10px 5px 10px; }

.entry-content {
	clear: both;
	margin: 1.5714285714em 0 0 0px;	
}
.start-content {
	clear: both;
	margin: 0;	
}
video {
	height:auto;
	max-width:100%;
}
audio {
	margin-top:4px;
}
.nurpc {
	display:none;
}
/*
@media only screen and (min-width: 600px) {
}
*/

#headline { position: relative; width: 100%; height: 130px; overflow: hidden; margin-top: 20px; }
#headline h1 { color: #fff; font-size: 1.7em; overflow: visible; margin-top: 70px; margin-left: 275px; padding: 0; }
#right_start { display: inherit; }