@charset "UTF-8";

html, body, 
iframe, applet, embed, object, 
h1, h2, h3, h4, p, a, pre, ol,  
em, strong, small, strike, 
form, input {
vertical-align: baseline;
/*background: transparent;*/
}

html, body {
overflow-x:hidden;
/*background-color:#6E8595;*/
}

/* body ANFANG */
body {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
/* body ENDE */

/* noscript-hinweis ANFANG */
#noscript-hinweis {
    font-family: sans-serif;
    font-size: 100%;
    font-weight: bold;
    position: fixed;
    text-align: center;
    color: #ffffff;
    background-color: #990000;
    z-index: 100;
    width: 100%;
    top: 0;
    left: 0;
    padding: 5px 0 5px 0;
    opacity: 0.8;
}
/* noscript-hinweis ENDE */

/* clear ANFANG */
.td_clear {
	clear:both;
}
/* clear ENDE */

/*Überschreiben von Vorgaben*/
.AllNavi {
background-color:transparent; position:relative; z-index:3000;
background-image:url(http://www.mixedlink.de/_A-Lab/images/LinienRaster_Schwarz_45Grad.png); background-repeat:repeat;
}

/*Uni-Button für alles mögliche*/
.UniButton {
white-space: nowrap;
line-height: 25px; 
text-decoration:none; 
padding:10px 20px 10px 0px;
	color:#ffffff;
}

.MixedContent{ background-color:transparent;background-image:none;}
/*Ende Überschreiben von Vorgaben*/

#MixedContent { margin-top:100px; }

/* für alles */
.topOuter{
/*background-color:#222222;*/
background-position:center;
background-position:top;
background-repeat:no-repeat;
/*background-image:url(../../../Subdomains/Obenkino/images/Randstreifen.png);*/
width:100%;
color:f2f2f2;
}

.topInner {
	margin:0 auto;
	width:100%;
	/*min-height:400px;*/
	color:#f2f2f2;
	/*border:solid 1px #6633FF;*/
}		
/* topOuter End */	

.contentOuter {
background-color:#f9f9f9;
background-image:url(http://www.mixedlink.de/_A-Lab/images/LinienRaster_Schwarz_45Grad.png); background-repeat:repeat;
/*background-image:url(../../../images/BackgroundFooter.jpg);*/
position:relative;
/*margin-top:-5px;*/
/*z-index:5;*/
/*background-color:#CCCCCC;
background-image:url(../../../Subdomains/Obenkino/images/Randstreifen.png);
background-repeat:repeat-x;
*/
}

#contentInner { 
	position:relative;
	margin:0 auto;
	width:100%;
	/*background-color:#f2f2f2;*/
	/*min-height:200px;*/
	padding:0px 0px 0px 0px;
/*	background-image:url(../images/VerlaufProg.jpg);*/
	background-position:top;
	background-repeat:repeat-x;
	/*overflow:hidden;*/
 }

#NaviContent { /*position:fixed; bottom:0px; z-index:1000;*/ width:100%; margin:0 auto; }

/*------- Navigation -------------------------------------------------------------------------*/
.naviLine {
	width:100%;
	/*padding:10px 0px 5px 0px;*/
	font-weight:bold;
	background-color:#222222;
	background-image:url(../images/naviLineShadow.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:21px;
	display:none;
}
/*-------------------------------------------------------------------------------------------*/
		
			.startSlider {
			margin:0 auto;
			/*height:300px;*/
			width:100%;
			background-repeat:no-repeat;
			display:none;
			overflow:visible;
			}
			
			.trailerBox {
			height:300px;
			width:100%;
			/*background-image:url(../../../Subdomains/Obenkino/images/0911/EinTickAnders_XL.jpg);*/
			background-repeat:no-repeat;
			background-color:#000000;
			display:none;
			}
			
			.featureBox {
			margin:0 auto;
			
			/*background-image:url(../../../Subdomains/Obenkino/images/0911/EinTickAnders_XL.jpg);*/
			background-repeat:no-repeat;
			background-color:#333333;
			display:none;
			}

.infoCard{
font-weight:bold;
font-size:30px;
background-color:#222222;
display:inline;
color:#f2f2f2;
padding:0px 10px 3px 10px;
line-height:38px;
/*border:dotted 2px #f2f2f2;*/
}
/* Navi Elemente */

.cloudTag { 
background-color:#98CB00;
color:#f5f5f5; 
padding:8px 14px 8px 14px; 
margin:4px; 
line-height:3.2em; 
border-radius:4px; 
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
text-decoration:none; 
}

.cloudTag a {
	color:#f5f5f5;
	text-decoration:none;
}

.cloudTag:hover {
	color:#f2f2f2;
	background-color:#222222;
}

.cloudTagWeiter {
font-weight:bold; 
background-color:#A5A5A5;
color:#f5f5f5; 
padding:5px 10px 5px 10px; 
margin:4px;
/*line-height:2.5em; */
border-radius:4px; 
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
text-decoration:none;

}

.cloudTag222 {
font-weight:bold; 
/*background-color:#222222;
color:#f5f5f5; */
padding:3px 5px 3px 5px; 
margin:3px; 
line-height:2.5em; 
border-radius:4px; 
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
text-decoration:none; 
}

.cloudTag222 a {
	color:#f5f5f5;
	text-decoration:none;
}

.cloudTag222:hover {
	color:#222222;
	background-color:#FF6600;
}

.blueTag { 
background-color: #3399FF;
color:#f5f5f5; 
padding:8px 14px 8px 14px; 
margin:4px; 
line-height:3.2em; 
border-radius:4px; 
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
text-decoration:none; 
}

.blueTag a {
	color:#f5f5f5;
	text-decoration:none;
}

.blueTag:hover {
	color:#f2f2f2;
	background-color: #FF9900;
}

.newsTag {
font-weight:bold; 
background-color:#ff6600;
color:#f5f5f5; fim
padding:5px 5px 5px 5px; 
font-size:14px; 
border-radius:4px; 
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
text-decoration:none;
border:none;
}

.newsTag a {
	color:#f5f5f5;
	text-decoration:none;
	background-color:#FF6600;
}

.newsTag:hover {
	color:#222222;
	background-color:#FF6600;
	cursor:pointer;
}

.rand20 {
padding:0px 20px 0px 20px;
}

.headLiner {
/*border-bottom:solid 1px #222222;*/
padding:0px 20px 0px 20px;
font-size:20px;
color:#FFFFFF;
}

.smallheadLiner {
width:200px;
border-bottom:solid 1px #222222;
padding:0px 20px 0px 20px;
font-size:20px;
}

.row170 {
float:left;
width:180px;
min-height:170px;
margin-left:0px;
}

.row490 {
float:left;
width:490px;
margin-left:20px;
min-height:450px;
}

.row750 {
float:left;
width:750px;
margin-left:20px;
min-height:450px;
}

.row200 {
float:left;
width:200px;
min-height:100px;
margin-left:20px;
}

.row470 {
float:left;
width:430px;
/*margin-left:20px;*/
padding:10px 40px 40px 40px;
min-height:450px;
}

.row180 {
float:right;
width:180px;
margin-right:40px;
min-height:100px;
margin-left:20px;
}

.innerBox {
background-color:#fff;
background-color:#FF6600;
width:300px;
min-height:80px;
margin-left:550px;
padding:10px 20px 10px 20px;
color:#fff;
}



.opac80 {
/* for all other browsers */
	opacity: 0.8;
/*	 for IE5-7 */
	filter: alpha(opacity=80);
/* for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/* Older than Firefox 0.9 */
	-moz-opacity:0.8;
/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;
}

.sliderButton {
display:none;
position: absolute; 
z-index: 1000; 
width: 80px; 
height: 80px; 
margin-top: 0px;
cursor: pointer;
}

#sliderButton_Left {
left: 20px; 
}

#sliderButton_Right {
left: 720px; 
}

