/*
***** Created at 01.10.13, 14:28:02 by CYBERhouse Import/Update-Script*****
***** Revision: 2977
*/

/*******************************************************************************
	LIGHTBOX GRID 
*******************************************************************************/

.overlay {
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#000;
	z-index:10000;
	/* for normal browsers */
	opacity:.5;
}

.lightboxpositioner {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;	
	z-index:10001;	
}


.lightbox {
	position:relative;
	top:15px;
	margin:0 auto;
	width:904px;
	height:auto;
	display:block;
	text-align:left;
	z-index:10002;
	color:#fff;
}

.closetab {
	float:right;
	width:115px;
	height:24px;
	background:url('/final/de/imgs/app/epg/bg_closetab.png') no-repeat;
}

.lightboxwrapper {
	width:auto;
	height:auto;
	background-color:#424242;
	padding-bottom:12px;
}

.lightboxheader {
	width:896px;
	height:82px;
	border:1px solid #282828;
	background-color:#000;
}

.lightboxcontentcollector {
	width:904px;
	height:auto;
	margin:10px 0 0 0;
}

.engagedcontent {
	width:876px;
	margin:0 14px 0 14px;
}

.lightboxnavigation {
	width:876px;
	height:60px;
	background:url('/final/de/imgs/app/epg/bg_navigation.gif') top left repeat-x;
}

.lightboxcontent {
	width:898px;
	height:auto;
	min-height: 600px; 
	height: 600px;
	height:auto !important;

}

 /*******************************************************************************
	GLOBAL 
*******************************************************************************/
.first {
	margin-top:0 !important;
}

.lightboxheadline h1 {
	font-weight: normal;
	font-size: 16px;/*font*/
	margin:12px 0 2px 0;
}

h1 {
	font-weight: normal;
	font-size: 16px;/*font*/
	margin: 16px 0;
}

.search_container h2, .channel_overview h1 {
	font-weight: normal;
	font-size: 19px;/*font*/
	margin:10px 0 3px 0;
	color: #ffffff;
}

h2 {
	margin:10px 0 3px 0;
}

.channel_overview h1 {
	margin:16px 0 20px 0 !important;
}

h3 {
	font-size:1.09em;
	font-weight: normal;
	margin: 3px 0 0 0;
	height: 14px;	
}

p {
	margin: 2px 0 12px 0;
	font-size:1.09em;
}


/*******************************************************************************
	CLOSETAB 
*******************************************************************************/
.closetab span {
	float:left;
	margin:7px 5px 2px 20px;
}

.closetab a {
	background:url('/final/de/imgs/app/epg/ic_close.gif') no-repeat 0 2px;
	padding-left:20px;
	color:#ebebeb;
}

.closetab a:hover {
	text-decoration:none;
}


/*******************************************************************************
	CONTENTCOLLECTOR 
*******************************************************************************/
.filmdetails_background {
	background:url('/final/de/imgs/app/epg/bg_filmdetails.gif') repeat-x 0 34px #403f3f;
	position: relative;
}

.epgdetails_background {
	background:url('/final/de/imgs/app/epg/bg_epgdetail.gif') repeat-x 0 34px #424242;
	position: relative;
}

.search_background {
	background: url('/final/de/imgs/app/epg/bg_search_results.gif') repeat-x 0 18px #403f3f;
	position: relative;
}

.header_button_container {
	position: absolute;
	top: 71px;
	right: 41px;
	height: 22px;
	width: auto;
}

.headerbgimage {
	float: left;
	position: relative;
}

.filmdetails_background .headerbgimage, 
.epgdetails_background .headerbgimage, 
.search_background .headerbgimage {
	float: none;
}


			/************************************************************************
				BANNER
			*************************************************************************/
.banner {
	width: 876px;
	height: auto;
	overflow: hidden;
	margin-top: 35px;
	padding-bottom: 12px;
}			

.channelcontainer .banner {
	background-color: #000;
}
/*
.programcontentcollector .banner {
	background-color: #111;
}
*/
.videolibrary_overview .banner {
	background-color: #151515;
}


			/************************************************************************
				LIGHTBOXNAVIGATION
			*************************************************************************/
.mainnavigation, .searcharea {
	float:left;
}

.lightboxnavigation {
	position: absolute;
	top: 0;
	left: 0;
}

.order {
	float:right;
	/*margin-right: 12px;*/
}
			
			/*********************************
				MAINNAVIGATION
			**********************************/
.lightboxnavigation ul {
	display:inline;
	margin:0;
	padding:0;
}

.lightboxnavigation ul li {
	position:relative;
	float:left;
	height:60px;
	margin:0;
	padding:0;
}

.lightboxnavigation ul li a {
	height:35px;
	display:block;
}

.lightboxnavigation ul li a.tvprogramm {
  background:url('/final/de/imgs/app/epg/navitem_tvprogramm.gif') no-repeat;
  width:182px;
  height: 35px;
}


