/* @group NOTIZEN */

/*
- Hier zum Beispiel Farben notieren 
*/

/* @end */

/* @group RESET */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	border:0;
	padding:0;
	outline:0;
	vertical-align:baseline;
	font-size:100%;
	background:transparent;
}


article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block
}

/* Zitate ohne Anführungszeichen */

blockquote, q{
	quotes:none
}

blockquote:before, blockquote:after, q:before, q:after	{
	content:none
}

/* @group LINKS */

a {
	margin:0;
	border:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}


a:hover, a:active {
	outline: 0
}
/*
:focus {
	outline:thin dotted
}


a:link { 
	-webkit-tap-highlight-color: #FF5E99; iOS rausnehmen, ist zu ressourcenhungrig
}
*/

/* @end */

/* @group TEXTAUSZEICHNUNG */

h1, h2, h3, h4, h5, h6 { 
	font-weight: bold
}

ins	{
	background-color:#ff9;
	color:#000;
	text-decoration:none
}

mark	{
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:800
}

del	{
	text-decoration:line-through
}

abbr[title], dfn[title]	{
	border-bottom:1px dotted #000;
	cursor:help
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline 
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em;
}

/* @end */

/* @group LISTEN */

ul, ol {
	margin-left: 2em;
}

nav ul {
	margin: 0;
	list-style:none
}


dd {
	margin: 0 0 0 1em;
}



/* @end */

/* @group TABELLEN */


table {
	border-collapse:collapse;
	border-spacing:0
}


caption, th, td {
	text-align:left;
	font-weight:400
}

/* @end */

/* @group FORMULARE */


legend { 
	*margin-left: -7px; /* ≤ IE7 */
}

label {
	cursor: pointer
}

button, input, select, textarea {
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle; /* ≤ IE */
	font-size: 100%;
}

button, input {
	*overflow: visible;
	line-height: normal; /* FF */
}


table button, table input { 
	*overflow: auto; /* ≤ IE 7 */
}


button, input[type="button"], input[type="reset"], input[type="submit"], [role="button"] {
	cursor: pointer;
	-webkit-appearance: button; /* iOS */
}

/* Größen angleichen ->  */

input[type="checkbox"], input[type="radio"] { 
	padding: 0;
	box-sizing: border-box;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box; 
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { 
	-webkit-appearance: none
}

/* <- Größen angleichen */


button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea { 
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

input, textarea {
border:  1px solid #ddd;
background-color: none;	
}

input:invalid, textarea:invalid { 
	background-color: #f0dddd;	
}

/* @end */

/* @group BILDER */

img {
 	border: 0;
 	-ms-interpolation-mode: bicubic;
 	vertical-align: middle;
 }

/* @end */

/* @group DIVERSE */

hr	{
	display:block;
	margin:1em 0;
	border:0;
	border-top:1px solid #ccc;
	padding:0;
	height:1px;
}

/* @end */

html {
	height:100%;
	min-height:100.5%;
	overflow-y: scroll;
}

/* @end */

/* @group HELFER */

/* -> verstecken, für Screenreader zugänglich */
.vs {
	position:absolute; 
	left:-5000px; 
	top:-5000px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
	voice-volume:soft
}

/* <- verstecken */

/* -> ausschalten */
.aus {
	display: none;
	visibility: hidden;
}

/* <- ausschalten */

/* @group Clear */

.cl:before, .cl:after {
	display: block; 
	height: 0; 
	content: "\0020"; 
	visibility: hidden;
}
.cl:after { 
	clear: both;
}
.cl { 
	*zoom: 1; /* ≤ IE7 */
}

/* @end */

/* @end */


/* @group BASICS */

/* Hier nur die Basisformate eingeben, den Rest im Bereich BILDSCHIRMBREITE */


html {
height: 100%;

background: #CC0000;
}

*+html {
	background: #CC0000;
}

body{
	/* 1em = 10px */ 
	height: 100%;
	
	font:normal 10px /*"HelveticaNeue-Light", "Helvetica Neue Light",*/ "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 	color:#000;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
		
	}


/* äußerer Rahmen */

#rahmen{

	display:block;
	margin:0 auto 0 auto;
	width: 80em;
	min-height: 100%;
	XXXbackground: #fff url('/client/grafik/hg.png') repeat-y -1340px 300px;
	border-top: 3.5em solid #CC0000;
	background: #CC0000;
	
}
/*
#glow {
	position: absolute;
	z-index: 0;
	width: 600px;
	height:  600px;
	background:url('/client/grafik/glow.png')no-repeat 0 0;
}*/

#kopf {
	float: left;
	margin-top: -2.8em;
	width: 18.5em;
	height: 50em;
	z-index: 5000;
	position: relative;

	
}

#kopf span {
	display: block;
	text-indent: -5000px;
}
/* @group NAVIGATION */

#n1, #n2 {
	float: left;
}

#n1 {
	margin:6.6em 0 2em 0em;

}

#n2 {
	margin:0 0 2em 0em;
}



#n2 {
	padding: 4.5em 0 1em 0;
	width: 50em;
}

#n1 ul {
	margin-bottom: 1em;
	font-size: 1.2em;
	line-height: 1.5;
	background: red;
	
}

#n1 li, #n2 li {
	float:left;
}

#n1 a, #n1 span, #n2 a, #n2 span {
	border-left: 1px solid #fff;
	padding:0 0.4em;
	text-transform: none;
	color: #fff;
	background: #000;
	font: 500 1.4em "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-decoration: underline;
}

#n2 a, #n2 span {
	font-size: 0.9em;
}

#n1 a:link, #n1 a:visited, #n2 a:link, #n2 a:visited {
	text-decoration: none;
	color: #fff !important;
}