#Slider_Plakate { 
border:#ff0000;
}

.Plakat {
	/*float:left;*/
	margin-left: 15px;
	margin-right:0px;
	margin-top:5px;
	margin-bottom:5px;
	/*height:160px;*/
	width:80px;
	/*width:74px;*/
	/*height:120px;*/
	border:solid 1px #FFF;
}

.PlakatActive:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.PlakatPassive {
	/*for all other browsers*/
	opacity: 0.4;
	/*for IE5-7*/
	filter: alpha(opacity=40);
	/*for IE8*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	/*Older than Firefox 0.9*/
	-moz-opacity:0.4;
	/*Safari 1.x (pre WebKit!)*/
	-khtml-opacity: 0.4;
}

	.PlakatPassive:hover{
/* for all other browsers */
	opacity: 1.0;
/*	 for IE5-7 */
	filter: alpha(opacity=100);
/* for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/* Older than Firefox 0.9 */
	-moz-opacity:1.0;
/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 1.0;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	}

.kalenderPicker td {
color:#fff;
padding:3px;
}

.kalenderPicker a{
display:block;
color:#fff;
text-decoration:none;
font-weight:bold;
}

.kalenderPicker a:hover{
color:#222222;
text-decoration:none;
background-color:#f2f2f2;
}

.infoButton {
float:right;
border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
/*box-shadow: 0 0 10px #000;	
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
*/
background-color:#222222;
width:27px;
height:27px;
background-image:url(../images/InfoAktivBrand.png);
}

.arrRButton {
float:left;
border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
/*box-shadow: 0 0 10px #000;	
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
*/
background-color:#222222;
width:27px;
height:27px;
background-image:url(../images/arrR.png);
}

.filmPlakat { 
float:left;
padding:5px;}

.blackBox {
background-color:#222222;
color:#ffffff;
padding:20px;
}

.ThemenBoxBlack { 
display:inline;
background-color:#000000;
color:#f2f2f2;
padding:3px 5px 3px 5px;
}

