/*@charset utf-8;*/
/*
 * Autor: Frank Topel
 * Last Changed: 07.03.2010
 * Version: 0.2
 */
html {
	background: #ffb400 url(../_img/kinderclub/bg_pages_incl_navbar.png) repeat-x 0 0;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}
body {
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 100.01%;
	margin: 0 auto;
	padding: 0;
	width: 980px;
}
strong {
	font-weight: bold;
}
.clearfix:after { 
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden; 
}
.clear {
	clear: both;
}
div#header a {
	background: #ffb400 url(../_img/kinderclub/kinderclub_header.jpg) no-repeat 0 0;
	display: block;
	height: 182px;
	text-decoration: none;
	width: 990px;
}
#navbar {
	height: 38px;
	padding-top:2px;
}
#navbar ul {
	margin: 0 auto;
	width: 865px;
	overflow:hidden;
}
#navbar ul li {
	float:left;
}
#navbar ul li a {
	background: transparent url(../_img/kinderclub/menu.gif) 0 0;
	border: 1px solid #000;
	border-right:0;
	color: #500;
	cursor: pointer;
	display: block;
	font-family: "Comic Sans", fantasy;
	font-size: 20px;
	height: 34px;
	text-align: center;
	text-decoration: none;
	width: 170px;
}
#navbar ul li#mp5{
	border-right:1px solid #000;
}
#navbar ul li a span{
	display:none;
}
#navbar ul li#mp2 a{
	background-position:-170px 0;
}
#navbar ul li#mp3 a{
	background-position:-340px 0;
}
#navbar ul li#mp4 a{
	background-position:-510px 0;
}
#navbar ul li#mp5 a{
	background-position:-680px 0;
}

#navbar ul li a:hover,
#navbar ul li.active a {
	background-position: 0 -34px;
	color: #fff;
}

#navbar ul li#mp2 a:hover,
#navbar ul li#mp2.active a{
	background-position:-170px -34px;
}
#navbar ul li#mp3 a:hover,
#navbar ul li#mp3.active a{
	background-position:-340px -34px;
}
#navbar ul li#mp4 a:hover,
#navbar ul li#mp4.active a{
	background-position:-510px -34px;
}
#navbar ul li#mp5 a:hover,
#navbar ul li#mp5.active a {
	background-position:-680px -34px;
}
#navbar ul li a img {
    position: relative;
    top: 6px;
}

#main {
	background: transparent url(../_img/kinderclub/bg_content_sub_navbar.gif) no-repeat 0 0;
	min-height: 226px;
	padding-top: 30px;
}

#main #sidebar {
    float: left;
    width: 250px;
}

#main #sidebar ul.subnav li a {
    background: transparent url(../_img/kinderclub/button_secondary_menu.png) no-repeat 0 0;
    color: #000;
    font-size: 12px;
    display: inline-block;
    height: 23px;
    padding: 7px 0 0 35px;
    text-decoration: none;
    width: 211px;
}

