@charset "UTF-8";


@charset "UTF-8";

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

Autor:  Stefanie Hein

Company: Inostudio

Date:  17.10.2012

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

 

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

 

AREAS 

 

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

 

/*ZDF NEO*/ 

 body.zdf_neo { background:#71002C; } 

 

.zdf_neo .content { color:#fff; } 

 

/*ZDF INFO*/ 

.zdf_info .content { } 

 

/*ZDF KULTUR*/ 

.zdf_kultur .content { } 

 

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

 

SECTIONS 

 

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

 

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

Home 

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

.sec_home .content { font-size:1em; } 

 

.sec_home h1, .sec_home h2, .sec_home h3, .sec_home h4, .sec_home h5, .sec_home h6 { color:#fff; } 

 

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

A-Z 

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

 

/*Layout*/ 

body.sec_a-z { 

background:#fff url(/ZDF/zdfportal/blob/836/17/data.blob) 0 0 repeat-x !important; 

background-attachment:fixed; 

} 

 

.sec_a-z .main .content .wrap { 

margin:0 auto; 

min-width:720px; 

max-width:1055px; 

} 

 

.sec_a-z #header { 

margin-bottom:0; 

position: fixed; 

z-index:3; 

} 

 

.sec_a-z .stripes { 

position:fixed; 

width:100%; 

top:126px; 

left:0; 

z-index:4; 

} 

 

.sec_a-z .stripe { width:100%; } 

 

.sec_a-z .stripe.gradient { 

background:#f7f7f7 url(/ZDF/zdfportal/blob/838/16/data.blob) left bottom repeat-x; 

height:65px; 

width:100%; 

position:relative; 

z-index:2; 

} 

 

.sec_a-z .stripe.gradient2 { 

background:url(/ZDF/zdfportal/blob/840/16/data.png) left bottom repeat-x; 

overflow:hidden; 

position:relative; 

z-index:1; 

height:69px; 

} 

 

.sec_a-z .covered { background:#B9B9B9; } 

 

.sec_a-z .main { 

position:relative; 

top:180px; 

left:0; 

z-index:1; 

} 

.sec_a-z .pagebar { top:300px; } 

 

.sec_a-z .stripes_bg { 

top: 0; 

left:0; 

position: fixed; 

height: 152px; 

width: 100%; 

background-color:#B9B9B9; 

z-index: 3; 

display:none; 

} 

 

/*Text*/ 

.sec_a-z h1, .sec_a-z h2, .sec_a-z h3, .sec_a-z h4, .sec_a-z h5, .sec_a-z h6 { color:#fff; } 

 

.sec_a-z .stripe h2 { 

line-height:1em; 

padding:0 0 4px 0; 

margin:0; 

} 

 

/*Content*/ 

.a-z_row { 

border-bottom:1px solid #747474; 

margin: 0 0 5px 15px; 

position:relative; 

z-index:1; 

min-height: 85px; 

} 

.anchor_node {position:absolute; top:-180px;} 

 

.a-z_row img, .a-z_row ul, .a-z_row ul li, .a-z_row p { margin:0; } 

 

.a-z_row .letter { 

color:#747474; 

font-weight:bold; 

font-size:7em; 

line-height:1em; 

height: 80px; 

text-align:center; 

float:left; 

width:100px; 

} 

.a-z_row .num { font-size: 4.4em; line-height: 85px; } 

.a-z_row.active .letter { color:#fa7d19; } 

.a-z_row.disabled .letter { color:#b3b3b3; } 

 

.a-z_row ul.broadcasts { 

  /* float:left; */
  max-width:940px;
  margin-left: 100px;
  display: block;

} 

 

.a-z_row ul.broadcasts li { 

list-style:none; 

display:inline; 

float:left; 

  line-height: 0;

} 

 

.a-z_row ul.broadcasts li a { 

display:block; 

margin:2px; 

width: 132px;
height: 74px;
overflow: hidden;

} 

 

.a-z_row .top { 

position:absolute; 

right:0; 

bottom:0; 

text-decoration: none; 

} 

 

 

 

 

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

Suchergebnis 

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

 

/*Layout*/ 

body.sec_suchergebnis { 

background:#fff url(/ZDF/zdfportal/blob/836/17/data.blob) 0 0 repeat-x; 

background-attachment:fixed; 

} 

 

body.sec_suchergebnis_sb { 

background:#B6B0A0 url(/ZDF/zdfportal/blob/842/16/data.blob) 0 0 repeat-x; 

background-attachment:fixed; 

} 

 

/* 

.sec_suchergebnis #header {margin-bottom: 84px;} 

.sec_suchergebnis_sb #header {margin-bottom: 5px;} 

*/ 

 

.sec_suchergebnis .main #main.main, .sec_suchergebnis_sb .main{ margin-top: 31px;}

 

.sec_suchergebnis .main .content .wrap { 

margin:0 auto; 

min-width:960px; 

max-width:1084px; 

} 

 

.sec_suchergebnis .main { 

width:auto; 

} 

 

.calendar_module { overflow:hidden;} 

 

/*Text*/ 

.sec_suchergebnis #content{ font-size: 0.9em; } 

.sec_suchergebnis #content .wrap .article-header h2, 

.sec_suchergebnis #content .wrap .col_l h2, 

.sec_suchergebnis #content .wrap .col_r h2 { 

line-height:1em; 

padding:0 0 10px 0; 

margin:0; 

font-size:24px; 

font-weight: bold; 

} 

.sec_suchergebnis #content .wrap .col_r h2 { font-size: 18px; padding-bottom: 4px; margin-bottom: 8px;} 

.extraMargin { margin-top: 54px; } 

 

.sec_suchergebnis h3 { font-size:1em; } 

.sec_suchergebnis #content #search-container h4 a { font-weight: normal; color: #666666; }

.sec_suchergebnis #content #search-container h3 a { font-weight: bold; color: #666666; }

 

.sec_suchergebnis #content #search-container h3 a:hover, 

.sec_suchergebnis #content #search-container h3 a:focus, 

.sec_suchergebnis #content #search-container h4 a:hover, 

.sec_suchergebnis #content #search-container h4 a:focus { text-decoration: underline;} 

  

.sec_suchergebnis .col_l h3 { font-size:0.9em; } 

 .sec_suchergebnis .cbox h4,.sec_suchergebnis .cbox_wrap h4 { margin-bottom:3px; font-size:100%; line-height:0.95em; font-weight:bold;} 

.sec_suchergebnis .cbox h3,.sec_suchergebnis .cbox_wrap h3 {  margin-bottom:0px; font-size:100%; line-height:0.95em; font-weight:normal;} 

 

a.showalldates { 

position:absolute; 

top:0px; 

right:0px; 

margin:0; 

} 

.sec_suchergebnis #content #search-container .cbox_wrap a.showalldates:hover,  

.sec_suchergebnis #content #search-container .cbox_wrap a.showalldates:focus, 

.sec_suchergebnis #content #search-container .filter-search a.right:hover { color: #FA7D19; } 

/* .sec_suchergebnis #content #search-container h4 a { font-weight: bold; color: #666666; } */

 

/*Content*/ 

 

.sec_suchergebnis #content .col_l .cbox_wrap span { display:block; } 

 

.sec_suchergebnis #content .cbox_wrap span.addinfo { 

display:inline-block; 

margin-bottom:0.4em; 

} 

 

.sec_suchergebnis #content #search-container .pagination a {font-weight: bold; color: #666;} 

.sec_suchergebnis #content #search-container .pagination a:hover, 

.sec_suchergebnis #content #search-container .pagination a:focus { color: #FA7D19;} 

.sec_suchergebnis #content #search-container .pagination{ 

font-weight: bold; 

font-size: 12px; 

margin-bottom: 10px; 

                  color: #666;

} 

.sec_suchergebnis #content #search-container .pagination a,  

.sec_suchergebnis #content #search-container .pagination span { display: inline; float: left; margin:0;} 

.sec_suchergebnis #content #search-container .page-numbers { padding:0 10px;} 

 

 

.sec_suchergebnis #content #search-container .cbox_wrap .black a { color:#fff; } 

.sec_suchergebnis #content #search-container .cbox_wrap .black a.more {font-weight: bold; text-decoration: none; color: #FA7D19;}

.sec_suchergebnis #content .col_l img { 

float:left; 

margin:0 10px 20px 0; 

display:inline-block; 

} 

.sec_suchergebnis #content .col_l .sender_info img {margin: 3px 0px 5px; float: right;} 

 

.sec_suchergebnis #content .cbox_wrap span.desc { margin-left:140px; } 

 

.sec_suchergebnis #content .col_l .cbox_wrap span { margin-bottom:0; } 

 

.sec_suchergebnis .cbox .col_r { 

font-size:.8em; 

padding:20px 0px 0px; 

background-position: -1px 2px; 

} 

 

.sec_suchergebnis .datepicker p.alignleft { width:140px; margin-right:10px;} 

.sec_suchergebnis input.hasDatepicker { 
  margin-right:5px; 
  float:left; 
} 
 
.sec_suchergebnis form img.ui-datepicker-trigger { 
  float:right; 
  cursor:pointer; 
  margin:2px 0 0 0; 
} 


.sec_suchergebnis form img.calendar_img { float:right; margin:2px 0 0 0;} 

 

/*Suchergebnis HEADER*/ 

#search-container .search-header { border-bottom: 1px solid #333333;margin-bottom: 4px;  color: #666666;}
#search-container .article-header .teaser {padding-bottom: 5px; width: 65%;}
#search-container .search-variable { margin-bottom: 10px; color:#666666; }

#search-container .search-header .picteaser,

#search-container .search-header .picteaser a { color: #666666; }

#search-container .search-header .picteaser a.more { color: #fa7d19; }

#search-container .search-header .picteaser a:hover, #search-container .search-header .picteaser a:focus  { color: #fa7d19; }

/* NEU DAZUGEFUEGT WEGEN EINSATZ BEI WEISSEM SB */
#search-container .search-variable .picteaser .sbtext { color:#666666; }
#search-container .search-variable .picteaser .txt3_1 a { color:#666666; }

#search-container .search-variable .picteaser .txt3_1 a.more { color:#fa7d19; }
#search-container .search-variable .sbtext p { color:#666666; }
#search-container .search-variable .sbtext p a { color:#666666; }
#search-container .search-variable .sbtext p h2 { color:#666666; }
/* ENDE NEU */ 

 

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

EPG Horizontal 

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

/*Layout all EPG pages - horiz, vert, woche*/ 

.sec_epg-horiz .bg,

.sec_epg-vert .bg {

 position: fixed;
}
 
.sec_epg-horiz #header,

.sec_epg-vert #header { 

  position:fixed; 

  margin-bottom:0; 

  z-index:3; 

} 

.sec_epg-horiz #footer { 

  width:100%; 

  position:fixed; 

  bottom:0; 

  left:0; 

  z-index:2; 

  -webkit-box-shadow: none; 

  -moz-box-shadow: none; 

  box-shadow: none; 

} 