.BoxRaster { background-image:url(../images/RasterSchwarz600x400.gif) }
.TextGroundBlack { background-color:#222222;display:inline;padding:0px 5px 0px 5px; color:#FFFFFF; font-weight:bold;}
.TextGroundWhite { background-color:#FFFFFF;display:inline;padding:0px 5px 0px 5px; color:#000000; font-weight:bold;}
.TextGroundGray { background-color:#666666;display:inline; padding:0px 5px 0px 5px; color:#FFFFFF; font-weight:bold;}
.TextGroundOrange { background-color:#e47200;display:inline;padding:0px 5px 0px 5px; color:#FFFFFF; font-weight:bold;}
.TextGroundRed { background-color:#bc0a3f;display:inline;padding:0px 5px 0px 5px; color:#FFFFFF; font-weight:bold;}
.TextGroundBrand { background-color:#6f2860;display:inline;padding:0px 5px 0px 5px; color:#FFFFFF; font-weight:bold;}
.TextGroundFLK { background-color:#73a3ce;display:inline;padding:0px 5px 0px 5px; color:#FFFFFF; font-weight:bold;}
.TextGroundBlue { background-color:#459ebb;display:inline;padding:0px 5px 0px 5px; color:#FFFFFF; font-weight:bold;}
.TextGroundFilmernst { background-color:#dbd05e;display:inline;padding:0px 5px 0px 5px; color:#FFFFFF; font-weight:bold;}

.FontSize16 { font-size:1.6em; }
.FontSize20 { font-size:2.0em; }
.FontSize40 { font-size:4.0em; }

.TextStripes { padding:6px 10px 10px 10px; line-height:2.0em; }
.TextStripes-H { padding:8px 0px 8px 0px; line-height:2.0em; }

.TerminStripes {
	margin-bottom:10px;
	padding:6px 0px 6px 0px; line-height:1em; 
	font-size:1em; 
	background-color:rgba(113, 113, 113, 1.00);
	display:block; 
	font-weight:bold; 
	text-align:center; 
	color:#ffffff;
border-bottom:solid 2px #fff;}

.TerminStripes subText { font-weight: 300;
font-size: 0.8em;}

.filmTitel {
	font-size: 2.2em;
	font-weight:bold;
    line-height: 1.2em;
    -moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

@media all and (max-width : 640px) {
	.filmTitel {
		font-size: 2.0em;
	}
}

@media all and (max-width : 480px) {
	.filmTitel {
		font-size: 1.4em;
	}
}

.werksTitel{
	font-size:16px;
	font-weight:bold;
}

subText {font-size:0.85em; line-height:inherit; }

.filmText { font-size:1.4em; line-height:1.4em; text-align: justify;}

.vorschauTitel { font-size:2.0em; line-height:1.4em; }

.tabzeileBlack { background-color: #000000; color:#FFFFFF;}

#FilmStreifen_O {display:none; background-image:url(../images/FilmStreifen_O.jpg); height:21px; }
#FilmStreifen_U {display:none; background-image:url(../images/FilmStreifen_U.jpg); height:21px; }
.Banderole { position:absolute; margin-left:-10px; margin-top:200px;}

.Austauschfarbe { 
	/*background: rgba(24,153,214,0.5);*/ 
	background-color:#1f445e; 
}

/*von Max ergänzt: Fürs Clearen von float-Objekten*/
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}



/*---------- neue TD-Codes 2018 ----------*/

/*----- td_start_top_ghlink ANFANG -----*/
.td_start_top_ghlink {
	display: block;
	/*position:fixed;*/
	z-index:9000;
	max-width: 100%;
	text-align: center;
	background-color: #6f2861;
	background-color: #222;
	padding:0px 15px 0px 15px;
}

.td_start_top_ghlink_link {
	display: inline-block;
	color: #a02000;
	/*max-width: 960px;*/     /*----- Bei Menü-Inhalts-Veränderung hier anpassen! -----*/

	vertical-align: top;
	margin-left:0px;
}

.td_start_top_ghlink_link img {
	float: inline-block;
	height: 120px;
	width: auto;
}

.td_start_top_ghlink_link span {
	line-height: 30px;
	text-decoration: none;
	color: #a02000;
	vertical-align: top;
}

.td_start_top_ghlink_link a {
	text-decoration: none;
	/* color: #a02000; */
	vertical-align: top;
}
/*----- td_start_top_ghlink ENDE -----*/

/*----- td_menu_one ANFANG -----*/
.td_menu_one {
	width: 100%;
	text-align: center;
	min-height:40px;
	background-color: #222;
}

.td_menu_one_menu {
	display: inline-block;
	margin: 5px auto 0px auto;
	max-width: 100%;
	text-align: center;
    
}

.menu {
	z-index: 100;
}

.toggle, [id^=drop] {
	display: none;
}

nav {
  margin: 0;
  padding: 0;
  background-color: #222222;
  font-family: Helvetica Neue, Helvetica, Geneva, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  line-height: 24px;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
	display: inline-block;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	list-style: none;
	position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #222222;
}

nav a {
  display: block;
  padding: 0 10px;
  color: #fff;
  text-decoration: none;
}

nav ul li ul li a:hover {
	color: #f60;
}

nav ul ul {
  display: none;
  position: absolute;
  top: 24px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 300px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -24px;
  left: 300px;
}

li > a:after {
	content: '';
}

li > a:only-child:after {
	content: '';
}

.td_menu_one_menu_container {
	width: 95%;
	padding: 10px 5px 10px 5px;
	border-top: solid 1px #f2f2f2;
	text-align: left;
}

.td_menu_one_picture {
	display: inline-block;
	max-width: 90px;
	height: auto;
	vertical-align: top;
	text-align: left;
}

.td_menu_one_picture img {
	max-width: 75px;
	height: auto;
	vertical-align: top;
	margin-right: 15px;
	text-align: left;
}

.td_menu_one_text {
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
	text-align: left;
}

@media all and (max-width : 768px) {
	.td_start_top_ghlink_link {
		width: 100%;
		text-align: center;
	}
	
	nav {
		margin: 0;
		background-color: #222222;
		font-family: Helvetica Neue, Helvetica, Geneva, Arial, sans-serif;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		line-height: 38px;
		border: none;
	}
	
	.toggle + a, .menu {
		display: none;
	}
	
	.toggle {
		display: block;
		padding: 0 20px;
		background-color: #222222;
		font-family: Helvetica Neue, Helvetica, Geneva, Arial, sans-serif;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		line-height: 38px;
		border: none;
	}
	
	.toggle:hover {
		background-color: #000000;
	}
	
	[id^=drop]:checked + ul {
		display: block;
	}
	
	nav ul li {
		display: block;
		width: 100%;
	}
	
	nav ul ul .toggle, nav ul ul a {
		padding: 0 40px;
	}
	
	nav ul ul ul a {
		padding: 0 80px;
	}
	
	nav a:hover, nav ul ul ul a {
		background-color: #000000;
	}
	
	nav ul li ul li .toggle, nav ul ul a {
		background-color: #212121;
	}
	
	nav ul ul {
		float: none;
		position: static;
		color: #ffffff;
	}
	
	nav ul ul li:hover > ul, nav ul li:hover > ul {
		display: none;
	}
	
	nav ul ul li {
		display: block;
		width: 100%;
	}
	
	nav ul ul ul li {
		position: static;
	}
	
	.td_menu_one_menu_container {
		border-bottom: solid 1px #f2f2f2;
	}
}

@media all and (max-width : 460px) {
	nav {
		margin: 0;
		background-color: #222222;
		font-family: Helvetica Neue, Helvetica, Geneva, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		line-height: 26px;
		border: none;
	}
	
	.toggle {
		display: block;
		padding: 0 20px;
		background-color: #222222;
		font-family: Helvetica Neue, Helvetica, Geneva, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		line-height: 26px;
		border: none;
	}
	.werksTitel {
		font-size: 12px;
	}
}
/*----- td_menu_one ENDE -----*/

/*----- Navi ANFANG -----*/
.Navi {
	margin:0 auto;
	max-width:960px;
}
/*----- Navigation ENDE -----*/

/*----- td_menu_two ANFANG -----*/
#td_menu_two {
	max-width: 960px;
	text-align: center;
}

#td_menu_two_logo {
	/*display: inline-block;*/
	/*max-width: 360px;*/
	width:99%;
	height: auto;
	overflow: hidden;
	vertical-align: top;
	margin: 1px 20px 0px 0px;
}

#td_menu_two_logo img {
	height: 45px;
	width: auto;
	float: left;
}

#td_menu_two_buttons {
	display: inline-block;
	/*! max-width: 360px; */
	width:99%;
	height: auto;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
	margin: 2px 0px 0px 0px;
}

@media screen and (max-width: 722px) {
	#td_menu_two_logo {
		width: 99%;
		margin: 1px 0px 0px 0px;
	}
	
	#td_menu_two_logo img {
		float: none;
}
	
	#td_menu_two_buttons {
		width: 99%;
		/*text-align: center;*/
		margin-top: 5px;
		
		
	}
	
}

@media screen and (max-width: 340px) {
	#td_menu_two_logo {
		margin: 1px 0px 0px 0px;
	}
	
	#td_menu_two_logo img {
		width: 100%;
		height: auto;
	}
}

#td_menu_two_foerderverein {
	float: left;
	display: inline-block;
	margin-bottom: 3px;
}

#td_menu_two_kinoprogrammpreis {
	float: left;
	display: inline-block;
	margin-bottom: 3px;
}

