/* CSS Document */
/* andrakokottfilms.de*/

/*--------------------------------skeleton--*/
#wrap {							
	width: 787px;
	margin-top: 10px;
	/*height: 100%;*/
	margin: 0 auto;
	text-align: left;
}
	/*für die Sprachauswahl*/
	#wrapStart {
		width: 787px;
		margin-top: 10px;
		padding-top: 150px;
		height: 100%;
		margin: 0 auto;
		text-align: left;
	}

#header {
	width: 787px;
	text-align: center;

}

#navigation {
	width: 787px;
	height: 100%;
	text-align: center;
}
#subheader {
	width: 787px;
	text-align: center;
	padding: 0;
	margin: 0;
}
#content {
	float: left;
	width: 727px;
	height: 100%;
	padding: 30px;
	margin-bottom: 0px;
	background-color: #900;
}
	#spalte-1 {
		float: left;
		width: 332px;
	}
	#spalte-2 {
		float: right;
		width: 332px;	
	}
#footer {
	position: relative;
	float: left;
	width: 785px;
	height: 22px;
	border-right: 1px solid #966 ;
	border-bottom: 1px solid #966;
	border-left: 1px solid #966;
	margin-top: 3px;
	margin-bottom: 28px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*--------------------------------basic--*/
*{								
	padding: 0;
	margin: 0;	
}
body {
	font-size: 85%;
	font-family: Arial, Verdana, Sans-Serif;
	text-align: center;
	background-color: #fff;
	color: #fff;
	}
h1 {
	/*visibility: hidden;*/
	font-size: 1.3em;
	font-weight:normal;
	margin-bottom:1em ;
	text-align: left;
}
h2, h4, h5, h6 {			
	margin-bottom: 1em;
	font-size: 1em;
	/*font-weight:normal;
	color: #fff;*/
}
h2 span{
	font-size:1.4em;
	line-height:155%;
}
h3 {
	font-size: 1.0em;
	margin-bottom: 0.5em;
}
p {
	padding-bottom: 15px;
	font-size:1.0em;
	line-height:1.3em;
	/*color: #fff;*/
}
.last{
	margin-bottom:1.4em;
}
.abstand {
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
}	
.center {
	text-align: center;
} 
.right {
	text-align: right;
}
blockquote {
	/*color: #fff;*/
	font-style: italic;
	/*border-bottom: 1px solid #CCCCCC;*/
}

/*--------------------------------Listen--*/

dl{								
	/*color: #fff;*/
	padding-bottom: 20px;
	margin-bottom: 20px;
}
dt{
	margin-bottom:8px;
}
dd{
	margin-bottom:15px;
}
dt span,
dd span{
	font-weight:bold;
}
dl.kontakt dt {
	font-weight: bold;
	margin-bottom: 20px;
}
dl.kontakt dd{
	margin-bottom:0;
}

ul {
	list-style-type:disc;
	padding:0.5em 0 0 1em;
}
#content ul{
	padding:0;
}

li {
	padding:0 0 0.5em 0em;
}

#navigation ul {					
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	
	font-weight: bold;
	word-spacing: -2px;
	margin: 0 auto; /*IE Ausrichtung zentriert*/
	padding: 3px;
}

#navigation ul li {
	display: inline;
}
	
	/*Klassen-Selektor für ul-Listen im Content-bereich*/
	.content-ul {
		/*color: #fff;*/
		text-decoration: none;
		background: none;
		list-style-type: none;
		font-weight: bold;
		margin-bottom: 20px;
	}
	
#content ul.ref{
	list-style-type:disc!important;
}
ul.ref li{
padding: 2px 0 2px 0px;
display: block;
text-align: left;
margin-bottom: 10px;
}

#footer ul{
list-style-type:none;
padding:0;
margin:0;
}
#footer li{
display:inline;
text-align:center;
vertical-align:middle;
}

/*--------------------------------Navigation--*/
a {
	color: #000; /*#ce131a*/
	text-decoration: none;
	padding: 5px;
}
a:link, a:visited {					
	color: #000; /*#ce131a*/
	text-decoration: none;
	padding: 5px;
}
a:hover, a:focus {
	background: url(nav/nav_neu/navHigh.gif) no-repeat;
	background-position: 0px 15px;
	padding: 5px;
	color: #000;
	text-decoration: none;
}
a:active {
	color: #900; /*#ce131a*/
	text-decoration: none;
	padding: 5px;
} 
body#kuenstler a#kuenstlernav, body#theater a#theaternav, body#filme a#filmenav, body#leistungen a#leistungennav,body#kontakt a#kontaktnav,body#person a#personnav, body#projekte a#projektenav, body#doku a#dokunav {
	color: #a90909; /*#ce131a, b80707, b70000, b40000*/
	text-decoration: none;
	padding: 5px;
}
/*Link-Selektor für Logografik*/
#a {
	background: none;
	/*color: #fff;*/
	text-decoration: underline;
}
#a:hover, #a:active, #a:focus {
	background: none;
	/*color: #fff;*/
}

