/*
     FILE ARCHIVED ON 8:50:22 Apr 1, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 4:13:51 Feb 3, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
a:focus { border: 2px solid #0f0; }
*/
/* Mediathek Styles 3 */

.projekktor a:focus, .projekktor:focus, .m_dropdown:focus, .m_dropdown_top:focus, #verpasstForm a {  
    outline : none;	
    border:0;
}

.brandPopup a:focus {
	text-decoration:underline;
}

.dummyimages {
	/* fade all placeholder images 
	opacity: 0.5; */
	display: block;
}

#mediathek .subcolumns { overflow: visible;  }

#footer { border-top: 1px solid #5383d2; }

/* Tiny Scrollbar Styles */
.m_list .tabboxpanel .viewport, .m_tab .tabboxpanel .viewport { width: 356px; height: 356px; overflow: hidden; position: relative; }
.m_slider .tabboxpanel .viewport, .relatedContent .tabboxpanel .viewport { height: 242px; overflow: hidden; position: relative; }
#m_az ul.key_list .viewport { width: 364px; height: 291px; overflow: hidden; position: relative; }

.tabboxpanel .overview, #m_az ul.key_list .overview { list-style: none; position: absolute; left: 0; top: 0; width: 100%;}

.tabboxpanel .thumb .end,#m_az ul.key_list .thumb .end,
.tabboxpanel .thumb, #m_az ul.key_list .thumb { background-color: #3162b2; border: 1px solid #3162b2;}
.tabboxpanel .scrollbar, #m_az ul.key_list .scrollbar { position: relative; float: right; width: 8px; margin-right: 8px; }
.tabboxpanel .track, #m_az ul.key_list .track { background-color: #0a2954; border: 1px solid #001b3c; height: 100%; width:4px; position: relative; padding: 0 1px; border-radius: 4px; margin: 8px 0;}
.m_light .tabboxpanel .track { background-color: #efefef; border: 1px solid #fff;}

.tabboxpanel .thumb, #m_az ul.key_list .thumb { height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; border-radius: 4px;}
.tabboxpanel .thumb .end, #m_az ul.key_list .thumb .end { overflow: hidden; height: 5px; width: 6px; }
.tabboxpanel .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/* header */

#mediathek #nav { background-color: #fff; }

#mediathek #typo { 
		background-color: #001b3c; 
		width: 952px;
		height: 80px;
		display: block;
		}

#mediathek #typo .overlay { background-color: #001b3c; }
#mediathek #typo #text { 
	position: absolute;
	right: 0;
	bottom: 25px;
}
#text a {
	color: #8bb5f7;
	font-family: "NDRSansCondRegular", Arial;
	font-size: 3em;
}

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

#mediathek .second_nav { width: 33%; }

#m_navigation {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 72px;
	width: 952px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2) inset;
	border-top: 1px solid #001b3c;
}

#mediasearch legend, #mediasearch label { position: absolute; left: -9999px; }

#mediasearch_popup {
	display: none;
}

#mediasearch fieldset{
	display: block; float: left;
	padding: 20px;
	border-right: 1px solid #002757;
	border-top: 1px solid #001B3C; 
}

#mediasearch .popuppanel {
	font-family: "NDRSansCondRegular", Arial;
	display: block;
	bottom: auto;
	left: 20px;
	padding: 8px;
	z-index: 9999;
	top: -40px;
	font-size: 1.5em;
	font-weight: bold;
	width: 137px;
}

#m_navigation .navitem {
	float: left;
	border-right: 1px solid #002757;
}

#m_navigation .navitem a {
	display: block;
	font-family: "NDRSansCondRegular", arial, sans-serif;
	font-size: 1.5em;

	color: #fff;
	text-transform: uppercase;
	line-height: 72px;
	padding: 0 20px;
	white-space: nowrap;
}

#m_navigation .navitem a:hover, #m_navigation .navitem a:focus, #m_navigation .navitem a.active {
	color: #b4d0fa;
	text-decoration: none;
	background-color: #002757;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2) inset;
}


#m_navigation .refill { margin: 0; padding: 3px; }
#m_navigation .refill.searchtext { color:#888; }
#m_navigation .submit { margin: 0; padding: 0; position: relative; top: 6px; }



/* waves to Redmond */
#m_navigation .submit { !top: 2px; }

/* /header */

.icon {
	font-family: "ndr_iconfont";
	background: none !important;
	margin-right: 0.3em;
	line-height: 1em;
	padding: 0 !important;
	width: 1.05em;
	height: 1em;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 0px;
	position: relative;
	top: 0.2em;	
}

.pager .icon { width: 0.9em; margin-top: 0.8em; margin-left: 0.2em; }
/* Verschiedene Skalierungen f����r Icons */

#mediathek .inner .icon, .m_list .inner .icon, .m_slider .inner .icon { font-size: 1.3em; } 

/* Zuordnung Icon-Klassen zu UTF-Codes. Nach Ver����nderung des Iconfonts UNBEDINGT kontrollieren / anpassen */

.icon.icon_prev:before {
	content: "\e026";
}

.icon.icon_next:before {
	content: "\e024";
}

.icon.icon.icon_video:before {
	content: "\e004";
}

.icon.icon_audio:before {
	content: "\e002";
}

.icon.icon_download:before {
	content: "\e01a";
}

.icon.icon_open:before {
	content: "\e009";
}

.icon.icon_share:before {
	content: "\e008";
}

.icon.icon_share:extlink {
	content: "\e012";
}

.icon.icon_gallery:extlink {
	content: "\e01b";
}

.icon.icon_check:before {
 		content: "\e01e";
}
.icon.icon_podcast:before {
 		content: "\e00e";
}

.icon.icon_help:before {
	content: "H";
}

.icon.icon_play:before {
	content: "S";
}

.icon.icon_urlcopy:before {
	content: "\e013";	
}

.icon.icon_subtitles:before {
	content: "U";	
}


.offscreen {
	position: absolute;
	left: -9999px;
}


/* Teaser, boxen, slider */