#td_menu_two_filmundkultur {
	float: left;
	display: inline-block;
	margin-bottom: 3px;
}

#td_menu_two_newsletter {
	float: left;
	display: inline-block;
	margin-bottom: 3px;
}

#td_menu_two_gladhouse {
	float: left;
	display: inline-block;
	margin-bottom: 3px;
}

#td_menu_two_facebook {
	float: left;
	display: inline-block;
	margin-bottom: 3px;
}

#td_menu_two_impressum {
	float: left;
	display: inline-block;
	margin-bottom: 3px;
}

#td_menu_two_datenschutzerklaerung {
	float: left;
	display: inline-block;
	margin-bottom: 3px;
}
/*----- td_menu_two ENDE -----*/

/*----- globalSlider ANFANG -----*/
.td_globalSlider {
	width: 100%;
	text-align: center;
}

#globalSlider {
	display: inline-block;
	width: 95%;
	vertical-align: top;
	overflow-y:visible;
	margin: 0px auto 5px auto;
	padding: 0;
	text-align:center;
}
/*----- globalSlider ENDE -----*/

/*----- startSlider ANFANG -----*/
.td_bg {
	margin-top: 0px;
	background-color: #000;
	background-image:url(http://www.mixedlink.de/_A-Lab/images/LinienRaster_Schwarz_45Grad.png);
	background-repeat: repeat;
}
/*----- startSlider ENDE -----*/

/*----- Newsletter ANFANG -----*/
.td_newsletter_abonnieren {
	background-color: #222;
	min-height: 0px;
	width: 100%;
	color:#f2f2f2;
	text-align: center;
}

#td_newsletter_form {
	width: 100%;
	max-width: 600px;
	padding: 20px 0px 20px 0px;
	margin: 0px auto 0px auto;
	display: inline-block;
	text-align: left;
}