.lightboxnavigation ul li a.tvprogramm:hover, 
/*.programcontentcollector .lightboxnavigation ul li a.tvprogramm,*/ 
.epg_container .lightboxnavigation ul li a.tvprogramm {
 background:url('/final/de/imgs/app/epg/navitem_tvprogramm_active.png') no-repeat;
 height:60px;
}

.lightboxnavigation ul li a.videothek, .lightboxnavigation ul li a.search_results {
	background:url('/final/de/imgs/app/epg/navitem_videothek.gif') no-repeat;
	width:155px;	
}

.lightboxnavigation ul li a.videothek:hover, 
.videolibrary_overview .lightboxnavigation ul li a.videothek, 
.channelcontainer .lightboxnavigation ul li a.videothek, 
.filmdetails_container .lightboxnavigation ul li a.videothek {
	background:url('/final/de/imgs/app/epg/navitem_videothek_active.png') no-repeat;
	height:60px;	
}




			/*********************************
				SEARCHAREA
			**********************************/
.searcharea {
	padding-left:13px;
	background:url('/final/de/imgs/app/epg/nav_divider.gif') no-repeat;
}	

.searcharea div {
	margin-top:5px;	
}

.searcharea input {
	height:22px;
	margin:0;
	padding:0;
	float:left;
}

input.searchinput {
	background:url('/final/de/imgs/app/epg/bg_searchinput.gif') no-repeat;
	width:142px;	
	font-size:1.00em;
	padding-left:8px;
}

input.bt_searchsubmit {
	background:url('/final/de/imgs/app/epg/bg_searchsubmit.gif') no-repeat;
	width:22px;
}


			/*********************************
				ORDER
			**********************************/
.order a {
	float:right;
	margin:6px 8px 0 0;
	display:block;
}

.order a.bt_order {
	background:url('/final/de/imgs/app/epg/bt_orderaontv.png') no-repeat;	
	width:144px;
	height:23px;
}

.order a.star {
	background:url('/final/de/imgs/app/epg/star.png') no-repeat;	
	width:23px;
	height:22px;
}

.order a.mobile {
 background:url('/final/de/imgs/app/epg/ic_mobile.png') no-repeat; 
 width:19px;
 height:26px;
 margin-top: 4px;
}

/************************************************************************
*************************************************************************/
	/*********************************
		FILMDETAILS, FILMDETAILSFOOTER
	**********************************/
.filmdetails {
	position: relative;
	width: 980px;
	/*width:888px;*/
}

div.leftfilmdetailscol, div.rightfilmdetailscol {
	float:left;
	padding-bottom:5px;
	position: relative;
}

div.leftfilmdetailscol {
	width:283px;
	margin-left:20px;
	padding-bottom: 40px;
}

div.rightfilmdetailscol {
	width:564px;
	display: block;
	margin-left:20px;
	height:auto !important;
	/*height:350px;*/
}

#filmdetails{
	margin-top: 20px;
}

#filmdetails .rightfilmdetailscol .scroll_pane_wrapper, #epgdetail .rightfilmdetailscol .scroll_pane_wrapper{
	width: auto!important;
	margin-bottom: 0px!important;
}

#filmdetails .rightfilmdetailscol .scroll_pane_wrapper .scroll-pane, #epgdetail .rightfilmdetailscol .scroll_pane_wrapper .scroll-pane{
	width: auto!important;
	margin-bottom: 0px!important;
}

div.rightfilmdetailscol .heading{
	/*background: url('/final/de/imgs/app/epg/bg_navigation.gif') repeat-x;*/
	border: 1px solid #000000;
	/*width: 415px;*/
	height: 26px !important;
	padding: 5px 0px 4px 0px;
	margin-bottom: 13px;
}

div.rightfilmdetailscol .heading_detail_right{
	width: auto;
	height: 20px!important;
	
	float: right;
}

#mainContainer .heading_detail_right ul{
	margin: 0;
}


#mainContainer div.rightfilmdetailscol .heading_detail_right li{
	float: left;
	margin-left: 5px;
	background-image: none;
	padding-left: 0;
}

div.rightfilmdetailscol .heading_detail_left{
	width: auto;
	height: 26px !important;
	float: left;
	padding-right: 20px;	
	padding-top: 1px;
}

div.rightfilmdetailscol h2 {
	font-size: 1.5em;
}

div.rightfilmdetailscol div.headlinewithicon h3, div.rightfilmdetailscol div.headlinewithicon span {
	float:left;	
}

div.rightfilmdetailscol div.headlinewithicon span {
	margin-left:5px;
}

div.rightfilmdetailscol div.clear div.clear {
	margin: 0px;
	padding: 0px;
}

.rightfilmdetailscol .tooltips li{
	margin: 0 !important;
}

#epgdetail .rightfilmdetailscol .heading span{
	font-weight: bold;
}

#filmdetails .rightfilmdetailscol .tooltips{
	position: absolute;
	top: 27px;
	right: 100px;
}

#epgdetail .rightfilmdetailscol .tooltips{
	position: absolute;
	top: 73px;
	right: 0px;
}

#filmdetails div.rightfilmdetailscol h2, 
#epgdetail div.rightfilmdetailscol h2 {
	width: 300px !important;
}