.sec_epg-horiz .stripes,

.sec_epg-vert .stripes { 

  position:fixed; 

  width:100%; 

  top:94px; 

  left:0; 

  z-index:4; 

} 

.sec_epg-horiz .main .content .wrap { 

  margin:0 auto; 

  min-width:1117px; 

  max-width:1117px; 

} 

 

.sec_epg-horiz .stripe,

.sec_epg-vert .stripe { width:100%;   } 

 

.sec_epg-horiz .stripe.gradient,

.sec_epg-vert .stripe.gradient  { 
  
  height: 146px; position: relative; z-index: 5;
  
  background: url(/ZDF/zdfportal/blob/25726568/7/data.png) repeat-x 0 0 transparent;
} 

 

.sec_epg-horiz .main { 

  position:relative; 

  top:110px; 

  left:0; 

  z-index:1; 

} 

 

.sec_epg-horiz .pagebar { top:300px; } 

 

.sec_epg-horiz .epg-horizontal { 

  padding:15px 0 20px 0px; 

  width:auto; 

  min-height: 600px; 

} 

 

.sec_epg-horiz .epg-horizontal .content { padding-bottom:3em; } 

 

/*Content*/ 

.sec_epg-horiz .content ul li { 

  list-style:none; 

  margin:0; 

} 