#main #sidebar ul.subnav li a:hover,
#main #sidebar ul.subnav li.active a {
    background-image: url(../_img/kinderclub/button_secondary_menu_active.png);
    color: #fff;
}
#main #sidebar p {
    font-size: 10px;
    line-height: 15px;
    margin-bottom: 15px;
}
#main #content {
    margin-left: 310px;
}
#footer {
    clear: both;
    color: #fff;
    font-size: 12px;
    padding-top: 30px;
    text-align: center;
}
#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover {
    color: #fff;
}
#main #content h1 { /* Image Replacement, Phark-Methode */
	background-repeat: no-repeat;
	height: 60px;
	margin-bottom: 28px;
	overflow: hidden;
	padding: 0;
	text-indent: -999em;
	width: 100%;
}
select#stadtauswahl {
    margin: 10px 0;
    padding: 5px;
    width: 175px;
}
div.cl {
	clear: both;
}
.overlay { 
    background: #ffb400 url(../_img/kinderclub/bg_pages.gif) repeat-x 0 0;
    border: 1px solid #ffb400;
	display: none; 
    min-height: 200px; 
    padding: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 423px;     
    z-index: 10000; 
    -moz-box-shadow: 0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
.overlay .close { 
    background-image:url(../_img/kinderclub/close.png); 
    cursor: pointer; 
    height: 35px; 
    position: absolute; 
    right: -15px; 
    top: -15px; 
    width: 35px; 
}

/* PROGRAMMSEITE */
#content .auswahl { 
	height: 23px; 
	padding-left: 5px; 
}
#content .auswahl .selektion { 
	float: left; 
	height: 17px; 
	margin-left: 2px;
	padding-top: 6px; 
	text-align: center; 
	width: 110px; 
}
#content .auswahl .selektion.on {
	background: url(../_img/kinderclub/bg_selektion_on.gif) no-repeat 0 0;
}
#content .auswahl .selektion.off { 
	background: url(../_img/kinderclub/bg_selektion_off.gif) no-repeat 0 0;
}
#content .auswahl .selektion a { 
	display: block;
	font-size: 10px;
	text-decoration: none;
}
#content .auswahl .on a {
	color: #fff;
}
#content .auswahl .off a {
	color: #000;
}
#content .programminfo { 
	border: 1px solid #000; 
	background: #a91507 url(../_img/kinderclub/bg_programminfo.png) repeat-x 0 0; 
	color: #fff;
	height: 31px;
	padding: 10px 13px;
}
#content .programminfo h2 { 
	font-size: 14px; 
	font-weight: bold; 
	margin: 0 0 3px 0; 
	padding: 0; 
}
#content .programminfo .info {
	font-size: 10px;
}
#content .filmpack { 
	background-color: #FFF499;
	border: 1px solid #000; 
	margin-top: 1px; 
	padding: 10px 0 10px 12px; 
}
#content .filmpack .links { 
	float: left;
	width: 256px; 	 
}
#content .filmpack .links .filmtitel { 
	width: 245px; 
	padding-bottom: 10px; 
	font-size: 14px; 
	font-weight: bold;
}
#content .filmpack .links .filmtitel .titel a {
	background: url(../_img/kinderclub/pfeil_rot.gif) no-repeat 0 4px; 
	color: #000;
	display: block; 
	font-size: 14px; 
	font-weight: bold; 
	padding-left: 13px; 
}
#content .filmpack .links .filmtitel .titel a:hover {
	font-size: 14px; 
	font-weight: bold; 
	color:red;
}
#content .filmpack .links .filmtitel .infos { 
	width: 245px; 
	padding-bottom: 10px; 
	font-size: 10px; 
	font-weight:normal;
}
#content .filmpack .links .film {

}
#content .filmpack .links .film .bild {
	margin-right: 11px;
}
#content .filmpack .links .film .bild img {
	border: 1px solid #FFF;
	float: left;
	width: 92px;
}
#content .filmpack .links .film .beschreibung {
	float: left;
	font-size: 10px;
	padding-left: 10px;
	width: 140px;
}
#content .filmpack .links .film .teaser {
	float: left;
	font-size: 10px;
	font-weight: 700;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 140px;
}
#content .filmpack .rechts {
	float: right;
	width: 300px;
}
#content .filmpack .rechts .kino {
	padding-bottom: 5px;
	text-align: center;
	width: 294px;
}
#content .filmpack .rechts .kino a {
	color: #000;
	font-size: 12px;
	font-weight: 400;
	text-decoration: underline;
}
#content .filmpack .rechts .kino a:hover {
	color: #000;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
}
#content .filmpack .rechts .spielzeiten {
	float: left;
	width: 295px;
}
#content .filmpack .rechts .spielzeiten .paket {
	background: silver;
	border: 1px solid #000;
	float: left;
	font: 11px Arial;
	margin: 0 1px;
	width: 38px;
}
#content .filmpack .rechts .spielzeiten .paket .tag {
	background: #a91507;
	border-bottom: 1px solid #000;
	color: #fff;
	height: 30px;
	line-height: 11px;
	padding-top: 7px;
	text-align: center;
}
#content .filmpack .rechts .spielzeiten .paket-heute {
	background: silver;
	border: 1px solid #000;
	float: left;
	font: 14px Arial;
	font-weight: 700;
	margin: 0 1px;
	width: 293px;
}
#content .filmpack .rechts .spielzeiten .paket-heute .tag {
	background: #a91507;
	border-bottom: 1px solid #000;
	height: 30px;
	line-height: 22px;
	padding-top: 7px;
	text-align: center;
	color: #fff;
}
#content .programmliste {
	background: #19558d url(../_img/design/content/eventpack_bg.gif) repeat-x top;
	border: 1px solid #000;
	margin-top: 1px;
	padding: 10px 2px 2px;
}
#content .programmliste .zeile {
	border: 0 solid #000;
	margin-top: 1px;
	padding: 8px 6px;
}
#content .programmliste .kopf {
	border: 0!important;
	padding: 8px 7px!important;
}
#content .programmliste .kopf a {
	color: #000;
	font-weight: 700;
	text-decoration: underline;
}
#content .programmliste .kopf a:hover {
	color: #000;
	font-weight: 700;
	text-decoration: none;
}
#content .programmliste .kopf a.aktiv,
#content .programmliste .kopf a.aktiv:hover {
	color: #b6d544;
	cursor: default;
	text-decoration: none;
}
#content .programmliste .zeile.trenner {
	background: #a91507;
	font-size: 0;
	height: 3px;
	padding: 0!important;
}
#content .programmliste .zeile div {
	float: left;
}
#content .programmliste .zeile .datum {
	width: 100px;
}
#content .programmliste .zeile .titel {
	width: 200px;
}
#content .programmliste .zeile .ende {
	width: 50px;
}
#content .programmliste .zeile .fsk {
	width: 40px;
}
#content .programmliste .zeile th {
	border: 0!important;
	cursor: pointer;
	padding: 6px 5px!important;
}
#content .programmliste .zeile td {
	border: 0!important;
	padding: 6px 5px!important;
}
#content .programmliste tr.even td {
	background: #fc0;
	border: 0;
}
#content .programmliste tr.odd td {
	background: #f90;
	border: 0;
}
#content .filmpack .rechts .spielzeiten .paket .zeiten,
#content .filmpack .rechts .spielzeiten .paket-heute .zeiten {
	line-height: 20px;
	padding: 2px 0;
	text-align: center;
}
#content .filmpack .rechts .spielzeiten .paket .zeiten a,
#content .filmpack .rechts .spielzeiten .paket-heute .zeiten a {
	color: #000;
	text-decoration: none;
}
#content .filmpack .rechts .spielzeiten .paket .zeiten a:hover,
#content .filmpack .rechts .spielzeiten .paket-heute .zeiten a:hover {
	color: #000;
}
#content .filmpack .rechts .spielzeiten .paket .zeiten.dunkel,
#content .filmpack .rechts .spielzeiten .paket-heute .zeiten.dunkel,
#content .programmliste .zeile.dunkel {
	background: #f90;
}
#content .filmpack .rechts .spielzeiten .paket .zeiten.hell,
#content .filmpack .rechts .spielzeiten .paket-heute .zeiten.hell,
#content .programmliste .zeile.hell {
	background: #fc0;
}
#content .programmliste .zeile .uhrzeit,
#content .programmliste .zeile .saal {
	width: 60px;
}