#filmdetails div.rightfilmdetailscol h2, 
#epgdetail div.rightfilmdetailscol h2 {
	font-size: 13px;/*font*/
	color: #ffffff;
	font-family: Verdana,Helvetica,Geneva,sans-serif;
	margin-top: 0px;
}

.epgdetail .scroll_pane_wrapper{
	margin-bottom: 23px;
}

.buttonrow {
	width:auto;
	height:auto;
	margin:10px 0 5px 0;
	padding-right:10px;
}


#filmdetails .buttonrow, #epgdetail .buttonrow {
	margin-left: 320px;
}

.buttonrow div.right span { 
	float:left;
	margin-right:6px;
}

.buttonrow div.right span { 
	float:right;
	margin-right:15px;
	margin-top:5px;
}

.buttonrow div.left span a {
	width: 42px;
	height: 37px;
	background: url('/final/de/imgs/app/epg/btn_shadow.png') no-repeat;
	display: block;
	float: left;
}

.buttonrow.back div.left span a {
	background: none;
	padding-left: 13px;
	width: auto;
	height: auto;
}

.buttonrow .tooltips {
	height: 37px !important;
}

.buttonrow .tooltips span{
	margin: 0px;
}

.filmdetailstext {
	width: 530px;
	float: left;
}

	/*********************************
			FILMDETAILSFOOTER
	**********************************/
.filmdetails, .epgdetail, .search_results {
	margin-top: 20px;
}

.filmdetailsfooter {
	/*background:url('/final/de/imgs/app/epg/bg_filmdetailsfooter.gif') repeat-x top left #292929;*/
	width:876px;
	min-height:140px;
	height:auto;
}

.filmdetailsfooter div.trailer {
	float:left;
	width:555px;
	margin-top:18px;
	padding-bottom:10px;
}

	/*********************************
		EPGDETAILS
	**********************************/
.epgdetail {
	position: relative;
	width:888px;
}

.epgdetail h2 span {
	font-weight: normal;
}

.epgdetail h3 {
	margin-top: 10px;
}

.epgdetail .scroll-pane {
	margin-top: 3px;
	/*padding-right: 30px;*/
}

.epgdetail h1, .filmdetails h1{
	margin-bottom: 10px;
}

.epgdetail h1, .filmdetails h1{
	width: 300px!important;
	font-size: 19px;/*font*/
	margin-bottom: 0px;
}


/*********************************
	TV_PROGRAM
**********************************/
/*
.programcontentcollector .engagedcontent {
	background: url('../imgs/app/epg/bg_programmoverview.gif') repeat-x #333 0 98px;
	float:left;
} 
*/
.program_overview {
	/*width: 887px;*/
	/*padding-left: 70px;*/
	margin-top: 15px;
}

.program_overview .scroll_pane_wrapper{
	margin-left: 20px;
	margin-right: 20px;
}

.loader_image {
	text-align: center;
}

.module_small .loader_image {
	padding-top: 100px;
}

		/*********************************
			SCROLL PANEL
		**********************************/
/*				
.programcontentcollector .scroll-pane {
	width: 847px !important;
	height: auto;
	margin-left: 13px;
	overflow: hidden !important;
	position: relative !important;
	padding-right: 0px;
}
		
.programcontentcollector .scroll-content {
	float: left;
	height: auto;
	position: relative;
	left: 0;
	height: 700px;
	display: block;
	margin-left: 0px;
	width: auto;
}
*/
.channelcontainer .scroll_pane {
	height: 748px;
}

.channel_program {
	width: 227px;
	margin-right: 10px;
	float: left;
	color: #fff;
	font-size: 10px;
	display: block;
}

.channel_program div span {
	font-weight: bold;
	font-family: Verdana,Helvetica,Geneva,sans-serif;
}

.lastChannel {
	margin-right: 0px;
}

.module_channel {
	background: url('/final/de/imgs/app/epg/bg_programm_neu2.png') no-repeat;
	width: 227px;
	height: 37px;
}

.module_primetime {
	background: url('/final/de/imgs/app/epg/module_sender_primetime.png') no-repeat;
	width: 227px;
	height: 151px;
	margin-top: 3px;
	padding: 12px 0 0 0px;
	text-align: center;
}

.module_primetime a {
	color: #fff
}	

.module_primetime span {
	margin: 4px 0 0 11px;
	width: 185px;
	text-align: left;
}

.module_channel .channel_logo {
	float: left;
	height: 100%;
	margin-left: 11px;
}

.module_channel .channel_logo .channel_img {
	position: relative;
	top: 50%;
	padding-bottom: 5px;
	margin-top: -12px;
	height: 18px;
	width: 150px;
}

.module_channel .number {
	background: url('/final/de/imgs/app/epg/bg_programm_nummer.png') repeat-x;
	height: 14px;
	min-width: 14px;
	width: auto !important;
	width: 14px;
	text-align: center;
	font-weight: bold;
	padding: 1px 2px 0 2px;
	float: right;
	color: #000;
	margin: 11px 14px 0 0;/*20px 14px 0 0; */
}

