@charset "UTF-8";


body { width: 100%; position: relative;}

.wrapper { width: 100%; min-width: 950px; height: 100%; margin: 0 auto;  }

/* PO-1669 .bgOverlay { background: transparent url(/ZDF/zdfportal/blob/2008/16/data.png) no-repeat 50% 0; } */

.pagecenter { margin: 0 auto; clear: both; }

.bg1 { background: #2c6b8a url(/ZDF/zdfportal/blob/2006/16/data.png) repeat-x 0 0; }

.liquidOnly {display: none;}

.printon { display:none; }

/***********************************************
 * C O N T E N T - T Y P O - H E A D E R
 ***********************************************/
h3 { padding:3px 8px; }
.box h3 { margin-bottom:10px;  }
.box a { font-size:12px; }



.box .simpleContent > h2 { font-size: 18px; line-height: 24px;  }
.box .simpleContent > h4 { font-size: 15px; line-height: 21px; margin-top: 10px;}

.box .simpleContent .author { text-decoration:none; font-style: italic; margin-bottom: 5px; }
.box .simpleContent .lead { font-weight: bold; }

.lowerContent .teaserbox h3  {

  font-weight: normal;

  padding: 0;

  font-size: 14px;
}

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

 * H E A D E R specific

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

 #header .searchForm input {padding: 3px 5px;}



.nav .merkliste { background: url(/ZDF/zdfportal/blob/2010/17/data.gif) no-repeat left 3px; padding-left: 20px; display: inline-block; }

.nav li.open .merkliste { background: url(/ZDF/zdfportal/blob/2012/17/data.gif) no-repeat left 3px; }



/*level 2 only*/

.nav ul li.open ol { display: block; }





header .searchForm { margin:-3px 0 4px !important;padding:8px 0 0 5px !important;float:right !important; }

footer .searchForm { margin:0;padding:0;float:right; }

.searchForm form { height:20px;display: inline-block; }

.searchForm input { color:#646464;font-size:12px;border:1px solid #9b9b9b; padding:3px 5px 2px; width:100px; margin-top:0px ; }

.searchForm input[type=submit] { background:url(/ZDF/zdfportal/blob/1888/17/data.png) no-repeat center center transparent; width: 20px; height: 20px; padding:0; margin:0;border:0 none; }

.searchForm input[type=submit]:hover,

.searchForm input[type=submit]:focus { background:url(/ZDF/zdfportal/blob/1890/17/data.png) no-repeat center center transparent; cursor: pointer; }



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

 * C O N T E N T

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

#content { margin:0 auto; width: 100%; height: 100%; text-align:left; }



/***** MAIN / ASIDE , bringing both col to the same height *****/

.main { overflow: hidden; position: relative; margin-bottom: 15px; }

.main aside { position: absolute; width: 226px; height: 100%; top:0; right:0; }

.main .equal,

.equal .lowerContent,

.equal .lowerContent .last,

.equal.size6of8 > .box.boxDetail { margin-bottom: 0px; }

.main aside .box a { line-height: 16px; }



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

 * C O N T E N T - H E A D E R

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

#content header { text-align:left; margin: 0 auto;  position: relative; z-index: 200;}

#content header .titleheader { position: relative; margin: 15px 0 70px 22px; text-align: left; }

#content header .titleheader .logo { display:  inline-block; text-align: center; margin-left: -20px; }

#content header .titleheader .date { color: #ffffff; font-size: 16px; margin: -5px 0 0 28px; position: absolute; right:0; top: 50%; }

/***********************************************
 * C O N T E N T - A R T I C L E 
 
 * view-flex is the default view where articles can be minimized and maximized 
 * view-fix is the alternate view where articles have a fixed layout

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

#mainStage{

position: relative;

}

#content #mainStage article,
#content #mainStage #highlight {
  height: 605px;
}

#content #mainStage article.size1of1 {
  width: 640px;
  float: left;
  background-color: #fff;
  margin-bottom: 0;
}

#content #mainStage article nav.link-list {
position: absolute;
top: 554px;
}

#content #mainStage article .itemImage {
  position: relative;
  width: auto;
}

#content #mainStage article .itemContent {
  width: auto;
  height: 166px;
  float: none;
  z-index: 0;
  padding: 15px;
    -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#content #mainStage article .itemContent .teaser-link {
  height: 38px;
}

#content #mainStage article .desc { 
  margin: 0 0 6px;
}

 
 /******************
* V I E W - F L E X = obsolete
*******************/
 
/*.view-flex #content article { height:248px;overflow:hidden;cursor:pointer;background-position: 0 0; position: relative; }
.view-flex .itemContent { position:absolute;height:228px;z-index:5; padding:10px 15px; width:500px; }
.view-flex #content article .desc,
.view-flex #content article .headline { bottom:10px;position:absolute;z-index:6;font-size:15px;line-height:20px;overflow:hidden; }
.view-flex #content article .desc { padding:0px 8px 0px; margin: 0px; }
.view-flex #content article .desc:hover { cursor: default;}
.view-flex #content article .desc p { margin:7px 0 10px; display: none; font-size: 14px; }
.view-flex #content .videoTeaser .desc p { display: block; }
.view-flex #content article .desc footer { font-size:12px;line-height:16px; display: none; }
.view-flex #content article .desc footer a { text-decoration:none; }
.view-flex #content article .desc h2 { padding: 8px 0px 5px; display: inline-block;font-size: 17px;}
.view-flex #content article .playbutton { top: 106px; left:470px; }
.view-flex #content article .desc .author { font-size: 14px; line-height: 16px; font-weight: normal; font-style:italic; margin: 0px 0px 10px; }

/*use headline when article has only headline(s) and no desc text*/
/*.view-flex #content article .headline h2 { margin-top:8px; padding: 8px 8px 5px; }
 
.view-flex #content article .desc,
.view-flex #content article .headline h2,
.view-flex #content article h3{ padding:3px 8px 3px !important; }
.view-flex .beitragsAufmacherLink, 
.view-flex .beitragsAufmacherLink:active, 
.view-flex .beitragsAufmacherLink:visited,
.view-flex .beitragsAufmacherLink:hover, 
.view-flex .beitragsAufmacherLink:focus { color: #FFF; text-decoration:none;}*/

 
/****************
* V I E W - F I X
*****************/
article h3,
article .desc,
article .headline h2 { width: auto; }

#content article {  
 height: 360px; 
 position: relative;  
 background-color: #fff;
}

#content .itemImage { 
/*  background-position: 0 0; 
  background-repeat: no-repeat; 
  background-size: 100% auto; */
/*  height: 360px; 
  overflow: hidden; 
  position: absolute; 
  width: 640px; */
}