#bereichRechts { width:570px; float:left; }
#bereichRechts #rahmen { width:565px; background:#1a4a78 url("../_img/design/rechts/bg_rechts.jpg") repeat-x; border:1px solid #000;}
#bereichRechts #trailershow { margin:7px 5px; /*height:268px;*/ padding-bottom:4px; }
#bereichRechts #trailershow .kategorien { float:right; text-align:right; margin-top:-2px; margin-bottom:7px; display:inline;}
#bereichRechts #trailershow .kategorien ul li { display:inline; margin-left:1px; }
#bereichRechts #trailershow .kategorien ul li a { color:#fff; font-weight:bold; }
#bereichRechts #trailershow .kategorien ul li a:hover{ color:#f00; font-weight:bold; }
#bereichRechts #trailershow .kategorien ul li a.active{ color:#f00; font-weight:bold; }
#bereichRechts #trailershow .makingOfLink { float:right; text-align:right; margin-top:-2px; margin-bottom:7px; margin-right:4px; display:inline;}
#bereichRechts #trailershow .makingOfLink ul li { display:inline; margin-left:1px; }
#bereichRechts #trailershow .makingOfLink ul li a { color:#fff; font-weight:bold; }
#bereichRechts #trailershow .makingOfLink ul li a:hover{ color:#f00; font-weight:bold; }
#bereichRechts #trailershow .makingOfLink ul li a.active{ color:#f00; font-weight:bold; }
#bereichRechts #content {  }
#bereichRechts #content h2 { font-size:18px; font-weight:bold; margin:15px 0 20px 0;}
#bereichRechts #content h3 { font-size:15px; font-weight:bold; margin:15px 0 20px 7px;}
#bereichRechts #content ul { margin:0; padding:0; }
#bereichRechts #content ul li { background:url("../_img/design/content/pfeil_rot.gif") no-repeat 0 3px; padding-left:18px; margin-bottom:17px;}
#bereichRechts #content a:link, #bereichRechts #content a:visited { color:#FFF; text-decoration: underline; }
#bereichRechts #content a:hover { color:#FFF; text-decoration: none; }
#bereichRechts #content p { margin:17px 0; }

 #content.events { margin:7px 1px 0 1px; padding-bottom:1px; font-size:12px; line-height:17px;}
 #content.events h2 { font-size:18px; font-weight:bold; margin:15px 20px 20px 20px;}
 #content .eventpack {  }
 #content .eventpack .bild { width:210px; float:left; margin-bottom:5px;}
 #content .eventpack .bild img { width: 183px; border:1px solid #11182b; }
 #content .eventpack .bild.einer { width:100%; }
 #content .eventpack .bild.einer img { width:426px; }
 #content .eventpack .bild.zweier { width:100%; text-align:center; }
 #content .eventpack .bild.zweier img { margin:0 0 0 17px; }
 #content .eventpack .bild.dreier { width:100%; text-align:center; }
 #content .eventpack .bild.dreier .bild01 { width:135px; }
 #content .eventpack .bild.dreier .bild02 { width:135px; margin:0 3px; }
 #content .eventpack .bild.dreier .bild03 { width:135px; }
 #content .eventpack .infos {  }
 #content .eventpack .infos .datum {  }
 #content .eventpack .infos .titel {  }
 #content .eventpack .infos .link {  }
 #content .eventpack .infos .text { }
 #content .eventpack .infos.noPic { width:100%; }
 #content .eventpack .infos.noPic .text { width:100% !important; }