.module_primetime span {
	font-size: 9px;
	float: left;
	letter-spacing: 0.1em;
}

.scroll_pane .module_small {
	width: 227px;
	height: auto;
	min-height: 25px;
	display: inline-block;
	margin-top: 2px;
}

.scroll_pane .module_small.twentyfour {
	margin-bottom: 20px;
}

.scroll_pane .module_inactive {
	background: url('/final/de/imgs/app/epg/module_sender_small.png') no-repeat;
	width: 227px;
	height: 25px;
	margin-top: 1px;
	display: block;
}

.module_inactive span, .module_active span{
	font-family: A1Telekom, Verdana, Helvetica, Geneva, sans-serif!important;
	margin-left: 10px;
}

.module_inactive span.module_inactive_arrow, .module_active span.module_active_arrow{
	float: right!important;
	margin-right: 10px;
}

.scroll_pane .module_inactive:hover {
	cursor: pointer;
}

.scroll_pane .module_active {
	width: 227px;
	height: auto !important;
	margin-top: 2px;
	display: none;
}

.scroll_pane .module_active_top_bg {
	width: 227px;
	height: 9px;
	background: url('/final/de/imgs/app/epg/module_sender_active_top.png') no-repeat top;
}

.scroll_pane .module_active_top:hover {
	cursor: pointer;
}

.scroll_pane .module_active_content_bg {
	width: 225px;
	min-height: 289px;
	height: auto;
	/*background: url('/final/de/imgs/app/epg/module_sender_active_content.png') no-repeat top #868786;*/
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
}

.scroll_pane .module_active_bottom_bg {
	width: 227px;
	height: 9px;
	float: left;
	background: url('/final/de/imgs/app/epg/module_sender_active_bottom.png') no-repeat top;
}

.module_small span {
	margin-top: 6px;
	font-size: 12px;
	float: left;
	letter-spacing: 0.1em;
	color: #fff;
}

.module_small .module_inactive_arrow {
	background: url('/final/de/imgs/app/epg/arrow_horizontal.png') no-repeat;
	width: 7px;
	height: 10px;
	float: left;
	margin: 8px 6px 0 13px;
}																	

.module_small .module_active_arrow {
	background: url('/final/de/imgs/app/epg/arrow_vertical.png') no-repeat;
	width: 11px;
	height: 7px;
	float: left;
	margin: 8px 6px 0 9px;
}

.module_active_top {
	width: 227px;
	height: 20px;
	position: relative;
	top: -10px;
}

.module_active_top span{
	font-family: A1Telekom, Verdana, Helvetica, Geneva, sans-serif!important;	
}

.tv_container {
	margin-top: 10px;
	height: auto;
	position: relative;
	top: -10px;
	display: inline-block;
}

.tv_container span {
	letter-spacing: 0;
	font-family: Verdana, Helvetica, Geneva, sans-serif!important;
}

.tv_container_left {
	width: 41px;
	margin: 0 7px 0 13px;
	float: left;
	height: auto;
	text-align: left;
	white-space: normal;
}

.tv_container_right {
	width: 164px;
	height: auto;
	float: left;
}

.tv_container_right a:hover {
	cursor: pointer;
}

.tv_container_right span {
	width: 144px;
	overflow-x: hidden;
	padding-right: 10px;
}

.tv_container .main {
	font-size: 12px;
	padding-bottom: 1px;
}

.tv_container .comment {
	font-size: 9px;
	font-weight: normal;
	white-space: normal;
	margin-top: 2px;
	margin-bottom: 4px;
}

.tv_container_left .comment {
	width: 41px !important;
	overflow-x: hidden;
}

.tv_container_row {
	display: inline-block;
	width: 225px;
	height: auto;
}

.six_1, .six_2, 
.twelve_1, .twelve_2, 
.seventeen_1, .seventeen_2, 
.twenty_1, .tweny_2, 
.twentyfour_1, .twentyfour_2 {
	border-bottom: 1px solid #656565;
}

.tv_container .six_3, 
.tv_container .twelve_3, 
.tv_container .seventeen_3, 
.tv_container .twenty_3, 
.tv_container .twentyfour_3 {
	border: none;
}	
	
/*********************************
	VIDEOLIBRARY_OVERVIEW
**********************************/			
	/*********************************
		GENRE
	**********************************/
	
.videolibrary_overview{
	margin-bottom: 0px!important;
}
	
.videothek_overview {
	/*padding-left: 52px;
	width:876px;
	background-color:#151515;*/
}

.videolibrary_overview, .videolibrary_overview .contentLayer, 
.epg_detail, .epg_detail .contentLayer, 
.channelcontainer, .channelcontainer .contentLayer,
.search_container, .search_container .contentLayer{
	margin-top: -10px!important;
}

.videolibrary_overview div.scroll_pane {
	margin-left:0;
	width:100%;
	height:700px;
}

.genre {
	display:block;
	/*width:876px;*/
	width: 980px;
}


	/*********************************
		GENRE
	**********************************/
		/*********************************
			VIDEOTHEKITEM
		**********************************/