.mediatheksbox h2 { color: #fff; font-size: 1em; margin: 0; padding: 0;}

.m_teaser h4 {	font-size: 1.8em; margin: 0; padding: 0; }
.m_teaser .subline { /*line-height: 2em; */ padding-bottom: 6px; padding-top: 8px; }
.m_teaser .content { padding-top: 0; }

.m_teaser.full a.teaserimage  {
	display:block;
	height: 106px;
	overflow:hidden;
}

.m_teaser.full a.teaserimage img {
	border-top: 4px solid #FFF;
	position: relative;
}

.m_list .m_teaser.full a.teaserimage  {
	height: 72px;
}

.m_list .m_teaser.full a.teaserimage img {
	border-top: 2px solid #FFF;
}

.m_teaser a { position: relative; overflow: hidden; }
#mediathek .inner { 
	background: transparent url(/web/20140401085022/http://www.ndr.de/resources/images/50p_transp.png) top left repeat scroll;
	/* text-shadow: 0px 0px 8px #000000; */
    /* filter: dropshadow(color=#000000, offx=0, offy=0); */
}

/* Farben  helle und dunkle Boxen */

.m_dark { background-color: #001b3c; }
.mediatheksbox h3 { clear: both; padding: 0 8px;  }
.m_dark h3 a, .m_dark h2 a, .m_dark h1 { color: #fff;}
.m_dark .m_teaser h4 a { color: #fff; }
.m_dark .m_teaser a {color: #6897E1;}
.m_dark .subline, .m_dark p { color: #6897e1; }
.m_dark .m_teaser { border-bottom: 1px solid #13396b;}
.m_light .m_teaser { border-bottom: 1px solid #dce4f4;}




.m_light.m_slider .m_teaser { background-color: #ebf0f7; }
.m_dark.m_slider { background-color: #00071d; }
.m_dark.m_slider .m_teaser { background-color: #021a46; } 

/* Slider Basicstyles */


.m_slider .tabboxpanel { clear: both; margin: 0 -8px 10px 0; // clearing float-issues in Non-JS Version. Negative Margin prevents premature wrapping von Teasers}

/* .m_slider { height: 280px; overflow: hidden;  } */
.m_slider .tabboxlist li { display: block; float: left; margin: 0 8px 8px 0; height: 252px; width: 184px; }
#m_verpasst .tabboxlist li { position: relative; } /*fuer timeline items*/

.m_slider .m_teaser { height: 244px; }
.m_slider .viewport { width: 952px; height: 256px; overflow: auto; }


.fourcol { width: 760px; }
.threecol { width: 568px; }

.threecol .m_teaser a img { width: 128px; height: 72px; }

.threecol .m_teaser.full a {
	height:72px;
	margin-bottom:2px;
}
.threecol .m_teaser.full .inner {
	top:-23px;
}
.threecol .m_teaser.full a img {
	border-top: 2px solid #FFF;
}

/* Listenbox Basicstyles */

.m_list .tabboxpanel { width: 376px; clear: both; padding-bottom: 16px;}

.m_list .m_teaser { clear: both;  padding: 8px 0; overflow: hidden; }
.m_list .m_teaser a { float: left; margin-right: 8px; width: 128px; height: 72px;}

.m_list .m_teaser .content a { float: none; width: auto; height: auto; }
.m_list .m_teaser .overlay { position: absolute; bottom: 0; left: 0}
.m_list .m_teaser .overlay .inner { text-align: left; padding-left: 8px; width: 112px;}


/* Tab-Styles */

.m_light .tabbar { background-color: #002d63; border-top: 1px solid #002d63; padding: 0 0 0 8px; overflow:hidden; }
.m_dark .tabbar { border-top: 1px solid #4d7ac4; overflow:hidden; padding: 0 0 0 8px; }
.tabbar ul { float:right;overflow:hidden;  }
.tab { float: left; }
.tab a { display:block; white-space:nowrap; padding: 3px 8px; line-height:1.2em; border-radius: 2px 2px 0 0;}
.tab a:hover, .tab a:focus { background-color: #184178;  }
.m_light .tabbar .active { color:#002d63; background-color: #fff;
	/* additional borders to mark highlighting in high-contrast mode */
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	}
.m_dark .tabbar .active { background-color: #001b3c;
	border-top: 1px solid #001b3c;
	border-left: 1px solid #001b3c;
	border-right: 1px solid #001b3c;
	}



/* Player */
/* Styles fuer die Bedienelemente muessen spaeter mit dem projekktor css gemerged werden, bzw. dieses ersetzen */


/* Popup-Panels fuer Player-Empfehlen-Funktion */

.popuppanel {
	/* display: block; */
	display: none;
	position: absolute;
	background-color: #e1ecfa;
	border-radius: 2px;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
	bottom: 95px;
	left: 24px;
	color: #022c67;

}

.popuppanel h1 {
	padding: 12px;
	margin: 0;
	color: #001b3c !important;
	border-bottom: 1px solid #c5d7f3;
	font-size: 2em;
}

.popuppanel form, .m_recommend li, .m_podcastabo li  { padding: 18px; }
.popuppanel p { padding: 8px 18px 0 18px;}

/* position for panels */
.m_recommend {}
.emailform { left: 200px; bottom: 10px; }
.copyurlform { left: 200px; bottom: 238px; width: 420px;}

.m_recommend a, .m_podcastabo a {
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 1.4em;
	font-family: "NDRSansCondRegular", sans-serif;
	background-image: url(/web/20140401085022/http://www.ndr.de/resources/images/sprite_m_recommend.png);
	background-repeat: no-repeat;
	background-position: top left;
	white-space: nowrap;
	padding-left: 43px;
	padding-right: 8px;
	color: #022c67;
}

.m_podcastabo a { background-image: url(/web/20140401085022/http://www.ndr.de/resources/images/sprite_m_podcast.png); }

.m_recommend a:hover, .m_recommend a:focus, .m_podcastabo a:hover, .m_podcastabo a:focus { background-color: #d1dae5; }

.m_recommend li, .m_podcastabo li { padding-bottom: 0px; }

.m_recommend .email { background-position: 0 0; }
.m_recommend .twitter { background-position: 0 -55px; }
.m_recommend .facebook { background-position: 0 -110px; }
.m_recommend .googleplus { background-position: 0 -165px; }
.m_recommend .copyurl { background-position: left bottom; margin-bottom: 18px; }

.m_podcastabo .itunes { background-position: 0 0; }
.m_podcastabo .myyahoo { background-position: 0 -55px; }
.m_podcastabo .miro { background-position: 0 -110px; }
.m_podcastabo .zune { background-position: 0 -165px; }
.m_podcastabo .copyurl { background-position: left bottom; margin-bottom: 18px;}

.emailform { width: 420px; }
.emailform p {  margin-bottom: 0 !important; }
.emailform legend { position: absolute; left: -9999px; }
.emailform .formfield { width: 192px; display: block; float: left; }
.emailform .formfield input { width: 172px;  }

.emailform textarea { width: 376px; height: 88px; }

.emailform .mediathekbutton { cursor: pointer; color: #fff; background-color: #001b3c; border-radius: 2px; border: none; margin-top: 12px; padding: 4px 12px;}

.copyurlform input {
	display: block;
	margin: 0 18px 18px 18px;
	padding: 4px;
	border-radius: 1px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1) inset;
	width: 376px;
}

.popuppanel .closer { 
		display: block;
		position: absolute;
		right: 12px;
		top: 12px;
		cursor: pointer;
		color: #022c67;
		}
		
/* Projekktor Liveplayer */

.pphttpVideoLive .ppaudiodeskriptionon, .pphttpVideoLive .ppaudiodeskriptionoff {
	display: none !important;
}		
		
		
/* /Projekktor Styles */

/* Liveplayer Countdown */

.countdowncover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.m_countdown {
	position: absolute;
	width: 80%;
	height: 50%;
	top: 25%;
	left: 10%;
	background: transparent url(/web/20140401085022/http://www.ndr.de/resources/images/transp_60.png) repeat top left scroll;
	border-radius: 2px
	
}

.m_countdown h2 { 
	margin: 0;
	padding: 1em 3em;
	color: #fff;
	font-size: 2em;
	text-align: center;
}

#countdown_dashboard {
	color: #fff;
	position: absolute;
	top: 64px;
	left: 50%;
	margin-left: -14em;
	width: 28em;
	height: 50%;
}

.contentpage #countdown_dashboard {
	width: 20em;
	margin-left: -10em;
	
}

.dash {
	float: left;
	/* width: 125px; */
	height: 72px;
}

.weeks_dash, .days_dash { display: none;}

.dash_title { display: none; }

.digit, .divmark { float: left; font-size: 7em; }
.contentpage .digit, .contentpage .divmark  { font-size: 5em; }

.divmark { /* padding-left: 0.1em; */ }


/* Podcast */

.podcastheader h1  { padding: 8px 20px 12px 20px; margin:0; }
.podcastheader .subline { padding: 0 20px 12px 20px; margin: 0; box-shadow: 0px 8px 8px rgba(0,0,0,0.3); position: relative; z-index:1; /* z-index to cast a proper shadow on the image below */ }

.podcastinfo { position: relative; }
.podcastinfo img { display: block; float: left; }
.podcastinfo p { padding: 0px 20px 0.5em 204px; font-size: 1.3em; min-height: 135px;}

.podcastinfo .popuppanel p { color: #022C67; }
.podcastinfo .mediathekbutton { margin-left: 20px; margin-bottom: 12px; }
.podcastinfo .m_podcastabo { 
	z-index:12;
	/*bottom: 32px;*/ 
	left: 204px;
	top: 178px;
	bottom: auto;
}
.podcastinfo .copyurlform { 
	z-index: 12; 
	/*left: 404px; 
	bottom: 41px;*/  
	left: 204px;
	top: 50px;
	bottom: auto;
}
.podcastinfo .copyurlform p { padding-left: 20px; }

/* podcastliste */

.singlepodcast { border-bottom: 1px solid #0a2a55; position: relative; padding: 8px 192px 8px 0px; clear: both; }

.teaserimage { display: block; float:left; overflow: hidden; position: relative; }
.relatedContent .teaserimage { float:none;}
.singlepodcast img { display: block; float:left; margin-right: 8px;}
.singlepodcast .overlay { position: absolute; bottom: 0; left:0;  }

.podcastlist h2 {font-size: 2em; padding-left: 20px; }
.podcastlist p, .podcastlist .subline { padding-left: 20px; }

.podcastfunction { 
		border-left: 1px solid #0a2a55; 
		width: 184px;
		position: absolute;
		right: 0;
		top: 12px; 
		}
	
.podcastfunction .mediathekbutton { 
	display: block;
	float:left;
	white-space: nowrap;
	clear: both;
	margin: 0 0 8px 12px;
	 }
	 
	 
	 
	 
#mediathek .clearfix { clear:both; }
#nav {	z-index:11; overflow:hidden; }

/* ndrMSlider No-JS */
#stage .boxhead h2 { color:#fff; }
#stage .mplayer_textcontent .padding p, #stage .mplayer_textcontent a, #stage .mplayer_footer,#stage .player_footer, .hidden { display:none; }

/* ndrMSlider */
#ndrmslider { margin-bottom: 16px; background-color: #00152d; position: relative; height: 542px; width: 952px; overflow: hidden; }
#ndrmslider img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
#ndrmslider img { max-width: 100% !important; }
#ndrmslider .hidden { display: none !important; visibility: hidden; }
#ndrmslider .boxhead, #stage .boxhead { display:none; visibility:hidden; }

#ndrmslider .overlay {
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: right;
	padding: 2px 8px;
	height: 20px;
	width: 168px;
	position: absolute;
	top: 80px;
	left: 0px;
	font-size:12px;
	font-weight: bold;
	
}

#ndrmslider .m_mslider_thumb_list p, #ndrmslider p {
	font-size: 12px;
	font-weight: bold;
	color: #6e99dd;
	padding: 0 8px;
	margin: 0;
}

#ndrmslider .m_mslider_thumb_list p {padding: 0; }
#ndrmslider .m_mslider_thumb_list { list-style: none; margin: 0; padding: 0; }
#ndrmslider .m_mslider_thumb_list li { margin: 0; padding 0; border-bottom: 1px solid #487cc8; overflow: hidden; padding: 8px 0;}
#ndrmslider .m_mslider_thumb_list li .hidden { display:none; visibility:hidden; }
#ndrmslider .m_mslider_thumb_list h2 { margin: 0 0 2px 0; padding: 0 0 0 96px; }

#ndrmslider ul.m_mslider_element_list li.m_mslider_element { position: absolute; top: 0; left: 0; background-color: #001b3c; width: 760px; height: 542px; z-index:2}
#ndrmslider ul.m_mslider_element_list li .m_mslider_element_top _span { top: 403px; position: absolute; display:block; }
#ndrmslider ul.m_mslider_element_list li .m_mslider_element_subline p { margin-left: 8px !important; }

#ndrmslider .m_mslider_thumb_img .inner {
	background:none;	
	width: 32px;
	display:block;
	float:left;
	font-size:1.13em;
	margin:4px;
	text-transform:uppercase;
}

#ndrmslider .m_mslider_thumb_img .runtime { text-transform:uppercase; }
#ndrmslider .icon {	width: 1em; }

#ndrmslider .m_mslider_thumb_img .icon { margin:0; }

#ndrmslider .icon_video { background: transparent url(/web/20140401085022/http://www.ndr.de/resources/images/icon_video.png) center center scroll 0 3px; display: inline-block; }
#ndrmslider .icon_availibility { color:#011B3C; overflow: hidden; float:left; background: #b4d0fa; width:150px; line-height:23px; text-transform: none; padding-right:8px; }

#ndrmslider .icon_availibility::before { font-family: "ndr_iconfont"; content: "\e004"; margin-right:0.3em;	}

#ndrmslider .icon_play {
	color: #fff;
	overflow: hidden;
	position: absolute;
	top: -30px;
	left: 10px;
	background: #3365B8;
	width: 64px;
	line-height: 44px;
	text-transform: none;
	font-size: 2em;
	text-align: center;
	border-radius: 6px;
}

#ndrmslider .icon_play::before { font-family: "ndr_iconfont"; content: "\e004"; margin-top:4px; }

#ndrmslider a.m_button,#m_live a.mediathekbutton { 
	text-decoration: none; background-color: #3464b8; color: #fff; border-radius: 2px; font-family: "NDRSansCondRegular"; padding: 0.1em 0.5em 0.1em; font-size: 1.5em; line-height: 1.5em;
	cursor:hand;
	cursor:pointer;
	text-shadow: none;
	-webkit-transition: 200ms linear 0s;
	-moz-transition: 200ms linear 0s;
	-o-transition: 200ms linear 0s;
	transition: 200ms linear 0s;
	outline: 0 none;	
	text-decoration:none;
}

#ndrmslider a.m_button:hover, #m_live a.mediathekbutton:hover { background: #5383D2; color:#fff; text-shadow: -1px 1px 5px #b4d0fa, 1px -1px 5px #b4d0fa; }

#ndrmslider #m_mslider_thumbs { position: absolute; right: 0; top: 0; width: 176px; height: 542px; padding-top: 8px;}
#ndrmslider #m_mslider_thumbs .m_mslider_thumb_img { 	float: left; width: 168px; height: 72px; color: #fff; margin-bottom: 4px; background-color: #052b6c; }
#ndrmslider #m_mslider_thumbs .m_mslider_thumb_img img { display: block; float: left; line-height: 50px; }
#ndrmslider #m_mslider_thumbs .m_mslider_thumb_img span { text-align: center; }
#ndrmslider #m_mslider_thumbs h2 { color: #fff; padding-left: 0; }
#ndrmslider #m_mslider_thumbs p { padding-left: 0;}
#ndrmslider #m_mslider_thumbs a { color:#fff ;}
#ndrmslider #m_mslider_thumbs li { border-bottom: 0; padding-right: 8px; background-color: #001b39; margin-bottom: 8px; min-height: 160px; padding-top: 0;}
#ndrmslider #m_mslider_thumbs li:hover { cursor:pointer; }
#ndrmslider #m_mslider_thumbs li.active { background-color: #002047; }

#ndrmslider .mplayer_textcontent .padding {	margin-top:10px; margin-left:10px; padding:0; }
#ndrmslider .mplayer_textcontent .padding h1 {  color: #fff; font-size: 2.4em; }
#ndrmslider .mplayer_textcontent .subline, .mplayer_textcontent p { margin-bottom: 12px; }

/* NDR Default Slider*/

/* Default / 5-Columns */
.bullets, .pager, .shadowleft, .shadowright,.close, .m_slider, #nav, .datepicker, .popuppanel  {         
		transform : translate3d(0,0,0);
        -moz-transform : translate3d(0,0,0);
        -webkit-transform : translate3d(0,0,0);
        -o-transform : translate3d(0,0,0);
        -ms-transform : translate3d(0,0,0);
}

.js.m_slider { overflow:hidden; position:relative; }

/*.js.m_slider .tabboxpanel { height:244px; overflow:hidden; margin-top:12px; margin-bottom:0; width:100%; position:relative; }
WICHTIG: ich musste overflow hidden rausnehmen, damit die timeline-items ausserhalb des LIs dargestellt werden k��nnen. Folgeprobs testen!
*/
.js.m_slider .tabboxpanel { height:244px; margin-top:12px; margin-bottom:0; width:100%; position:relative; }

.js.m_slider .shadowleft,.js.m_slider .shadowright {
	height:244px;
	position: absolute;
	width: 100px;
	/*top: 34px;*/
	/*margin-top: 35px;*/
	z-index: 3;
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, transparent 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0, 0, 0, 1)), color-stop(100%,transparent));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%,transparent 100%);
	background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%,transparent 100%);
	background: -ms-linear-gradient(left, rgba(0, 0, 0, 1) 0%,transparent 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%,transparent 100%);
	filter: 	progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}

.js.m_slider .shadowright {
	right: 0px;
	/*left:852px;
	margin-top: -244px;*/
	background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,transparent), color-stop(100%,rgba(0, 0, 0, 1)));
	background: -webkit-linear-gradient(left, transparent 0%,rgba(0, 0, 0, 1) 100%);
	background: -o-linear-gradient(left, transparent 0%,rgba(0, 0, 0, 1) 100%);
	background: -ms-linear-gradient(left, transparent 0%,rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to right, transparent 0%,rgba(0, 0, 0, 1) 100%);
	filter: 	progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}

/* m_light overrides */
.js.m_slider.m_light .shadowleft, .js.m_slider.m_light .shadowright {
	height:244px;
	/*position: relative;*/
	width: 70px;
	right:0;
	/*margin-top: 35px;
	z-index: 3;*/
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, transparent 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 1)), color-stop(100%,transparent));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%,transparent 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%,transparent 100%);
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%,transparent 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%,transparent 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */

}
.js.m_slider.m_light .shadowleft {
	left: 0px;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */	
}

.js.m_slider.m_light .shadowright {
	left:852px;

	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}

.js.m_slider.m_dark .spacer { background: #002047; }
.js.m_slider.m_light .spacer { background: #fff; }

.js.m_slider .m_tabs { /*position:absolute;*/ width:952px; }

.js.m_slider a.pager {
	display: block;
	background-color: #3565b9;
	color: #fff;
	font-family: "NDRSansCondRegular", Impact;
	height: 56px;
	width: 26px;
	z-index: 15;
	position: absolute;
	top: 50%;
	line-height: 56px;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

.js.m_slider .pager:hover, .js.m_slider .pager:focus { color: #fff; }
.js.m_slider .pager.left { left: 0; margin-top: -28px; box-shadow: 3px 0 3px rgba(0,0,0,0.8); border-radius: 0 4px 4px 0; }
.js.m_slider .pager.right { left: 926px; border-radius: 4px 0 0 4px; box-shadow: -3px 0 3px rgba(0,0,0,0.8); margin-top: -28px;	}

.js.m_slider a.pager, a.pager:hover, .js.m_slider a.pager:active {
	cursor:hand;
	cursor:pointer;
	text-shadow: none;
	-webkit-transition: 200ms linear 0s;
	-moz-transition: 200ms linear 0s;
	-o-transition: 200ms linear 0s;
	transition: 200ms linear 0s;
	outline: 0 none;		
	color:#fff;		
}

.js.m_slider a.pager:hover { background: #5383D2; color:#fff; text-shadow: -1px 1px 5px #b4d0fa, 1px -1px 5px #b4d0fa; }
.js.m_slider a.pager:active { background: #2d66b3; }

.js.m_slider .pager.left.hidden,.js.m_slider .pager.right.hidden {
	display:none;
}

.js.m_slider .bullets {
  position: absolute;
  bottom:0;
  height: 24px;
  background: #042a6b;
  text-align: center;
  z-index: 14;
  padding: 0 8px;
  left:50%;
  border-radius: 4px 4px 0 0;
}
.js.m_slider .bullet { display: inline-block; border: solid #33548a 3px; border-radius: 3px 3px; margin: 8px 2px; }
.js.m_slider .bullet.selected { border: solid #fff 3px; }

/* 4-Col Mod */
.fourcol.js.m_slider .shadowright { left:660px; }
.fourcol.js.m_slider .pager.right { left: 734px; border-radius: 4px 0 0 4px; box-shadow: -10px 2px 10px rgba(0,0,0,0.5); }
.fourcol.js.m_slider .m_tabs { /*position:absolute;*/ width:760px; }

/* 3-Col Mod */
.threecol.js.m_slider .tabboxlist li { width:128px; overflow:hidden; } /* TMP SMALL TEST */
.threecol.js.m_slider .overlay .inner {	width:121px; }	/* TMP SMALL TEST */

.threecol.js.m_slider .shadowright { left:508px; }
.threecol.js.m_slider .pager.right { left: 542px; }
.threecol.js.m_slider .m_tabs { /*position:absolute;*/ width:568px; }

/* Projekktor - PostRole - Related Content */
.m_tabs.relatedContent { display:none; background:rgba(0,0,0,0.8);position:absolute;}
.m_tabs.relatedContent .scrollbar { display:none; }
.m_tabs.relatedContent .tabboxlist li { display: block; float: left; margin: 0 8px 8px 0; height: 252px; width: 184px; }
.m_tabs.relatedContent .m_teaser { height: 244px; background:#021a46; }
.m_tabs.relatedContent .viewport { width: 952px; height: 256px; position:absolute; }
.m_tabs.relatedContent .overlay { height:auto; }
.m_tabs.relatedContent .overlay .inner { top:3px; }
.m_tabs.relatedContent .m_teaser .content { padding-top: 4px; }
.m_tabs.relatedContent h3 {
	display:none;
}

/* Dropdown / Overlay */


.m_dropdownDefault {
	box-shadow: 0 0 0 rgba(0,0,0,0.6);
    -webkit-transition: -webkit-box-shadow 0.5s ease-out;;
    -moz-transition: -moz-box-shadow 0.5s ease-out;
    -o-transition: box-shadow 0.5s ease-out;
}

.m_dropdownOpen{
    box-shadow: 0px 48px 48px -24px rgba(0,0,0,0.9);
    -webkit-transition: -webkit-box-shadow 0.5s ease-out;;
    -moz-transition: -moz-box-shadow 0.5s ease-out;
    -o-transition: box-shadow 0.5s ease-out;    
}

.m_dropdown_top {
	font-family: "NDRSansCondRegular";
	background:#002757;
	width:912px;
	line-height:50px;
	color:#fff;
	font-size:2em;
	padding-left:20px;
	padding-right:20px;
	overflow:hidden;
}

.m_dropdown_top a {
	text-decoration:none;
}

.m_dropdown .close {
	position: absolute;
	right:17px;
	top:14px;
	z-index:13;
	width:19px;
	height:19px;
	text-indent: -10000px;
	display: block;
	background:url('/web/20140401085022/http://www.ndr.de/resources/images/mediathek/close.png') top left no-repeat;
	/*cursor:pointer;
	cursor:hand;
	color:transparent !important;*/
	overflow:hidden;
	
}


#m_verpasst .loadingbackground,#m_verpasst .loadingbackgroundinit,
#m_live .loadingbackground,#m_live .loadingbackgroundinit,
#m_az .loadingbackground,#m_az .loadingbackgroundinit { 
	width:100%;
	height:75%;
	opacity:0.4;
	background:#001B3C;
}
#m_verpasst .loadingbackgroundinit,
#m_live .loadingbackgroundinit,
#m_az .loadingbackgroundinit { 
	height:100%;
}
#m_verpasst .loading, 
#m_live .loading, 
#m_az .loading { 
	width:100%;
	height:100%;
	background:url(data:image/gif;base64,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) center no-repeat;
}

/* Sendung A-Z Dropdown */
/* neu positionierung um browserabh��ngige pixelverschiebung zu vermeiden 
#m_az { position: absolute; margin-left: 50%; left:-475px;  top: -503px;height:433px; overflow: hidden; z-index:9; background:#001b3c;width:951px;}*/
#m_az { position: absolute; left:0px;  top: -503px;height:433px; overflow: hidden; z-index:9; background:#001b3c;width:952px;}

#m_az .close { top:64px; }
#m_az .m_az_container { position:absolute; width:952px; overflow:hidden; }
#m_az a { color:#fff; }
#m_az h2{ font-size:2em; color:#fff; margin:0; line-height:2.3em; height:52px; box-shadow: 0px 24px 24px -22px rgba(0, 0, 0, 0.9); }
#m_az h3{ font-size:1.2em; color:#fff; margin:0; line-height:0.9em; }
#m_az h4{ font-size:1.2em; color:#fff; margin:0; line-height:23px; }
#m_az h5 { margin-top: 0; margin-bottom: 7px; color: white; }
#m_az .subline { font-family:Arial; font-size: 0.8em; color: #6695DE; }

#m_az a.section_link {
	display:block;
	width: 173px;
	height: 55px;
	text-decoration:none;
	padding:11px;
	color:#fff;
	cursor:hand;
	cursor:pointer;
  	text-shadow: none; 
 	-webkit-transition: 200ms linear 0s;
	-moz-transition: 200ms linear 0s;
	-o-transition: 200ms linear 0s;
	transition: 200ms linear 0s;
	outline: 0 none;

}
#m_az a.section_link:hover {
  	text-shadow: -1px 1px 5px #b4d0fa, 1px -1px 5px #b4d0fa; 
 	-webkit-transition: 200ms linear 0s;
	-moz-transition: 200ms linear 0s;
	-o-transition: 200ms linear 0s;
	transition: 200ms linear 0s;
	outline: 0 none;	 
}

#m_az .m_az_section {
	position: relative;
	float:left;
	height:310px;	
	font-family : 'NDRSansCondRegular';
	text-transform : uppercase;
	color:#fff;	
	width:180px;
	font-size:1.3em;
}

#m_az .m_az_spacer {
	position: relative;
	float:left;
	height:311px;	
	font-family : 'NDRSansCondRegular';
	text-transform : uppercase;
	color:#fff;	
}

.m_az_key, .m_az_list {	display:none; }

.m_az_selector {
	position:relative;
	margin-left:50%;
	left:-383px;
	padding-top:35px;
	padding-bottom:35px;
	width:767px;
	height:313px;
	overflow:hidden;
}


#m_az .m_az_section li.section {
	line-height:1em;
	height:77px;
	background:#002757;	
	border-left: solid 5px #001B3C;
	margin-bottom:1px;	
	border-right: solid 1px #001B3C;
	-webkit-transition: 200ms linear 0s;
	-moz-transition: 200ms linear 0s;
	-o-transition: 200ms linear 0s;
	transition: 200ms linear 0s;
	box-shadow: inset -36px 0px 30px -12px rgba(0, 0, 0, 0.15);				
}

#m_az .m_az_section li.section.active {
	background:#6897e1;	
	height:74px;
	border-left: solid 5px #6897e1;
	margin-bottom:4px;	
	border-right: solid 1px #6897e1;
	-webkit-transition: 200ms linear 0s;
	-moz-transition: 200ms linear 0s;
	-o-transition: 200ms linear 0s;
	transition: 200ms linear 0s;

	box-shadow: none;		
}

#m_az li.section.active .m_az_key { display:block; position:absolute; left:180px; top:0; }
#m_az li.section.active .m_az_key.radio { width:586px; }
#m_az .m_az_key li.key ul.key_list { display:none; }
#m_az li.section.active .m_az_key li.key.active ul.key_list.active { display:block; }

#m_az .m_az_key li.active ul.key_list {
	position:absolute;
	top:0;
	left:182px;
	width:384px;
	height:311px;
	overflow:hidden;
}

#m_az .m_az_key li.key.fernsehen {
	width: 162px;
	background:#002757;
	border-left: solid 1px #001430;
	border-right:none 0;
	margin-left:5px;
	margin-bottom:0;
	padding:7px;	
	border-bottom: solid 1px #001430;	
	cursor:hand;
	cursor:pointer;
	-webkit-transition: 200ms linear 0s;
	-moz-transition: 200ms linear 0s;
	-o-transition: 200ms linear 0s;
	transition: 200ms linear 0s;	
	box-shadow: inset -36px 0px 30px -12px rgba(0, 0, 0, 0.15);	
	height:24px;
}

#m_az .m_az_key li.key ul { text-shadow:none; }
#m_az .m_az_key li.key.fernsehen.active {	background:#6897e1; box-shadow: none; }

#m_az ul.m_az_key a {
	text-decoration:none;
	color:#fff;
	cursor:hand;
	cursor:pointer;
	-webkit-transition: 200ms linear 0s;
	-moz-transition: 200ms linear 0s;
	-o-transition: 200ms linear 0s;
	transition: 200ms linear 0s;	

}