#bereichRechts #waslaeuft { width:565px; height:69px; background:url("../_img/design/rechts/was_laeuft_bg.gif") no-repeat; border:1px solid #000; margin-top:2px; text-align:right;}
#bereichRechts #waslaeuft .tage { margin:10px 5px 5px 5px; }
#bereichRechts #waslaeuft .reihen { margin:15px 5px 5px 5px; }
#bereichRechts #waslaeuft a:link, #bereichRechts #waslaeuft a:visited { color:#FFF; }
#bereichRechts #waslaeuft a:hover { color:#0082d2; }
#bereichRechts #movieBoxHolder { display:none; }

/* LOGIN */

 #content .feld-links {width:218px; float:left;}
 #content .feld-rechts {width:214px; float:left;}
 #content .registrieren { width:194px; border:1px solid #000; background:#19558d url("../_img/design/content/eventpack_bg.gif") repeat-x top; padding:10px; margin-bottom:1px; float:left;}
 #content .registrieren2 { width:410px; border:1px solid #000; background:#19558d url("../_img/design/content/eventpack_bg.gif") repeat-x top; padding:10px; margin-bottom:1px; float:left;}
 #content .sms { width:194px; border:1px solid #000; background:#19558d url("../_img/design/content/eventpack_bg.gif") repeat-x top; padding:10px; margin-bottom:1px; float:right;}
 #content .formularfeld { width:60%; }
 #content .pflichtfelderror { color: red;}

