body  {
	margin: 10px;
	color: black;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #0072BC;
}

body.details{
	background-color:#ABBCDD;
}

#medialine{
	position:relative;
	font-size:9px;
	color:#342C23;
	top: -7px;
	margin-bottom:4px;
	width:760px;
	text-align: center;
}

#medialine a{
	color:white;
	text-decoration:none;
}

#medialine a:visited{
	color:white;
	text-decoration:none;
}

#medialine a:hover{
	color:white;
	text-decoration:underline;
}

a {
	text-decoration: none;
	color: #005F9B;
}

a:hover {
	text-decoration: none;
	color: #F7A900;
}

#visitors {
	font-size:9px;
	color:white;
}

/* Bannerwerbung ----------------------------------------------------*/
#bannerright{
	position:absolute;
	top: 10px;
	left: 780px;
/*	width: 160px; */
	padding:0px;
}

.adbanner{
/*	border:solid 1px black;
	width: 160px;
	height:450px; 
	overflow:hidden; */
	padding:0px;
	margin-bottom:5px;
}

.adbanner img{
	margin:0px;
	border:0px;
}


/* Spalte 1 -------------------------------------------------------------------- */

#spalte1 {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 15px;
	/*position: absolute;*/
	float:left;
	top:0px;
	left:0px;
	width: 175px;
	overflow:hidden;
}
	
/* HEP Movienews ------------------------------- */

#movienews {
	padding:0px;
	margin:30px 0px 0px;
	border: 0px;
	width: 175px;
}

#movienews #logo {
	width: 175px;
	height: 117px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: url(hep_movienews.gif) no-repeat;
}

#movienews #topten {
	border-color: #E3A716;
	border-style: solid;
	border-width: 0px 1px 1px;
	margin: 0px;
	background-color: white;
	padding: 7px 10px 10px 15px;
}

#movienews #topten ol {
	font-size: 10px;
	padding: 0px 0px 0px 25px;;
	margin: 0px;
	line-height: 110%;
}



/* menü ---------------------------------------- */

#navbar {
	width: 200px;
	height: 100%;
}

/* menu ebene 1 --------------- */

#navbar ul {
	list-style-type: none; 
	margin: 0px; 
	padding: 0px
}

#navbar ul li {
	margin-bottom: 0px;
	padding: 6px 0px 0px 12px; 
	width:162px;
	height:29px;
}

#navbar ul li.menu_no {
	background-image: url(menu_no.gif);
	background-repeat: no-repeat;
}

#navbar ul li a {
	color: white; 
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#navbar ul li a:hover {
	text-decoration: underline
}

#navbar ul li.menu_act {
	background-image: url(menu_act.gif);
	background-repeat: no-repeat;
}

#navbar ul li.menu-act a {
	font-weight: bold;
}

#navbar ul li.menu2_no {
	background-image: url(menu2_no.gif);
	background-repeat: no-repeat;
}

#navbar ul li.menu2_act {
	background-image: url(menu2_act.gif);
	background-repeat: no-repeat;
}

#navbar ul li.menu3_no {
	background-image: url(menu3_no.gif);
	background-repeat: no-repeat;
}

#navbar ul li.menu3_act {
	background-image: url(menu3_act.gif);
	background-repeat: no-repeat;
}

#navbar ul li.menu3_no {
	margin-bottom: 0px;
	padding: 2px 0px 0px 12px; 
	width:162px;
	height:23px;
}

#navbar ul li.menu3_no a {
	color: black; 
	font-weight: normal;
	text-decoration: none;
}

#navbar ul li.menu3_act {
	margin-bottom: 0px;
	padding: 2px 0px 0px 12px; 
	width:162px;
	height:23px;
}

#navbar ul li.menu3_act a {
	color: black; 
	font-weight: normal;
	text-decoration: none;
}

#navbar .spacer{
	position:relative;
	left: 0px;
	top: -8px;
	background-color:white;
	height: 4px;
	width: 162px;
}


/* Spalte 2 ------------------------------------------------------------------- */

p {
	margin:0px;
}