.videothekitem_row {	
	padding-top:10px;
	height: 300px; /*new*/
	overflow:hidden; /*new*/
	/*background:url('/final/de/imgs/app/epg/bg_genre.gif') repeat-x top left; *//*new*/
	background:url('/final/de/imgs/app/epg/bg_genre2.png') repeat-x top left; 
	background-position: 0px 210px;
	background-repeat: repeat-x;
}

.videothekitem_row.firstrow{
	margin-top: 30px;
}

.videothekitem {
	float:left;
	/*width:157px;*/
	width: 175px;
	height:282px;
	margin-right:15px;
	margin-top: 0px;/*new*/
}

.firstitem {
	/*margin-left:15px;*/
	margin-left: 30px;
}

	/*********************************
		GENRE
	**********************************/
		/*********************************
			VIDEOTHEKITEM_FOOTER
		**********************************/
.videothekitem_footer {
	text-align:center;	
	height:47px;
}

.videothekitem_footer_helper span {
	display: block;
	position: relative;
	top: 50%;
}

.videothekitem_footer a {
	color:#fff;
	font-size:1.18em;
}


.videothekitem_footer a:hover {
	color:#C0FF3E;
}
			
.videothekitem_footer_helper {
	height: 100%;
}



/*********************************
	CHANNEL-OVERVIEW
**********************************/
.channel_overview {
	background-color:#000;
	width:846px;
	/*padding:0 15px 20px;*/
	padding-left: 67px;
	overflow:visible;
}

.channel_overview_content {
		width:872px;
}


/*********************************
	CHANNEL-OVERVIEW
**********************************/
		/*********************************
			CHANNELS
		**********************************/
.channels {
	margin:0 5px 0 10px;
	width:829px;
	height:auto !important;
}


.channels div.channel_logo {
	float: left;
	width: 138px;
	height: 48px;
	text-align: center;
}

.channels div.channel_logo div {
	height: 48px;
}

.channels div.channel_logo div a {
	position:relative;
	top:50%;
	display: block;
	margin-top: -10px;
}

.channels div.channel_logo img {
	position:relative;
	display:inline-block;
}


/*********************************
	SEARCH 
**********************************/
.search_results {
	position: relative;
	width: 876px;
	height: auto;
	display: block;
	padding-left: 52px;
}

.search_error_container .rightfilmdetailscol {
	width: 500px !important;
	padding-right: 53px !important;
}

.search_results .leftfilmdetailscol {
	margin-left: 15px;
	padding-right: 43px;
	width: 195px;
}

.search_results .rightfilmdetailscol .searchItemLeft{
	background-color: #343434;
	width: 125px;
	height: 115px;;
	float: left;
	margin-right: 15px;
	text-align: center;
}

.search_results .rightfilmdetailscol .searchItemRight{
	width: 445px;
	float: left;
}

.search_results .rightfilmdetailscol {
	width: 603px;
}

.search_results .rightfilmdetailscol h3{
	height: auto;
}

.search_results .rightfilmdetailscol h3.green{
	padding-top: 10px;
}

.search_results .leftfilmdetailscol h2 {
	margin-top: 0px !important;
	font-weight: normal;
	padding-top: 6px;
}

.search_results .leftfilmdetailscol h3 {
	margin-top: 15px;
	height: auto;
}

.search_results .search_term a {
	color: #C0FF3E;
	text-decoration: none;
}

.searchItem {
	min-height: 85px; 
	height:auto !important;
	/*height:75px;*/ /*new*/
	/*background: url('/final/de/imgs/app/epg/search_item_bottom.gif') repeat-x bottom;*/
	padding-right: 15px;
	padding-bottom: 10px; /*new*/
	position: relative;
}

.searchItemHeader {
	padding: 10px 0 4px 0;
	display: inline-block;
}

.searchItemHeader a {
	font-size: 13px;/*font*/
	font-weight: normal;
	color: #C0FF3E;
}

.searchItem.tvprogramm .searchItemRight .searchItemInfo .searchItemLogo {
	width: 27px;
	background: url('/final/de/imgs/app/epg/search_tvprogramm.png') no-repeat left;
	padding: 10px 0 9px 0;
	display: inline-block;
}

.searchItem.videothek .searchItemRight .searchItemInfo .searchItemLogo {
	width: 27px;
	background: url('/final/de/imgs/app/epg/search_videothek.png') no-repeat left;
	padding: 10px 0 9px 0;
	display: inline-block;
}

.searchItem.tvprogramm .searchItemLeft img{
	margin-top: 17px;	
}

.searchItem.videothek .searchItemLeft img{
	margin-top: 7px;	
}

.searchItem p {
 font-size: 0.95em;
 padding-bottom:4px; 
 margin-bottom: 0;
}

.searchItemImage {
	float: left;
}

.searchItemImage img {
	padding: 5px 15px 0px 0;
}

.searchItemInfo, .searchItemImage {
	width: auto;
	display: block;
	position: relative;
}