/*************************************
Simple teaser-link, 
used in .itemContent and .link-list
**************************************/
.teaser-link {
  font-weight: bold;
  display: inline-block;
  font-size: 12px;
  line-height: 17px;
}

.teaser-link div {
  padding: 8px 10px 9px 15px;
}

.teaser-link:hover {
  color: #FA7D19;
}

.teaser-link .label,
.teaser-link:hover .label {
  color: #FA7D19;
}

/********************************
Link-list general 
*********************************/
.link-list {
  height: 50px;

 background: #f4f4f4;
  background: rgba(255, 255, 255, 0.8);
}

#mainStage .link-list {
  border-top: 1px solid #ccc; /* fallback older browser */
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #f4f4f4;
  position: relative;
   -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.link-list .item {
  width: 25%;
  height: 50px;
  -moz-box-sizing: border-box;
  display: inline-block;
  border-right: 1px solid #ccc; /* fallback older browser */
  border-right: 1px solid rgba(0, 0, 0, 0.2); 
  position: absolute;
  bottom: 0;
}

.link-list .item-1 {
 /* border-left: 0;*/
}
.link-list .item-2 {
  left: 25%;
}
.link-list .item-3{
  left: 50%;
}
.link-list .item-4 {
  left: 75%;
}

.link-list .item a {
  width: 100%;
  height: 50px;
  -moz-box-sizing: border-box
  display: inline-block;
  position: absolute;
  bottom: 0;
  cursor: pointer;
  overflow: hidden;
}