#spalte2 {
	overflow: visible;
	background-color: #ABBCDD;
	margin: 0px;
	float:left;
	/*margin-left: 198px;*/
	margin-left:8px;
	padding: 8px 12px 8px 8px;
	width: 528px;
	overflow:hidden;
	
}

/* ie hack */
html>body #page #content #spalte2
{
	height: auto;
}

/* css für flexible content elemente --------------------- */

.fc_1cols_nohead_blau {
	clear: both;
	margin: 0px;
	overflow: visible;
	height: 600px;
	min-height: 600px;
}

/* ie hack */
html>body #page #content #spalte2 .fc_1cols_nohead_blau
{
	height: auto;
}

.fc_1cols {
	clear: both;
	margin: 0px;
	overflow: visible;
	height: 600px;
	min-height: 600px;
	background-color: white;
	width: 510px;
	background-image: url(cont_1spaltig.gif);
	background-repeat: no-repeat;
	padding: 8px 10px;
}

/* ie hack */
html>body #page #content #spalte2 .fc_1cols
{
	height: auto;
}

.fc_1cols h1 {
	margin:0px;
	margin-left: 10px;
	margin-bottom: 26px;
	font-size: 18px;
	color: white;
	font-weight: bold;
}

.fc_1cols h2 {
	margin:0px;
}

.bild_text_1spaltig {
	position:relative;
	clear: both;
	margin: 0px;
	overflow: visible;
	height: 600px;
	min-height: 600px;
	background-color: white;
	width: 510px;
	background-image: url(cont_1spaltig_ohne.gif);
	background-repeat: no-repeat;
	padding: 8px 10px;
}

/* ie hack */
html>body #page #content #spalte2 .bild_text_1spaltig
{
	height: auto;
}

.bild_text_1spaltig .content{
	background-color: #D5DDEE;
	margin:4px 0px;
	padding:4px;
	padding-bottom: 16px;
	font-size:10px;
}

.bild_text_1spaltig .content .text_header{
	font-weight:bold;
	margin-bottom: 5px;
}

.bild_text_1spaltig h1{
	margin:0px;
	margin-left: 10px;
	margin-bottom: 18px;
	font-size: 18px;
	color: white;
	font-weight: bold;	
}

.bild_text_1spaltig .bildeck{
	position:absolute;
	left: 10px;
	top: 48px;
}

.fc_1cols_blau {
	clear: both;
	margin: 0px;
	overflow: visible;
	height: 600px;
	min-height: 600px;
	background-color: #D5DDEE;
	width: 510px;
	background-image: url(cont_1spaltig_blau.gif);
	background-repeat: no-repeat;
	padding: 8px 10px;
}

/* ie hack */
html>body #page #content #spalte2 .fc_1cols_blau
{
	height: auto;
}

.fc_1cols_blau h1 {
	margin:0px;
	margin-left: 10px;
	margin-bottom: 26px;
	font-size: 18px;
	color: white;
	font-weight: bold;
}

.fc_1cols_blau h2 {
	margin:0px;
}

.fc_2cols {
	clear: both;
	margin: 0px;
	overflow: visible;
/*	height: 600px;
	min-height: 600px;	*/
	background-color: white;
	width: 510px;
	background-image: url(cont_1spaltig.gif);
	background-repeat: no-repeat;
	padding: 8px 10px;
}

/* ie hack */
html>body #page #content #spalte2 .fc_2cols
{
	overflow: auto;
	height: auto;
}

.fc_2cols h1 {
	margin:0px;
	margin-left: 10px;
	margin-bottom: 26px;
	font-size: 18px;
	color: white;
	font-weight: bold;
}

#spalte2 .fc_2cols .fc_2cols_spalte1 {
	width: 236px;
	float: left;
}

#spalte2 .fc_2cols .fc_2cols_spalte2 {
	margin-right: 15px;
	width: 236px;
	float: left;
}

.moviecharts {
	height: auto;
	overflow: visible;
	background-color: #D5DDEE;
	position: relative;
	margin-bottom: 10px;
}

.moviecharts .position {
	font-size: 48px;
	color: #ABBCDD;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 0px;
}

.moviecharts .titel{
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	top: 5px;
	left: 80px;
}