#m_az ul.m_az_key .key h4 a {
	outline:0;	
	display: block;
	width: 160px;
	height: 30px;	
}

#m_az ul.m_az_key li.key:hover {
  	text-shadow: -1px 1px 5px #b4d0fa, 1px -1px 5px #b4d0fa; 
  	-webkit-transition: 200ms linear 0s;
	-moz-transition: 200ms linear 0s;
	-o-transition: 200ms linear 0s;
	transition: 200ms linear 0s;
	outline: 0 none;	 
}
#m_az li.section.active .m_az_key.radio li.key:hover,
#m_az li.section.active .m_az_key.radio a
 { 
  	text-shadow: -1px 1px 5px #b4d0fa, 1px -1px 5px #b4d0fa; 
  	-webkit-transition: 0ms linear 0s;
	-moz-transition: 0ms linear 0s;
	-o-transition: 0ms linear 0s;
	transition: 0ms linear 0s;
	outline: 0 none;	
}

#m_az ul.m_az_key li.key.active:hover:first {	text-shadow: none; }
#m_az ul.m_az_key li.active ul{ border-left: 5px solid #6897e1; background:#002757; overflow:auto; }
#m_az ul.m_az_key li.active ul li{ margin-left:16px; margin-right:16px; clear:both; padding-top:8px; padding-bottom:8px; border-bottom: solid #103972 1px; overflow: hidden; }
#m_az .m_az_spacer { width:5px;	background:#6897e1; }
#m_az .m_az_teaser_thumb { float:left;	padding-right: 8px; }
#m_az .m_az_teaser_thumb img { display: block; }

