*{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400; 
	color: #D9D9D6;
	font-size: .9em;
	line-height: 1.2em;
	
	}
	
.wrapper{
	margin: 0px auto 0px auto;
	padding: 0;
	width: 1200px; /* +22 wg black left border */
	
	z-index: 4;


	
}



content{

		position: relative; 
		float: left;
		width: 100%;
		height: auto;
		min-height: 800px;
		padding-bottom: 88px;
/* 		border-left: 22px solid #000 */
}



section{
			width: 100%;
			float: inherit;
			padding-bottom: 120px;
}

section#infamis, section#wiedergang{background: #fafaf7;}
/* section#musik{background: rgba(79, 183, 135, 0.57);} */
section#film{background: rgba(224, 221, 207, 1);}
section#live{background: rgba(194, 0, 72, 0.8);}

.hg{
	position: absolute;
	height: 100%;
	width: 100%;
/* 	background:url(../backgroundslider/slides/inf_weih_2015.jpg); */
	background-position: center center;
	background-size: cover;
}



a{
color: #000;
text-decoration: none;
cursor: pointer;
}

.clear {clear:both;}


	
nav{
	position: relative; 
	float: left; 
	width: 100%; 
	z-index: 3; 
	margin-top: 120px;
	}
	
	
nav a{
color: #D9D9D6;
/* text-shadow: 0px 0px 6px rgba(0,0,0,0.3); */
font-size: 3.2em;
font-weight: 300;
text-decoration: none;
cursor: pointer;
text-transform: uppercase
}
nav a:hover{ color: #85B09A;}
nav ul{padding: 0;}
nav li{
	list-style: none;
	padding-bottom: 12px;

	margin: 0;
/* 	display: inline-table; */
/* 		border-bottom: 1px solid #D9D9D6; */


}
	
header{
z-index: 4;
position: relative; float: right;
font-size: 1.8em; line-height: .9em; text-align: right;
width: 450px; height: 250px; top: 44px;
text-transform: uppercase
/* text-shadow: 0px 0px 6px rgba(255,255,255, .3); */
/* border: 1px solid white; */

}
header .rt_gr{color: #85B09A; font-size: 1.1em;line-height: .9em; } /* color: #92242c; */
header p {font-size: .2em;line-height: 1.2em;}
header img {margin-right: -8px;}
header a{color: #dad6d0;text-decoration: none;}
header a:hover{ color: #85B09A;}
header .klein {font-size: 0.55em;line-height: 1em;}
	
.unsichtbar{ width:0px; height:0px; display:none;}	
	
.impressum_btn{ 
	position: absolute;
	font-size: 0.7em;
	text-align: right;
	color: #dad6d0;
	text-decoration: none;
	/* height: 76px; width: 70px; */
	height: 12px;
	width: 170px;
	margin: 116px 0 0 -72px;
	-webkit-transform:rotate(270deg); 
	-moz-transform:rotate(270deg); 
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}

.impressum_btn a{text-decoration: none; color: #dad6d0;}
.impressum_btn a:hover{text-decoration: none; color: #fff;}


.platte{

position: absolute; 
bottom: 80px; 
right: 320px; 
text-align: right;
	display: none;
}

.live{
position: absolute; float: left; 
width: auto; 
bottom: 88px; z-index: 3;

text-align: left;
color: #dad6d0;
/* text-shadow: 0px 0px 6px rgba(0,0,0,0.3); */
font-size: 1.8em; line-height: 1.0em;
text-decoration: none;

}

.live2{
position: absolute; float: left; 

color: #dad6d0;
/* text-shadow: 0px 0px 6px rgba(0,0,0,0.3); */
font-size: 1.8em; line-height: 1.0em;
text-decoration: none;

}
.live li, .live2 li{
	list-style: none;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}
.live .rt_gr, .live2 .rt_gr, .rt{color: #85B09A; } /* color: #92242c; #89292f*/

.live ul li a, .live2 ul li a{color: #D9D9D6; cursor: pointer;}
.live ul li a:hover, .live2 ul li a:hover{ color: #85B09A;}
.kl {font-size: .8em}

.durchgestrichen{
	text-decoration: line-through
}
.nichtDurchgestrichen{
	text-decoration: none
}
.zentriert{text-align: center;}


.headline{
	font-size: 3.2em;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	padding: 44px 0;
}


.txtBox{
	font-family: 'Libre Baskerville', serif;
/* font-family: 'Lustria', serif; */
/* 	background: #f6f5ee; */
	color: #000;
	padding: 32px;
	font-size: .95em;
/* 	margin: 0px 1px 2px 0px; */
}






.transparentBox{
	margin: 0px 1px 2px 0px;
}
.bildBox,
.videoBox{
	padding: 32px;
/* 	margin: 0px 1px 2px 0px; */
}

.bildBox img{
	border: 4px solid #fff;
	margin-bottom: -4px

	
}
.kasten{
	color: #000;
	padding: 32px;
	margin: 32px;
	border: 1px solid #000;
}

.bottomLine{
	border-bottom: 3px solid #000;
	margin-bottom: 88px;
}



p{
	font-size: 1.1em;
	line-height: 1.45em;
	margin-bottom: 1.45em
}
#film .txtBox{
	font-size: .9em;
	line-height: 1.25em;
	margin-bottom: 1.45em;
/*
	font-family: 'Open Sans', sans-serif;
	font-weight: 400; 
*/
}

h1{
	font-weight: 400;
	font-size: 1.4em;
	line-height: 1.45em;
	margin-bottom: 0.4em;
	
}
h2{
	font-weight: 400;
	font-size: 1.4em;
	line-height: 1.45em;
	margin-bottom: 0.8em;
	margin-top: -0.3em
	
}
.klein{font-size: .8em;}

.topAbstand{margin-top: 44px}
.bottomAbstand{margin-bottom: 44px}
.entfaellt,
.entfaellt a,
.entfaellt span{text-decoration: line-through; color: #adadad !important; font-size: 1em}


.section_musik{
	
	background-image: url(../elemente/infamistapete-transparent.png);
	background-repeat: repeat;
	background-color: rgba(219, 215, 204, 0.1);
}

@media only screen and (max-width: 1020px){
	body{
		font-size: .7em
	}
	
	.wrapper{
		padding: 22px;
		
	}
	
	header{
		float:left;
		text-align: left;
		top:8px;
		height: auto;
	}
	nav {
		position: relative; float: left;
	}
	
}



/* ---------------------------- < 920 ---------------------------- */


@media only screen and (max-width:920px){ 
	
	
	
	xx.videoBox{
		position: relative;
		padding-bottom: 156.25%; /* Default for 1600x900 videos 16:9 ratio*/
		padding-top: 0px;
		height: 0;
		overflow: hidden;
	}
	.videoBox iframe,
	.col2 iframe{
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 50vw;
		}
	audio{
		width: 100%
	}
	nav{
		margin-top: 22px;
		font-size: .8em;
		line-height: .4;
	}
	.live{
		margin-top: 2px;
		font-size: 1.1em;
	}	
	.live2{
		margin-top: 22px;
		font-size: 1.7em;
	}	
	.live2 li{
	margin-bottom: 7px;
	}	
}		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}