.moviecharts .daten{
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	top: 25px;
	left: 80px;
}

.moviecharts .beschreibung{
	font-size: 10px;
	position: absolute;
	top: 25px;
	left: 190px;
	width: 285px;
}

.moviecharts .link{
	font-size:10px;
	font-weight: bold;
	position: absolute;
	top: 65px;
	left: 80px;
}

.moviecharts .trailer{
	margin-top:0px;
	width: 430px;
	height:12px;
	background-color:#0072BC;
	border-top:solid 4px white;
	padding-left: 80px;
	padding-top:1px;
	padding-bottom:1px;
}

.moviecharts .trailer img{
	border: none;
}

.mitarbeiter {
	height: 80px;
	overflow: hidden;
	background-color: #D5DDEE;
	position: relative;
	margin-bottom: 15px;
	font-size:10px;
}

.mitarbeiter .name {
	font-size:12px;
	position: absolute;
	top: 8px;
	left: 70px;
	font-weight: bold;
}

.mitarbeiter .aufgabenbereich {
	position: absolute;
	top: 24px;
	left: 70px;
}

.mitarbeiter .telefon {
	position: absolute;
	top: 47px;
	left: 70px;
}

.mitarbeiter .email {
	position: absolute;
	top: 60px;
	left: 70px;
}

.fc_2cols_2zu1 {
	clear: both;
	margin: 0px;
	overflow: visible;
	height: 600px;
	min-height: 600px;
	width: 530px;
	padding: 0px;
}

/* ie hack */
html>body #page #content #spalte2 .fc_2cols_2zu1
{
	overflow:auto;
	height: auto;
}

#spalte2 .fc_2cols_2zu1 .fc_2cols_2zu1_spalte1 {
	width: 330px;
	float: left;
	margin-right:9px;
}

#spalte2 .fc_2cols_2zu1 .fc_2cols_2zu1_spalte2 {
	width: 190px;
	float: left;
}

.container_2zu1_2spaltig {
	padding: 8px;
	width: 314px;
	background-color: white;
	background-image: url(contele_2spaltig.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

.container_2zu1_2spaltig_bild {
	padding: 8px;
	width: 314px;
	background-color: white;
	background-image: url(contele_2spaltig.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

.container_2zu1_2spaltig_bild .container_2zu1_2sp_bild_content{
	font-size:10px;
	margin-top: 2px;
	padding: 4px;
	background-color: #E0E6F2;
}

.container_2zu1_2spaltig_bild .content {
	position: relative;
}

.container_2zu1_2spaltig_bild .header {
	font-size: 18px;
	margin: 0px 2px 0px 10px;
	font-weight: bold;
	color: white;
	height: 40px;
}

.container_2zu1_2sp_bild_content .content h2{
	margin: 0px 0px 5px;
	padding: 0px;
	color: black;
	font-size: 10px;
	font-weight: bold;
}

.container_2zu1_2spaltig img {
	border:0px;
}

.container_2zu1_2spaltig .header {
	height:40px;
}

.container_2zu1_2spaltig .header a {
	font-size: 18px;
	margin: 0px 2px 17px 10px;
	font-weight: bold;
	color:white;
}

.container_2zu1_2spaltig .header a:hover{
	color: white;
	text-decoration: underline;
}

.container_2zu1_2sp_content{
	padding:0px;
	height: 80px;
	width: 100%;
	overflow: hidden;
	background-color: #D5DDEE;
	position: relative;
}

.container_2zu1_2sp_content .content{
	position: absolute;
	top: 10px;
	left: 75px;
}

.container_2zu1_2sp_content .content h2{
	margin: 0px 0px 5px;
	padding: 0px;
	color: black;
	font-size: 12px;
	font-weight: bold;
}

.container_2zu1_1spaltig {
	padding: 4px 8px 1px 8px;
	width: 174px;
	background-color: none;
	background-image: url(contele_1spaltig.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	font-size: 10px;
}

.container_2zu1_1spaltig h2 {
	font-size: 14px;
	margin: 0px 2px 15px 8px;
	font-weight: bold;
	color:white;
}

.container_2zu1_1sp_content{
	width: 100%;
	overflow: hidden;
	background-color: #D5DDEE;
	position: relative;
	margin-bottom:8px;
}

.container_2zu1_1sp_content .trailer{
	width: 174px;
	height:12px;
	background-color:#0072BC;
	border-top:solid 4px #ABBCDD;
	padding-left: 75px;
	padding-top:3px;
}

.container_2zu1_1sp_content .trailer img{
	border: none;
}

.container_2zu1_1sp_content .content{
	position: absolute;
	top: 10px;
	left: 75px;
	font-size:10px;
}

.container_2zu1_1sp_content .content h2{
	margin: 0px 0px 5px;
	padding: 0px;
	color: black;
	font-size: 10px;
	font-weight: bold;
}

/*
.fc_1cols_blau_content{
	background-color:white;
	padding:6px;
	font-size:10px;
}

.fc_1cols_blau_content .content{
	background-color:#D5DDEE;
	padding: 6px;
}

.fc_1cols_blau_content .header{
	font-weight:bold;
	margin-bottom:4px;
}
*/
/* content ---------------------------------------- */

.bildeck {
	position:absolute;
	top:0px;
	left:0px;
}

#footer {
	width: 760px;
	height: 25px;
	clear:both;
	background-color:white;
}

#content {
	position: relative;
	width: 760px;
}

#head {
	background-image: url(kopf.jpg);
	width: 760px;
	height: 182px;
}

#page {
	background-color: white;
	width: 760px;
}

#login{
	position:absolute;
	left:239px;
	top:152px;
	font-size:10px;
	font-weight: bold;
	color:white;
	width: 503px;
}