#m_az .m_az_list p {
	font-family: arial,helvetica,sans-serif;
	font-size:0.7em;
	color:#6897E1;
	padding-top:4px;
	padding-bottom:4px;
	text-transform:none;	
}

#m_az .module { margin-bottom: 0; }

/* Live Dropdown 2 */
#m_live { position: absolute; left:0px; top: -503px; height:354px; overflow: hidden; z-index:9; background:#002757;width:952px;}

#m_live .clear {
	clear:both;
}

#m_live .m_live_box {
	float:left;
	width:376px;
	overflow:hidden;
}

#m_live .m_live_event_box {
	background:#b4d0fa;
	height:148px;
	margin-bottom: 8px;
}

#m_live .m_live_event_box h3 {
	margin-top:0;
	padding-top:12px;
	padding-bottom:10px;
	padding-left:16px;
	color:#006bb6;
	text-transform:uppercase;
}

#m_live .m_live_event_box h4 {
	margin-top:0;
	margin-bottom:20px;
	margin-left:196px;
	margin-right:12px;
	color:#006bb6;
	font-size:1.7em;
}

#m_live .m_live_event_box .m_live_subtext {
	margin-bottom:20px;
	margin-left:196px;
	margin-right:12px;
	color:#000;
}

#m_live .m_live_event_content {
	height:100px;
	overflow:hidden;
}

