@charset "utf-8";
/* CSS Document */

/**********************************
**1. Allgemeine Styles ************
**********************************/
* { padding: 0; margin: 0;}

body {
	color: #016599;
	background-color: #EBF2F8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
.clear {clear:both;}

table {border:0px;}
td {padding-right: 10px;vertical-align:top;}
input, select {border:1px solid #CDD1D2;
	color:#777777;
	width:150px;
	}
h1 {
	font-size:18px;
	font-weight: bolder;
}
h2 {font-size:16px;
	margin-bottom: 10px;}
p {font-size:12px;}

a img {border:none; text-decoration:none;}/* rahmen bei link bildern weg*/
a {color:#016599; font-weight:bold; text-decoration:underline;}
a:visited {color:#13587B; font-weight:bold;}
a:hover {
	color:#13587B;
}
ul {
	list-style:none;
}

.no-underline {
text-decoration:none;
}
/************
0.a Styles für das Hauptmenu
******************************/

#head img { /* style für das logo ff3.5 bugfix*/
float:left;
}

#head #main_menu{
float:right;
margin-top:87px;
}
#head #main_menu  li{
	background-color: #BD0029;
	padding:3px 10px;
	margin: 0 1px;
	
	float:left;
	display:inline-block;
	text-decoration:none;
}
#head #main_menu  li a{
text-decoration:none;
}
#head #main_menu  li a:hover{
text-decoration:underline;
}
.white {
color:#FFFFFF !important;
}

/*********************************
1a styles für die suchsuggestion
**********************************/
.output-div-container {
	border:1px solid silver;
	background-color:#F8F8F8;
	padding:10px;
}
.input-div {
	text-align:center;
	background-color:#FEFFF0;
	border:1px solid #868A15;
	padding:5px;
}
.ajax-div {
	margin:50px;
	border:1px solid #3333CC;
	background-color: #6699FF;
	padding:3px;
	width : 500px;
}
#box
{
  width : 291px;
  height : auto;
  overflow : auto ;
  border : 1px solid #C5C5C5;
  background : #F8F8F8;
  position : absolute;
  border-top : none;
  text-align : left;
  display : none;
}
#box
{
 cursor : pointer;
}
		

/***********************************
**2. Styles für die Layoutbereiche**
***********************************/

#wrapper {width: 1120px;float:left;display:inline;}
#main {float:left;display:inline;}
#ads {
	position:fixed;
	width:120px;
	height:600px;
	float:left;
	left:980px;
	display:inline;
	margin-top:20px;
}
#wrapper .inner_wrapper_hohe {min-height:1400px;}
#wrapper .inner_wrapper_breite {width:940px;}
#wrapper .rand_o {height:20px; float:left;display:inline;}
#wrapper .rand_u {height:20px;float:left;display:inline;}
#wrapper .rand_l {width:20px;float:left;display:inline;}
#wrapper .rand_r {width:20px;float:left;display:inline;}
#wrapper .mm{
	background-image:url(/images/verl_content_980px.jpg);
	background-repeat:repeat-y;
	float:left;
	display:inline;
	padding-left:20px;
	padding-right:20px;
}
#wrapper .lo {
	background-image:url(/images/wrapper_ol.jpg);
	background-repeat: no-repeat;
}
#wrapper .mo {background-image:url(/images/wrapper_o.jpg);
	background-repeat: repeat-x;
}
#wrapper .ro {
	background-image:url(/images/wrapper_or.jpg);
	background-repeat: no-repeat;
}
#wrapper .lu {
	background-image: url(/images/wrapper_ul.jpg);
	background-repeat: no-repeat;
}
#wrapper .mu {
	background-image: url(/images/wrapper_u.jpg);
	background-repeat: repeat-x;
}
#wrapper .ru {
	background-image: url(/images/wrapper_ur.jpg);
	background-repeat: no-repeat;
}



#head {
	background-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #016599;
	height: 110px;
	width: 940px;
}
#content {
	
	float:left;
	display:inline;
	}