#login input{
	padding-left: 4px;
	width: 100px;	
	color:black;
	background-color:#D5DDEE;
	border: solid 1px white;
}

#login #submit{
	position: absolute;
	right: 0px;
	top: 2px;
	font-size: 10px;
	font-weight: bold;
	color:white;
	background-color:#ABBCDD;
	border: solid 1px white;
	padding:1px;
}

#login #submit:hover{
	background-color:#F7A900
}

.error {
	font-size: 10px;
	color: red;
}

#tooltip{
	background-color: #FAEED4;
	padding: 4px;
	font-size: 10px;
	position:absolute;
	display: none;
}

#monats , .monats{
	 border-bottom:solid 1px #0069AF;
}

#monats td , .monats td{
	padding: 2px 1px;
}

.legende{
	color: white;
	font-weight: bold;
	background-color: #0069AF;
	font-size: 10px;
}

.legende_bildeck{
	background-image: url(bildeck_hb2.gif);
	background-repeat: no-repeat;
}

.even {
	background-color:#D5DDEE;
}

.uneven {
	background-color:white;
}

.monats_category {
	font-weight: bold;
	color: white;
	background-color: #0069AF;
	font-size: 12px;
	padding-left:5px;
}

.monats_category td{
	padding-left:5px;
}

.fc_1cols_blau_content .bodytext{
	padding:4px;
}

.bildcontainer {
	float:left;
}

.bild_hide {
	clear:both;
	position: absolute;
	visibility: hidden;
}

.bild_show {
	clear:both;
	position: absolute;
	top: 48px;
	left:10px;
	visibility: visible;
}

.hideElement{
	visibility: hidden;
}

.filmdb{
	position:relative;
	background-color:white;
	font-size:10px;
	padding:0px;
	padding-bottom:8px;
}

.filmdb .filmdb_kaestchen{
	background-color: #0072BB;
	width: 10px;
	height: 10px;
	margin-right:5px;
	margin-top: 3px;
	margin-bottom:4px;
}

.filmdb .filmdb_detaillink{
	background-color: #0072BB;
	color:white;
	padding: 0px 1px;
	text-align:center;
}

.filmdb .filmdb_detaillink a{
	color:white;
}

.filmdb .filmdb_header{
	background-color: #0072BB;
	color:white;
	height:23px;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0px 4px 20px;
}

.filmdb table{
	margin:20px;
	width: 470px;
}

.filmdb .filmdb_cover{
/*
	position:absolute;
	top: 44px;
	left: 8px;
*/
	position:relative;
	top:8px;
	left:8px;
	float:left;
}