#m_live .m_live_event_content img { float: left;  }

#m_live .m_live_fernsehen_box {
	clear:both;
	height: 148px;
}

#m_live .m_live_fernsehen_box h3 {
	margin:0;
	padding:0;
	
}

#m_live a.m_live_ndrfernsehen {
	display:block;
	margin:0;
	padding:0;
	width:376px;
	height:70px;
	background:url('/web/20140401085022/http://www.ndr.de/resources/images/mediathek/m_live_ndrfernsehen.png') top no-repeat;
}

#m_live a.m_live_ndrfernsehen:hover {
	display:block;
	margin:0;
	padding:0;
	width:376px;
	height:70px;
	background:url('/web/20140401085022/http://www.ndr.de/resources/images/mediathek/m_live_ndrfernsehen.png') bottom no-repeat;
	
}

#m_live .m_live_epg {
	background:#001b3c;	
}

#m_live .m_live_epg li {
	height:24px;
	border-bottom:1px solid #1a3b66;
	color:#6897e1;
	font-size:1.0em;
	font-weight:bold;
	margin-left:16px;
	margin-right:16px;
	line-height:24px;
}

#m_live .m_live_epg li .m_live_time {
	display:inline-block;
	width:44px;
}

#m_live .m_live_epg li a { color: #6897e1; }