/*EPG Filter, is the same in all three views*/ 

.epg_filter .filter { width: auto; }

.epg_filter .filter .dropdown_wrap,
 
.epg_filter .filter input.submit { float: left; margin-right: 6px; }

.epg_filter .week { margin-bottom:8px; margin-top: 8px; } 

.epg_filter .week a { 
  background:url(/ZDF/zdfportal/blob/848/16/data.png) 100% 0 no-repeat transparent; 
  display:block; 
  float:left; 
  height:20px; 
  width:95px; 
  font-size:12px; 
  color:#fff; 
  padding:0px 8px 0px; 
  text-decoration:none; 
  line-height:20px; 
  margin-right:6px; 
} 

.epg_filter .week a:hover, .epg_filter .week a:focus, .epg_filter .week a.active { background-position: 0 -21px; } 



.epg_filter .views a.week.active { background-position: 0px -21px; }



.epg_filter .day a.day.active { background-position: 0 -21px; }



.epg_filter .views { 
  font-size:0.85em; 

  line-height: 2em; 
} 

.epg_filter .views span { 
  float:left; 
  width:50px; 
  overflow:hidden; 
  display:block; 
  line-height: 2.3em; 
} 

.epg_filter .views a { 
  display:block; 
  margin:0px 0 0 5px; 
  width:53px; 
  height:20px; 
  background:url(/ZDF/zdfportal/blob/25726570/7/data.png) 0 0 no-repeat transparent; 
  float:right; 
  padding:0;
} 

.epg_filter .views a.vertikal { background-position: -54px 0;} 
.epg_filter .views a.vertikal.active, .epg_filter .views a.vertikal:hover, .epg_filter .views a.vertikal:focus { background-position: -54px -21px;} 

.epg_filter .views a.horizontal { background-position: 0 0; } 
.epg_filter .views a.horizontal.active, .epg_filter .views a.horizontal:hover, .epg_filter .views a.horizontal:focus { background-position: 0 -21px; } 

.epg_filter .views a.active:hover { cursor: default;} 

.epg_filter .views a.week { 

 text-align: center; 
 background:url(/ZDF/zdfportal/blob/848/16/data.png) 0 0 no-repeat transparent; 
 display:block; 
 height:20px; 
 width:111px; 
 font-size:12px; 
 color:#fff; 
 padding:0;
 text-decoration:none; 
 line-height:20px; 
 margin-top: 0; 
} 

.epg_filter .views a.week:hover,

.epg_filter .views a.week:focus { background-position: 0 -21px; }



