/* ---------------------------- */
/* STANDARD HTML TAG RESET */
/* ---------------------------- */
@import url("reset.css");


/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */
body{
	font-family:	 	Helvetica, Arial, Verdana, sans-serif;
	font-size: 			11px;
	color:				#fff;
	background-color: 	#e4e4e4;
	height: 100%;
}

h1{
	font-size:		16px;
	font-weight: 	bold;
}

h2{
	font-size:16px;
	font-weight: bold;
	color:#000066;	
	float: left;
}

a{
	color:#FFFFFF;
	text-decoration:	none;
}
	
a:hover, a:active{
	color: #f39116;
}

	

/* ----------------------------*/
/* PAGE ELEMENTS */
/* ----------------------------*/
#container{
	position:	absolute;
 	height:		640px;
 	width:		1000px;
 	margin:		-320px 0px 0px -500px;
 	top: 		50%;
 	left: 		50%;
	background: url(../_img/bg.jpg) no-repeat;
}


/* Hauptnavigation */

ul#navigation {
	margin: 	50px 0 0 54px; 
	font-weight: bold;
	color: #CCCCCC;
}

ul#navigation li {
	display: 			inline;
	background-image: 	url(../_img/trenner_navi.gif);
	background-repeat:	no-repeat;
	background-position:right;
	list-style-type: 	none;
	margin:				0;
	padding: 			0 8px;
}


ul#navigation li.last{
	background-image:	none;
}

ul#navigation li a{	
	color: #566b99;
	text-decoration: none;
}

ul#navigation li a:hover{
	color: #CCCCCC;
}

/* Content */
#content{
	margin: 28px 90px 0 80px;
	width:	320px;
	float:	left;
	display: inline;
}

#content table td{
	height: 15px;
}

#content p{
	margin: 20px 0;
}

.karten{
	color: #f39116;
	text-decoration:	none;
}
	
.karten:hover, .karten:active{
	color: #f39116;
	text-decoration: underline;
}



#content ul li{
	margin-left: 16px;
}

#gallery img{
	margin: 14px 5px 0 0;
}

#contentRechts{
	margin:		80px 0 0 492px;
	color: 		#000066;
}

#hiddenDiv{
	visibility: hidden;

}

ul#programm {
	margin: 	0 0 20px 0; 
}

ul#programm li {
	list-style: 		none;
	margin:				0 0 5px 0;
	padding: 			0;
}

ul#programm li span{
	float: left;
	width: 110px;	
}

ul#programm li.woche {
	margin:				0 0 22px 0;
}

.filmHead{
	background: url(../_img/detail_headline.png) no-repeat;
	height:	27px;
	padding: 8px 0 0 18px;
	width: 431px;
}

.fsk{
	float: right;
	margin-right: 38px;
	margin-top: 3px;
}

.video{
	background-image:url(../_img/detail_film.png);
	background-repeat: no-repeat;
}

.video p{
	margin: 16px 10px 10px 0;
}

.video img{
	float: left;
	margin: 20px 10px 100px 20px;
}


.hinweis{
	color: #f39116;
}

.video a{
	color: #000066;
}


.video a:hover{
	color: #000066;
	font-weight:normal;
}

.subAktiv{
	color: #f39116;
}

.media{
	position: relative;
	margin: 15px 0 5px 15px;
}

.quickFlip {
    height: 280px;
    width: 431px;
}

#footer{
	position:absolute;
	bottom: 0;
}

#footer img{
	float: left;
	margin-right: 20px;
}

#footerImg{
	margin:0 0 0 60px;
    float: left;
	width: 806px;
}

* html #footerNav a {
 	top: 0;
	position: absolute;
}


#footerNav{	
	color: #666;
	font-size: 10px;
	float: right;
	display: inline;
}

#footerNav a{
	color: #666;
}

pre{
	font-family: Arial, Helvetica, sans-serif;
}
/* ---------------------------*/
/* CLEARFIX */
/* ---------------------------- */
.clearfix:after {
    content: 		".";
    display: 		block;
    clear: 			both;
    visibility: 	hidden;
    line-height: 	0;
    height: 		0;
}

.clearfix {
    display: 		inline-block;
	clear: 			both;
}

html[xmlns] .clearfix {
    display: 		block;
}

* html .clearfix {
    height: 		1%;
}