/* link-list article */
article .link-list {
  width: 640px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  -webkit-box-shadow: 0px -2px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px -2px 2px rgba(0,0,0,0.3);
  box-shadow: -1px -2px 2px rgba(0,0,0,0.3);
}

/*****************************
Item Content 
******************************/
.itemContent { 
 width: 272px;
 padding: 15px 17px; 
 float: right; 
 position: relative;
 height: 330px;
 background-color: #fff;
/*  -webkit-box-shadow: -2px 0px 3px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: -2px 0px 3px 0px rgba(0,0,0,0.3);
  box-shadow: -2px 0px 3px 0px rgba(0,0,0,0.3);*/

}
#content article .desc,
#content article .headline {  
 z-index:6; 
 font-size:15px; 
 line-height:20px; 
 overflow:hidden;  
}
#content article .desc { 
 margin: 0px 0 10px; 
/* height: 274px;
 overflow: hidden;*/
}
#content article .desc:hover { cursor: default;}
#content article .desc p { 
 margin: 6px 0;  
 font-size: 14px;  
 line-height: 20px;  
}
#content .videoTeaser .desc p { display: block; }
#content article .desc footer { 
 font-size:13px; 

 font-weight:bold;
 line-height:18px;  
 margin-bottom: 0;
}


#content article .desc footer a { text-decoration:none; }
article h3 { font-size: 14px; font-weight:normal;}
#content article .desc h2,
#content article .headline h2 { 
 padding: 8px 0px 2px; 
 display: inline-block; 
 font-size: 24px; 
 line-height: 28px;  
}

/* use class headline when article has only headline(s) and no desc text */
#content article .headline { margin-top:10px; }
#content article .headline h2 { font-size:20px; line-height: 24px; margin-bottom:4px; padding: 8px 8px 5px 16px; }

#content article .headline h2 a { background-image: url(/ZDF/zdfportal/blob/25726646/7/data.png); background-repeat: no-repeat; background-position: right center; padding-right: 8px; } 

#content article .headline h2 a:hover,
#content article .headline h2 a:focus { background-image: url(/ZDF/zdfportal/blob/25726648/7/data.png); color:#FA7D19;}
#content article .playbutton { top: 175px; left:310px; }
#content article .desc .author { 
 font-size: 14px;  
 line-height: 16px;  
 font-weight: normal;  
 font-style:italic; 
 margin: 0px 0px 10px; 
}

#content article .desc,
#content article h3  { padding: 0; }

#content article .desc .teaser-link {
  position: absolute;
  bottom: 0;
}

#content article .itemContent .teaser-link {
  height: 50px;
  position: absolute;
  bottom: 0;
  left:0;
}

#content #mainStage article .itemContent .teaser-link { top: 160px; }

.beitragsAufmacherLink, 
.beitragsAufmacherLink:active, 
.beitragsAufmacherLink:visited,
.beitragsAufmacherLink:hover, 
.beitragsAufmacherLink:focus { color: #FA7D19; text-decoration:none; font-weight: normal; }



.teaserItem .itemImage,
.teaserItem .itemVideo {
  height:360px;
  position:absolute;
}

/*Video Aufmacher*/
.teaserItem .itemVideo {
  overflow: hidden;
  height: 360px;
  width: 640px;
}



/*show only on startseiten*/

.change-view{display:none}

.view-flex .change-view,

.change-view{display:inline;}

/* Blogteaser */

#content a.teaserDesign {
  display: block; 
  min-height: 150px; 
  padding:0; 
  position: relative; 
  background-color: #333; 
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;  
}

#content a.teaserDesign .teaserDesignContent { 
  padding: 28px 306px 10px 30px; 
  display: block;
  position: relative;
}