.filmdb .filmdb_cover img{
	border: none;
	position:relative;
	top:0px;
	left:0px;
	margin-bottom:10px;
	float:none;
}

.filmdb .filmdb_details{
	position:relative;
	top:0px;
	left:0px;
	margin-top: 30px;
	/*
	margin-left: 180px;
	*/
	margin-left:20px;
	margin-bottom:10px;
	width: 300px;
	float:left;
}

.filmdb .filmdb_beschreibung{
	clear: both;
	float:none;
	margin:8px;
	margin-bottom:0px;
	margin-top:10px;
	padding:8px;
	background-color: #D5DDEE;
}

.filmdb_backlink{
	margin-top: 5px;
	font-size: 10px;
}

.filmdb_navi{
		height:20px;
}

.filmdb_vorherige{
	padding-left:10px;
	font-size: 10px;
	float:left;
	width:130px;	
}

.filmdb_seiten{
	font-size: 10px;
	float:left;
	margin-bottom: 10px;
	width:230px;
	text-align: center;
}

.filmdb_naechste{
	width:130px;
	padding-right: 6px;
	font-size: 10px;
	float:right;
	text-align:right;
}

.form_label{
	color:white;
	font-weight: bold;
	background-color:#0072BB;
	padding:2px 4px;
	margin-bottom:4px;
}


.partner{
	position: relative;
	font-size:10px;
}

.partner_header{
	background-color: #0072BB;
	color:white;
	height:23px;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0px 4px 20px;
	margin-bottom: 10px;
	
}

.partner table{
	background-color:white;
	border: solid 3px white;
}

.partner table .partner_logo{
	padding: 4px;
	width: 50%;
}

.partner table .partner_name{
	padding: 8px;
	padding-bottom:10px;
	vertical-align: bottom;
	width: 50%;
}

.partner table .partner_name .head{
	font-size: 14px;
	font-weight:bold;
	color: #0072BB;
}

.partner table .partner_name .body{
	font-size: 10px;
}


.impressum{
	position: relative;
	font-size:10px;
}

.impressum_header{
	background-color: #0072BB;
	color:white;
	height:23px;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0px 4px 20px;
	margin-bottom: 10px;
	
}

.impressum table{
	background-color:white;
	border: solid 3px white;
}

.impressum td{
	background-color:#D5DDEE;
	padding:4px;
	border: solid 3px white;
}

.impressum .form_label{
	margin-bottom: 0px;
}

.impressum .form_label a{
	color:white;
}

.impressum .form_label a:hover{
	color:#F7A900;
}

.wir{
	position: relative;
	font-size:10px;
}

.wir_header{
	background-color: #0072BB;
	color:white;
	height:23px;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0px 4px 20px;
	margin-bottom: 10px;
	
}

.wir table{
	background-color:white;
	border: solid 3px white;
}

.wir td{
	background-color:#D5DDEE;
	padding:4px;
	border: solid 3px white;
}

.wir .form_label{
	margin-bottom: 0px;
}

.wir p{
	margin-bottom:5px;
}


.kontakt{
	position: relative;
	font-size:10px;
}

.kontakt_header{
	background-color: #0072BB;
	color:white;
	height:23px;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0px 4px 20px;
	margin-bottom: 10px;
	
}

.kontakt table{

}

.kontakt td{
	background-color:none;
	padding:2px;
}

.kontakt .form_label{
	margin-bottom: 0px;
}

.kontakt p{
	margin-bottom:5px;
}

.kontakt .kontakt_form{
	background-color: #D5DDEE;
	border:solid 4px white;
	padding: 8px;
}

.csc-uploads{
	margin-bottom:20px;
}

.csc-header h1{
	margin:0px;
	margin-left: 0px;
	margin-bottom: 5px;
	font-size: 18px;
	color: white;
	font-weight: bold;
}
#intromsg{
    background: url(intro_back.png);
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1000;
	padding-top:20px;
}
* html #intromsg{
	position:absolute;
	zoom:1;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/templates/data/intro_back.png', sizingMethod='scale');
	background:none;
}
* html body{
	height:100%;
	width:100%;
}