.td_newsletter_loeschen {
	background-color: #222;
	min-height: 0px;
	width: 100%;
	color:#f2f2f2;
	text-align: center;
}

#td_newsletter_loeschen_form {
	width: 100%;
	max-width: 700px;
	padding: 20px 0px 20px 0px;
	margin: 0px auto 0px auto;
	display: inline-block;
	text-align: left;
}

#form1 {
	display: inline;
}

#form1text {
	display: inline;
	font-size: 20px;
}

#form1input {
	width: 200px;
	border: solid 1px #000000;
	background-color: #f2f2f2;
	color: #222222;
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
	padding:5px 5px 5px 5px;
}

#form1button {
	margin-left: 10px;
	margin-top: 10px;
	padding: 5px;
}
/*----- Newsletter ENDE -----*/

/*----- Seite empfehlen ANFANG -----*/
.td_empfehlung {
	width: 100%;
	max-width: 490px;
	margin-left: auto;
	margin-right: auto;
	min-height: 0px;
	height: auto;
	overflow: hidden;
	border: solid 1px #000000;
	background-color: #222222;
	color:#f2f2f2;
}

#td_empfehlung_box {
	margin: 20px 40px 20px 40px;
}

#form2text {
	display: inline;
	font-size: 14px;
	margin-left:10px;
}

#form2input {
	width: 320px;
	margin-bottom: 10px;
	border: solid 1px #000000;
	background-color: #f2f2f2;
	color: #222222;
	font-size: 14px;
	font-weight: bold;
	padding:5px 5px 5px 5px;
}

#form2textarea {
	width: 320px;
	margin-bottom: 10px;
	border: solid 1px #000000;
	background-color: #f2f2f2;
	color: #222222;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}
/*----- Seite empfehlen ENDE -----*/

/*----- FrontInfo ANFANG -----*/
#FrontInfo {
	width: 75%;
	max-width: 900px;
	height: auto;
	overflow: hidden;
	border: none;
}
/*----- FrontInfo ENDE -----*/

/*----- Upcoming Events ANFANG -----*/
.td_upcoming_events {
	width: 100%;
	text-align: center;
}

.td_ue_container {
	/*display: inline-block;*/
	width: 80%;
	text-align: center;
	margin-bottom: 20px;
}

.td_ue_calendar {
	/*display: inline-block;*/
	/*width: 170px;*/
	height: auto;
	overflow: hidden;
	vertical-align: top;
}

.td_ue_events {
	/*display: inline-block;*/
	/*width: 50%;*/
	width: 80%;     /*----- .td_ue_announcement beachten (s.u.)! -----*/
	max-width: 740px;
	height: auto;
	overflow: hidden;
	margin-left: 2%;
	margin-right: 2%;
	vertical-align: top;
	text-align: left;
}

.td_ue_announcement {
/*----- Inhalt von .td_ue_announcement bei NICHT-Anzeige auskommentieren und .td_ue_events auf 73% (s.o.) bzw. 99% (s.u.) umstellen! -----*/
	display: inline-block;
	width: 24%;
	max-width: 280px;
	height: auto;
	overflow: hidden;
	vertical-align: top;
}

.td_ue_announcement img {
	width: 100%;
	max-width: 280px;
	heigth: auto;
	overflow: hidden;
	vertical-align: top;
}

.td_ue_calendar, .td_ue_events, .td_ue_announcement {
	max-width: 100%;
	margin: auto;
}

@media all and (max-width: 1022px) {
	.td_ue_calendar {
		width: 99%;
	}
	
	.td_ue_events {
		margin-left: 0px;
		/*width: 73%;*/
		width: 99%;     /*----- .td_ue_announcement beachten (s.o.)! -----*/
	}
}

@media all and (max-width: 840px) {
	.td_ue_events {
		width: 99%;
		margin-right: 0px;
	}
	
	.td_ue_announcement {
		width: 99%;
		margin-bottom: 20px;
	}
}
/*----- Upcoming Events ENDE -----*/