/*******************************************************************************
  COMPONENTS with JAVASCRIPT
*******************************************************************************/

.script {	
	display: block!important;
}

/*.noscript {	
	display: none;
}*/

.show_js {	
	display: block;
}

/*.hide_imp {	
	display: none!important;
}*/





/* -------------------- BEGIN VERTICAL-SCROLLBAR STYLES -------------------- */
/*********************************
	GLOBAL
**********************************/
			/*********************************
				SCROLL-PANE
			**********************************/
.filmdetails div.scroll_pane_wrapper, .programcontentcollector .scroll_pane_wrapper, 
.videolibrary_overview div.scroll_pane_wrapper, .channel_overview div.scroll_pane_wrapper {
	position:relative;
	overflow:hidden !important;
	z-index: 200;
}



/*********************************
	FILMDETAILS
**********************************/
			/*********************************
				SCROLL-PANE
			**********************************/
.filmdetails div.scroll_pane_wrapper {	
	width:564px;
	margin-bottom:23px;
}

.filmdetails .jScrollPaneTrack {
	cursor: pointer;
	position: absolute;
	right: 0;	
	width: 10px;
	background: url('/final/de/imgs/app/epg/filmdetailtext_scrollbar.png') no-repeat;
	height:300px;
}

.filmdetails .jScrollPaneDrag {
	width: 10px;
	overflow:hidden;
	cursor: pointer;
	background: url('/final/de/imgs/app/epg/filmdetailtext_scrollbar_handler.png') no-repeat;
	height: 68px !important;
	position: absolute;
}	


.filmdetails div.scroll-pane {
	position:relative !important;
	width: auto;
	margin:5px 0 31px 0;
	/*padding-right: 40px;*/
} 




/*********************************
	TV_PROGRAMM
**********************************/
			/*********************************
				SCROLL-PANE
			**********************************/
			/*
.programcontentcollector .scroll_pane_wrapper {
	width: auto;
}			

.programcontentcollector .jScrollPaneTrack {
	cursor: pointer;
	position: absolute;
	right: 0;	
	width: 10px;
	background: url('../imgs/app/epg/scrollbar.png') no-repeat;
	height:672px !important;
}

.programcontentcollector .jScrollPaneDrag {
	width: 10px;
	overflow:hidden;
	cursor: pointer;
	background: url('../imgs/app/epg/scrollbar_handler.png') no-repeat;
	height: 148px !important;
	position: absolute;
}	

.programcontentcollector .jScrollPaneContainer {
	height: 670px;
	width: 847px;
}

.programcontentcollector .ui-handle-helper-parent {
	width: 719px !important;
}*/

.programcontentcollector, .programcontentcollector .contentLayer{
	margin-top: -30px;
}

/*********************************
	VIDEOLIBRARY_OVERVIEW
**********************************/
			/*********************************
				SCROLL-PANE
			**********************************/
.videolibrary_overview div.engagedcontent {
	width:888px;
}

.videolibrary_overview div.scroll_pane_wrapper {
	width:auto;
	/*padding-left: 52px;*/
}

.videolibrary_overview .jScrollPaneTrack {
	cursor: pointer;
	position: absolute;
	right: 11px;	
	width: 10px;
	background: url('/final/de/imgs/app/epg/scrollbar.png') no-repeat;
	height:672px !important;
}

.videolibrary_overview .jScrollPaneDrag {
	width: 10px;
	overflow:hidden;
	cursor: pointer;
	background: url('/final/de/imgs/app/epg/scrollbar_handler.png') no-repeat;
	height: 148px !important;
	position: absolute;
}	


.videolibrary_overview div.scroll-pane {
	position:relative !important;
	overflow: hidden !important;
	/*width:888px !important;*/
	width: 980px !important;
} 



/*********************************
	CHANNEL_OVERVIEW
**********************************/
			/*********************************
				SCROLL-PANE
			**********************************/

.channel_overview div.scroll_pane_wrapper {
	width:auto;
	margin-left: 0;
}

.channel_overview .jScrollPaneTrack {
	cursor: pointer;
	position: absolute;
	right: 0;	
	width: 10px;
	background: url('/final/de/imgs/app/epg/channeloverview_scrollbar.png') no-repeat;
	height:660px !important;
}

.channel_overview .jScrollPaneDrag {
	width: 10px;
	overflow:hidden;
	cursor: pointer;
	background: url('/final/de/imgs/app/epg/scrollbar_handler.png') no-repeat;
	height: 148px !important;
	position: absolute;
}	


.channel_overview div.scroll-pane {
	position:relative !important;
	overflow: hidden !important;
	width:872px;
} 

/* -------------------- END VERTICAL-SCROLLBAR STYLES -------------------- */				








/* -------------------- BEGIN SLIDER STYLES -------------------- */				
/*********************************
	VIDEOLIBRARY_OVERVIEW
**********************************/			
	/*********************************
		SLIDER
	**********************************/

.genre_slider {
	/*width: 980px;*/
	width: 800px;
	height: 45px;
	/*background: url('/final/de/imgs/app/epg/slider_genre_background.png') no-repeat 5px 0;*/
	margin-top: 8px;
	float: left;
}