/* class="a" */
.a {
background: none;
/*color: #fff;*/
text-decoration: underline;
}
.a:hover, .a:active, .a:focus, .a:link, .a:visited {
background: none;
text-decoration: none;
/*color: #fff;*/
}

/*Link-Selektor für Text im Content-Bereich*/
.a2 {
background: none;
color: #fff;
text-decoration: underline;
}
.a2:hover, .a2:active, .a2:focus, .a2:link, .a2:visited {
background: none;
color: #fff;
text-decoration: underline;
}

/*Link-Selektor für Text im Footer-Bereich*/
.a3 {
background: none;
color: #666;
text-decoration: underline;
font-size: 0.9em;
}
.a3:link, .a3:visited {
background: none;
color: #666;
text-decoration: underline;
}
.a3:hover, .a:active, .a3:focus {
background: none;
color: #666;
text-decoration: none;
}

/*--------------------------------Grafiken--*/
#header img { 					
margin-top: 18px;
border: none;
text-decoration: underline;
}

#subheader img {
margin: 0 0 18px 0;
padding-top: 18px;
border: none;
}

.content-img {
/*margin-bottom: 30px;*/
background-color: #fff;
padding: 2px;
/*border-right: 2px solid #000;*/
/*border-bottom: 2px solid #000;*/
/*border-bottom: 1px solid #333;*/
}

#content p img{
margin: 0;
}

#content table img{
margin: 0;
text-decoration: none;
border-color: #000;
}

/*--------------------------------Position und Rahmen: Player--*/
.player {			
background-color: #fff;			
margin-bottom: 0.5em; 
padding: 6px;
border-bottom: 1px solid #333;
/*border: 1px solid #999;*/
}

/*--------------------------------Tabelle für 3-filme2.html--*/
table.thumbnails {
text-align: center;
margin: 33px;
background-color:#fff;
}
td {
background-color: #000;
margin-bottom: 10x;
padding: 0px;
border: 0px solid #fff;
}

#reftable td {
    background-color: transparent;
}

.thumbnails img{
	border:2px solid #000;;
	padding:2px;
	background-color:#000;
}

/* neu ab 080330*/

/*#spalte-1 .theatre_pos_1{
	position:relative;
	height:900px;
}
#spalte-1 .theatre_pos_2{
	position:relative;
	height:500px;
}*/

#spalte-2 .theatre_pos_1{
	/*position:relative;
	height:900px;
	margin-top:2.5em;*/
}
.theatre_pos_2{
	/*position:relative;
	height:500px;*/
	margin-top:2.5em;
}

.hide{
	display:none;
}
hr{
	margin-top:1em;
	margin-bottom:1em;
}
.bildInText{
	xmargin:0.2em 0;
}

/*Block Positionen im Content-Bereich*/
#person .block-1en{
height:350px;
}
#person .block-2en{
height:350px;
}

#person .block-1de{
height:415px;
}
#person .block-2de{
height:365px;
}

.insert li{
	list-style-position:inside;
}


/*----------------------------------------------------------------
------------------------ modules ----------------------------
----------------------------------------------------------------*/

/*Link-Selektor für <img> und die Flash-Download-Aufforderung im Content-Bereich*/
#content a,
#content a:hover,
#content a:focus,
#content a:link,
#content a:visited{
	padding:0;
}



/*------------------------------------------------------------------
------------------------ Uwe ---------------------------------------
--------------------------------------------------------------------*/

/* Positionierung Filmtexte */

#leben {
	margin-top:70px;
}
#leben_en {
	margin-top: 80px;
}

#sternlein {  
	margin-top: 110px;
}
#sternlein_en {  
	margin-top: 120px;
}

#theaterhausMitte {
	margin-top:100px;
}

/*--------------------JWPLAYER ROLLOVER PLAYBUTTON---------------------------*/

.video_thumb {
-webkit-user-select:none !important;
  background-attachment:initial !important;
  background-clip:initial !important;
  background-color:#000000 !important;
  background-image:initial !important;
  background-origin:initial !important;
  background-position:initial initial !important;
  background-repeat:initial initial !important;
  border: solid;
  border-bottom-color: #FFF;
  border-width: 7px;
  direction:ltr !important;
  display:block;
  line-height:0 !important;
  position:relative !important;
  margin-right: 25px;
  
}

.video_thumb img {
 bottom:auto !important;
 border: none;
  left:0 !important;
  position:absolute !important;
  right:auto !important;
  top:0 !important;

}


.video_thumb span.video_play_button {
-webkit-transition-delay:initial !important;
  -webkit-transition-duration:0.5s !important;
  -webkit-transition-property:background-color !important;
  -webkit-transition-timing-function:initial !important;
  background-color:rgba(0, 0, 0, 0.5) !important;
  background-position:50% 50% !important;
  background-repeat: no-repeat;
  bottom:0 !important;
  cursor:pointer !important;
  display:block;
  height:auto !important;
  left:0 !important;
  opacity:1 !important;
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  width:auto !important;
}

.video_thumb span.video_play_button:hover {
  background-color:rgba(0, 0, 0, 0) !important;
}