/*----- Film.ContentStart.Obenkino.php ANFANG -----*/
.td_film_content {
	width: 100%;
	/*text-align: center;*/
	
}

.td_film_content_container {
	display: flex;
	width: 98%;
	max-width:1040px;
	margin:0 auto;
	/* text-align: center;*/
	/*margin-bottom: 20px;*/
}

.td_film_calendar {
	display: inline-block;
	width: 170px;
	height: auto;
	overflow: hidden;
	vertical-align: top;
}

.td_film_content_film {
	display: inline-block;
	/*width: 74%;*/
	max-width: 1040px;
	height: auto;
	overflow: hidden;
	/*margin-left: 2%;
	margin-right: 2%;*/
	vertical-align: top;
	text-align: center;
	background-color: #fff;
}

.td_film_calendar, .td_film_content_film {
	max-width: 100%;
}

@media all and (max-width: 1022px) {
	.td_film_calendar {
	/*width: 99%;*/
	}
	
	.td_film_content_film {
		margin-left: 5px;
		width: 99%;
	}
}

.td_responsive_video {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height:0;
}

.td_responsive_video iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}

.td_film_content_film_content {
	width: 90%;
	margin: 0px auto 0px auto;
}

.td_film_content_film_text {
	display: inline-block;
	width: 69%;
	max-width: 95%;
	overflow: hidden;
	margin-top: 20px;
	margin-left: 2%;
	margin-right: 2%;
	vertical-align: top;
	text-align: left;
	float: left;
}

.td_film_content_film_medien {
	display: inline-block;
	max-width: 180px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 2%;
	vertical-align: top;
	text-align: left;
}

.td_film_content_film_medien img {
	width: 100%;
	max-width: 180px;
	heigth: auto;
	overflow: hidden;
	vertical-align: top;
}

.td_film_content_film_medien_termine {
	margin-left: 0px;
	/*background-color: #000000;*/
	text-align: center;
	color: #FFFFFF;
	/*padding: 0px 5px 0px 5px;*/
}

@media all and (max-width: 1234px) {
	.td_film_content_film_text {
		width: 68%;
	}
}

@media all and (max-width: 1188px) {
	.td_film_content_film_text {
		width: 66%;
	}
}

@media all and (max-width: 1104px) {
	.td_film_content_film_text {
		width: 64%;
	}
}

@media all and (max-width: 1032px) {
	.td_film_content_film_text {
		width: 62%;
	}
}

@media all and (max-width: 1022px) {
	.td_film_content_film_text {
		width: 68%;
	}
}

@media all and (max-width: 892px) {
	.td_film_content_film_text {
		width: 66%;
	}
}

@media all and (max-width: 830px) {
	.td_film_content_film_text {
		width: 64%;
	}
}

@media all and (max-width: 776px) {
	.td_film_content_film_text {
		width: 62%;
	}
}

@media all and (max-width: 730px) {
	.td_film_content_film_text {
		width: 60%;
	}
}

@media all and (max-width: 688px) {
	.td_film_content_film_text {
		width: 58%;
	}
}

@media all and (max-width: 650px) {
	.td_film_content_film_text {
		width: 56%;
	}
}

@media all and (max-width: 618px) {
	.td_film_content_film_text {
		width: 54%;
	}
}

@media all and (max-width: 586px) {
	.td_film_content_film_text {
		width: 99%;
	}
	.td_film_content_film_medien {
		margin-right: 0px;
	}
}
/*-- British Schools Film Festival ANFANG--*/
.bf11grau {
	background: rgba(133, 182, 64, 1);
	color: #ffffff;
	padding: 20px 40px 20px 40px;
	border-bottom: dotted 2px #000;
}

.bf11weiss {
	background-color: #fff;
	color: #000;
	padding: 20px 40px 20px 40px;
	border-bottom: dotted 2px #000;
}

.bf11Plakat {
	float: right;
	width: 33%;
	max-width: 300px;
	margin: 10px 0px 20px 20px;
}
/*-- British Schools Film Festival ENDE--*/	
/*----- Film.ContentStart.Obenkino.php ENDE -----*/