.genre_prev, .genre_next {
	width: 26px;
	float: left;
	margin-top: 13px;
	text-align: center;
	cursor: pointer;
}

.genre_prev {
	margin-left: 12px;
}

.scroll_genres{
	float: left;
	/*width: 790px;*/
	/*width: 904px;*/
	width: 724px;
	height: 25px;
	padding-top: 3px;
	overflow: hidden;	
}

#scroll_genres_content {
	/*width: 790px;*/
	/*width: 904px;*/
	width: 724px;
	height: 25px;
	position: relative;
	overflow: hidden;
}

#mainContainer .scroll_genres ul {
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0 !important;
	height: 25px;
}

#mainContainer .scroll_genres ul li {
	/*background: url('/final/de/imgs/app/epg/genre_unselected.gif') repeat-x;*/
	background-image: none;
	width: auto;
	height: 22px;
	float: left;
	margin-right: 2px;
	font-size: 15px;/*font*/
	color: #f3f3f3;
	padding: 6px 10px;
	cursor: pointer;
	font-family: A1Telekom, Verdana, Helvetica, Geneva, sans-serif;
}

#mainContainer .scroll_genres ul li.genre_selected {
	color: #C0FF3E;
	background-image: url('/final/de/imgs/app/epg/genre_selected2.png') !important;
	background-repeat: repeat-x;
	background-position: 0 0;
	border-left: 1px solid #242424;
	border-right: 1px solid #242424;
}

.bg_front_left {
	top: 5px;
	position: absolute;
	left: 38px;
}

.bg_front_right {
	top: 5px;
	position: absolute;
	/*left: 788px;*/
	/*left: 902px;*/
	left: 722px;
}

/*********************************
	TV-_PROGRAMM
**********************************/			
		/*********************************
			SLIDER
		**********************************/
.slider {
	height: auto;
	width: auto;
}

.scroll_days {
	height: 30px;
	/*width: 838px;*/
	/*margin-left: 17px;
	margin-left: 4px;*/
	margin-left: 20px;
	margin-right: 20px;
	width: 940px;
	margin-top: 6px;
}

#mainContainer .scroll_days ul{
	margin: 0;
}

#mainContainer .scroll_days ul li {
	background: url('/final/de/imgs/app/epg/tag_unselected.jpg') repeat-x;
	/*width: 82px;*/
	width: 92px;
	height: 30px;
	margin-right: 2px;
	float: left;
	padding-top: 1px;
	padding-left: 0;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #f3f3f3;
	cursor: pointer;
}

.scroll_days ul li.lastItem {
	margin-right: 0px;
}

.scroll_days ul li .date {
	font-weight: normal;
	font-size: 9px;
	display: block;
}

.scroll_days ul li .day {
	font-family: A1Telekom, Verdana, Helvetica, Geneva, sans-serif;	
}

.scroll_days ul li.day_selected {
	background: url('/final/de/imgs/app/epg/tag_selected.jpg');
	color: #c0ff3e;
}

.scroll-bar-wrap {
	height: 36px;
	padding-top: 7px;
	width: 851px;
	/*margin-left: 7px;*/
	float: left;
	padding-left: 13px;
	padding-right: 10px;
}

.scroll-bar {
	background: url('/final/de/imgs/app/epg/slider_background.jpg') no-repeat;
	width: 771px;
	height: 35px;
	margin-left: 5px;
	float: left;
}

.scroll_btns {
	margin-top: 7px;
	width: 89px;
	float: left;
}

.scroll_btns span {
	float: left;
	cursor: pointer;
	background: url('/final/de/imgs/app/epg/btn_shadow.png') no-repeat right;
	width: 42px;
	height: 37px;
}

.scroll_btns .btn_prev {
	padding-left: 5px;
}

.scroll-bar-wrap .ui-slider { 
	/*background: url(/final/de/imgs/app/epg/slider_background.jpg) no-repeat top center;*/ 
	background: url(/final/de/imgs/app/epg/slider_background2.jpg) no-repeat top center;
	border: 0; 
	height: 40px!important; 
	/*width: 747px !important;*/
	width: 828px !important;
	padding-left: 14px;
	padding-right: 9px;
	margin: 0 auto; 
	position: absolute; 
}

.ui-slider .ui-slider-handle {
	position: absolute;
	cursor: move;
	background: url(/final/de/imgs/app/epg/slider_handle.png) no-repeat scroll 0 0 transparent!important;
	outline: medium none;
	height: 13px;
	width: 28px;
	top: 8px;
	z-index: 400;
}


.scroll-bar-wrap .ui-handle-helper-parent { position: relative; top: 0px; left: 0px; width: 769px; height: 100%; margin: 0 auto; }


#handler_tooltip {
	display: block;
	width: 155px;
	height: auto;
	background: #3B3B3B;
	position: absolute;
	top: -56px;
	/*top: 13px;*/
	border: 2px solid #fcfbfb;
	left: 30px;
	text-align: left;
	color: #fff;
	z-index: 400;
	padding: 7px 3px;
	font-family: Verdana,Helvetica,Geneva,sans-serif;
}