#m_live .m_live_wellen_box {
	float:left;
	width:576px;
	overflow:hidden;
}

#m_live .m_wellen {
}	

#m_live .m_wellen li,#m_az .m_az_key li.radio {
	margin-left:8px;
	margin-bottom:8px;
	margin-top:0;
	margin-right:0;
	background: #001b3c;
	width:184px;
	height:70px;
	float:left;
	overflow: hidden;
}	

#m_az .m_az_key li.radio {
	margin-bottom:10px;
}	

#m_live .m_wellen a,#m_az .m_az_key li.radio a {
	display: block;
	width:184px;
	height:70px;
}

 a.m_ndrkultur.m_wellensprite img { margin: 0 0 0 -920px; }
 a.m_ndrkultur.m_wellensprite:hover img,  a.m_ndrkultur.m_wellensprite:focus img { margin: -70px 0 0 -920px }

 a.m_ndr1niedersachsen.m_wellensprite img {  }
 a.m_ndr1niedersachsen.m_wellensprite:hover img,  a.m_ndr1niedersachsen.m_wellensprite:focus img  { margin-top: -70px; }

 a.m_ndr1radiomv.m_wellensprite img { margin: 0 0 0 -184px; }
 a.m_ndr1radiomv.m_wellensprite:hover img,  a.m_ndr1radiomv.m_wellensprite:focus img { margin: -70px 0 0 -184px; }

 a.m_ndr1wellenord.m_wellensprite img { margin: 0 0 0 -368px; }
 a.m_ndr1wellenord.m_wellensprite:hover img,  a.m_ndr1wellenord.m_wellensprite:focus img { margin: -70px 0 0 -368px; }

 a.m_ndr903.m_wellensprite { margin: 0 0 0 -552px; }
 a.m_ndr903.m_wellensprite:hover,  a.m_ndr903.m_wellensprite:focus { margin: -70px 0 0 -552px; }

 a.m_ndr2.m_wellensprite { margin: 0 0 0 -736px; }
 a.m_ndr2.m_wellensprite:hover,  a.m_ndr2.m_wellensprite:focus { margin: -70px 0 0 -736px; }



 a.m_ndrinfo.m_wellensprite { margin: 0 0 0 -1104px; }
 a.m_ndrinfo.m_wellensprite:hover,  a.m_ndrinfo.m_wellensprite:focus { margin: -70px 0 0 -1104px; }

 a.m_njoy.m_wellensprite { margin: 0 0 0 -1288px; }
 a.m_njoy.m_wellensprite:hover, a.m_njoy.m_wellensprite:focus  { margin: -70px 0 0 -1288px; }

 a.m_ndrblue.m_wellensprite { margin: 0 0 0 -1472px; }
 a.m_ndrblue.m_wellensprite:hover,  a.m_ndrblue.m_wellensprite:focus { margin: -70px 0 0 -1472px; }

 a.m_ndrinfospezial.m_wellensprite img { margin: 0 0 0 -1649px; }
 a.m_ndrinfospezial.m_wellensprite:hover img, a.m_ndrinfospezial.m_wellensprite:focus img { margin: -70px 0 0 -1649px; }

/* Sendung verpasst DropDown */
#m_verpasst { position: absolute; left: 0px; top: -503px; height:428px; overflow: hidden; z-index:9; background:#001b3c; width:952px;}
#mediathek .page { position: relative; }

#m_verpasst .js.m_slider { height:347px; }
#m_verpasst .tabboxlist, #m_verpasst .tabboxlist li, #m_verpasst .tabboxpanel { height:284px; }