/*----- TagesTermin.ContentStart.Obenkino.php ANFANG -----*/
.td_tagestermine_content {
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

.td_tagestermine_content_container {
	display: inline-block;
	width: 80%;
	text-align: center;
	margin-bottom: 20px;
}

.td_tagestermine_calendar {
	display: inline-block;
	float: left;
	width: 170px;
	height: auto;
	overflow: hidden;
	vertical-align: top;
}

.td_tagestermine_content_tagestermine {
	display: inline-block;
	width: 74%;
	max-width: 740px;
	height: auto;
	overflow: visible;
	margin-left: 2%;
	margin-right: 2%;
	vertical-align: top;
	text-align: left;
	background-color: #fff;
}

.td_tagestermine_calendar, .td_tagestermine_content_tagestermine {
	max-width: 100%;
}

@media all and (max-width: 1022px) {
	.td_tagestermine_calendar {
		width: 99%;
	}
	
	.td_tagestermine_content_tagestermine {
		margin-left: 0px;
		width: 99%;
	}
}
/*----- TagesTermin.ContentStart.Obenkino.php ENDE -----*/

/*----- About.ContentStart.Obenkino.php ANFANG -----*/
.td_about_content {
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

.td_about_content_container {
	display: inline-block;
	width: 80%;
	text-align: center;
	margin-bottom: 20px;
}

.td_about_calendar {
	display: inline-block;
	width: 170px;
	height: auto;
	overflow: hidden;
	vertical-align: top;
}

.td_about_content_about {
	display: inline-block;
	width: 74%;
	max-width: 740px;
	height: auto;
	overflow: hidden;
	margin-left: 2%;
	margin-right: 2%;
	vertical-align: top;
	text-align: left;
	background-color: #fff;
}

.td_about_calendar, .td_about_content_about {
	max-width: 100%;
}

@media all and (max-width: 1022px) {
	.td_about_calendar {
		width: 99%;
	}
	
	.td_about_content_about {
		margin-left: 0px;
		width: 99%;
	}
}

.td_about_content_about_content {
	width: 90%;
	padding:40px;
	margin: 0px auto 0px auto;
}
/*----- About.ContentStart.Obenkino.php ENDE -----*/

/*----- Impressum.ContentStart.Obenkino.php ANFANG -----*/
.td_about_imprint {
	width: 100%;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

.td_about_imprint_container {
	display: inline-block;
	width: 80%;
	text-align: center;
}

.td_about_imprint_content {
	display: inline-block;
	width: 72%;
	max-width: 740px;
	height: auto;
	overflow: hidden;
	/*margin-left: 2%;*/
	margin-right: 2%;
	vertical-align: top;
	text-align: left;
}

.td_about_imprint_imprint {
	display: inline-block;
	width: 21%;
	max-width: 240px;
	height: auto;
	padding: 2% 2% 2% 2%;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
	background-color: #fff;
}

.td_about_imprint_content, .td_about_imprint_imprint {
	max-width: 100%;
}

@media all and (max-width: 840px) {
	.td_about_imprint_content {
		width: 99%;
		padding-bottom: 20px;
	}
	
	.td_about_imprint_imprint {
		margin-left: 0px;
		width: 99%;
	}
}
/*----- Impressum.ContentStart.Obenkino.php ENDE -----*/

/*----- Footer ANFANG -----*/
.AllFooter {
	background-color:#222222;
	text-align: center;
	with:98%;padding-top: 20px;
	
}

.Footer {
	max-width:960px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	/*margin-bottom: 20px;*/
	color:#f2f2f2;
	padding:20px 20px 20px20px !IMPORTEND;
	margin: 0px 0px 0px 30px !IMPORTEND;
	width:85% !IMPORTEND;
		
	
}
.Footer a { color:#f2f2f2; text-decoration: none; }

.NaviImpressum {
	width: 100%;
	/*display: inline-block;*/
	vertical-align: top;
	/*text-align: center;*/
	/*margin: 0 auto;*/
}

.td_naviimpressum_170 {
	display: inline-block;
	min-height: 0px;
	width: 20%;
	max-width: 250px;
	height: auto;
	overflow: hidden;
	vertical-align: top;
	margin-top: 20px;
	text-align: left;
	/*float: left;*/
}

.td_naviimpressum_170 img {
	width: 28px;
	height: auto;
	border: none;
	/*float: left;*/
	margin-right:10px;
}

.td_naviimpressum_490 {
	display: inline-block;
	min-height: 0px;
	width: 55%;
	max-width: 740px;
	height: auto;
	overflow: hidden;
	vertical-align: top;
	margin-top: 20px;
	margin-left: 2%;
	margin-right: 2%;
	text-align: left;
	/*float: left;*/
}

.td_naviimpressum_200 {
	display: inline-block;
	min-height: 0px;
	width: 20%;
	max-width: 250px;
	height: auto;
	overflow: hidden;
	vertical-align: top;
	margin-top: 20px;
	font-size: 1.2em;
	text-align: left;
	float: left;
}

@media all and (max-width: 1022px) {
	.td_naviimpressum_170 {
		width: 99%;
	}
	
	.td_naviimpressum_490 {
		width: 99%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.td_naviimpressum_200 {
		width: 99%;
	}
}
/*----- Footer ENDE -----*/

/*----- Back-to-top-button ANFANG -----*/     /*----- angelehnt an Stil der Klasse "cloudTag222" (s.o.) -----*/
.td_back_to_top {
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	background-color: #222222;
	background-color: rgba(34,34,34,0.5);
	color: #f5f5f5;
	border: 1px solid #f5f5f5;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
}

.td_back_to_top a {
	color:#f5f5f5;
}

.td_back_to_top:hover {
	color: #222222;
	background-color: #FF6600;
	background-color: rgba(255,102,0,0.5);
}

@media screen and (max-width: 610px) {
	.td_back_to_top {
		right: 10px;
	}
}

@media screen and (max-width: 520px) {
	.td_back_to_top {
		right: 5px;
	}
}

@media screen and (max-width: 470px) {
	.td_back_to_top {
		right: 0px;
	}
}
/*----- Back-to-top-button ANFANG -----*/

/*----- obenkino/promo ANFANG -----*/
#td_promo_body {
	background-color: rgba(24,153,214,0.5);
	color: #f2f2f2;
}

#td_ok_promo_top_oklink {
	background-color: #222;
	color: #f2f2f2;
	margin: 0;
	padding: 20px 0px 20px 0px;
}

#td_ok_promo_top_oklink img {
	height: 45px;
	width: auto;
}

a.td_promo_link, a:link.td_promo_link, a:focus.td_promo_link, a:hover.td_promo_link, a:active.td_promo_link, a:visited.td_promo_link {
	color: #f2f2f2;
}

#td_promo_ordner {
	max-width: 98%;
	padding: 20px 20px 20px 20px;
}

ul#galerie li {
	padding: 3px;
	margin:0 10px 10px 0;
}