#searchbar, #top_desc{
	padding:20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #016599;

}
#top_desc {
border-bottom:0px;
}
#top_desc p {
	width:840px;
}
#submit {
	background: transparent url(/images/button.png) no-repeat scroll 0 3px;
	cursor:pointer;
	height: 34px;
	width: 125px;
	border:0 none;
	text-align:right;
	color:#B90232;
	font-size:18px;
	font-weight:bold;
	margin-left:10px;

}

#footer {
	width: 785px;
	font-size:10px;
	color: #787878;
	text-align:center;
	clear:right;
}
/***********************************
Startseite
*************************************/
#home_content{
	width:785px;
	margin-left:15px;
	float:left;
}
#teaser, .teaser_bild , .teaser_preis{
	display:inline;
	float:left;
	
}
.teaser_bild{
margin-right: 10px;

}
.teaser_bild img {
padding: 1px;
border:1px solid #ABABAB;
width: 88px;
}
.teaser_links, .teaser_rechts {
	background: url(/images/transparent_bg.png) repeat;
	width:342px;
	display:inline;
	float:left;
	padding:10px;
}

.teaser_links {
margin-right:20px;}



.teaser_preis {
margin-top:10px;
}

.home_box {
	padding:20px;
}
.home_box h2 {
	text-align:center;
}
#myImageFlow {
	background-color:#F0F5F9;
}
/***********************************
Searchbar
*************************************/
#searchbar {
height: 40px;
}

 #filmtitel_input {
	height: 30px;
	font-size:24px;
	width:291px;}
#searchbar #search_table {
	float:left;
	clear:none;
	}
#searchbar #search_table label  {
	line-height:1;
	font-weight:bold;
	}
#searchbar h1 {
	margin-top:9px;
	width: 127px;
	float: left;
	clear:none;
	
}

/**********************************
**3. Suchergebnis suche.php********
**********************************/

/* Die sucherseitennavigation */
.ergebnis_navi {
	width:100%;
	margin:0 20px 20px 6px;
	float:left;
}

.el_na_li,  .el_na_re {
	float:left;
	width:368px;
	display:inline;
}

.el_na_re ul {
display:inline-block;
text-align:right;
	float:right;
}
.el_na_re li {
	display:inline-block;
	border:1px solid #00659C;
	margin:2px;
	padding:3px;
}
.el_na_re_li_active{
	background-color:#E7EFF7;
	font-weight:bold;
}

.el_na_re li:hover {
background-color:#FFFFFF;}




#suchergebnis {
	padding: 20px 20px 0px 20px;
	
}
#suchergebnis h1 {
	margin-bottom:15px;
}
#suchergebnis li {
	list-style-type:none;
}
#ergebnisliste .ergebniscontainer {
	width: 900px;
	margin-top: 10px;
	margin-bottom: 30px;
	min-height:130px;
	padding: 10px 0;
	background: url(/images/transparent_bg.png) repeat;
	float:left;

}
#ergebnisliste h2 {
	font-size:16px;
	font-weight:bold;
	color:#6C6C6C;
	font: Century Gothic;
	font-size:13px;
	margin-bottom:10px;
	height:32px;
	overflow:hidden;
}
#ergebnisliste .details_img {
	width: 92px;
	float:left;
}
#ergebnisliste .details_img img {
	padding: 1px;
	border: 1px solid #ABABAB;
	width:88px;
	margin-left:10px;

}
#ergebnisliste .details_text {
	width: 480px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
	color:#6C6C6C;
}
#ergebnisliste .details_anbieterlinks {
	width:220px;
	float:left;
	font-weight:bold;
	font-size:14px;
	margin-top:25px;
}
#ergebnisliste .anbieterliste li {
	float:right;
	margin-bottom: 5px;
}
#impressum {
	width: 450px;
	padding:20px;
}
/*********************************************
GENRE
/*********************************************/
#genre_navigation { width:140px; margin-top:15px;}
        #genreliste {width:140px;}
        #genre_navigation h3 { padding:3px 10px;}
        .genre { width:120px; background: white; margin-bottom:10px; padding:3px 10px;}
        .genre a {  text-decoration:none;}
		