#m_verpasst .boxhead { position:absolute; left:-9999px; }
#m_verpasst .js.m_slider .shadowleft, #m_verpasst .js.m_slider .shadowright { /*margin-top:-34px;*/ height:347px; }
#m_verpasst .js.m_slider .tabboxlist { position:absolute; top: 63px; left:0;}
#m_verpasst .subline.now { line-height: 1em; padding-bottom: 0; margin: 0; padding-top: 0; }
#m_verpasst .subline.now_info { font-weight:normal; line-height:1em; margin:0; padding-top:4px; }
#m_verpasst .m_teaser {	position:absolute; height:284px; width:184px; }
#m_verpasst .m_teaser .content { padding: 8px; position: relative; clear: both; }
#m_verpasst .m_teaser .play_bottom { position:absolute; bottom:36px; left:8px;}
#m_verpasst .icon_open { position:relative; top:1px; }
#m_verpasst .icon_video { margin-top:1px; position: relative; top: 3px; }
#m_verpasst .m_dropdown_top { line-height:auto; padding-top: 16px; }
#m_verpasst .close { top:96px; }
#m_verpasst .js.m_slider .tabboxpanel { margin-top:0; height:347px; }
#m_verpasst .timeline {	height:63px; overflow:hidden; }
#m_verpasst .resultinfo { padding:20px; }
#m_verpasst .resultinfo h4 { font-size:1.8em; color:#fff; }



#m_verpasst .time_element, #m_verpasst .time_element_spacer {
	padding-top: 34px;
	border-left: solid 1px #002757;
	color: white;
	font-weight: bold;
	height: 29px;
	max-height: 29px;
	position: absolute;
	top: -63px;
	/*left: 0px;*/
}

#m_verpasst .time_element_spacer { width:183px; }

div.overlay .inner.left {
	float:left;
	text-align:left;
	background:#b4d0fa url() !important;
	color:#09306f;	
	width:67px;
	z-index:+1;
	text-transform:none;
	padding-left: 7px;
}

.lifetime { background:#b4d0fa; color:#09306f; }
ul.tabboxlist .miniplayer { }


#m_verpasst .navitem {
	width:153px;
	height:40px;
	line-height:40px;
	border-right:1px solid #011c3b;
	text-align:left;
	overflow:hidden;
	float:left;
	padding-left:14px;
	padding-right:14px;
	font-size:0.8em;
	text-transform:uppercase;
}

#m_verpasst .navitem {
	background:#3263b5;
}

#m_verpasst .navitem.active,#m_verpasst .navitem.brand {
	background:#b4d0fa;
}

#m_verpasst .navitem.active {
	border-image: url(/web/20140401085022/http://www.ndr.de/resources/images/mediathek/m_active_arrow_down.png) 0 0 6 0; 
	-webkit-border-image: url(/web/20140401085022/http://www.ndr.de/resources/images/mediathek/m_active_arrow_down.png) 0 0 6 0; 
	-moz-border-image: url(/web/20140401085022/http://www.ndr.de/resources/images/mediathek/m_active_arrow_down.png) 0 0 6 0; 
	border-bottom:6px;
	border-left:0;
	border-top:0;
	border-right:0;
	margin-bottom:23px;
	margin-right:1px;
}

#m_verpasst .navitem a {
	color:#fff;		
}

#m_verpasst .navitem.active a, #m_verpasst .navitem.brand a {
	color:#002757;		
}

#m_verpasst .navitem.open {
	background: #011c3b;
	border-image: url() 0 0 0 0; 
	-webkit-border-image: url() 0 0 0 0; 
	-moz-border-image: url() 0 0 0 0; 
	border-bottom:6px;
	border-left:0;
	border-top:0;
	border-right:0;
	margin-bottom:23px;
	margin-right:1px;	
}

#m_verpasst .navitem.open a {
	color: #fff;
}

#m_verpasst .brand div a {
	color:#002757 !important;
}

#m_verpasst .brand.open .popuppanel {
	border-bottom:0;
	border-left:0;
	border-top:5px;
	border-right:0;	
}

#m_verpasst #verpasstDate, #m_verpasst #verpasstSubmit {
	float:left;
	width:64px;
	height:6px;
	line-height:6px;
}

#m_verpasst .popuppanel {
	font-size:0.9em;
	color:#022C67;
	z-index:11;
	top: 72px;
	bottom: auto;
	left: 749px;
	line-height:24px;
	padding:12px;
}
#m_verpasst .popuppanel a {
	color:#022C67;
}
#m_verpasst .popuppanel a:hover {
	text-decoration:underline;
}


/* New Datepicker Test */
#verpasstDatepicker::after, #m_verpasst .brandPopup::after {
	font-family: "ndr_iconfont";
	content: "\e009";
	font-size:0.8em;
}