/* ------- Flexbox -------- */



.FlexboxContainer {
	
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: row;
padding: 4.0em;
}


@media all and (max-width: 1023px) {
	.FlexboxContainer {	flex-direction:column;
	padding:2.0em;
	}
}

@media all and (max-width: 480px) {
	.FlexboxContainer {	flex-direction:column;
					padding:1.0em;
	}

}
/*--------Ende FlexboxContainer --------*/

.OnlineTicketFahne {
width:140px;
position:relative;
</*top:0px;
left:99%;
margin-left:-170px;
z-index:100000;*/
}

/* Seitenelemente */

.BfWrapper {flex-direction:column; flex-wrap: wrap; padding-top:0px; }
	.BfBild { padding-left:40px; padding-right:40px; text-align:left; overflow:hidden;}
	.BfText { padding-left:40px; padding-right:40px; text-align:left; }
	.BfFooter { padding:40px; text-align:left;  }
	.BfHeader { padding:40px; text-align:left;  }
	.ClipImg {  width:100%; loading:lazy;}
	.Logo_S { width:40px;}

.MargTop40 { margin-top:40px;}
	
	@media all and (max-width: 480px) {
		.BfWrapper {flex-direction:column; width:98%}
		.BfBild { padding-left:20px; padding-right:20px; text-align:left; overflow:hidden;}
		.BfText { padding-left:20px; padding-right:20px; text-align:left; }
		.BfHeader { padding:20px; text-align:left;  }
		.ClipImg { width:100%; loading:lazy;}
		
		.td_film_content_container { width:100%}
		
		.filmText { font-size: 1.0em; line-height: normal; }
		.subText { font-size: 0.9em; line-height: normal; }
.BfBild1 {padding-left:40px; padding-right:40px; text-align:left; overflow:hidden;}
.BfBild1 {padding-left:20px; padding-right:20px; text-align:left; overflow:hidden;}
.ClipImg1 {width:100%; loading:lazy;}
.ClipImg1 {width:100%; loading:lazy;}
}


	
/*----- PlakatItem --- */
.PlakatItem {display: flex;flex-direction: column;flex-wrap: wrap; /* height: 45vw; */ width:23.6%; background-color: rgba(60, 100, 100, 1);background-color:#222222; padding:0px 0px 0px 0px; margin: 4px 4px 4px 0px ;justify-content: flex-start; 
	
	
	/* border:solid 3px #000; */}
.PlakatItem p{ font-size:1.0rem; }
.PlakatItem a{ font-size:1.0rem; color:#fff; text-decoration: none;}
.PlakatSelf { width:100%; overflow: hidden; }


/* ----- Etikett für Plakate ----*/
.Etikett { line-height: 1.5;padding: 20px;}
.Etikett p{
	/* padding:3px 5px 3px 5px; */ /* background-color:#1F435E; */ font-weight:900; display:inline;}
.Etikett a{
	padding:3px 5px 3px 5px; background-color:#735387; font-weight:900; display:inline; }

.VioD { /* background-color:#55c0ec; */color:#73bde5;
}



@media all and (max-width: 1240px) {	
	.OnlineTicketFahne {width:100px;/*margin-left:-110px;*/}
	
}

@media all and (max-width: 800px) {	
	.OnlineTicketFahne {width:90px;/*margin-left:-100px;*/}
	.PlakatItem { height:auto; width:33%;}
	.PlakatSelf { width:100%; overflow: hidden; }

}

@media all and (max-width: 480px) {	
	.OnlineTicketFahne {width:60px;/*margin-left:-70px;*/}
	.PlakatItem { height:auto; width:98%;}

}


@media print {
	
}

.abstand10 { background-color: rgba(0,0,0,0.7); margin:10px; }

/* Flex Boxen */

.card {display:flex; flex-wrap: wrap; margin-bottom:40px;  }
	.card >*{ flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 280px;}
	
	.media {min-height: 250px; text-align:left}
	.media img {width:100%;}
.media p { margin:10px;}
	.content {padding:40px;text-align:left;}


/*Brandenburgische Frauenwoche*/

.b_fw {color:#a3302e}