.epg_filter .day a.day { 
  background:url(/ZDF/zdfportal/blob/850/16/data.png) 100% 0 no-repeat transparent; 
  display:block; 
  float:left; 
  width:16px; 
  height:20px; 
  font-size:12px; 
  color:#fff; 
  padding:0px 8px 0px; 
  text-decoration:none; 
  line-height:20px; 
  margin-right:20px; 
  margin-top:0; 
} 

.epg_filter .day a.last { margin-left:1px; margin-right: 6px; }

.epg_filter .day a.day:hover, .epg_filter .day a.day:focus { background-position: 0 -21px;} 

.epg_filter .day .filter { 
  margin-top:0; 
  width:174px; 
} 

.epg_filter .day div.active { 
  background: transparent url(/ZDF/zdfportal/blob/25726572/7/data.png) 0 0 repeat-x;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float:left; 
  width:100%; 
  overflow:hidden; 
  font-size:12px; 
  color:#fa7d19; 
  padding:0; 
  line-height:1em; 
  margin:0; 
} 

.epg_filter .day div.active .date { 
  padding:0px 8px 0px; 
  display:block; 
  width:110px; 

height: 20px;
line-height: 20px;
  float:left; 
} 

.epg_filter .day .time {
 clear:both;
 padding-top: 16px; 
}

.epg_filter .day.box{

margin-top:8px;

}

.epg_filter .day.box div.active .date{

width:100%;

}

 

.sec_epg-vert .epg_filter .day .time { display: none; }

/* REL-1335 FILTER POPUP, used for legend and programm-search */

.epg_filter .popup { 
 position: relative; 
 z-index: 3000; 
}

.epg_filter .popup-opener { 
 display:block; 
 float:left; 
 height:20px; 
 font-size:12px; 
 color:#fff; 
 padding:0 8px 0;
 text-decoration:none; 
 line-height:20px; 
 margin-top: 0; 
 margin-bottom: 7px; 
 background-position: 0 0;
 background-repeat: no-repeat;
 background-color: transparent; 
 vertical-align: middle;
} 

.epg_filter .popup-opener:hover , .epg_filter .popup-opener:focus  { background-position: 0 -21px;} 

.epg_filter .popup-content { 
 display: none; 
 background-color: #f6f6f6; 
 width: 266px; 
 z-index: 2000; 
 position: absolute; 
 top: 34px; 
 right: -1px; 
 padding: 10px 8px 20px; 
 -moz-box-shadow: 1px 1px 12px #999; 
 -webkit-box-shadow: 1px 1px 12px #999; 
 box-shadow: 1px 1px 12px #999; 
 font-size: 12px; 
} 

