@charset "UTF-8";


 

/****************************** 

Autor:Manuela Zogbaum 

Company:Hypermedialove 

Date:11.04.2011 

******************************/ 

 /* Fix für Player Loader auf der Startseite 19.07. AP */

.teaserbox .player {position:absolute;}
.player .childrenContainer a{position:absolute !important;}



/*************** 

 

Global Reset 

 

***************/ 

 

 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 

		margin: 0; 

		padding: 0; 

		border: 0; 

		font-weight: inherit; 

		font-style: inherit; 

		font-size: 100%; 

		font-family: inherit; 

		vertical-align: baseline; 

} 

 

.p--heading-3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 35px;
    margin-top: 15px;
}

caption, th, td { 

		/*text-align: left;*/ 

		font-weight: normal; 

} 

 

blockquote:before, blockquote:after, q:before, q:after { content: ""; } 

 

blockquote, q { quotes: "" ""; } 

 

table { 

		border-collapse: separate; 

		border-spacing: 0; 

} 

 

ol, ul { list-style: none; } 

 

/*************** 

 

General Site Rules 

 

***************/ 

 select, input, textarea, button { font:99% sans-serif; }

 

body { 

		font: 100.1%/1.8em sans-serif; 

		color:#333333; 

		background:#AAA096; 

} 

body.sec_home { overflow-x: hidden; }

body.sec_home.sb { overflow-x: auto; }

 

br { line-height:1em; } 

 

a { 

		color:#333333; 

		text-decoration:underline; 

} 

 