#handler_tooltip .hr {
	background-color: #505050;
	margin: 4px 0;
	height: 1px;
	width: auto;
}

/* -------------------- END SLIDER STYLES -------------------- */			







/* -------------------- BEGIN TOOLTIPS STYLES -------------------- */
/*********************************
	FILMDETAILS
**********************************/
				/*********************************
					TOOLTIPS
				**********************************/
.leftfilmdetailscol .tooltips {
	position: relative;
	width:283px;
	height:25px;
	display:block;
	margin: 15px 0 10px;
	text-align: right;
}


div.tooltips span {
	margin: 5px 0 0 5px;
	float: right;
}


#mainContainer div.tooltips ul {
	float: right;
	margin:0;
	padding:0;
}

#mainContainer div.tooltips ul li, .rightfilmdetailscol div.tooltips ul li {
	display: inline;
	float: left;
	padding: 0;
	width: auto;
	background-image: none;
}

#mainContainer div.tooltips ul li {
	margin:0 0 0 6px;
	height:22px !important;
}


.rightfilmdetailscol div.tooltips {
	position: relative;
	margin: 0 0 5px 0;
}

#mainContainer .rightfilmdetailscol div.tooltips ul li {
	margin:0 6px 0 0;
	height:30px !important;
}

div.tooltips ul li a {
	height:22px !important;
}

.rightfilmdetailscol div.tooltips ul li a {
	height:37px !important;
}

.imagewrapper {
	display: block;
	height: auto;
	text-align: right;
	width: auto;
	height: auto;
}

.imagewrapper div{
	float: right;
}

/* -------------------- END TOOLTIPS STYLES -------------------- */





/* -------------------- BEGIN CHANNELS:OVER STYLES -------------------- */
/*********************************
	CHANNEL-OVERVIEW
**********************************/
				/*********************************
					CHANNELS:HOVER
				**********************************/
.channels span.active {
	float:left;
}

div.active_firstpart, div.active_centeredpart, 
div.active_lastpart {
	float:left;
	width:100px;
	height:48px;
}


div.active_firstpart {
	background:url('/final/de/imgs/app/epg/bg_active_firstpart.gif') no-repeat;
}

div.active_centeredpart {
	background:url('/final/de/imgs/app/epg/bg_active_centeredpart.gif') no-repeat;
}

div.active_lastpart {
	background:url('/final/de/imgs/app/epg/bg_active_lastpart.gif') no-repeat;
}

/* -------------------- END CHANNELS:OVER STYLES -------------------- */




/*********************************
	SEARCH
**********************************/			
		/*********************************
			pageBoxNav
		**********************************/
.search_results .pageBoxNav {
	margin-top: 28px;
	height: 35px;
	padding-bottom: 7px;
	padding-right: 16px;
	text-align: center;
}

.search_results .pageBoxNav .btn_forward, 
.search_results .pageBoxNav .btn_back, 
.search_results .pageBoxNav .button  {
	float: left;
}

.search_results .pages {
	width: 352px;
	float: left;
	text-align: center;
}

#mainContainer .pages ul{
	margin: 0;
	margin-top: 5px;
}

#mainContainer .pages ul li{
	background-image: none;
	padding-left: 0; 
}

.search_results ul {
	width: auto;
	display: block;
	padding-top: 6px;
}

.search_results ul li {
	display: inline;
}

#mainContainer .module .search_ad{
	margin-top: 0;
}

#mainContainer .module .search_ad li{
	display: list-item !important;
	list-style-type: disc !important;
	list-style-position: inside;
	background-image: none;
	padding-left: 0;
}

.search_results ul li a {
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #fff !important;
	font-size: 0.95em;
	margin: 0px 3px;
	padding-bottom: 2px;
	display: inline-block;
}

.search_results ul li.active a {
	color: #C0FF3E;
	border-bottom: 1px solid #C0FF3E !important;
}

.green {
	color: #C0FF3E;
}

.bt_searchsubmit:hover {
	cursor: pointer;
}

.ui-widget-header, .ui-widget-content{
	background: transparent;
}

.videothekSearch{
    width: 156px;
    float: left;
    margin-top: 16px;
    margin-left: 4px;
}

.smallSearch .textfield {
    background-image: url("/final/de/imgs/layout/bgs/bg_textfield_onBlack.gif");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 20px;
    margin-bottom: 3px;
    padding-left: 6px;
    width: 130px;
}

.smallSearch .smallSearchRight {
    background-image: url("/final/de/imgs/layout/smallSearchRight_onBlack.gif");
}

.orderSearch{
	margin-top: 8px;
}

.orderSearch .order{
	margin-top: 9px;
	float: right;
}

.orderSearch .videothekSearch{
	float: right;
	margin-right: 15px;
}

.order .button{
	margin-top: 0px;
	float: right;
}

.flappe{
	border-bottom: 10px solid #f0f0f0;
}