body { font-size:12px; }
h2 { font-size:18px; font-weight:bold; margin:15px 0 20px; }
input, textarea, select { border:1px solid #000000; color:#666666; font-family:Helvetica,Arial,sans-serif; padding:2px; margin-right:3px; }
a { color:#000; text-decoration:underline; }
a:hover { color:#000; text-decoration:none; }
p a { font-weight:bold; line-height:40px; }
p b { font-size:14px; line-height:20px; }
a.button2 { color:#d51e00; text-decoration:none; }
a.button2:hover { color:#d51e00; text-decoration:none; }

.button1 { border:1px solid #d51e00; color:#d51e00; background:#fff; font-weight:bold; cursor:pointer; }
.button2 { border:1px solid #d51e00; color:#d51e00; background:#fff; font-weight:bold; padding:4px; display:inline-block; }

#main{
	overflow:hidden;
	display:inline-block;
	width:100%;
}

#content { margin:7px 55px; font-size:12px; line-height:17px;}
* html #content{
	margin:7px 45px 7px 0 !important;
	float:right;
	width:615px;
	display:inline;
	position:relative;
}

#content .formularfeld2 { width:45%; margin-bottom:5px; }
#content .formularfeld3 { margin-bottom:14px; }
#content .contentTitle { height:53px; width:auto; margin-bottom:5px; font-size:12px; }
#content .contentTitle h2 { padding:11px 10px 9px 14px; margin:0; }
#content .kontaktpack { border:1px solid #000; background:#fff499; padding:13px; margin-bottom:1px; }
#content .regpack { border:1px solid #000; background:#fff499; padding:13px; margin-bottom:1px; }
#content .regpack .reg1 { line-height:20px; margin-bottom: 10px; }
#content .regpack .textwrap { width:230px; float:left; }
#content .eventpack { border:1px solid #000; background:#FFF499; padding:13px; margin-bottom:5px;}

* html #content .eventpack { display:inline-block;}
*+html #content .eventpack { display:inline-block;}
#content .eventpack .infos { width:350px; float:left; font-size:11px; font-weight:normal; text-align:left; }
#content .eventpack .infos .datum { }
#content .eventpack .infos .titel { font-weight:bold; font-size:13px; margin-bottom:15px; }
#content .eventpack .infos .text a { color:#000; text-decoration:underline; }
#content .eventpack .infos .text a:hover { color:#000; text-decoration:none; }

#content .filmdetails { border:1px solid #000; background:#fff; padding:13px; margin-bottom:5px; }
#content .filmdetails .poster { float:left; width:175px; }
#content .filmdetails .poster img { border:1px solid #000; }
#content .filmdetails .obererteil { display:inline; }
#content .filmdetails .infosrechts { width:390px; float:left;}
#content .filmdetails .infosrechts .gewinnspiel {float:right; height:17px; overflow:hidden; margin-left:10px;}
#content .filmdetails .infosrechts .spielzeiten {float:right; height:17px; overflow:hidden; }
#content .filmdetails .infosrechts .filminfos {clear:both; padding-top:23px;}
#content .filmdetails .infosrechts .filminfos h2 { font-size:18px; font-weight:bold; margin:0;}
#content .filmdetails .infosrechts .filminfos h3 { font-size:13px; font-weight:normal; margin:4px 0 0 0;}
#content .filmdetails .infosrechts .filminfos p { font-size:10px; line-height:15px;}
#content .filmdetails .trailer { clear:both; font-size:15px; font-weight:bold; line-height:26px; }
#content .filmdetails .trailer img { display:block; }
#content .filmdetails .infosunten { margin-top:30px; }
#content .filmdetails .infosunten .filmbilder { width:150px; float:left; }
#content .filmdetails .infosunten .filmbilder img { width:123px; display:block; margin-bottom:5px; border:1px solid #000; }
#content .filmdetails .infosunten .filmbeschreibung { width:390px; float:left; }
#content .filmdetails .infosunten .filmbeschreibung h4 { font-size:15px; font-weight:bold; margin:0; }
#content .filmdetails .infosunten .filmbeschreibung p { font-size:11px; line-height:18px; }
#content .programminfo { margin-bottom:5px; }
#content .filmpack { margin-bottom:5px; }

.programmFilmKopfRot {
	color: #000 !important;
}