a:hover, a:active { color:#4e4e4e; outline:none;} 

 

a img { border:none; } 



a.more {font-weight: bold; text-decoration: none; color: #FA7D19;}



strong { font-weight:bold; } 

 

em { font-style:italic; } 

 

p, img { margin:0.5em 0; } 

 

 

::-moz-selection{ background: #FA7D19; color:#fff; text-shadow: none; } 

::selection { background:#FA7D19; color:#fff; text-shadow: none; } 

 

.printon { display: none; } 

/*************** 

 

Functions 

 

***************/ 

 

.hide, .qsearch label, #flashContent { 

		position: absolute; 

		top: -1000em; 

		left: -1000em; 

		height: 1px; 

		width: 1px; 

} 

 

.clearfix:after { 

		content: "."; 

		display: block; 

		clear: both; 

		height: 0; 

		visibility: hidden; 

		line-height:0; 

		font-size:0; 

} 

 

/*************** 

 

Layout 

 

***************/ 

 

.main .wrap { /* position:relative; can't use postion:relative here, because of IE7 z-index bug, we have absolute positioned elements (filter popup) in the epd_filter */ } 

 

.main .stripe .wrap { 

		margin:0 auto; 

		/* min-width:1084px; */ 

		min-width: 1024px; 

		max-width:1084px; 

} 

 

.main .content .wrap { 

		margin:0 auto; 

		min-width:1055px; 

		max-width:1055px; 

} 

 

 

.hasPagebar .content {padding-left:50px; padding-right:50px;} 

 

/*FullScreenBG*/ 

 

.bg, .bg img {
  left: 0;
  height: 100%;
  width: 100%;
  /* overflow: hidden; */
  position: absolute;
  top: 0;
  z-index: -20;
  margin:0;
}

 

#header { width:100%; /* margin-bottom:45px; */} 

 

/*Main*/ 

.main { width:100%; /* overflow: hidden; */ } 

 

.pagebar { 

		position:fixed; 

		top:240px; 

		left:0; 

		z-index:20; 

} 

 

.pagebar a { 

		display:block; 

		width:48px; 

		height:48px; 

		background: url(/ZDF/zdfportal/blob/776/16/data.blob) 0 0 no-repeat; 

		margin-bottom:1px; 

		color:#FA7D19; 

		cursor:pointer; 

} 



.pagebar a.inactive{ 

background: url(/ZDF/zdfportal/blob/28717122/6/data.png) 0 0 no-repeat; 

cursor:default; 

} 





.pagebar a:focus { border:1px inset;} 

 

.pagebar a.backtohome { background: url(/ZDF/zdfportal/blob/778/16/data.blob) 0 0 no-repeat; } 

 

/*Pagination*/ 

 

.infobox .paginator { overflow:hidden; }

.infobox .boxContent { display:block; } 

 

/* 

.content ul.pagination { margin: 0px 0 15px 0; } 

 

.content ul.pagination li { 

		margin:0; 

		list-style:none; 

		float:left; 

		display:inline; 

		font-size:12px; 

		margin-right:5px; 

		font-weight:bold; 

} 

.content ul.pagination li  a:focus { text-decoration:underline;} 

.content ul.pagination li.morespace { margin:0 0 0 100px; } 

 

.content ul.pagination li.pos-right { float:right;  } 

*/ 

 

/*************** 

 

CONTENT 

 

***************/ 

 

/*Global Contentrules*/ 

.content { 

    font-size: 0.9em; 

    line-height: 1.8em; 

    padding-bottom: 9em; 

} 

.content p, .content img, .content ul, .content ol { 

    margin: 0 0 1.5em; 

} 

.content ul li { 

    margin: 0; 

} 

.content ol li { 

    list-style-position: inside; 

    list-style-type: decimal; 

    margin: 0; 

} 

/*Link Classes*/ 

 

/*SPecial link to top of page */ 

.toTop {border-bottom: 1px solid #333333; margin-bottom: 8px;} 

 

/*top is a special case, it's uses only on page A-Z, without its own border-bottom*/ 

.top, 

.toTop a { 

	background-image: url(/ZDF/zdfportal/blob/756/16/data.png); 

	background-repeat: no-repeat; 

	background-position: right center; 

	padding: 0px 13px 0px 0px; 

	font-size: 12px; 

	font-weight: bold; 

	line-height: 18px; 

} 

 

.top:hover, .top:focus, 

.toTop a:hover, 

.toTop a:focus {background-image: url(/ZDF/zdfportal/blob/748/16/data.png);color: #fa7d19; text-decoration: none; } 

 

.right { 

		background:url(/ZDF/zdfportal/blob/744/16/data.png) 100% 46% no-repeat; 

		padding-right:8px; 

		text-decoration:none; 

} 

.right:hover, .right:focus,  

a:hover .right, a:focus .right { background:url(/ZDF/zdfportal/blob/674/16/data.png) 100% 46% no-repeat; color: #FA7D19; } 

 

.left { 

		background:url(/ZDF/zdfportal/blob/680/16/data.png) 0 46% no-repeat; 

		padding-left:8px; 

		text-decoration:none; 

} 

.left:hover, .left:focus,  

a:hover .left, a:focus .left { background:url(/ZDF/zdfportal/blob/682/16/data.png) 0 46% no-repeat; color: #FA7D19;  } 

 

/*close */ 

.closeSmall { display: block; width: 8px; height:8px; background: url(/ZDF/zdfportal/blob/780/16/data.png) no-repeat 0 0 transparent; } 

.closeSmall:hover { background: url(/ZDF/zdfportal/blob/782/16/data.png) no-repeat 0 0 transparent; } 

 

.icn_down a{ background:url(/ZDF/zdfportal/blob/746/16/data.png) 0 50% no-repeat; padding-left:12px; } 

.icn_down.closed a{background:url(/ZDF/zdfportal/blob/744/16/data.png) 2px 50% no-repeat;  } 

.icn_down strong a { text-decoration: none; } 

 

 

 

/*TXT Format*/ 

h1, h2, h3, h4, h5, h6 { line-height:1.1em; } 

 

h1 { 

		font-size:2em; 

		margin-bottom:0.5em; 

} 

 

h2 { 

		font-size:1.3em; 

		margin-bottom:0.5em; 

} 

 

h3 { 

		font-size:1.2em; 

		margin-bottom:0.5em; 

} 

 

h4 { 

		font-size:1.1em; 

		margin-bottom:0.2em; 

} 

 

h5 { 

		font-size:1em; 

		margin-bottom:0.2em; 

} 

 

h6 { 

		font-size:0.9em; 

		margin-bottom:0.2em; 

} 

 

 

.line { border-bottom:1px solid #b6b6b6; } 

 

.alignleft { 

		float:left; 

		margin-right:10px; 

} 

 

.alignright { float:right; } 

 

/*Videoplayer*/ 

object { 

		padding:0; 

		margin:0; 

} 

.flash_txt { overflow:hidden; padding:10px 0 0 10px;} 

.flash_txt_left { float:left; width:200px; font-size:12px; display:inline; margin-right:10px;} 

.flash_txt_right { float:left;} 

 

/*************** 

 

Forms 

 

***************/ 

 

label { 

		display:block; 

		margin-bottom:0.5em; 

} 

 

input.text, textarea { 

		color:#8d8d8d; 

		border:none; 

		padding:2px 5px 2px 5px; 

		margin: 0 0 1em 0; 

		width:187px; 

		height:20px; 

		background:#fff; 

		font: 0.8em/1em sans-serif; 

		-webkit-box-shadow: 0px 0px 5px #666; 

		-moz-box-shadow: 0px 0px 5px #666; 

		box-shadow: 0px 0px 5px #666; 

} 

 

textarea { 

		width: 400px; 

		height:145px; 

		resize:none; 

} 

 

input.radio, input.checkbox { 

		height:auto; 

		width:auto; 

		margin:0; 

} 

 

input.submit { 

		font-size:12px; 

		padding:0; 

		border:none; 

		cursor:pointer; 

		display:block; 

		padding:0 4px 2px; 

		width:170px; 

		height:20px; 

  line-height: 20px;

		color:#fff; 

		text-align:left; 

		background:transparent url(/ZDF/zdfportal/blob/784/16/data.png) 0 100% repeat-x; 

		background-position: 0 0px; 

		font-family: Arial, sans-serif; 

} 

	 

	input.submit:hover, 

	input.submit:focus { 

		background-position: 0px -21px; 

	} 

 

/*QuickSearch*/ 

.qsearch { margin-left:8px; float: left;} 

 

.qsearch input.text, .qsearch input.submit {  

	float:left; 

	color: #6a6a68;  

	height: 14px; 

	margin-bottom: 0px; 

	-webkit-box-shadow: none; 

	-moz-box-shadow: none; 

	box-shadow: none; 

	font-size: 12px; 

} 

 

.qsearch input { 

	width: 100px; 

    border-left: 1px solid #9B9B9B; 

    border-top: 1px solid #9B9B9B; 

    border-right: 1px solid #6A6A68; 

    border-bottom: 1px solid #6A6A68; 

} 

 

.qsearch input.submit { 

		float:left; 

		background:url(/ZDF/zdfportal/blob/786/16/data.png) 0 0 no-repeat; 

		width:20px; 

		height:20px; 

		padding:0; 

		text-indent:-999em; 

		font-size:0; 

		margin-left: 3px; 

		border: none; 

} 

	.qsearch input.submit:hover, 

	.qsearch input.submit:focus { 

		background-position: 0 -20px; 

	} 

 

/* Buttons */

.btn_arr {

 background-repeat: no-repeat;
 
 background-position: 0 0;
 
    color: #FFFFFF;
    
    display: block;
    
    font-size: 12px;
    
    height: 20px;
    
    line-height: 20px;
    
    padding: 0px 0 0 8px;
    
    text-decoration: none;

}

.btn_arr_70 {

 width: 62px;
 
 background-image: url(../png/btn_arr_70.png);

}

.btn_arr_120 {

 width: 112px;
 
 background-image: url(../png/btn_arr_120.png);

}

.btn_arr:hover , .btn_arr:focus  { background-position: 0 -29px; color: #ffffff; } 
 

/*Filter A-Z, EPG*/ 

.filter { 

		float:left; 

		width:176px; 

		margin-top:13px; 

} 



.sec_a-z .filter { margin-top: 10px; }

.filter.all{ margin-top: 35px;} 

.filter.last{ width: auto; margin-right: 1px;} 

 

.filter label { display:none; } 

 

.filter select { 

		width:170px; 

		margin-bottom:5px; 

} 

 

/*Filter Suchergebnis*/ 

.filter-search { 

		text-align:left; 

		display:block; 

		font-size:0.85em; 

		background: url(/ZDF/zdfportal/blob/788/16/data.blob) repeat-x scroll 0 100% #FBFBFB;  

		padding: 5px;  

} 

.sec_suchergebnis #content .cbox .icn_down{ font-size:1em; line-height:normal; padding:5px 0 2px 0px;} 

.sec_suchergebnis #content .cbox .icn_down a {font-weight:bold; font-size: 12px; } 

.sec_suchergebnis #content .cbox .icn_down a:hover, .sec_suchergebnis .cbox .icn_down a:focus, .sec_suchergebnis .cbox .icn_down a:active{ text-decoration:none;} 

.sec_suchergebnis #content .cbox  a.right:focus { text-decoration:underline;} 

.filter-search input.text { 

		width:100px; 

		-webkit-box-shadow: inset 0 0 5px #c3c3c3; 

		-moz-box-shadow: inset 0 0 5px #c3c3c3; 

		box-shadow: inset 0 0 5px #c3c3c3; 

		height:15px; 

		border:1px solid #333333; 

		font-size:1em; 

		color:#333333; 

		float:left; 

} 

 

.filter-search input.submit { 

		background:transparent url(/ZDF/zdfportal/blob/790/16/data.png) 0 0 no-repeat; 

		width:50px; 

		float:right; 

		margin-top:10px; 

		text-align: center; 

		padding:0px 0px 0px; 

  line-height: 20px; 

} 

.filter-search	input.submit:hover, 

.filter-search	input.submit:focus { 

		background-position: 0px -20px; 

	} 

 

.filter-search label { margin-top:2px; margin-bottom:2px;} 

 

.filter-search input.checkbox { 

		float:left; 

		margin:0 10px 0 0; 

} 

 

.filter-search a.right { 

		margin-top:10px; 

		margin-left: 13px; 

		display:inline-block; 

		font-weight: bold; 

} 

 

.filter-search p a.right { 

		float:right; 

		margin-top:0; 

} 

 

/*Timer/Miniepg*/ 

.timer input.checkbox { 

		float:left; 

		margin:0 10px 0 0; 

} 

 

.timer select { margin:0 0 0.5em 0; } 

 

 

/*************** 

 

Teaser/Slider 

 

***************/ 

 

.content .teaser { 

		width:100%; 

		position:relative; 

		line-height:1.2em; 

} 

 

.marker { 

		height: 4px; 

		line-height:0; 

		font-size:0; 

		width: 345px; 

		position: absolute; 

		bottom: 0; 

		display: block; 

		clear:both; 

		background: #fb7d19; 

		z-index:5; 

} 

 

/*1.Level*/ 

.content .teaser ul { 

		margin:0; 

		position:relative; 

		z-index:1; 

} 

 

.content .teaser ul li { 

		font-size:1.3em; 

		overflow:hidden; 

		font-family: sans-serif; 

} 

 

.content .teaser ul li, .content .teaser ul li a { 

		color:#fff; 

		margin:0 0 8px 0; 

		display:block; 

		list-style-type:none; 

		position:relative; 

		cursor: default; 

} 

 

.content .teaser ul li a { 

		margin:0; 

		text-decoration:none; 

		display:block; 

		cursor: default;  

} 

 

.content .teaser ul li .wrap { 

		display:block; 

		width:1055px; 

		margin:0 auto; 

} 

.content .teaser ul li .wrap a { 

		display: inline; 

outline:none;
padding-left: 15px;

} 

 

.content .teaser ul li h2.wrap { margin-bottom:8px; width:1080px; max-width: 1080px; }



.content .teaser ul li .wrap a:hover { 

		cursor: pointer; 

} 

 

.content .teaser ul li.activescope .wrap a:hover { 

		cursor: default; 

} 

 

.content .teaser ul li strong { 

		font-weight:normal; 

		color:#fff; 

		display:block; 

} 

 

/*active*/ 

.content .teaser ul li.activescope strong { 

		font-weight:bold; 

		margin-bottom:0.8em; 

} 

 

/* .content .teaser ul li.activescope a { font-weight:bold; } */ 

 

/*hover*/ 

/* .content .teaser ul li a:hover, .content .teaser ul li a:focus { font-weight:bold;} */ 

 

/*2.Level*/ 

 

.content .teaser ul li ul li { 

		font-size:1em; 

		color:#4e4e4e; 

		margin-bottom:0; 

		overflow:visible; 

} 

 

/**************************/ 

/*A R R O W S */ 

/**************************/ 

.teaser .arrow_l, .teaser .arrow_r { 

		display:block; 

		width:50px; 

		height:70px; 

		position:absolute; 

		top:130px; 

		background-image: url(/ZDF/zdfportal/blob/792/18/data.png); 

		background-repeat:no-repeat; 

		z-index:2; 

		cursor:pointer; 

} 

 

.teaser a.arrow_l { 

		left:10px; 

		background-position:0 0; 

		color:#ffffff; 

		overflow:hidden; 

} 

 

.teaser a.arrow_r { 

		right:10px; 

		background-position:-50px 0; 

		color:#ffffff; 

		overflow:hidden; 

} 

.teaser .arrow_l:focus, .teaser .arrow_r:focus { outline: none;} 

 

 

/*BACKGROUNDS*/ 

.gradientGreyBG{ 

	background: #dedede; 

	background: -moz-linear-gradient(top, #f7f7f7, #c3c3c3); 

	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#c3c3c3)); 

	background-image: -o-linear-gradient(#f7f7f7,#c3c3c3); 

		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#c3c3c3'); /* IE6,IE7 */ 

		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#c3c3c3')"; /* IE8 */} 

 

/*Teaserbox-Content*/ 

 

/*Ts Global*/ 

.content .teaserbox { 

		font-size:1em; 

		min-height:282px; 

		height:282px; 

		width:345px; 

		margin:0 10px 0 0; 

		margin-right: 10px; 

		background:#f6f6f6 url(/ZDF/zdfportal/blob/794/16/data.gif) 0 bottom repeat-x; 

		float:left; 

		text-decoration:none; 

		font-weight:normal;

  display: none; 

} 



.content .teaserbox:only-child { 

  display:block;

}



.content .teaserbox .teaserbox_top, .content .teaserbox .flash_box{ width:345px; height:195px;} 

.content .teaserbox .ts_txt { 

		line-height:1.2em; 

		color:#4e4e4e; 

		font-size:0.85em; 

		position:relative; 

		padding:4px 8px 0px 8px;; 

} 

 

.content .teaserbox strong, .content .teaserbox img { 

		margin:0; 

		color:#4e4e4e; 

} 

 

.gradientGreyBG { 

    background: -moz-linear-gradient(center top , #F7F7F7, #CCCCCC) repeat scroll 0 0 transparent; 

} 

 

/*Without Cols*/ 

.content .teaser .teaserbox h3 { 

		font-size:0.85em; 

		padding:15px 0 15px 15px; 

		margin-top:18px; 

		margin-bottom:1px; 

		font-weight:bold; 

		color:#4E4E4E; 

		line-height:1.2em; 

} 

.content .teaser .teaserbox h3 a { color:#4E4E4E; cursor: default; } 

 

.content .teaserbox .list { 

		height:165px; 

		background:#536976; 

		padding:25px 12px 5px 12px; 

		margin:0; 

		font-size:0.85em; 

} 

 

.content .teaserbox .listitem { 

		color:#fff; 

		background:url(/ZDF/zdfportal/blob/796/16/data.png) 50% 100% no-repeat; 

		margin-bottom:20px; 

		padding-bottom:2px; 

		font-size:0.85em; 

} 

 

.content .teaserbox .listitem small { font-size:0.7em;  white-space: nowrap;} 

 

/*With Cols*/ 

/*Ts Col Left*/ 

.content .ts_col_l { 

		width:245px; 

		height: 68px; 

		overflow: hidden; 

		border-right:2px solid #4e4e4e; 

		padding-right:5px; 

		font-size:0.85em; 

} 

.content .teaserbox .ts_txt h3 { font-size:15px; margin:0; padding:0; font-weight:normal;} 

 

.content .teaserbox h4 { 

		font-size:15px; 

		margin-bottom:1px; 

		font-weight:bold; 

		color:#4E4E4E; 

		line-height:1.2em; 

} 

.content .teaser .teaserbox h3 a, 

.content .teaser .teaserbox h4 { color:#4E4E4E; background:no-repeat right 4px; display:inline-block; padding-right:8px; cursor: default; } 

.content .teaser .teaserbox h3 a,

.content .teaser .teaserbox h4 a,

.content .teaser .teaserbox a h4 { background:url(/ZDF/zdfportal/blob/744/16/data.png) no-repeat right 4px; } 

.content .teaser .teaserbox h3 a { background-position: right 5px; cursor: default; } 

.content .teaserbox p { 

		font-size:11px; 

		line-height:1.3em; 

		margin-bottom:0; 

		height: 30px; 

		overflow: hidden; 

} 

 

/*Ts Col Right*/ 

.content .teaserbox .ts_col_r { 

		position:absolute; 

		top:0; 

		right:0; 

		width:78px; 

		padding:30px 0 0 10px; 

		line-height:1.4em; 

		font-size:0.85em; 

} 

.content .ts_col_r .moon { 
margin-left: -3px;  
} 

/*logos as backgrounds are used on homepage-teaser AND suchergebnis-teaser*/ 

.on_zdf { background:url(/ZDF/zdfportal/blob/716/16/data.png) 10px 12px no-repeat; } 

.on_zdf_neo { background:url(/ZDF/zdfportal/blob/718/16/data.png) 10px 14px  no-repeat; } 

.on_zdf_info { background:url(/ZDF/zdfportal/blob/720/16/data.png) 10px 14px  no-repeat; } 

.on_zdf_kultur { background:url(/ZDF/zdfportal/blob/722/16/data.png) 10px 14px  no-repeat; } 

.on_zdf_heute { background:url(/ZDF/zdfportal/blob/798/16/data.png) 10px 14px  no-repeat; } 

.on_zdf_mediathek { background:url(/ZDF/zdfportal/blob/800/16/data.png) 10px 14px  no-repeat; } 

.on_zdf_sport { background:url(/ZDF/zdfportal/blob/802/16/data.png) 10px 14px  no-repeat; } 

.on_dlf { background:url(/ZDF/zdfportal/blob/804/16/data.png) 10px 14px  no-repeat; } 

.on_dlrkult { background:url(/ZDF/zdfportal/blob/806/16/data.png) 10px 14px  no-repeat; } 

.on_zdf_3sat { background:url(/ZDF/zdfportal/blob/1594/16/data.png) 10px 14px  no-repeat; }
.on_zdf_arte { background:url(/ZDF/zdfportal/blob/1598/16/data.png) 10px 14px  no-repeat; }
.on_zdf_kika { background:url(/ZDF/zdfportal/blob/1596/18/data.png) 10px 14px  no-repeat; }
.on_zdf_phoenix { background:url(/ZDF/zdfportal/blob/1600/16/data.png) 10px 14px  no-repeat; }

 

.content .teaserbox .ts_col_r strong { 

		font-size:1.4em; 

		font-weight:bold; 

		color:#4E4E4E; 

		margin:0; 

} 

 

.content .teaserbox.in_view a.ts_txt:hover h4, 

.content .teaserbox.in_view a.ts_txt:focus h4, 

.content .teaserbox.in_view > h3 a:hover, 

.content .teaserbox.in_view > h3 a:focus  { text-decoration:underline; cursor: pointer; } 

 

.content .teaserbox.in_view a:hover { cursor: pointer; } 

 

 

/*Layerbox Content*/ 

.epg_layer_holder .layer .close { margin-bottom: 10px; margin-top: 1px; cursor: pointer; } 

 

.epg_layer_holder .layer { font-size:12px; line-height:1.3em; margin:0; color: #333333 !important; display:none;} 

.epg_layer_holder .layer { -webkit-box-shadow: 0px 0px 5px #666; -moz-box-shadow: 0px 0px 5px #666; box-shadow: 0px 0px 5px #666; /* height:466px;  */height: 486px; background:#fff; position:absolute; /* top:-480px; */ top:-494px; left:0; } 

.epg_layer_holder .layer li { padding:7px; width:270px; /* height:452px; */ height: 480px; background:#F6F6F6; z-index:2; position:relative; overflow: hidden; } 

.epg_layer_holder .layer p a { border:none; height:auto!important; font-size:1em; display:inline-block; font-weight:bold; color:#FA7D19; text-decoration: none;} 

.epg_layer_holder .layer p a:hover { border:none; height:auto!important; font-size:1em; display:inline-block; font-weight:bold; color:#FA7D19; text-decoration: underline;} 



.epg_layer_holder .layer p { margin:0 0 .5em 0; } 

.epg_layer_holder .layer p.kicker { margin-top:3px; margin-bottom:3px; } 
.epg_layer_holder .layer .addinfo { margin-top:6px; margin-bottom:3px; display:block; }
.epg-horizontal .epg_layer_holder .layer .addinfo { margin-left:-4px; } 
.epg_layer_holder .layer p.title { color:#FA7D19; font-weight:bold !important; font-size:14px; margin-top:3px; margin-bottom:3px; } 
.epg_layer_holder .layer p.subtitle {  margin-top:3px; margin-bottom:3px; font-weight:bold !important; } 

 

.epg_layer_holder .layer .linkbutton{ line-height:20px; margin: 8px 0px 10px; } 

.epg_layer_holder .layer .linkbutton a.inactivLivestreamLink:hover { background-position:0px 0px; }



.epg_layer_holder .layer .linkbutton a.inactivLivestreamLink { display:block; float: left; background:url(/ZDF/zdfportal/blob/25774734/7/data.png) left 0 no-repeat; width:97px; height:20px; text-decoration:none; color:#fff; padding:0px 10px 0px 6px; font-weight:normal; font-size:12px; line-height: 20px; margin-right: 5px;}

.epg_layer_holder .layer .linkbutton a { display:block; float: left; background:url(/ZDF/zdfportal/blob/628/17/data.png) left 0 no-repeat; width:97px; height:20px; text-decoration:none; color:#fff; padding:0px 10px 0px 6px; font-weight:normal; font-size:12px; line-height: 20px; margin-right: 5px;} 

.epg_layer_holder .layer .linkbutton a:hover, 

.epg_layer_holder .layer .linkbutton a:focus { background-position:left -29px; } 

 

 

/*Styling Selectfelder JS - MiniEpg*/ 

.epg_layer_holder .layer .dropdown_wrap { margin:0 5px 5px 0; float:left; } 

.epg_layer_holder .layer .dropdown_wrap a { color:#fff; font-weight:normal; } 

.epg_layer_holder .layer li a.dropdown { padding:3px 5px 2px 5px; width:100px; display:inline-block; text-decoration:none; line-height:15px;background: url(/ZDF/zdfportal/blob/808/16/data.png) no-repeat right 0 transparent; } 

.epg_layer_holder .layer li a.dropdown:hover { background-position: right -21px;} 

 

/*Safari*/ 

/* 

@media screen and (-webkit-min-device-pixel-ratio:0) { 

	.epg_layer_holder .layer a.dropdown { 

	 padding:3px 5px; 

	} 

} 

*/ 

 

.epg_layer_holder .layer li ul.dropdown_list { background:#333!important; border:1px solid #a5a5a5; margin:0!important; } 

.epg_layer_holder .layer li ul.dropdown_list li { line-height:1em!important; background:#333!important; padding:5px 5px!important; width:auto; min-width:100px!important; height:auto!important; float:none; display:block; } 

.epg_layer_holder .layer ul.dropdown_list li a { color:#fff; display:block!important; } 

.epg_layer_holder .layer ul.dropdown_list li a:hover, 

.epg_layer_holder .layer ul.dropdown_list li a:focus { color:#fb7d19; } 

 

/*Styling Checkboxen JS - MiniEpg*/ 

.epg_layer_holder .layer .timer span.checkbox { float:left; } 

/* 

.epg_layer_holder .layer .right { padding-right:10px; margin-right:20px; color:#666666; background:url(/ZDF/zdfportal/blob/744/16/data.png) 100% 46% no-repeat; padding-right:8px; text-decoration:none; } 

.epg_layer_holder .layer .right:hover { background:url(/ZDF/zdfportal/blob/674/16/data.png) 100% 46% no-repeat; color: #FA7D19;} 

*/ 

 

/*Timer/Miniepg*/ 

.epg_layer_holder .layer .timer label { margin-top:3px; } 

.epg_layer_holder .layer .timer input.checkbox {float:left;margin:0 10px 0 0;} 

.epg_layer_holder .layer .timer select { margin:0 0 0.5em 0; } 

 

/*temporaryInfolayer*/ 

.temporaryInfolayer .layer {/* height:416px; */ height: 500px; } 

.temporaryInfolayer .layer li {/* height:402px; */ height: 486px; } 

.temporaryInfolayer form.timer { display: none;} 



/***************

A-Z

***************/
ul.jumper { padding:7px 0 0 0; }

ul.jumper li {
  display:inline;
  float:left;
  line-height:1.85em;
  font-size:2em;
  color:#b3b3b3;
  margin-right:10px;

}

ul.jumper li a {
  display:block;
  text-decoration:none;
  color:#666666;
}

ul.jumper li a.active {
  color:#fa7d19;
  font-size:1.6em;
  font-weight:bold;
  line-height:1em;
}

 

/*Styling Selectfelder JS - A-Z*/ 

 

.dropdown_wrap { line-height:100%; } 

.sec_a-z .dropdown_wrap {
    margin-bottom: 5px;
}

.dropdown_wrap a { 

		font-size:12px; 

		color:#fff; 

} 

 

a.dropdown { 

padding:0px 5px 0px; 

  width:160px; 

  height: 20px; 

  display:inline-block; 

  text-decoration:none; 

  line-height:20px; 

		background: transparent url(/ZDF/zdfportal/blob/810/16/data.png) 100% 0 no-repeat; 

		vertical-align: middle; 

} 

a.dropdown:hover, a.dropdown:focus { background-position: 0 -21px; outline: none; border:0;} 

 

/*Safari*/ 

@media screen and (-webkit-min-device-pixel-ratio:0) { 

a.dropdown { 

/*  padding:3px 5px;  */

} 

} 

 

ul.dropdown_list { 

		background:#333; 

		border:1px solid #a5a5a5; 

} 

 

ul.dropdown_list li { 

		line-height:1em; 

		padding:5px 5px; 

		list-style-type: none; 

		margin:0; 

} 

 

ul.dropdown_list li a { 

		color:#fff; 

		text-decoration:none; 

		line-height:1em; 

		display:block; 

} 

 

ul.dropdown_list li a:hover, ul.dropdown_list li a:focus { color:#fb7d19;} 

 

/*************** 

 

Suchergebnis 

 

***************/ 

 

.col_l { 

		float:left; 

		width: 660px; 

		margin-right:5px; 

		display:block; 

} 

 

.col_r { 

 		float:left;  

		width: 382px; 

		display:block; 

} 

.cbox_wrap {position: relative; padding: 0px 10px 5px 0px;line-height:0.95em;} 

 

/*this stye applies also to regular cbox, not just the suchergebnis cboxes*/ 

.cbox { 

		/* background:#FBFBFB url(/ZDF/zdfportal/blob/788/16/data.blob) 0 100% repeat-x; */ 

		padding:0px; 

		margin-bottom:15px; 

		position:relative; 

} 

 

/*suchergebnis cbox is wrapped, should also have class maximize which will init the hover effect*/ 

.cbox_wrap .cbox { margin-bottom:4px; overflow: hidden; padding: 5px; } 

.cbox_wrap .cbox.last { margin-bottom:0; } 

.cbox_wrap .cbox p.desc { display: none; } 

/* 

#content .cbox_wrap .cbox h3,  

#content .cbox_wrap .cbox h4 {margin-bottom: 4px;line-height: 0.95em;} 

*/ 

#content .cbox_wrap .cbox .col_l img { width:80px; height:45px;} 

#content .cbox_wrap .cbox .col_r img { display: block; float: none; margin:3px 0px;} 

#content .cbox_wrap .cbox .col_r img.moon { display: inline; margin: 0px; }



.cbox_wrap .cbox_title { font-size:0.9em; line-height: 20px; margin-bottom: 2px; position: relative;} 

 

.cbox_wrap .cbox_title a.left { padding-right: 10px;} 

 

.cbox_wrap .cbox_title .filter {float: right; margin:0 0 5px; width: 170px;} 

.cbox_wrap .cbox_title .searchsort .dropdown_wrap {margin-bottom: 0;} 

.cbox_wrap .cbox_title .searchsort .dropdown { width: 160px; background-image: url(/ZDF/zdfportal/blob/810/16/data.png); padding: 0px 5px 0px;} 

 

#content .cbox p, #content .cbox_wrap p { margin-bottom:0.5em; } 

#content .cbox p.kicker, #content .cbox_wrap p.kicker { margin-bottom:1px; } 

#content .cbox .filterbox { margin:8px 0px; } 

#content .cbox .filterbox p { margin-bottom:0; margin-left: 13px;} 

 #content .cbox .filterbox img { margin: 2px 0px 0px 0px;} 

.sec_suchergebnis #content .cbox_wrap .small_icon_link { 

display:inline-block; cursor:pointer; color:#ffffff;

margin-top: 2px;

}

 

.cbox .col_l { 

		float:left; 

		width:	77%; 

		border-right:2px solid #b3b3b3; 

		margin-right:5px; 

		padding-right:5px; 

		min-height:45px; 

} 

 

.cbox .col_r { 

		float:right; 

		width:	120px; 

} 

 

.cbox .black .col_l { border-right:2px solid #fff; } 

 

.content .cbox p.desc, .content .cbox span.desc, 

.content .cbox_wrap p.desc, .content .cbox_wrap span.desc  { font-size:12px; margin-top:4px;} 

 

/*suchergebnis boxen minimize/maximize*/ 

#content .cbox_wrap .max { height: 95px; } 

/*TODO-610 done #content .cbox_wrap .max:hover {border-top :4px solid #fb7d19; border-bottom :4px solid #fb7d19;}*/ 

#content .cbox_wrap .max:hover .col_l { border-right:2px solid #fb7d19;} 

#content .cbox_wrap .max:hover .col_r { color: #fb7d19;} 

 

#content .cbox_wrap .max:hover .on_zdf { background-image: url(/ZDF/zdfportal/blob/578/16/data.png);} 

#content .cbox_wrap .max:hover .on_zdf_neo { background-image: url(/ZDF/zdfportal/blob/580/16/data.png);} 

#content .cbox_wrap .max:hover .on_zdf_kultur { background-image: url(/ZDF/zdfportal/blob/582/16/data.png);} 

#content .cbox_wrap .max:hover .on_zdf_info { background-image: url(/ZDF/zdfportal/blob/584/16/data.png);} 

#content .cbox_wrap .max:hover .on_zdf_heute { background-image: url(/ZDF/zdfportal/blob/814/16/data.png);} 

#content .cbox_wrap .max:hover .on_zdf_mediathek { background-image: url(/ZDF/zdfportal/blob/816/16/data.png);} 

#content .cbox_wrap .max:hover .on_zdf_sport { background-image: url(/ZDF/zdfportal/blob/818/16/data.png);} 

#content .cbox_wrap .max:hover .on_dlf { background-image: url(/ZDF/zdfportal/blob/5983920/15/data.png); } 

#content .cbox_wrap .max:hover .on_dlrkult { background-image: url(/ZDF/zdfportal/blob/5983910/15/data.png); } 

#content .cbox_wrap .max:hover .on_zdf_3sat { background-image: url(/ZDF/zdfportal/blob/5983912/15/data.png);}
#content .cbox_wrap .max:hover .on_zdf_arte { background-image: url(/ZDF/zdfportal/blob/5983914/15/data.png);}
#content .cbox_wrap .max:hover .on_zdf_kika { background-image: url(/ZDF/zdfportal/blob/5983916/17/data.png); }
#content .cbox_wrap .max:hover .on_zdf_phoenix { background-image: url(/ZDF/zdfportal/blob/5983918/15/data.png); }



 

#content .cbox_wrap .max .col_l img { height: 73px; width :130px; margin-bottom: 20px; } 

#content .cbox_wrap .max .col_l .desc { display: block; } 

#content .cbox_wrap .min { height: 50px; border: 0; } 

#content .cbox_wrap .min .col_l img { height: 45px; width :80px; } 

#content .cbox_wrap .min .col_l .desc { display: none; } 

 

 

.white { background:#fff; } 

 

.black { background:#999999; color:#fff;} 

 

.grey { background:#c3c3c3; } 

 

.grey .line { border-bottom:1px solid #333333; } 

 

span.addinfo { 

		font-size:0.6em; 

		text-transform:uppercase; 

		background:#666; 

		color:#fff; 

		text-align:center; 

		/* padding:2px 3px 1px 3px; */ 

		padding:2px 3px 0px; 

		display:inline-block; 

		line-height:1.1em; 

		margin-bottom:.5em; 

		margin-right:1px; 

		font-weight: normal; 

} 

 

/*Styling Checkbox JS - Suchergebnis*/ 

 

.checkbox { 

		height: 12px; 

		width: 13px; 

		float:left; 

		margin: 2px 5px 0 0; 

		padding: 0; 

		background: url(/ZDF/zdfportal/blob/820/16/data.png) 0 0 no-repeat; 

		cursor: default; 

		text-align:left; 

		display:block; 

} 

 

.checkbox input.checkbox, .radio input.radio { background:none; *position:relative; *top:-4px; *left:-2px;  } 

 

.checkbox input.show, .radio input.show { display: inline; } 

 

.selected { background-position: 0 -52px; } 

 

/*Grabber/Slider EPG*/ 

.ui-slider { 

		position: relative; 

		text-align: left; 

} 

 

.ui-slider .ui-slider-handle { 

		position: absolute; 

		z-index: 2; 

		width: 1.2em; 

		height: 1.2em; 

		cursor: default; 

} 

 

.ui-slider .ui-slider-range { 

		position: absolute; 

		z-index: 1; 

		font-size: .7em; 

		display: block; 

		border: 0; 

		background-position: 0 0; 

} 

 

.ui-slider-horizontal .ui-slider-handle { 

		top: 0; 

		margin-left: -34px; 

} 

 

.ui-slider-horizontal .ui-slider-range { 

		top: 0; 

		height: 100%; 

} 

 

.ui-slider-horizontal .ui-slider-range-min { left: 0; } 

 

.ui-slider-horizontal .ui-slider-range-max { right: 0; } 

 

 

/* ADDED KFU kathrin.furtlehner@inostudio.de */ 

.swipe { 

	position: relative; 

	z-index: 3; 

} 

 

.fleft { 

	float: left;	 

} 

 

.fright { 

	float: right; 	 

} 

 

.textlabel { 

	float: left; 	 

	margin-right: 4px; 

	background-color: #666666; 

	color: #fff; 

	text-transform: uppercase; 

	white-space: nowrap; 

	text-align: center; 

/*

    font-size: 10px;

    line-height: 13px;

    padding: 2px 3px 0px; */

    display: inline-block;

    text-decoration: none !important;

    /*Besser*/
   font-size: 10px;

    line-height: 11px;     
    height: 10px;

    padding: 1px 3px;      

} 

 

.urls .textlabel { 

	line-height: 11px; 

   /*  padding: 3px 3px 1px; */ 

 float:none;
 
 margin-right:0;

} 

 

.urls .copytext { color: #333333; }

 

.sec_epg-horiz .lmono, 
.sec_epg-horiz .lvod, 

.sec_epg-horiz .l16_9, 

.sec_epg-horiz .lhd, 

.sec_epg-horiz .l5_1, 

.sec_epg-horiz .lsubtitle, 

.sec_epg-horiz .laudiofilm, 

.sec_epg-horiz .lchat, 

.sec_epg-horiz .llivestream, 

.sec_epg-horiz .lomu, 

.sec_epg-horiz .ldolby, 

.sec_epg-horiz .ltwochannels, 

.sec_epg-horiz .lpic, 

.sec_epg-horiz .larticle, 

.sec_epg-horiz .lvideo, 

.sec_epg-horiz .linteractive, 

.sec_epg-horiz .lforum, 

.sec_epg-horiz .ltipp, 

.sec_epg-horiz .lblackwhite { 

	margin-left: 4px; 

	margin-right: 0px;	 

} 

 

.nomarginright { 

	margin-right: 0px !important;	 

} 

 

.lmono img,
.lvod img, 

.lhd img, 

.l5_1 img, 

.lsubtitle img, 

.lchat img, 

.laudiofilm img, 

.ldolby img, 

.ltipp img, 

.ltwochannels img, 

.lomu img, 

.llivestream img, 

.l16_9 img, 

.lblackwhite img  { 

	margin-bottom: 0 !important; 

} 

 

.l16_9 { 

	width: 26px; 

	height: 12px; 

	float: left; 

	margin-right: 4px; 

} 

 

.lhd{ 

	width: 21px; 

	height: 12px; 

	float: left; 

	margin-right: 4px; 

} 

 

.l5_1 { 

	width: 21px; 

	height: 12px; 

	float: left; 

	margin-right: 4px; 

} 

 

.lsubtitle { 

	width: 22px; 

	height: 12px; 

	float: left; 

	margin-right: 4px; 

} 

 

.llivestream { 

	width: 66px; 

	height: 12px; 

	float: left; 

	margin-right: 4px; 

} 

 

.lchat { 

	width: 33px; 

	height: 12px; 

	float: left; 

	margin-right: 4px; 

} 

 

.laudiofilm { 

	width: 22px; 

	height: 12px; 

	float: left; 

	margin-right: 4px; 

} 

 

.ltwochannels { 

	width: 15px; 

	height: 12px; 

	float: left; 

	margin-right: 4px; 

} 

 

.ldolby { 

	width: 16px; 

	height: 12px; 

	float: left; 

	margin-right: 4px; 

} 

 

.lomu { 

	width: 30px; 

	height: 12px; 

	float: left; 

	margin-right: 4px; 

} 

 

.ltipp { 

	width: 28px; 

	height: 12px; 

	float: left; 

	margin-right: 4px; 

} 

 

.lblackwhite { 

    float: left; 

    height: 12px; 

    margin-right: 4px; 

    width: 14px; 

} 

.lmono { 

 width: 43px; 

 height: 12px; 

 float: left; 

 margin-right: 4px; 

} 

.lvod{ 

 width: 32px; 

 height: 12px; 

 float: left; 

 margin-right: 4px; 

 }

/*new COUNTDOWN stuff*/ 

 

 

/*in USE*/ 

.countdown.ct3_1 { 

	width: 404px; 

	height: 74px; 

} 

.countdown.ct3_2 { 

	width: 404px; 

	height: 152px;	 

} 

 

.countdown.ct4_1 { 

	width: 540px; 

	height: 74px; 

} 

.countdown.ct4_2 { 

	width: 540px; 

	height: 152px;	 

} 

.ct3_1 .countdownInner .countdownTimer, 

.ct3_2 .countdownInner .countdownTimer, 

.ct4_1 .countdownInner .countdownTimer, 

.ct4_2 .countdownInner .countdownTimer { 

    min-width: 100%; 

} 

 

.countdown.fullsize { 

	width: 100%; 

	margin:0; 

} 

 

/* ohne Bild*/ 

 

.countdown { 

	float: left; 

	width: 100%;	 

	position: relative; 

	margin-right: 4px; 

	margin-bottom: 4px; 

} 

.countdown h2 	{ float: none; font-size: 18px; line-height: 20px; font-weight: bold; margin-bottom: 4px;  color: #333333; white-space: nowrap; } 

.countdown p	{ font-size: 14px;font-weight: normal;margin:0;padding-bottom: 8px; float:left;} 

.countdown p.countdownTimer{ white-space: nowrap; padding-bottom: 4px;} 

.countdown .timer{font-size: 30px; font-weight: bold; margin-right: 5px;line-height: 30px; color: #FA7D19; } 

.countdown a	{ text-decoration: none; font-weight: bold; background-position: right 2px;} 

.countdown a:hover{color: #FA7D19;background-position: right 2px;} 

.countdownInner {padding:8px; overflow: hidden;} 

 

/* mit Bild*/ 

 

.hasCountdown {position: relative; } 

.hasCountdown .countdown{ 

	position: absolute; 

	bottom:0;  

	left:0; 

	margin:0; 

	margin:0; 

	float: none; 

	overflow: hidden; 

}	 

 

.hasCountdown .countdown h2{ float:left; margin-right: 7px; font-size: 14px; margin-top:7px; line-height: 16px; color: #333333;} 

.hasCountdown .countdown .timer{font-size: 24px; line-height: 24px; } 

.fullsize > .countdownInner >  p.textAfterCountdown{ margin-top: 13px; margin-left: 5px;} 

.kachelVisual > .countdownInner >  p.countdownTimer{ min-width: 100%;} 

 

/*Exceptions*/ 

.teaserbox_top .countdown h2,  

.pic3_3 .countdown h2, .pic4_3 .countdown h2{ float:none; margin-top:0 !important;} 

.countdown.fullsize h2{ float:left; margin-top:8px; margin-right: 10px;} 

/*ex marginalspalte*/ 

#article-marginal .countdown {  margin: 0 0 40px 0 !important; float: none; } 

#article-marginal .countdown .timer{font-size: 24px; line-height: 24px; } 

/*ex home*/ 

.teaserbox_top .countdown .timer {font-size: 21px; line-height: 21px; margin-right: 4px;} 

 

/*********************************************** 

 * T I T L E- H E A D E R 

 ***********************************************/ 

.titleheader { margin: 0 auto; height: 85px; max-width: 1084px;padding-top:20px; position: relative; }

.sec_suchergebnis .titleheader { height: 110px; }

.sec_home .titleheader { height: 140px; }

.sec_a-z .titleheader_wrap { position: fixed; width: 100%; z-index:2; margin-top: 46px;}   

 

/*******************/ 

/* MAINZELM�NNCHEN */ 

/*******************/ 

.loner { float: right; } 

.mainzel { position: absolute; right: 0; float: none; min-width: 240px; height: 134px; text-align: left; line-height: 1em; font-size: 13px; } 

.mainzel img { margin:0;} 

#mainzelDesc a:hover,
#mainzelDesc a:focus {text-decoration:underline;}

#mainzelDesc { 

	height:50px; 

	position: absolute; 

	top: 15px; 

	right: 85px; 

	width:100px; 

	margin-right:0!important; 

	z-index:8; 

	display: block; position: absolute; 

                  display:none;

} 

#mainzelDesc a { text-decoration:none; font-weight: bold; line-height:16px; font-size: 13px; } 

 

.mainzelPopup { position: absolute; top:9px; right: 82px; z-index: 400; padding:8px; display: none; 	 

	-moz-box-shadow: 2px 2px 5px #444; 

	-webkit-box-shadow: 2px 2px 5px #444; 

	box-shadow: 2px 2px 5px #444;} 

.mainzel .open {display: block;} 

.mainzel a.close { display: block; width: 16px; height: 16px; background: url(/ZDF/zdfportal/blob/822/16/data.png) no-repeat center center; position: absolute; top: -22px; right:0px; } 

.mainzel a.close:hover, 

.mainzel a.close:focus { background: url(/ZDF/zdfportal/blob/824/16/data.png) no-repeat center center; } 

.mainzelPopup .textlayer { width: 280px; height: 138px; padding: 8px; margin:0; line-height: 1.45em; font-weight: bold;} 

.mainzelPopup .videolayer h4 { font-size: 17px; line-height: 1.5em; font-weight: bold; margin:0; color:#757575;} 

.mainzelPopup .videolayer p{ margin:0; } 

 

.mainzelPopup{ background-color:#fff !important; } 

.mainzelPopup, .sec_a-z .mainzelPopup h4 {color: #757575; } 

 

#mainzelDesc a, 

.mainzel a:hover, 

.mainzel a:focus {color:#FA7D19;} 

 /* GENERAL shadow for popups */

.popup-shadow {  
 
 -moz-box-shadow: 0px 0px 6px #666666; 

 -webkit-box-shadow: 0px 0px 6px #666666; 

 box-shadow: 0px 0px 6px #666666; 
 
 background-color: #F6F6F6;
 
 z-index: 100;
 
}

/* print popup */

.popup-print {

 position: absolute;
 
 top: -24px;
 
 left: -24px;
 
 padding: 10px 12px;
 
 display:none;
}

.popup-print a {

 white-space: nowrap;
}



/***********/

/* WEATHER */

/***********/

.weather { 
 
 font-size:13px; 
 
 position: absolute; 
 
 z-index: 300; 
 
 width: 240px; 
 
 bottom: 25px; 
 
 right:0px; 
 
}

.weather .weather-icon { 

 margin-right:4px; 
 
 float: left; 
 
 border-radius: 2px; 
 
 overflow: hidden;
 
 height: 20px;
 
 width: 26px;
 
 display: block;
}

.weather .dd { 
 
 width: 210px; 
 
 height: 20px; 
 
 line-height: 20px;
 
 display: inline-block; 
 
 background: url(/ZDF/zdfportal/blob/28717124/6/data.png) no-repeat transparent 0 0;
 
 overflow: hidden;
 
 color: #ffffff; 
 
 text-decoration: none;
 
 outline: none;
 
 border:0; 
}

.weather .dd:hover { background-position: 0px -21px; }

.weather .dd.open { background-position: 0px -21px; }

.weather .dd span { line-height: 20px; padding-left: 8px; }

.weather .dd span + span { padding-left: 6px; }

.weather .arrow_r {

 position: absolute;
 
 right:0;
 
 bottom: -20px;

 color: #ffffff;
 
 font-weight: bold;
 
 background: url(/ZDF/zdfportal/blob/28717126/6/data.png) right center no-repeat transparent;
  
 display: inline-block;
 
 text-decoration: none;
 
 font-size: 14px;
 
 padding-right: 8px;
}

.weather .arrow_r:hover {

 background: url(/ZDF/zdfportal/blob/28717128/6/data.png) right center no-repeat transparent;
 
}

.weather .customScroller {

 height: 230px; 
 width: 210px; 
 position: absolute; 
 z-index: 300; 
 top: 15px; 
 right:0; 
 display: none; 

 margin-top:8px;

 -moz-box-shadow: 2px 2px 5px #444;

 -webkit-box-shadow: 2px 2px 5px #444;

 box-shadow: 2px 2px 5px #444;

}

.weather ul { 

 margin:0; 
 padding:0; 
 list-style: none; 
 width: 195px; 
 display: block;
 background-color: #ffffff; 
}

.weather ul li { 

 padding: 3px; 
 margin: 0px 5px; 
 border-bottom: 1px dotted #757575;
}

.weather ul li a { 

 display: block; 
 width: 100%;
 text-decoration: none; 
 line-height: 16px;
}

/*******************/ 

/* SENDERLOGOS	 */ 

/*******************/ 

 

.senderlogos { margin: 35px 0 0 15px;} 

.senderlogos li { 

    float: left; 

    list-style: none outside none; 

    margin: 0 30px 0 0; 

    padding: 0; 

} 

.senderlogos li:last-child { margin-right: 0; }

 

.senderlogos a { display: block; height:50px; background: url(/ZDF/zdfportal/blob/826/23/data.png) no-repeat 0 0; } 

.senderlogos a:focus, .senderlogos a:active { outline:none; } 

 

.senderlogos .logo_zdf {background-position: 0 0; width: 87px; } 

.senderlogos .logo_zdf:hover, .senderlogos .logo_zdf:focus, .senderlogos .active .logo_zdf { background-position: 0 -51px; } 

 

.senderlogos .logo_zdfneo { background-position: -94px 0; width: 99px; } 

.senderlogos .logo_zdfneo:hover, .senderlogos .logo_zdfneo:focus, .senderlogos .active .logo_zdfneo { background-position: -94px -51px;} 

 

.senderlogos .logo_zdfkultur {background-position: -202px 0; width: 132px;} 

.senderlogos .logo_zdfkultur:hover, .senderlogos .logo_zdfkultur:focus, .senderlogos .active .logo_zdfkultur { background-position: -202px -51px;} 

 

.senderlogos .logo_zdfinfo {background-position: -343px 0; width: 103px;} 

.senderlogos .logo_zdfinfo:hover, .senderlogos .logo_zdfinfo:focus, .senderlogos .active .logo_zdfinfo {background-position: -343px -51px;} 

 

  

/*******************/ 

/* MERKLISTE, defines how the links that open merkliste or versenden box will look, when acitve */ 

/*******************/ 

  

.merklisteOrange { 

	color: #fa7d19 !important; 

	background-image: url(/ZDF/zdfportal/blob/3312/15/data.png) !important; 

} 

 

 

/*  

 * for PBE span 

 */ 

.pbenodisplay { 

	display: none 

} 

.rasterElementEmptyDiv{
 width: 1px; 
 bottom: -100px; 
 position: absolute;
 height: 100px;
}

#article-marginal .picteaser-marginal .countdownMain{

margin-bottom: 0 !important;

}

.content .teaser .countdownLink{
 display: inline;
}

small { font-size: 10px; line-height:10px;}

#article-marginal .picteaser-marginal .picteaserMarginalClass img{
 width: 100%;
}

.archive_left{width:660px;}
.archive_right{width:382px;}



/***********************************************

 * ERSATZ FLASH

 ***********************************************/

.ersatzFlash { padding-bottom: 10px; overflow: hidden; height: auto;  }

.ersatzFlash.semi,

.ersatzFlash.whitebg,

#content .ersatzFlash.semi,

#content .ersatzFlash.whitebg {

 background: none transparent;
 
 filter: none; 
 
 -ms-filter: none; 
}

.ersatzFlashBig { width: 660px; }

.ersatzFlashMedium { width: 404px; margin:10px 15px 10px 0px; float:left; }

.ersatzFlash > div > h3 { 

 border-bottom: 1px solid #A8A8A8;
    
    color: #333333;
    
    font-size: 16px;
    
    line-height: 20px;
    
    padding-bottom: 4px;
    
    font-weight: bold;
    
}

.ersatzFlash .boxDetail{ padding: 0px 16px 10px;}

.ersatzFlash .ui-accordion-header {

 margin: 0; 

 padding: 2px 8px; 

 font-size: 14px; 

 line-height: 20px; 

 color: #333333; 
 
 font-weight: bold;
 
 border:0;
 
 border-radius: 0;
 
 position: relative;

}

.ersatzFlash .ui-accordion-header:hover{  color: #fa7d19; cursor: pointer; }

.ersatzFlash .ui-accordion-content,

.ersatzFlash .ui-accordion-header {

 background: #dedede; 

 background:  -moz-linear-gradient(top, #f7f7f7, #c3c3c3); 

 background:  -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#c3c3c3));  

 background-image: -o-linear-gradient(#f7f7f7,#c3c3c3); 

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#c3c3c3'); /* IE6,IE7 */ 

 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#c3c3c3')"; /* IE8 */ 

}

.ersatzFlash .ui-accordion-content .player { position:relative; }

.ersatzFlash .ui-accordion-header.ui-state-active {

 color: #fa7d19;
 
 background: #f7f7f7;
 
 padding-top: 4px;
 
}

.ersatzFlash .ui-accordion-content{ 
 
 border:0; 
 
 border-radius:0; 
 
 color: #333333;
 
 border-bottom: 4px solid #FA7D19;
 
 padding: 8px 9px 20px;
 
 font-size:14px; 
 
 line-height:20px; 
}

#content .ersatzFlash .ui-accordion-content img { margin-bottom: 7px; margin-right: 10px; float: left; }

#content .ersatzFlash .ui-accordion-content p { margin: 0px 0px 10px; padding:0; }

#content .ersatzFlash .ui-accordion-content a { text-decoration: underline; color: #333333; }

#content .ersatzFlash .ui-accordion-content a:hover { color: #fa7d19; }

#content .ersatzFlash .ui-accordion-content ul { margin:0px 0px 16px 4px; list-style-type: disc; }

#content .ersatzFlash .ui-accordion-content ul li { margin-bottom: 4px; }

#content .ersatzFlash .accordion-icon-down, 

#content .ersatzFlash .accordion-icon-up { 
 
 width: 9px; 
 
 height: 5px; 
 
/*  background: url(../png/data-98.png) no-repeat center top transparent;  */
 
 position: absolute; 
 
 top: 10px; 
 
 right: 6px;
 
 }

#content .ersatzFlash .accordion-icon-down { background: url(/ZDF/zdfportal/blob/746/16/data.png) no-repeat center top transparent; }

#content .ersatzFlash h4:hover .accordion-icon-down { background: url(/ZDF/zdfportal/blob/750/16/data.png) no-repeat center top transparent; }

#content .ersatzFlash .accordion-icon-up { background: url(/ZDF/zdfportal/blob/748/16/data.png) no-repeat center top transparent; }

#content .ersatzFlash h h4:hover .accordion-icon-up { background: url(/ZDF/zdfportal/blob/748/16/data.png) no-repeat center top transparent;  }

/* end factbox NEU */



/* BEGIN BROADCAST-SWITCH */

.broadcast-switch {

 margin-bottom: 40px;
 
 background-color: #fff;
 
 width: 382px;
 
 margin-right: 0px;
 
 padding: 8px;
 
 float: none;
}

.broadcast-switch h2 {

  font-size: 18px;
  
  line-height: 18px;
  
  padding-bottom: 4px;
  
  border-bottom: 1px solid #333333;
  
  margin-bottom: 14px;
  
  color: #666666;
  
  font-weight: bold;
}

/* .broadcast-switch .datepicker { margin-right:4px; } */

.broadcast-switch a {

  padding-left: 10px;
  
  color: #4f4f4f !important;
  
  text-decoration: underline;
  
  font-weight: normal !important;
  
}

.broadcast-switch a.previous { margin-right: 26px; }

#article-marginal .broadcast-switch { padding: 0px; }



/* BEGIN INFOBOX, all styling here in global.css, don't part into zdf_beitrag.css and zdf_sb_eben.css anymore */ 

#content .infobox { 

 position: relative; 

 float: none; 

 width: auto; 

 height: auto; 

 margin: 0 0 16px; 

 padding: 10px 15px; 

  color: #333333;

 background: #dedede; 

 background: -moz-linear-gradient(top, #f7f7f7, #c3c3c3); 

 background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#c3c3c3)); 

 background-image: -o-linear-gradient(#f7f7f7,#c3c3c3); 

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#c3c3c3'); /* IE6,IE7 */ 

 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#c3c3c3')"; /* IE8 */ 

 /* 

 background-image: url(/ZDF/zdfportal/blob/686/7/data.png)\9; 

 background-color: #f7f7f7\9; 

 background-repeat: repeat-x\9; 

 background-position: left bottom\9; 

*/ 

} 

#content .infobox h2,

#content .infobox h2 span { 

 font-size: 18px; 

 line-height: 20px; 

 font-weight: bold; 

 padding-bottom: 6px; 

 border-bottom: 1px solid #666666; 

 margin-bottom: 0 !important; 

 margin-top: 0; 
 
 color: #666666;

 display: block;

} 

#content .infobox h3 { margin: 8px 0 0; padding: 0; font-size: 15px; line-height: 21px; color: #333333; color: #333333;} 

#content .infobox p { margin: 0; padding: 5px 0; font-size: 15px; line-height: 21px; color: #333333; color: #333333;} 

#content .infobox img { float: left; margin: 4px 10px 10px 0px; padding: 5px 0px 0px 0px;} 

#content .infobox ul { list-style-type: disc; margin: 3px 0 8px 0px; padding: 5px 0px 0px 0px; font-size: 15px; line-height: 21px; color: #333333; list-style-position: inside;} 

#content .infobox a { text-decoration: underline; } 

#content .infobox a:hover { color: #fa7d19; } 

#content .infobox-paginator h2 { height: 27px; margin:0; padding:0; }

#content .infobox-paginator > div > ul { margin: 0; padding: 0; list-style: none; }

#content .infobox-paginator > div > ul > li { margin: 0; padding: 0; list-style: none; }

#content .infobox-paginator > div > ul > li.inactive { display: none; }

#content .infobox-paginator .paging { position: absolute; top: 13px; right: 15px; font-size: 12px; line-height: 15px; display: none; } 

#content .infobox-klein { width: 374px; } 

#content .rechteSpalte .infobox-rs { max-width: 404px; }

#content .infobox.boxFull { width: 630px; }

/* SB-Ebene, absolute positioning needs extra margin, sonst klebt die box sehr am unteren Rand wenn sie lang ist  */

#content .rasterElement .infobox, 

#content #rasterElement .infobox { margin-bottom: 40px; }

/* END INFOBOX */ 

/*******************/ 

/*JOKER / WILDCARD container with inline-styles, reset h1 etc */ 

/*******************/ 

#article-container .wildcard { margin: 0 0 16px; } 

.ersatzFlash .wildcard h1, .wildcard h1,

.ersatzFlash .wildcard h2, .wildcard h2,

.ersatzFlash .wildcard h3, .wildcard h3,

.ersatzFlash .wildcard h4, .wildcard h4,

.ersatzFlash .wildcard h5, .wildcard h5,

.ersatzFlash .wildcard h6, .wildcard h6 { font-size: 14px; line-height: 20px; margin:0; padding:0; font-weight: bold; } 

/*******************/

/* MOON */

/*******************/

.content .moon { margin-bottom:0px; }



/*******************/
/* BILDERGALERIE */
/*******************/

.imgGallerySmall .galleryInterface { height: 227px; top: 0; }

.imgGalleryBig .galleryInterface { height: 378px; top: 0; }

/*Bilderserie preview*/

.zdfsportGalDescTdBackground{

background-image: url(/ZDF/zdfportal/blob/1626/17/data.png);

}





/*******************/
/* AUTOSCHWERPUNKT with 3 column */
/*******************/

.col_l_1from3_lastFromGrup{
 padding-top: 10px !important;
}
.col_l_1from3 {
    float: left;
    margin-right: 5px;
    min-height: 95px;
    padding-right: 5px;
    width: 11%;
    display: block;
    border-right: 2px solid #4F4F4F;
    padding-top: 14px;
    margin-top:0px;
    margin-bottom:0px; 
    min-width: 70px; 
}
.cbox .col_l_2from3 {  
    border-right: 2px solid #B3B3B3;
    float: left;  
    min-height: 95px;  
    padding-right: 5px;
    width: 82%;
    display: block;
}
.col_l_23from3 > .col_r {
    width: 85px !important;
}