#suchergebnis, #genre_navigation { float:left;}
#suchergebnis {width:760px;}
#ergebnisliste {
	clear: both;
}
#ergebnisliste .genre_ergebnis {
	background: url(/images/transparent_bg.png) repeat;
	width:145px;
	float:left;
	margin-bottom:20px;
	padding:10px;
	margin-right:25px;
}
#ergebnisliste .genre_img {
	width: 141px;
	float:left;
}
#ergebnisliste .genre_img img {
	padding: 1px;
	border: 1px solid #ABABAB;
	width:141px;

}
#descriptionBox {
	position:absolute;
	top:0;
	left:0;
	background:white;
	border: 1px solid #ABABAB;
	width:320px;
	padding:15px;
	z-index:1000000;
}
#ergebnisliste .genre_text {
	margin-right: 20px;
	margin-left: 115px;
	color:#6C6C6C;
	
}
.genre_text h2 {
margin-bottom: 10px;
}


.genre_navi .el_na_li , .genre_navi .el_na_re {
	margin-bottom:15px;
}
.genre_navi {
	width:100%
	
}
.genre_navi .el_na_li {
	width: 55%;
}.genre_navi .el_na_re {
	width: 45%;
}

#ergebnisliste p {
	text-decoration:none !important;
}
.genre_preis {
	font-size:10px;
	text-align:right;
}
/***********************
Last seen (in genre navi)
**************************/
#last_seen {
	background-color: white;
	margin: 20px 0;
	padding:5px;
}
#last_seen h2 {
	font-size:12px;
	margin:5px;
}
.last_seen_img {
	float:left;
	width:120px;
	border: none;
}
.last_seen_desc {
	float:left;
}
.last_seen_preis {
	font-size:11px;
	float:left;
}

/***********************
Detailanasicht

**************************/
#detailansicht{
width:800px;
float:left;
clear:right;
}
.detailansicht_img {
	float:left;
}
 .detailansicht_img img {
	padding: 1px;
	border: 1px solid #ABABAB;
	width:141px;

}
#detailansicht #ergebnisliste {
	clear:none;
}
#detailansicht .details_text {
	margin-left:90px;
}
#detailansicht #ergebnisliste .ergebniscontainer  {
	min-height: 200px;
	width:760px;
	margin-left:20px;
margin-top: 10px;
    margin-bottom: 30px;
    min-height:130px;
    padding: 10px 0;
    background: url(/images/transparent_bg.png) repeat;
    float:left;
}
#detailansicht #table_details {
	margin-top:10px;
}

#detail_ad {
	float:left;
	clear:both;
	margin:0 0 20px 35px;
}

#youtube_trailer {
  background:url("/images/transparent_bg.png") repeat scroll 0 0 transparent;
float:left;
clear:both;
margin-bottom:30px;
margin-left:20px;
margin-top:10px;
min-height:130px;
padding:10px 0;
width:760px;
text-align:center;
}
#similar_films {
	width:760px;
	float:left;
	clear:right;
    margin-left:20px;
	background-color:#F0F5F9;
	margin-bottom:20px;
}
#similar_films h3 {
	/*padding:10px;*/
	widht:400px;
	margin:0 auto;
}
#similar_head {
	 padding:10px;
}

/*************************************
Video on demand bereich

**************************************/
#video_on_demand {
padding: 20px;
}
#video_on_demand #headline_box #vod_headline{
	float:left;
	width:400px;
}
#video_on_demand #headline_box #vod_suche {
	float:right;
	padding-right:10px;
}

#video_on_demand #headline_box {
	width:881px;
}
#video_on_demand #VOD_BOX {
	margin-top:20px;
	width:881px;
}
#video_on_demand #filmedetails {
	width:881px;
	margin-top: 25px;
	
}