#content a.teaserDesign .image-wrapper { 
  max-width: 100%; 
  overflow: hidden; 
  position: absolute; 
  top:0; 
  left: 0; 
}

#content a.teaserDesign .image-wrapper img { float: right; }

#content a.teaserDesign h2 { font-size: 24px; line-height: 28px; color: #ffffff; }

#content a.teaserDesign p { font-size: 14px; line-height: 20px; color: #333333; padding: 10px 0px 10px 0; }



.box p { font-size:15px; line-height:21px; padding: 5px 0px; font-weight: normal; }

.lowerContent .lowerContentBox .fright h2 {  margin-bottom:5px; line-height:14px; }

.fright p { line-height: 18px; padding-top:0; color: #A0A0A0;}

.beitrag .simpleContent > p { padding: 5px 0px !important; }



#eil h3 { margin-bottom: 5px; } 

#eil p { font-size:17px !important;line-height:21px;font-weight:bold; }

#eil a { color: #FFFFFF; font-size:17px !important;line-height:21px;font-weight:bold; }

#eil a:hover { color: #444 ; }



/*simple content on beitragsseite, text taht is not in detail boxes*/

.simpleContent { margin-bottom: 10px; font-size: 15px; font-weight: normal; line-height: 21px; }

.simpleContent h4 { font-size: 17px; margin-bottom: 12px; }

.simpleContent h6 { font-size: 13px; padding-bottom: 10px; }

.simpleContent a { font-size: 15px; text-decoration: underline; }

.box .simpleContent > ul { margin: 10px 0px 15px 40px;  }

.box .simpleContent > ul li { margin-bottom: 5px; }

/* Beitragsseite Header */


.main hgroup h2,

.main hgroup h3{  padding-right: 50px; }

.main hgroup h2 { font-size: 24px; line-height:28px; }

.main hgroup h3 { font-size: 14px; font-weight: normal; margin-bottom: 12px; padding:0; }



.boxTeaser { overflow: hidden; position: relative; }

.boxTeaser p { font-weight:normal;font-size:15px; line-height:21px; padding:0; }



.beitrag .simpleContent,

.beitrag .box p,

.beitrag .boxTeaser p { padding-right:90px; }

.beitrag .boxSmall p,

.beitrag .boxMedium p { padding-right: 0px; }

.beitrag .boxImageFull p { padding-right: 0px; }

.beitrag .p--heading-3 { 

   font-size: 15px;          

   font-weight: bold;          

   line-height: 22px;          

   margin-top: 22px;

}



.beitrag aside .box p, .beitrag aside .boxTeaser p { padding-right:0;}



.beitragTitel {
font-size: 24px;
line-height: 28px;
padding-right: 50px;
color: #585858;
font-style: normal;
/*font-weight: normal;*/
text-rendering: optimizelegibility;
}

.beitragDachzeile {
display: block;
color: #FA7D19; 
padding: 0px 50px 3px 0px;
font-size: 14px;
font-weight: normal;
margin-bottom: 12px;
width: 449px;
}



#sm{ margin-bottom:10px;}

#sm ol { float: left; margin-right: 4px; margin-top: 4px; }

#sm ol li { display:inline-block; margin-right:10px; }

.ie8 #sm li{margin-right:8px;}

#sm .sm a{margin-left:20px;}

#sm .sm a.last { margin-right:20px; }





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

 * C O N T E N T - M O D U L E - B O X E S

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

details.boxDetail h5 { text-transform:uppercase;font-size:12px;line-height:16px;margin-bottom:8px; }

details.boxDetail p { font-weight:normal; }

details.boxDetail a { font-size: 15px; text-decoration: underline; }



details.boxDetail table td, details.boxDetail table th { padding:3px 8px; font-size: 12px; line-height: 16px;}

details.boxDetail table td.first,details.boxDetail table th.first {padding-left: 16px;}

details.boxDetail table td.last,details.boxDetail table th.last {padding-right: 16px;}

details.boxDetail table tbody td { font-weight:normal !important; }

details.boxDetail table th { text-align:left; }

details.boxDetail blockquote { font-size:15px;line-height:18px;margin-bottom:10px; }

details.boxDetail small { font-size:12px;line-height:16px !important;font-weight:normal; }

details.boxImage p { font-size:12px;line-height:16px;padding:0; }

details.boxImage img { display:block; margin-bottom:8px; }

details.boxDetail table.small {margin-bottom:10px;}

small.info { margin-bottom:10px;display:block; }

details.boxSmall a.arr { background-position:left 2px; }



details summary::-webkit-details-marker { display:none; }



details.boxDetail img {  margin-bottom: 7px; margin-right: 10px; float: left; }

details.boxDetail ul

/* , .box .simpleContent details.boxDetail ul  */
/* interferes with the urls */
{ margin:10px 0px; list-style-type: disc; margin-left: 16px; list-style-position: inside;}

details.boxDetail ul li

/*, .box .simpleContent details.boxDetail ul li */ 
/* interferes with the urls */

{ margin-bottom: 4px; font-size:15px; line-height:21px; }

.box .boxContent { display:block; }

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

 * M O D U L E -  B O X :   L I N K L I S T E

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

/* BEGIN LINKS */ 

.moon { margin:0; }

.textlabel {

 float: left;

 margin-right: 4px;

 background-color: #666;

 color: white;

 text-transform: uppercase;

 white-space: nowrap;

 text-align: center;

    font-size: 10px; 

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

    padding: 1px 3px;

 display: inline-block;

 text-decoration: none !important;

}

.urls .textlabel {

 float: none;
 
 margin-right:0;
}

details.boxDetail.urls ul { 

 margin: 0;
 
 padding: 4px 0 0; 

} 

details.boxDetail.urls ul li { 

 list-style-type: none; 

 margin: 0 0 16px 0; 

} 

details.boxDetail.urls ul li.last { 

 margin-bottom: 0px; 

} 

details.boxDetail.urls img {

 float: none;
}

details.boxDetail.urls p { 

 margin: 0;
 
 padding: 0; 
 
 line-height: 15px;
 
 font-size: 14px;
} 
 
details.boxDetail.urls .copytext {

 font-size: 13px;

 line-height: 18px;
}  

details.boxDetail.urls a { 

 text-decoration: none; 

 font-size: 15px; 

 line-height: 19px;

 font-weight: bold; 

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

 padding-right: 8px; 

    background-position: right 50%; 

    background-repeat: no-repeat; 

} 

details.boxDetail.urls a:hover, 

details.boxDetail.urls a:focus { 

 color: #fa7d19; 

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

} 
details.boxDetail.urls .fleft img { 

 margin: 0 4px 0px 0; 

} 

details.boxDetail.urls.boxSmall .fleft + div {
 
 margin-left: 74px;
}

details.boxDetail.urls .fleft + div {
 margin-left: 74px;
}

details.boxDetail.urls .fleft a { padding:0; background:none; }

/* KICKER = Dachzeile */

details.boxDetail.urls .kicker { 

 font-size: 11px; 
 
 position: relative;
 
 line-height: 15px;
 
 height: 16px;

}

details.boxDetail.urls .kicker span { white-space: nowrap; display: block; float: left; padding-right: 4px; }

details.boxDetail.urls .kicker .cutoff {
     
    overflow: hidden;
    
    text-overflow: ellipsis;
    
    white-space: nowrap;

    display: block;
    
    float:left;
}

details.boxDetail.urls .kicker .nodate { display: inline-block; text-indent:-9999px; }

details.boxDetail.urls.boxSmall .kicker .cutoff {

 max-width: 60px;
}

details.boxDetail.urls.boxSmall .fleft + div .kicker .cutoff {

 max-width: 95px;
}

details.boxDetail.urls.boxMedium .kicker .cutoff {

 max-width: 195px;
}

details.boxDetail.urls.boxMedium .fleft + div .kicker .cutoff {

 max-width: 125px;
}

details.boxDetail.urls .kicker img {  margin:0; line-height:0; padding:0; }

details.boxDetail.urls .kicker .logo { margin-top: -1px; }

/* END LINKS */ 

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

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

 * C O N T E N T - A S I D E

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

aside .box h5 { padding:3px 5px;margin-bottom:5px; }

aside .last p { margin:5px 0 25px; }

aside .arr,

aside a:hover .arr,

aside .arr,

aside a:focus .arr { margin:0 0 7px;display:block; background-position:left 3px; }

aside a {font-weight:bold;}



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

 * F O O T E R - N A V

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

footer { margin-bottom: 20px; margin-top: 20px; line-height: 20px; }

footer li .arr { margin-right:8px; font-site:12px; font-weight:bold; background-image: url(/ZDF/zdfportal/blob/1870/17/data.png); }

footer a.merkliste { background: url(/ZDF/zdfportal/blob/2016/17/data.gif) no-repeat right 1px transparent; padding-right: 20px; padding-left: 4px;}

footer a.merkliste:hover,

footer a.merkliste:focus { background: url(/ZDF/zdfportal/blob/2012/17/data.gif) no-repeat right 1px transparent; }





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

 * COMMENTS

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

.comments { margin: 45px 0px 10px; }

.comments h5 { margin-bottom: 10px;text-transform: uppercase;}



.comments div {margin-bottom: 40px;}

.comments p {font-size: 15px; line-height: 21px; font-weight: normal; padding: 5px 0px;}

.comments a{ font-size: 12px; display: block; padding: 5px 0px;}

.comments ul { list-style: none; float: right; }

.comments ul li {display: inline-block; margin-left: 20px; }

.comments ul li a {padding:0; }



.comments label { display: inline-block; font-size: 15px;}

.comments .chars {font-size: 12px; float: right; padding-top:3px;}

.comments input { display: block;}

.comments form { width: 450px; margin-top: 15px;}

.comments input, .comments textarea { border: 1px solid #585858; margin: 2px 0px 8px; padding: 2px;}

.comments .long 	{ width: 450px;}

.comments .medium 	{ width: 180px;}

.comments .small 	{ width: 100px;}

.comments textarea 	{min-height: 130px; }

.comments input.arr { border: 0; font-weight:bold; padding: 0px 0px 0px 5px; text-align: left;}

.comments label input { display: inline; margin:0;}

.comments label img, .comments label input { vertical-align: middle;  margin: 20px 10px 30px 0px;}

.comments .commentItem h5 {font-size: 20px; text-transform: capitalize; margin-bottom: 0;}

.comments .commentItem h6 { font-size: 15px; margin: 15px 0px 2px 0px;}

.comments label.checklabel { font-size: 12px; margin-bottom: 10px; }

.comments label.checklabel a { display: inline; margin:0; padding:0; text-decoration: underline; }

.comments input[type="checkbox"] {margin:4px 4px 4px 0px; border:0;}



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

 * ERSATZ FLASH

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

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

.ersatzFlash h3 { width: auto; padding: 10px 8px 7px 16px; font-size: 17px; margin-bottom: 5px; }

.ui-accordion h4 { font-size: 15px; margin: 5px 0 0; padding-top: 10px !important; cursor:pointer; position: relative; }

.ersatzFlash.ersatzFlashMedium .boxDetail { padding: 0px 8px 10px; }

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

.ersatzFlash .ui-accordion-content { margin-top: -5px; }

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

.ersatzFlash .ui-accordion-content,

.ersatzFlash .ui-accordion-content p, 

.ersatzFlash .ui-accordion-content a { font-size:13px; line-height:18px; }

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

.ersatzFlash .ui-accordion-content ul { margin:0px 0px; list-style-type: disc; margin-left: 4px; list-style-position: inside; }

.ersatzFlash .ui-accordion-content ul li { line-height: 16px; margin-top: 4px; }

.ersatzFlashMedium .ui-accordion-content img { margin-left: -7px; }



.accordion-icon-down, .accordion-icon-up { width: 20px; height: 20px; background: url(/ZDF/zdfportal/blob/1904/17/data.png) no-repeat -21px 0 #F0F0F0; position: absolute; top: 9px; right: 16px; }

.accordion-icon-down { background-position: -21px 0; }

.ersatzFlash h4:hover .accordion-icon-down { background-position: -21px -21px; }

.accordion-icon-up { background-position: 0 0;  }

.ersatzFlash h4:hover .accordion-icon-up { background-position: 0 -21px;  }



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

 * WILDCARD CONTAINER

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

/* reset for any wildcard content that can be inserted into the Faktenbox */
/* reset for any wildcard content that can be inserted into the Infobox */
.wildcard h1,
.wildcard h2,
.wildcard h3,
.wildcard h4,
.wildcard h5,
.wildcard h6 { font-size: 15px; line-height:21px; margin:0; padding:0; }



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

 * LOWER CONTENT : search results

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

.lowerContent { width:704px;margin-bottom:10px; }

.lowerContent .headerbox{ font-size: 15px; font-weight: bold; }

.lowerContent .lowerContentBox { margin:0 0 10px 0;padding:10px 15px 10px 15px; position: relative;}

.lowerContent .lowerContentBox h2, 
.lowerContent .lowerContentBox h1 { color:#FFF;font-size:30px;margin:0px 0 10px; }

.lowerContent .searchForm form { margin: 0; padding:0; float: none; }

.lowerContent .searchresult h2 { margin: 0 0 14px; }

/* Hotfix RELBUGS-2196, todo: remove ul in HTML Templates and build as regular link or else */
.lowerContent .searchPaging > ul { list-style: none; }
.lowerContent .searchPaging > ul li.active { color: #585858; }
/* end hotfix */

h2 div.dachzeile{
font-weight: normal !important;
font-size: 14px;
padding: 0px;
margin: 0 0 10px 0;
line-height: 12px;
color: #FA7D19;
}
.beitrag .box p.datumContent {
width: 449px;
margin-bottom: 10px;
color: #A0A0A0;
font-weight: bold;
padding: 0;
font-size: 12px;
line-height: 17px;
}



/** FILTER **/

.lowerContent .filterbox {

	padding-top: 20px;

	padding-bottom: 20px;

	font-size: 12px;

	position: relative;

}



.lowerContent .filterbox input[type="text"] {width: 93px;}

.lowerContent .filterbox form { position: relative;}

.lowerContent .filterbox .reset { background: url(/ZDF/zdfportal/blob/2018/17/data.png) repeat-x 0 0; color: #fff; display: block; height: 16px; padding: 3px 8px 1px; 

												border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; font-weight: normal; min-width: 115px; text-align: center; margin-top: -6px;

												z-index: 1000;}

.lowerContent .filterbox .reset:hover { background: url(/ZDF/zdfportal/blob/2020/17/data.png) repeat-x 0 0; }

.lowerContent .filterbox h3 {padding: 0;margin-bottom: 5px; font-weight: bold; color: #666666; font-size: 100%;}

.lowerContent .filterbox form .reset { position: absolute; top: 13px; right:0px; }



.lowerContent .airdate {

	font-size: 12px;

	color: #585858;

}

.lowerContent .airdate h3 {

		padding: 0;

		margin-bottom: 10px;

	}



.lowerContent .airdate .datebox {

		padding: 8px;

		font-size: 14px;

		line-height: 14px;

		background-color: #666666;

		color: #fff;

}

.lowerContent .airdate .datebox img {

			margin-right: 8px;

}



.lowerContent .airdate .datebox h3 { font-weight: normal; }



.lowerContent .airdate .date {

		padding: 0px;

		font-size: 12px;

		line-height: 12px;

		width: 99px;

		font-weight: normal;

		margin-bottom: 0;

		height: 40px;

		position: relative;

}



.lowerContent .airdate .date p {

}



.lowerContent .airdate .dateimg { border-right: 2px solid #fff; width: 548px; }

	



.lowerContent .airdate .right {

		font-size: 12px;

		position: absolute;

		top: 10px;

		right: 15px;

}

.lowerContent .airdate .right span{margin-left: 4px; padding-left: 7px;}





.teaserbox h3 { margin-bottom: 10px; }

.teaserbox .date { font-weight: bold; font-size: 12px; padding:0px; margin:0 0 10px 0; line-height: 12px;}

.teaserbox .desc a, .teaserbox .desc { font-weight: bold; font-size: 15px; line-height: 18px; }

.teaserbox .desc .heading { font-weight: bold; }

.teaserbox .desc .media { font-size: 12px; line-height: 16px; display: block; padding-top: 10px; font-weight:normal; }

.teaserbox .desc strong.mmbuehneLink a { font-weight: bold; font-size: 12px; line-height: 18px; color:#999999}
.teaserbox .desc strong.mmbuehneLink a:hover { color:#FA7D19}

.teaserbox .teaserimg { margin-right: 16px;}



.lowerContent .imagebox { margin-bottom: 6px; }



.listInline li { display:inline-block; }

.filter {padding-top: 10px; border-top: 1px solid #bab8b8; margin-bottom: 20px;}

.filter.last {border-bottom: 1px solid #bab8b8; margin-bottom: 10px !important; padding-bottom: 30px;}

.filter li { margin-right:20px; list-style-type: none; font-weight: bold; color: #585858;}

.filter li.last {float: right;}

.filter.small-margin li { margin-right:10px; }

.filter input[type="checkbox"]{margin-right: 5px; vertical-align: top;}

.filter li a { font-weight:bold; }





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

 * CAROUSEL:  Zeitstrahl

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

#timeCarousel { list-style: none; font-size: 12px; font-weight: bold; }

#timeCarousel li .timebox { display: block; position: relative; width: 90px; height: 70px; padding: 0px 5px; border-left: 1px solid #fff; }

#timeCarousel li .border { border-color: #a0a0a0; }

#timeCarousel li a { color: #a0a0a0; }

#timeCarousel li .timetitle { display: block; padding: 7px 0px 0px 5px; color: #fff; }

#timeCarousel li a:hover,

#timeCarousel li a:hover .timetitle,

#timeCarousel li a:focus,

#timeCarousel li a:focus .timetitle { color: #fa7d19; }

#timeCarousel li .timebox img { margin-top: 5px; }



.clearall {

    clear: both;

    font-size: 0;

    height: 0;

    width: 0;

    line-height: 0;

}

/** Heute Header HighlightTeaser Img */

#content header .titleheader a img.mainzelHighlightTeaserImg{

	margin-top: 0px;

}



div.prelativeBox { position: relative; }

.vcmsPlayerAutoSchwerpunkt { margin: -16px 0px; }

/**BBoxAufmacher**/
#content article.bBox {
display: block;
min-height: 150px;
height: auto;
padding: 0;
position: relative;
background-color: #333;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

#content article.bBox h2 {
font-size: 24px;
line-height: 28px;
color: #ffffff;
}

#content article.bBox .bBoxContent{
padding: 20px 0px 10px 30px;
display: block;
position: relative;
}

#content article.bBox .bBoxContent .links{
float: right;
padding-right: 30px;

width: 272px;
white-space: nowrap;
overflow: hidden;
}

#content article.bBox .bBoxContent .links .arrWhite{
/*font-size: 12px;*/

color: #FFFFFF;
}

#content article.bBox .bBoxContent .content {
    float: left;
    height: 120px;
    overflow: hidden;
    width: 610px;
}

#content article.bBox p,
#content article.bBox ul a{
font-size: 14px;
line-height: 20px;
padding: 10px 0px 10px 0;
}

#content article.bBox p{
color: #333333;
}

#content article.bBox ul{
    list-style-type: none;

    margin-left: 14px;
}

#content article.bBox .bBoxContent .links a:hover .arrWhite {
    color: #FA7D19;
}