@charset "UTF-8";


/* --- BACKGROUND - COLOR --- */



/* background is now generated dynamically */

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



/* ORANGE */

.current,

#eil,

.rubriken-menu ul li:hover,
.rubriken-menu ul li:focus,

header.nav #dm0 ol li:hover,

header.nav #dm0 ol li:focus,

aside .box h5,

.boxDetail .ersatzFlash h3,

.lowerContent .headerbox { background-color:#FA7D19 !important; }



/* BLUE */

.boxTeaser { background-color:#7297A9 !important; }



/* DARK GREY */

header.nav section,

header.nav section li { background-color:#666666  !important; }



/* GREY */

nav li, .box,

header.nav section { background-color:#666666; }



footer nav li {background-color: transparent;}



/* MID GREY */

details.boxDetail table tbody tr.odd td { background-color:#E2E2E2; }



/* LIGHT GREY */

article .module .info-module,

aside.equal .box,

menu li,

.boxDetail { background-color: #e8e8e8; }

.boxContainingImage { overflow:auto;}

/* WHITE */

#content article .desc,

#eil h3,

.headline h2,

#erweiterteSuche, .teaser-rubriken,

.itemDesc p,

#dm0, section.boxDetail,

aside.equal .first,

.boxTeaser h3,

.lowerContent .teaserbox,

.boxImage,

.weather ul,

.mainzelPopup,

.teaser-weitere-themen { background-color:#fff !important; }



/* TRANSPARENT */

menu li a.current,

#sm, footer li, #iframeHome,

.transparent {  background-color:transparent !important; }



/* BLACK TRANSPARENT */
#boxTabbed .info {
    background-color: #111; /* fallback older browser */
 background-color: rgba(0,0,0,0.8);
}



/*special case: right Col; need to do this with a bg image, because bringing the two col to the same height by script will conflict with the accordion/carousel widgets*/

.main aside .box.last {
height: 100%;
}



.themebox { margin-bottom: 10px; }



/* --- COLOR --- */



/* LIGHTER GREY */

#eil h3,

article .desc { color:#999999; margin-bottom: 20px; }



.lowerContentBox .desc,

.teaserItem footer strong a, .teaserItem footer, .teaserItem .desc p a, .desc .author { color:#333333; }



.lowerContent .teaserbox h3,

.lowerContentBox .desc a,

.lowerContentBox .desc a:hover,

.lowerContentBox .desc a:focus { color: #FA7D19;}



/* DARK GREY */

hgroup h2, article section,

.teaser-rubriken p, 

.teaser-weitere-themen p,

section.boxDetail,

aside.equal .box,

aside .box p.arr a,

.boxDetail .boxTeaser h3,

#sm li,

details.boxDetail,

details.boxDetail p,

details.boxSmall a.arr,

#content article h2 a:hover,
#content article h2 a:focus,

.comments, .lowerContentBox .desc .heading { 

 color:#666666; 
}



/* Headline Grey */
.main hgroup h2 {
 color: #585858;
}



/* DARKER GREY */

.nc section,

.boxTeaser p { color:#333333 !important; }





/*SOME OTHER GREY*/

.weather ul li a,

.mainzelPopup {color: #757575; }



/* WHITE */

header nav,

#nc,

.box,

.itemContent h3,

#erweiterteSuche ul li, .teaser-rubriken ul li,

header.nav section li a,

aside .box h5,

/*.boxDetail h3,*/

.boxDetail .ersatzFlash h3,

.lowerContent .headerbox,

.nc a,

.nc a:active,

.nc a:visited,

.nc .openItem h4 a,

.weather span,
.boxTeaser p,
.lowerContent .airdate .datebox a, 

.nc .newsContent .newsText p, 

.rubriken #dd,

#boxTabbed .info { color:#FFF; }



/* ORANGE */

.active,

menu li a.current,

details.boxDetail h5,

a:hover,

a:focus,

header.nav section li a:hover,

header.nav section li a:focus,

#content .openItem h2 a:hover,

#content .openItem h2 a:focus,

#content .openItem .hover h2 a,

menu li.currentTab a,

.comments h5,

.lowerContentBox

.desc a:hover .heading,

.desc a:focus .heading,

.teaserItem footer strong a:hover, 

.teaserItem .desc p a:hover

.no-touch .nc .newsItem h4 a:hover,

.no-touch .nc .newsItem h4 a:focus,

.no-touch .nc a:hover,

.no-touch .nc a:focus,

#themeNavi a.active,

footer a:hover,

footer a:focus,

.nc .openItem.messageVisible h4 a,

.nc #moreThemes .theme .moreItem h2,

.weather ul li a:hover,

#rubrikenContent li a:hover .itemDesc p,

.ersatzFlash h4:hover,

.lowerContent .airdate .datebox a:hover,

.rubriken #dd:hover,
.rubriken #dd:focus,

.jcarousel-skin-weitere-themen li h4 .label,
#content article .desc footer,
#content article .desc h2 a:hover,
#content article .desc h2 a:focus,

.itemContent h3,

.main hgroup h3 { color:#FA7D19; }



.linkOrange {color:#FA7D19 !important;}