.epg_filter .popup-content h3 { clear:both; margin: 20px 15px 15px 0; font-weight: bold; color: #333333; border-bottom: 1px solid #333333; line-height:18px; } 

/* Specific popup classes */

.epg_filter .legend .popup-opener{

 width:48px; 
  
 background-image: url(/ZDF/zdfportal/blob/852/16/data.png); 
 
}

.epg_filter .legend .popup-content li { line-height: 14px; margin-bottom: 8px;} 

.epg_filter .legend .popup-content li span { float: left; width: 80px; } 

.epg_filter .legend .popup-content img {margin:0;} 

.epg_filter .programm-search .popup-opener {

 width: 154px;
 
 background-image:url(/ZDF/zdfportal/blob/784/16/data.png); 

}

.epg_filter .programm-search .popup-content {
 
 left:0px;

}

.epg_filter .programm-search label { 

 display: block; 

 margin-bottom: 6px;
 
 line-height: 100%;
 
 color: #333333; 
}

.epg_filter .programm-search .searchForm input { margin-right: 0; width: 136px; }

.epg_filter .programm-search .searchForm input.searchGoButton { width: 20px; margin-left: -1px; }

.epg_filter .programm-search .searchForm label { margin-bottom: 0; }

.epg_filter .programm-search .filter { margin-top: 26px; }

.epg_filter .programm-search .startsearch { width: 100%; margin-top: 35px; }

.epg_filter .programm-search .startsearch .btn_arr { clear: both;  margin:7px 15px 7px 0px; }

/* END POPUP */

 

.epg_filter .grabbox { 

  float:left; 

  background:url(/ZDF/zdfportal/blob/854/16/data.gif) center center repeat-x; 

  width:86.5%; 

  height:20px; 

} 

 

.epg_filter .grabber { 

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

  height:18px; 
  
  line-height: 18px;

  width:67px; 

  text-align:center; 

  color:#fff; 

/*   padding-top:4px;  */

  margin-top:1px; 

  cursor:pointer; 
  
  border:0;
  
  outline:0;

} 

.sec_epg-horiz .epg-horizontal .grabber { 

  height:100%; 

  width:80px; 

  text-align:center; 

  font-weight:bold; 

  color:#fff; 

  position:absolute; 

  top:25px; 

  z-index:3; 

} 

.sec_epg-horiz .epg-horizontal .grabber .grabbstart { 

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

  width:80px; 

  height:28px; 

} 

.sec_epg-horiz .epg-horizontal .grabber .grabbmidd { 

  background:url(/ZDF/zdfportal/blob/860/16/data.gif) repeat-y; 

  width:80px; 

  height:84%; 

} 

.sec_epg-horiz .epg-horizontal .grabber .grabbend { 

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

  width:80px; 

  height:18px; 

} 

 

/*TV*/ 

.sec_epg-horiz .content .tv { 

  margin:40px 0 0 0; 

  width:120px; 

  float:left; 

  position:relative; 

  z-index:2; 

} 

.sec_epg-horiz .content .tv li a.close { 

  position:absolute; 

  top:0; 

  right:0px; 

  display:none; 

  color:#ffffff; 

  overflow:hidden; 

  text-indent:-9999px; 

} 

 
.sec_epg-horiz .content .tv li { 

  height:40px; 
  
  line-height:40px;

  margin-bottom:5px; 

  position:relative; 

  width:115px; 

} 

.sec_epg-horiz .content .tv li h2 { text-indent:-9999px; font-size:0; line-height:0;} 

.sec_epg-horiz .content .tv li img {
    
      line-height: 40px;

     margin: 0 0 0 14px;
    
     vertical-align: middle;
    
 }
 

.sec_epg-horiz .content .tv li.zdf { height: 80px; line-height: 80px; } 

.sec_epg-horiz .content .tv li.zdf img { margin-left:0; }

/*Slider*/ 

.sec_epg-horiz .content .slider { 

  float:left; 

  position:relative; 

  padding:0 20px; 

  z-index:2; 

  width:940px; /* 960px; */ 

  overflow:hidden; 

} 

 

.sec_epg-horiz .main .content .slider .wrap { 

  min-width:100%; 

  max-width:100%; 

  position:relative; 

  width:2000px; 

  left:0; 

  top:0;   

} 

 

/*Time*/ 

.sec_epg-horiz .content ul.time { margin:0; } 

 

.sec_epg-horiz ul.time li { 

  float:left; 

  display:inline; 

  font-size:1.8em; 

  font-weight:bold; 

  color:#3f3f3f; 

  border-left:2px solid #3f3f3f; 

  padding:0 0 14px 5px; 

  width:232px;/*  480px; */ 

  overflow:hidden; 

  height:25px; 

} 

 

/*Broadcasts*/ 

.sec_epg-horiz .content .broadcasts-group { margin-bottom: 22px; }

.sec_epg-horiz .content ul.broadcasts { margin-bottom:4px;} 

 

.sec_epg-horiz .content ul.broadcasts.break { margin-top:20px; } 

 

.sec_epg-horiz .content ul.broadcasts li { 

  float:left; 

  display:inline; 

  margin-right:2px; 

  position:relative; 

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

  border:1px solid #666666; 

  overflow:hidden; 

  height:39px; 
} 

/* HIGHLIGHT ZDF */

.sec_epg-horiz .content ul.zdf li {

  height:80px; 
  
  background:#f7f7f7 url(/ZDF/zdfportal/blob/25726574/7/data.png) 0 100% repeat-x;

}

 

.sec_epg-horiz .content ul.broadcasts li.blank {background:none; border:none;} 

 

.sec_epg-horiz .content ul.broadcasts li.hide { position:absolute; height:1px;} 

 

.sec_epg-horiz .content ul.broadcasts li .layer { position:absolute; display:none;} 

 

.sec_epg-horiz .content ul.broadcasts li.startnow { background:#fb7d19; border:1px solid #fb7d19;} 

.sec_epg-horiz .content ul.broadcasts li.runnow { background:#868686 url(/ZDF/zdfportal/blob/866/16/data.png) 0 100% repeat-x; } 

.sec_epg-horiz .content ul.zdf li.runnow { background:#868686 url(/ZDF/zdfportal/blob/25726576/7/data.png) 0 100% repeat-x; } 

 

.sec_epg-horiz .wrapbox { overflow:hidden; 

/* padding-right:150px; unused, DO NOT UNCOMMENT! */ 

display: block; font-weight: bold; text-decoration: none;height:100%;} 

.sec_epg-horiz .wrapbox:hover, 

.sec_epg-horiz .wrapbox:focus { outline:none; border:0; cursor: pointer; } 

 
.sec_epg-horiz .content ul.broadcasts li img { 

  float:left; 

  margin-right:10px; 

  margin-bottom:0; 

} 

.sec_epg-horiz .content ul.broadcasts li p { 

  margin:0 0 0 5px; 

  line-height:1.1em; 

  padding-top:5px; 

} 

.sec_epg-horiz .content ul.broadcasts li .has_tipp img {
 
 margin:0 4px 0 0;
 
 float: left;
 
}

.sec_epg-horiz .content ul.broadcasts li .col_l { 

  float:left; 

  width:45px; 

  padding:6px 0 0 0; 

  margin:0 0 0 6px; 

  line-height:1.1em;

 font-size: 12px; 

} 

.sec_epg-horiz .content ul.zdf li .col_l { width: 54px; }
 

.sec_epg-horiz .content ul.broadcasts li .col_r { 

  padding:6px 0 0 0; 

  line-height:1.1em; 

  width:auto; 

font-size: 12px;

} 

.sec_epg-horiz .content ul.broadcasts li a{ color:#666666; } 

.sec_epg-horiz .content ul.broadcasts li.runnow a, 

.sec_epg-horiz .content ul.broadcasts li.startnow a{ color:#fff; } 

 
.sec_epg-horiz .content ul.broadcasts.zdf li h3,  

.sec_epg-horiz .content ul.broadcasts.zdf li h4,  

.sec_epg-horiz .content ul.broadcasts.zdf li h5 { padding-bottom:3px; font-size: 12px;} 

.sec_epg-horiz .content ul.broadcasts li h3,  

.sec_epg-horiz .content ul.broadcasts li h4,  

.sec_epg-horiz .content ul.broadcasts li h5 { font-size:100%; line-height:1.1em;  margin-bottom:0; text-decoration: none; }  
 

.sec_epg-horiz .content ul.broadcasts li h4,

.sec_epg-horiz .content ul.broadcasts li h5 { font-weight: normal; } 

.sec_epg-horiz .content ul.broadcasts li a:hover h3 { text-decoration: underline; } 

.sec_epg-horiz .content ul.broadcast li p,

.sec_epg-horiz .content ul.broadcast li p img { margin:0; }

 

/*Arrows*/ 

.sec_epg-horiz .arrow_l, .sec_epg-horiz .arrow_r { 

  display:block; 

  width:20px; 

  height:397px; 

  cursor:pointer; 

  position:absolute; 

  top:39px; 

  overflow:hidden; 

} 

.sec_epg-horiz a.arrow_l { 

  left:0; 

  background:#fb7d19; 

  color:#ffffff; 

} 

 

.sec_epg-horiz a.arrow_r { 

  right:0; 

  border-left:1px solid #827b73; 

  background:#fb7d19; 

  color:#ffffff; 

} 

.sec_epg-horiz a.arrow_l.disabled,

.sec_epg-horiz a.arrow_r.disabled {
 
 cursor: default;
 
 background-image: none;

}

.sec_epg-horiz .stripe h2,

.sec_epg-vert .stripe h2 { 

  line-height:1em; 

  padding:0 0 4px 0; 

  margin:0; 

} 

.broadcast_wrap { float:left; overflow:hidden;/*  width:817px; */ width:1084px; position:relative;} 

.broadcast_wrap_inner { width:9999999px; float:left; position:relative;} 

/* migration */ 

 

.epg_layer_holder .layer .reminder_button-left, .epg_layer_holder .layer .reminder_button-right, .epg_layer_holder .layer .live_stream { 

  text-decoration: none;height: 19px; line-height:19px; display:inline-block;color: #FFFFFF;background: url() repeat-x scroll 0 0 transparent; padding: 0 20px 0 15px; margin:10px 20px 0.5em 0; 

} 

.epg_layer_holder .layer .live_stream { margin-top:0; padding:0 15px;} 

.epg_layer_holder .layer .reminder_button-left:hover, .epg_layer_holder .layer .reminder_button-right:hover, .epg_layer_holder .layer .live_stream:hover, .epg_layer_holder .layer .reminder_button-left:focus, .epg_layer_holder .layer .reminder_button-right:focus, .epg_layer_holder .layer .live_stream:focus { background-position:left bottom;} 

.layer img { 

  margin: 0px; 

} 

 

.has_tipp { overflow:hidden; } 

.has_tipp h5, .has_tipp h4 { float:left; display:inline; margin:0 2px 0 0;} 

.has_tipp img { float:left; } 

 

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

EPG Vertikal 

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

/* PAGING BUTTONS */

.paging-button {
 
 position: absolute;
 
 top: 14px;
 
 z-index: 3;
 
 display:block;
 
 width: 16px;
 
 height: 28px;
 
 background-image: url(/ZDF/zdfportal/blob/25726578/7/data.png);
 
 background-color: transparent;
 
 background-repeat: no-repeat;

}

.paging-button-next {
 
 right: -36px;
 
 background-position: -17px 0px;

} 

.paging-button-prev { 
 
 left: -36px; 
 
 background-position: 0 0;
} 

.paging-button-next:hover,

.paging-button-next:focus { background-position: -17px -29px; }

.paging-button-prev:hover,

.paging-button-prev:focus { background-position: 0 -29px; }

.paging-button-next-disabled,

.paging-button-next-disabled:hover,

.paging-button-next-disabled:focus { background-position: -17px -58px; }

.paging-button-prev-disabled,

.paging-button-prev-disabled:hover,

.paging-button-prev-disabled:focus { background-position: 0 -58px; }

/* end pagin buttons */

 

/*Layout*/ 

 

.sec_epg-vert .main .content .wrap { 

 margin:0 auto; 
  
/*  overflow: hidden; */

 min-width: 1084px;
 
 max-width: 1084px;

 position: relative;

} 

 
.sec_epg-vert .stripes_bg, 

.sec_epg-horiz .stripes_bg { 

 top: 0; 

 left:0; 

 position: fixed; 

 height: 318px; 

 width: 100%; 
 
 overflow: hidden;

 z-index: 3; 

} 

.sec_epg-horiz .stripes_bg {
 
 height: 264px;
}

.sec_epg-vert .stripes_bg img, 

.sec_epg-horiz .stripes_bg img {

 margin: 0;
 
 width: 100%;

}

.sec_epg-vert .stripes, 

.sec_epg-horiz .stripes, 

.sec_a-z .covered, 

.sec_a-z .gradient { display:none;} 

.sec_epg-vert .filter ul.dropdown_list, 

.sec_epg-horiz .filter ul.dropdown_list, 

.sec_a-z .filter ul.dropdown_list { min-width:168px;} 

.sec_epg-vert .main { 

  position:relative; 

  top:110px; 

  left:0; 

  z-index:1; 

} 

 

.sec_epg-vert .pagebar { top:300px; } 

 

.sec_epg-vert .epg-vertikal { 

 width:auto; 

 padding: 1px 0 20px 0px;

 min-height: 600px;

} 

 

.sec_epg-vert .epg-vertikal .content { padding-bottom:3em; } 

/* grabber is not used in vertical EPG, leave the CSS in we might use it later */

.sec_epg-vert .epg-vertikal .grabber { 

  height:30px; 

  width:100%; 

  text-align:center; 

  position:absolute; 

  z-index:1; 

} 

 

.sec_epg-vert .epg-vertikal .grabbstart { 

  margin-left:26px; 

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

  height:30px; 

  width:50px; 

  float:left; 

  display:inline; 

} 

 

.sec_epg-vert .epg-vertikal .grabbend { 

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

  height:30px; 

  width:39px; 

  float:left; 

} 

 

.sec_epg-vert .epg-vertikal .grabbmidd { 

  float:left; 

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

  height:30px; 

  width:800px; 

} 

/* TABLE: is used as substitute for EPG lists */

.bc-table {

 width: 100%;
 
 table-layout: fixed; /* important !!! */
 
 border-collapse: separate;
 
 border-spacing: 4px 0px;
}

.bc-table td {

 vertical-align: top;
 
 overflow: hidden;
 
 background-color: white;
  
 width: 267px;
}

/* BC-TABLE-HEADER */

.bc-table-header {

 position: fixed;
 
 z-index: 3;
 
 top: 265px;
 
 height: 53px;
 
 width: 100%;

}

.bc-table-header-wrap {

 position: relative;
 
 width: 1084px;
 
 height: 53px;
}

.bc-table-header-clip {

 width: 1084px;
 
 overflow: hidden;

}

.bc-table-header td {

 background-color: transparent;
 
 height: 54px;
}

.bc-table-header td .wrapbox {
 
 text-align: center;
 
 vertical-align: middle;
 
 position: relative;

 background-color: transparent;
 
 height: 54px;
 
 line-height: 54px;

}

/*
.bc-table-header td .wrapbox {

 position: relative; 
}
*/

.bc-table-header img {

 margin:0;
 
 line-height: 0;
 
 vertical-align: middle;

}

.bc-table-header .close {
 
 position: absolute;
 
 top: 21px;
 
 right: 0px;
 
 vertical-align: top;
}

.bc-table-header h2 {

 font-size: 14px;

 border-bottom: 0;

 line-height: 22px;

 margin:0;

 padding:2px 0 0;

 text-align: center;

 color: #888888;

}

/* end bc-table-header */

/* BC-TABLE_CONTENT */

.bc-table-content {

 margin-top: 53px;
 
 width: 1084px;
 
 overflow: hidden;

}

 
.sec_epg-vert .bc-table-content .odd td { background:#fff;  } 

.sec_epg-vert .bc-table-content .even td { background:#e4e4e4; } 

.sec_epg-vert .bc-table-content .wrapbox { 

 display: block;
  
 text-decoration: none; 
 
 padding: 6px 4px;
 
 font-size: 12px; 
 
 line-height: 16px;
 
 margin-top: 0px;

}

.sec_epg-vert .bc-table-content .wrapbox:hover, 

.sec_epg-vert .bc-table-content .wrapbox:focus { outline:none; border:0; cursor: pointer; } 

.sec_epg-vert .bc-table-content .wrapbox .col_l { 

 float:left; 

 width:63px;
 
 margin-right: 8px; 
 
 padding-right: 6px;
 
 text-align: right;
 
}

.sec_epg-vert .bc-table-content .wrapbox .col_r { 

 float:left; 

 width:180px; 

 word-wrap:break-word; 

} 

/*reset font-styles */

.sec_epg-vert .bc-table-content .wrapbox p,

.sec_epg-vert .bc-table-content .wrapbox h3,

.sec_epg-vert .bc-table-content .wrapbox h4,

.sec_epg-vert .bc-table-content .wrapbox h5 {

 font-size: 12px; 
 
 line-height: 16px;
 
 font-weight: normal;
 
 margin:0;
 
 padding:0;
 
 color: #333333;

}

.sec_epg-vert .bc-table-content .wrapbox h3,

.sec_epg-vert .bc-table-content .wrapbox .time,

.sec_epg-vert .bc-table-content .wrapbox .label-now  {

 font-weight: bold;

}

.sec_epg-vert .bc-table-content .wrapbox.runnow .label-now {

 color: #FA7D19;

}

.sec_epg-vert .bc-table-content .wrapbox .time {

 border-right: 1px solid #333333;
 
 margin-right: -7px;
 
 padding-right: 7px;
}

.sec_epg-vert .bc-table-content .wrapbox img { 

 margin: 4px 0px 0px; 
} 

 
.sec_epg-vert .bc-table-content .wrapbox .addinfo img {

 display: block;
 
 float: right;
 
 clear: both;
 
 margin-top:0;

 margin-right: 2px; 

}

.sec_epg-vert .bc-table-content .wrapbox .addinfo img + img {

 margin-top: 4px;
}

.sec_epg-vert .bc-table-content .wrapbox:hover h3,

.sec_epg-vert .bc-table-content .wrapbox:focus h3,

.sec_epg-vert .bc-table-content .wrapbox.runnow:hover h3,

.sec_epg-vert .bc-table-content .wrapbox.runnow:focus h3 {

 text-decoration: underline;
}

/* RUNNOW */

.sec_epg-vert .bc-table-content .wrapbox.runnow {

 background:#666666; 
}
 
.sec_epg-vert .bc-table-content .wrapbox.runnow p,

.sec_epg-vert .bc-table-content .wrapbox.runnow h3,

.sec_epg-vert .bc-table-content .wrapbox.runnow h4,

.sec_epg-vert .bc-table-content .wrapbox.runnow h5 {

 color: #ffffff;
}
 
.sec_epg-vert .bc-table-content .wrapbox.runnow .time {

 border-right: 1px solid #ffffff;
 
}

.sec_epg-vert .bc-table-content .wrapbox.runnow .addinfo img,

.sec_epg-horiz .runnow .has_tipp img {
 
 border: 1px solid #999999;
}

/*HORIZ+VERT*/ 

.sec_epg-horiz .main .content .slider .wrap { 

  min-width:960px; 

  max-width:960px; 

  width:960px; 

  overflow:hidden;     

  position:relative; 

  float:left; 

} 

.sec_epg-horiz .main .content .slider .js_wrap {   

  position:relative; 

  width:9999999px; 

  left:0; 

  top:0;   

  padding-bottom:10px; 

} 

.sec_epg-horiz .content ul.time { margin:0 0 0 2px; line-height: 1;} 

 

.sec_epg-vert .stripe h2, 

.sec_epg-horiz .stripe h2 {color: #fff; } 

 

 

 

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

EPG Vertikal Wochenuebersicht 

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

.sec_epg-vert-woche .stripes_bg {

 height: 348px;

}

.sec_epg-vert-woche .bc-table-header-clip {

 position: absolute;
 
 top: 54px;
}

.sec_epg-vert-woche .bc-table td {

 width: 151px;
} 

/* TABLE HEADER */

.sec_epg-vert-woche .bc-table-header,

.sec_epg-vert-woche .bc-table-header-wrap {

 height: 84px;
}

.sec_epg-vert-woche .bc-table-header td {
 
 background-color: #666666;
 
 height: 31px;

}

.sec_epg-vert-woche .bc-table-header h2 {

 font-size: 18px;
 
 line-height: 31px;
 
 padding: 0;

 color: #ffffff;
 
 font-weight: bold;
 
 text-align: left;
 
 padding-left: 8px;
}
 

.sec_epg-vert-woche .bc-logo, 

.sec_epg-vert-woche .bc-logo h2 {

 height: 54px;
 
 line-height: 54px;

 vertical-align: middle;
 
 text-align: center;
 
 color: #666666;
}

.sec_epg-vert-woche .bc-logo img {

 vertical-align: middle;
 
 text-align: center;
}

/* TABLE CONTENT*/

.sec_epg-vert-woche .bc-table-content .wrapbox .col_l,

.sec_epg-vert-woche .bc-table-content .wrapbox .col_r {

 float: none;
 
 width: auto;
 
 margin: 0;
 
 padding: 0;
 
 text-align: left;
}

.sec_epg-vert-woche .bc-table-content .wrapbox .addinfo {

 margin: 2px 0px 4px;
}



.sec_epg-vert-woche .bc-table-content .wrapbox .addinfo img {
margin: 2px 0px;
}

.sec_epg-vert-woche .bc-table-content .wrapbox .addinfo img {
 float: left;

}

.print-week {

 position: absolute;
 
 top: 17px;
 
 right:0px;

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

 height: 20px;
 
 width: 111px;

 line-height: 20px;
 
 font-size: 12px;

 color: white;

 padding: 0;

 text-decoration: none;
 
 text-align: center;

}

.print-week:hover,

.print-week:focus {
 color: white;
 background-position: 0 -21px;
 
 cursor: pointer;

}

/* end EPG wochenansicht */
 

/*Safari*/ 

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

.a-z_row p.letter { 

 line-height:0.75em; 

} 

span.addinfo { 

 padding:3px; 

} 

}