#n1 a:hover, #n1 a.aktiv, #n1 span, #n2 a:hover, #n2 a.aktiv, #n2 span {
	text-decoration: none;
	color: #000 !important;
	background: #fff  !important;
	
} 



/* @end */


/* @group TEXTAUSZEICHUNG */

#inhalt {
	float: right;
	margin: 0;
	padding:0 4.5em 0 4.5em;
	width: 50em;
	z-index: 10;
	background: #fff;
	/*min-height: 100% !important;*/
	background: #fff;
}

#startfilm {
	width: 100%;
}

#inhalt h1, #inhalt h2, #inhalt h3, dt#einzelkino {
	margin:0 0 0.9em -0.1em;
	font-size: 2.8em;
	font-family: "Helvetica Narrow","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 800;
	text-transform: none;
	clear: both;
}

#inhalt h2 {
	margin:1em 0 0.6em -0.1em;
	font-size: 1.8em;
}

#inhalt h3, dt.kino {
	margin:1.5em 0  0.5em 0;
	font-size: 1.5em;
	font-weight: 800;
	text-transform: none;
}


 #inhalt p, #inhalt ul, #inhalt dl, #inhalt tr, figcaption {
	margin-bottom: 1em;
	font-size: 1.2em;
	line-height: 1.5;
}

p.ortzeit {
	margin-top: 0.2em;
	font-weight: 800;
}

table {
	width: 100%;
	margin-bottom: 1em;
}

th, td {
	padding:0.2em 0.5em 0 0.5em;
}


tr:nth-child(odd) {
	background: #ddd;
}

th {
	width: 27%;
}

.spielplan span {
	float: left;
}

.tag {
	width: 2.1em;
}

.datum {
	width: 3.5em;
}

span[itemprop="streetAddress"] {
	width: 100%;
	display: block;
}

#inhalt dt {
	float:left;
	padding-right: 0.8em;
	font-weight: 800;
	
}

#inhalt dt:after {
	content:":";
}

#inhalt dd {
	margin-left: 0;
}

#inhalt dt[itemprop="name"] {
	float: none;
} 

#inhalt dt[itemprop="name"]:after {
	content:"";
} 


dl.kurzcredits {
	width: 100%;
	float: left;
}



.kurzcredits dt, .kurzcredits dd {
	float:left;
	margin-right:0.6em;
}

.kurzcredits dt {
	margin-right:-.5em;
	font-weight: 800;
}







/* @group BILDER */

#inhalt img {
	width: 100%;
	height: auto;
}

*#startfilm figure {
	float: left;
	margin: 0 1em 1em 0;
}

#startfilm figcaption {
	width: 250px;
}

#szene {
	margin-bottom: 2em;
	width: 50em;
	height: 30em;
	float:left;
	
}

.still {
	position: relative;
	top: -303px;
	z-index: 100;
}

.notrailer, .einzelbild {
	top: 0;
}

.still figcaption {
	position: absolute;
	top: 10px;
	right: 0;
}

.einzelbild figcaption {
	position: inherit;
	float:left;
	margin: -0.5em 0 2em 0;
	font-size:1.2em;
	
}

.einzelbild {
	
	float: left;
	display: block;
}

#showvid {
	border: none;
	padding-left: 1.2em;
	-webkit-border-radius: 0 !important;
	-webkit-appearance:none  !important;
	font-family: "Helvetica Narrow","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	text-transform: none;
	font-weight: 800;
	font-size: 2.4em;
	color: #fff;
	background: #000 url('/client/grafik/trailer.png') no-repeat 0.2em 0.3em;
	z-index: 5000;
}



iframe {
	position: relative;
	top: 0;
	z-index: -100;
}


iframe.abspiel {
	z-index:100;

}









/* @end */

/* @group LINKS */

#inhalt a:link, #inhalt a:visited {
	color: #000;
}

#inhalt a:hover {
	color: #fff;
	background: #000;
}


h1 a, h3 a, .kino a, h2 a {
	color: #CC0000 !important;
}

#inhalt h1 a:hover,#inhalt h3 a:hover,#inhalt .kino a:hover,#inhalt h2 a:hover {
	color: #fff !important;
	background: #CC0000;
}


a[href ^= "http"] {
	/*externer Link */	
}

/* @end */




/* @end */


/* @group HOCHAUFLÖSENDE DISPLAYS */

/* -> dieser Bereich ist fakultativ */

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (-o-min-device-pixel-ratio: 3/2), 
only screen and (min--moz-device-pixel-ratio: 1.5), 
only screen and (min-device-pixel-ratio: 1.5) {
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),  
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2/1), 
only screen and (min-device-pixel-ratio: 2) {
#kopf {
	border-bottom:3px solid red; 

}
}

/* <- dieser Bereich ist fakultativ */

/* @end */

/* @end */

/* @group DRUCK */

@media print {
	
	* {
		clear:both;
		text-shadow: none !important;
		color: #000 !important;
		background: transparent !important;
		filter:none !important;
		-ms-filter: none !important;
		}
		
		nav {
			display: hide !important;
		}
		
		a, a:visited { 
			text-decoration: underline;
			color: #444 !important;
		}
		
		a:after {
			content: " (" attr(href) ")";
		} 
		
		abbr:after { 
			content: " (" attr(title) ")";
		}
		
		.vs a:after { 
			content: "";
		}  
		
		pre, blockquote {
			border: 1px solid #999;
			page-break-inside: avoid;
		}
		
		thead { 
			display: table-header-group;
		}  
		
		tr, img {
			page-break-inside: avoid;
		}
	
		@page {
			margin: 0.5cm;
		}
		
		p, h2, h3 {
			orphans: 3;
			widows: 3;
		}
		h2, h3 {
			page-break-after: avoid;
		}
	

}

/* @end */