div.datepicker {
	position: relative;
	font-family: "NDRSansCondRegular", arial, sans-serif;
	text-transform:uppercase;
	font-size: 1.4em;
	width: 196px;
	height: 147px;
	position: absolute;
	cursor: default;
	margin-top: -10px;
	left: 0;
	display: none;
	z-index:10;
	background: url(/web/20140401085022/http://www.ndr.de/resources/images/mediathek/datepicker-pfeil-top.png) top left no-repeat; 
	background-position: 20px 0;
}
div.datepicker table { margin:0; border:0 none; }
div.datepicker th {	background: #e1ecfa; border:0 none; padding:0; }
.datepickerContainer { 
	background: #e1ecfa; 
	position: absolute; 
	top: 6px; 
	left: -12px; 
	padding:12px;
	-webkit-box-shadow: 0px 11px 24px rgba(0, 0, 0, 1);
	-moz-box-shadow:    0px 11px 24px rgba(0, 0, 0, 1);
	box-shadow:         0px 11px 24px rgba(0, 0, 0, 1);
	border-radius:	2px;
}
.datepickerHidden {	display: none; }
div.datepicker table { border-collapse:collapse; }
div.datepicker a { color: #103870; text-decoration: none; cursor: default; outline: none; }
div.datepicker table tr { vertical-align:middle; }
div.datepicker table td { text-align: center; border:4px solid #e1ecfa; height:24px; overflow:hidden; padding:0; }
div.datepicker table th { border:4px solid #e1ecfa; }
div.datepicker th { text-align: center; color: #103870; font-weight: bold; }
div.datepicker tbody a { display: block; }
.datepickerDays td { background:#001b3c; }
.datepickerDays td a { color:#fff; font-weight:bold; }
.datepickerDays a { width: 41px; line-height: 24px; height: 24px; }
.datepickerYears a,
.datepickerMonths a{ width: 41px; line-height: 24px; height: 24px; text-align: center; font-size:1.3em; }
td.datepickerNotInMonth  { background:#9dadc1; }
td.datepickerNotInMonth a { color: #fff; }
tbody.datepickerDays td.datepickerSelected{	background: #3565B9; }
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{ background: #17384d; }
div.datepicker a:hover,
div.datepicker a:hover,
div.datepicker td.datepickerNotInMonth a:hover  { color: #3565B9; }
.datepickerSpace div { width: 30px; }
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a { text-align: center; height: 24px; line-height: 24px; font-size:1.3em; }
div.datepicker .datepickerGoNext a { float: right; background:#3365b8; width: 49px; height:22px; line-height:18px; color:#fff;}
div.datepicker .datepickerGoPrev a { float: left; background:#3365b8; width:49px; height:22px; line-height:18px; color:#fff; }
div.datepicker .datepickerGoNext a:hover, div.datepicker .datepickerGoPrev a:hover,div.datepicker table td:hover  { background:#8BB5F7; }

.datePickerGoPrev, .datePickerGoNext, .datePickerMonth {
	height:24px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears ,
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW ,
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW { display: none; }
td.datepickerDisabled a,td.datepickerDisabled.datepickerNotInMonth a, td.datepickerDisabled a:hover { color: #333; }
td.datepickerSpecial a { background: #700; }
td.datepickerSpecial.datepickerSelected a { background: #a00; }

.datepickerGoPrev a span, .datepickerGoNext a span {
	margin-right:0;	
	line-height: 14px;
}
.datepickerGoPrev a span span, .datepickerGoNext a span span {
	display: block;
	text-indent: -10000px;
}

/* Datepicker Test End*/

/* 12345678 */

/* GSA Autocomplete */

.ui-autocomplete {
	width: 184px;
}
.ui-autocomplete li {
	width: 184px;
	background-color: #002757;	
	font-size: 1.4em;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

.ui-autocomplete a {
	display: block;
	padding: 2px 8px;
	color: #6897e1;
}

.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus { background-color: #e1ecfa; color: #001b3b !important; }

/* Search Styles */
.focused {
    border: 3px solid #f00;
}
#mediathek .hits h1 {
		display: block;
		background-color:  #30589F;
		color: #fff;
		font-size: 1.8em;
		padding: 14px 20px;
		margin-top: 0;
		margin-bottom: 16px;
}

.filtersearch.module {
		background-color:  #30589F;		
}

.filtersearch .boxhead {
		text-transform: none;
		padding: 0;
		letter-spacing: 0em;
		 border-bottom: 1px solid #4D7AC4;
		 font-size: 0.9em;
		 padding: 4px 0;

}


.filtersearch ul {padding-bottom: 20px;}
 
.filtersearch li {padding: 8px 0 2px 8px;

}

.filtersearch .icon {
	color: #fff;
	font-size: 1.3em;
}


.filtersearch li:hover { background-color: #3365b8; }
.filtersearch li.active {background-color: #001b3c;}
.filtersearch li.active a {color: #001b3c;}

.filtersearch .icon_video, .filtersearch .icon_audio, .filtersearch .icon_podcast  {margin-bottom: 2px;}
		

.filtersearch h2  {
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 1.0909em;
	padding: 4px 0 4px 8px;
	display: inline;

}

.filtersearch ul li h2 {
	
	font-family: "NDRSansCondRegular";
	font-size: 1.6em;
	cursor:pointer;
	padding-left: 0px;

}


.filtersearch .icon_check {
		float: right;
}
.filtersearch  .icon_check:before {
 		background-color: #001b3c;
}


.searchlist .rows_four_l {
	margin-bottom: -2px;
}

.searchlist h2 {
    color: #FFFFFF;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

.searchlist .result {
		color: #012a7c;
		background-color: #b7ceff;
}

.teaser_four.module {
		margin-bottom: 16px;
		
}

.teaser_four.module .m_teaser.topteasersearch {
	background-color: #001b3c;
	min-height: 212px;
	padding: 11px 0;
}

.teaser_four.module .m_teaser {
    background-color: #001B3C;
    min-height: 104px;
    padding: 11px 0;
}

.teaser_four.horizontal img {
    float: left;
}

.m_teaser.topteasersearch {
	min-height: 212px;
}

.teaser_four.horizontal .topteasersearch  .content {
    padding-left: 384px;
}

.teaser_four.horizontal div.overlay .inner {
    width: 177px;
}

.teaser_four.horizontal .topteasersearch div.overlay .inner {
    width: 376px;
}

.teaser_four.horizontal .content_more div.overlay .inner {
    width: 55px;
    background-color: transparent;
}

.teaser_four.horizontal div.overlay {
    left: 0;
    top: 104px;
}

.teaser_four.horizontal .topteasersearch div.overlay {
    left: 0;
    top: 212px;
}

.teaser_four.horizontal .topteasersearch .shiny_line {
    top: -212px;
    width: 376px;
}

.teaser_four.horizontal .content, .teaser_four.horizontal .content_more {
    padding-left: 192px;
}

.teaser_four.horizontal .content_more {
		background-color: #002d63;
}

.teaser_four.horizontal .content_more ul {
		padding: 3px 0;
}


.teaser_four.horizontal .content_more div.overlay  {
       top: 22px;
       margin-left: -65px;
}

/* enlarged toggle icons */

.searchlist .m_teaser .content {
	padding-right: 40px;	
}

.content_more h3 {
		float: right;
		margin-top: -44px;	
		font-size: 3em;
}

.content_more h3 a {text-decoration: none;}

.content_more h4 a {
		color: #fff;
	}

.content_more h3 a:hover { color: #b7ceff; }


#mediathek .content_more .inner {
	 background: none repeat scroll left top transparent;
}





/* Pageswitch */

.multipage {
		clear: left;
		padding-top: 9px;
}

.multipage ul {
    	float: right;
    	margin: 8px;
   	
   		
}

.multipage li {
    background-color: #012979;
    float: left;
    height:26px;

}

.multipage li a.button_back {
	color: #fff;
	text-transform: uppercase;
	display: block;
	margin: 7px 3px 0 5px;
}


.multipage li a.button_next {
	color: #fff;
	text-transform: uppercase;
	display: block;
	margin: 7px 3px 0 8px;
}

.multipage li span.button_next {
	color:  #fff;
	padding: 0px;
	text-transform: uppercase;
	display: block;
	margin: 7px 5px 0 3px;
}

.multipage li span.button_back {
	color:  #fff;
	padding: 0px;
	text-transform: uppercase;
	display: block;
	margin: 7px 3px 0 5px;
}

.multipage li.backward {
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	width: 60px;
	background-color:#3763ba;
	display: block;
}


 .multipage li.forward {
 	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	width: 60px;
	background-color:#3763ba;
	display: block;
 
 }
 
 .multipage li.forward.allresults {	
 	width: auto;
 -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #3763ba;
 }


.multipage  a.active {
	color: #fff;
	text-transform: uppercase;
}

.multipage  a {
	color: #416dc4;
	text-transform: uppercase;
}


.multipage  li.dots {
	color: #325eb5;
}

.multipage li span {
    	padding: 7px;
		display: block;
}

.multipage li a:hover span, .multipage li a:focus span {
	color: #fff;
}

/* Pageswitch */

/* verlinkte Mediatheksbox */

.mediathekboxfooter {
	position: relative;
	height: 32px;
	border-top: 1px solid #2b55a4;
	background: rgb(22,55,115);
background: -moz-linear-gradient(left,  rgba(22,55,115,1) 0%, rgba(0,24,71,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(22,55,115,1)), color-stop(100%,rgba(0,24,71,1)));
background: -webkit-linear-gradient(left,  rgba(22,55,115,1) 0%,rgba(0,24,71,1) 100%);
background: -o-linear-gradient(left,  rgba(22,55,115,1) 0%,rgba(0,24,71,1) 100%);
background: -ms-linear-gradient(left,  rgba(22,55,115,1) 0%,rgba(0,24,71,1) 100%);
background: linear-gradient(to right,  rgba(22,55,115,1) 0%,rgba(0,24,71,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#163773', endColorstr='#001847',GradientType=1 );	
}

.mediathekboxfooter a {
	float: right;
	font-family: "NDRSansCondRegular";
	white-space: nowrap;
	font-size: 26px;
	margin-right: 8px;
	font-weight: bold;
	color: #38578f;
}

.mediathekboxfooter a:hover {
	text-decoration: none;
	color: #567ab6;
}

/* Creative Commons */
.m_ccicon {
	vertical-align:middle;
}

/* External Embed */
.m_embed {
	height:16px;
	width:100%;
	background:#e1ecfa;
}
h3.m_embedhead {
	padding:0;
	margin:0;
	padding-bottom:6px;
	color:#fff;
}
.mplayer_embed {
	border-top: 1px solid #112f5b;
	font-size: 0.9em;	
	padding: 16px 24px;
	padding-top: 10px;
}