@charset "utf-8";


/*	/////////////////////////////////////////////////////////////////////////
	teaser
	///////////////////////////////////////////////////////////////////////*/
/* preload images */
body:after{
    display:none;
    content: 
	url(/_images/glasfaser/mhstv/teaser_mhstv_title_1.png))
	url(/_images/glasfaser/mhstv/teaser/teaser_mhstv_title_2.png) 
	url(/_images/glasfaser/mhstv/teaser_mhstv_features.png)
	url(/_images/glasfaser/mhstv/teaser/vod_xmen_zukunft_01.jpg); 
}
.teaser-mhstv{
	margin-bottom		:20px;
	margin-top			:-20px;
}
.tsr-mhstv-bow, .tsr-mhstv-bow-bottom{
  width					: 100%;
  height				: 20px;
  background-color		: #FFF;
  border-radius			: 50% / 10px;
  box-shadow			:0px 3px 3px #000;
  position				:relative;
  bottom				:-10px;
  z-index				:1;
}
.tsr-mhstv-bow-bottom {
  bottom				:10px;
  box-shadow			:0px -3px 3px #000;
}
.tsr-mhstv-content{
	height				:320px;
	background-color	:#1E2A45;
	background-image: -ms-radial-gradient(center, ellipse farthest-corner, #314470 0%, #0E1421 100%);
	background-image: -moz-radial-gradient(center, ellipse farthest-corner, #314470 0%, #0E1421 100%);
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #314470 0%, #0E1421 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #314470), color-stop(1, #0E1421));
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #314470 0%, #0E1421 100%);
	background-image: radial-gradient(ellipse farthest-corner at center, #314470 0%, #0E1421 100%);
	background-size		:100% auto;
}

.tsr-mhstv-intro{
	width				:100%;
	height				:100%;
	background-image	:url(/_images/glasfaser/mhstv/teaser_mhstv_title_1.png);
	background-position	:center;
	background-repeat	:no-repeat;
}

.tsr-mhstv-movies{
	display				:none;
	width				:900px;
	border				:1px solid #F00;
	position			:relative;
	top					:50px;
	margin				:auto;
	z-index				:2;
}
.tsr-mhstv-movie-1, .tsr-mhstv-movie-2, .tsr-mhstv-movie-3, .tsr-mhstv-movie-4{
	width				:200px;
	height				:200px;
	border				:1px solid #F00;
	float				:left;
	margin-left			:20px;
}



.tsr-btn-wrap{
	position			:absolute;
	z-index				:3;
	text-align			:right;
}
.btn{
	background			:#E20613;
	background-image: -ms-linear-gradient(bottom, #C50510 0%, #E20613 100%);
	background-image: -moz-linear-gradient(bottom, #C50510 0%, #E20613 100%);
	background-image: -o-linear-gradient(bottom, #C50510 0%, #E20613 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #C50510), color-stop(1, #E20613));
	background-image: -webkit-linear-gradient(bottom, #C50510 0%, #E20613 100%); 
	background-image: linear-gradient(to top, #C50510 0%, #E20613 100%);
	color				:#FFF;
	display				:inline-block;
	font-weight			:bold;
	padding				:10px 20px;
	text-shadow			:0px 1px 1px #333;
}
.btn:hover, .btn:focus{
	color				:#FFF;
}
.tsr-mhstv-btn{
	display				:none;
	position			:relative;
	top					:240px;
	left				:780px;
}


/*	/////////////////////////////////////////////////////////////////////////
	tableedit
	///////////////////////////////////////////////////////////////////////*/
.mhstv-table-features .td-left{
	width				:33%;
}
.mhstv-table-features td{
	
}
.mhstv-table-features tr:hover{
	background			:#F7F7F7;
}
.mhstv-table-features img.icon{
	height				:20px;
	margin-right		:20px;
	vertical-align		:middle;
}



/*	/////////////////////////////////////////////////////////////////////////
	features
	///////////////////////////////////////////////////////////////////////*/
.mhstv-featurebar{
	margin				:0 0 2em 0;
}
.mhstv-featurebar ul{
	box-shadow			:inset 0px 0px 3px #CCC ;
	box-sizing			:border-box;
	margin				:0;
	padding				:0;
	position			:relative;
}
.mhstv-featurebar ul li{
	width				:12.3%;
	height				:70px;
	background			:#EEE;
	border-top			:2px solid #EEE;
	border-left			:1px solid #dbdbdb;
	box-sizing			:border-box;
	list-style-type		:none;
	float				:left;
	text-align			:center;
	background-position	:center 20px;
	background-repeat	:no-repeat;
	background-size		:auto 40% ;
	padding				:0 0 0 0;
}
.mhstv-featurebar ul li:last-child{
	border-right			:1px solid #dbdbdb;
}
.mhstv-featurebar ul li:hover{
	background-color	:#FFF;
	background-color	: #F9F9F9\9;
}
.mhstv-featurebar ul li ul{
	width				:942px;
	background			:#FFF;
	box-sizing			:border-box;
	display				:none;
	position			:absolute;
	left				:0;
	top					:70px;
}
.mhstv-featurebar ul li:hover ul{
	display				:block;
	z-index				:1;
}
.mhstv-featurebar ul li ul li{
	width				:100%;
	height				:auto;
	background			:#FFF;
	border				:none;
	border-left			:1px solid #dbdbdb;
	border-right		:1px solid #dbdbdb;
	box-shadow			:0px 1em 1em #CCC ;
	box-shadow			:0px 1em 1em rgba(0,0,0, 0.3) ;
	float				:none;
	padding				:1em;
	text-align			:left;
}
.mhstv-featurebar ul li h3{
	font-size			: 12px;
	margin				:0;
	padding				:0;
}
.mhstv-featurebar ul li ul li h3{
	font-size			:initial;
	margin				:0 0 0.5em 0;
}
.mhstv-featurebar ul li ul li .btn-default,
.mhstv-featurebar ul li ul li .btn-marginal{
	float				:right;
}
.mhstv-feature .feature-sender-hd{
	background-image	:url(/_images/glasfaser/mhstv/icons/ico_featr_sender_hd.png) ;
}
.mhstv-feature .feature-replay{
	background-image	:url(/_images/glasfaser/mhstv/icons/ico_featr_replay.png) ;
}
.mhstv-feature .feature-recorder{
	background-image	:url(/_images/glasfaser/mhstv/icons/ico_featr_recorder.png) ;
}
.mhstv-feature .feature-serienaufnahme{
	background-image	:url(/_images/glasfaser/mhstv/icons/ico_featr_serienaufnahme.png) ;
}
.mhstv-feature .feature-vod{
	background-image	:url(/_images/glasfaser/mhstv/icons/ico_featr_vod.png) ;
}
.mhstv-feature .feature-livepause{
	background-image	:url(/_images/glasfaser/mhstv/icons/ico_featr_livepause.png) ;
}
.mhstv-feature .feature-spulen{
	background-image	:url(/_images/glasfaser/mhstv/icons/ico_featr_spulen.png) ;
}
.mhstv-feature .feature-zusatzpakete{
	background-image	:url(/_images/glasfaser/mhstv/icons/ico_featr_zusatzpakete.png) ;
}
.mhstv-feature .feature-split{
	width				:1px;
	border				:none;
	/*
	height				: 40px; 
   	margin-top			: 20px; 
	*/
    padding				: 0;
}


/*	general features	*/
.feature-txt{
	margin-top			:20px;
}
.feature-li-ok, .feature-li-optional{
	height				:20px;
	list-style-type		:none ;
	background			:url(/_images/icons/icon_li_ok_20px.png) no-repeat center left;
	padding-left		:30px;
}
.feature-li-optional{
	background			:url(/_images/icons/icon_li_optional_20px.png) no-repeat center left;
	color				:#999;
}


.mhstv-ft {
	margin				:0;
	padding				:0;	
}
.mhstv-ft li{
	width				:910px;
	min-height			:120px;
	background			: #F9F9F9;
	background-image: -ms-linear-gradient(bottom, #F9F9F9 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #F9F9F9 0%, #FFFFFF 100%);
	background-image: -o-linear-gradient(bottom, #F9F9F9 0%, #FFFFFF 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F9F9F9), color-stop(1, #FFFFFF));
	background-image: -webkit-linear-gradient(bottom, #F9F9F9 0%, #FFFFFF 100%);
	background-image: linear-gradient(to top, #F9F9F9 0%, #FFFFFF 100%);
	box-shadow			:0px 1px 1px #CCC;
	box-shadow			:0px 1px 1px rgba(0,0,0, .3);
	border				:1px solid #EEE\9;
	border-top			:none;
	list-style-type		:none;
	padding				:20px;
	position			: absolute;
	z-index				: 1;	
}