/*
* Styles fuer MDR Fernsehen 2015
*/
body {
background-color: #c9b29b;
background-image: url(img/contentVerlauf.gif);
}
#body-wrapper {
background-image: url(img/content.jpg);
}
#filme-serien100Body #body-wrapper {
background-image: url(img/contentFilmeundserien.jpg);
}
#mdr-im-ersten102Body #body-wrapper {
background-image: url(img/contentMdrimersten.jpg);
}
#krimi140Body #body-wrapper {
background-image: url(img/contentKrimi.jpg);
}

.mobil #body-wrapper {
background-image: url(img/mobilHeader.jpg);
}

/*
########################################################
# Kopfbereich
########################################################
*/
#kopf {
background-image: url(img/kopfVerlauf.gif);
background-position: left -20px;
}
#kopf .kopf-wrapper {
background-image: url(img/kopf.jpg);
background-position: left -20px;
}
/* aktiver navipunkt Fernsehen */
#topnavigation .nav-fernsehen {
margin: 0 0.0625em 0 0;
background-color: #FF9900;
}
#topnavigation .nav-fernsehen a {
padding: 0.7273em 0.0909em 1em; /*8px 1px 11px*/
background-color: #FF9900;
color: #F6F5F2;
border: none;
background-image: none;
background-image: url(img/bgToplevelnaviFernsehen.gif);
}
#topnavigation ul {
border-color: #FF9900;
}
#statusleiste .linkleiste,
#statusleiste .datum {
color: #f4dabe;
}
#statusleiste .linkleiste li {
border-color: #f4dabe;
}
#statusleiste .linkleiste a {
color: #fff;
}


/*
########################################################
# Content-Bereich
########################################################
*/

#key1 {
height: 77px;
}
#breadcrumb li {
border-color: #f3d9bd;
}
#breadcrumb a,
#breadcrumb {
color: #f3d9bd;
}

.objektstandard .headline,
.objektdetail h1 {
color: #000;
}

.cssIndexPage #funktion .box.first {
margin-top: 0;
}
.cssIndexPage #funktion .box {
margin-top: 0.19em;
}

#nav .teaser,
.cssIndexPage #funktion .teaser,
#promo .teaser {
background-color: #5b8fbe;
}

.cssIndexPage #spalten-wrapper,
.cssIndexPage #spalten-wrapper2,
.cssIndexPage #spalten-wrapper3 {
width: 62.06em;
}
.cssIndexPage #content-wrapper {
width: 49.38em;
}
.cssIndexPage #inhalt-funktion {
background-image: url("img/3000x1.gif");
background-position: 33em 0;
margin-bottom: 0.125em;
width: 49.38em;
}
.cssIndexPage #inhalt {
padding: 0.19em;
}
.cssIndexPage #funktion {
margin: 0 0 0 0.13em;
padding: 0.19em 0 0.19em 0.19em;
float: left;
}




/*
########################################################
# Navigationsspalte
########################################################
*/

/* Teaser Sendezeit */
#nav .cssProgramHint {
background-color: #ad1208;
}

#subNav {
background-color: transparent;
padding-bottom: 0;
}
#subNav ul,
#subNav ul.level2,
#subNav ul.level3 {
border-top-color: #5b8fbe;
}
#subNav li,
#subNav li.hasChilds,
#subNav ul.level2 li,
#subNav ul.level3 li {
border-color: #5b8fbe;
}
/* Zwischenueberschriften */
#subNav .noRef {
color: #7D0202;
}
#subNav .aktiv a,
#subNav a:hover {
background-color: #5b8fbe;
}
#subNav a {
color: #fff;
}

#subNav ul.level1.sub li {
	background-color: #2d6591;
	border-color: #c9b29b;
	}
#subNav ul.level1.sub li .aktiv a,
#subNav ul.level1.sub li a:hover {
background-color: #5b8fbe !important;
}

#filme-serien100Body #subNav ul.level1.sub li.nav-filmeundserien,
#mdr-im-ersten102Body #subNav ul.level1.sub li.nav-mdrimersten,
#krimi140Body #subNav ul.level1.sub li.nav-krimi  {
background-color: #5b8fbe;
}
#subNav #navBottom #subNav ul.level1.sub li .aktiv a,
#subNav #navBottom #subNav ul.level1.sub li a:hover {
background-color: #5b8fbe !important;
}




/*
########################################################
# Mittelspalte / Rechte Spalte
########################################################
*/

/* Wechselteaser */
.wechselTeaserNavi {
height: 1.25em;
padding: 0.25em 0 0.2em;
}
.wechselTeaserNavi li {
    background-color: #5b8fbe;
}
.wechselTeaserNavi li a {
    color: #fff;
}
.wechselTeaserNavi li.aktiv {
    background-color: #fff;
}
.wechselTeaserNavi li.aktiv a {
    color: #2d6591;
}


/* Now/Next */
.cssIpgNowNext h3.now {
display: none;
}
.cssIpgNowNext h3.next {
background-image: url(img/bgTrenner.gif);
background-position: left top;
text-transform: capitalize;
}

/* Rundung(en) oben links */
.schablone-mire1 {
background-image: url(img/cornerTopLeft.png);
}
/* Rundung(en)  oben rechts */
.schablone-mire2 {
background-image: url(img/cornerTopRight.png);
}
/* Rundung(en) Indexpage oben links */
.cssIndexPage .schablone-mi1 {
background-image: url(img/cornerTopLeftIndexpage.png);
}
/* Rundung(en)  Indexpage oben rechts */
.cssIndexPage .schablone-re2 {
background-image: url(img/cornerTopRightIndexpage.png);
}

/* TRENNER */
.box h2.title,
#header-inhalt-funktion {
    background-color: #2d6591;
    color: #fff;
}
#inhalt .box h2.title,
.wechselTeaserNavi {
background-color: #2d6591;
}
#inhalt .box.rubrik h2.title {
background-color: #2d6591;
}

/* In diesem Channel sollen auf allen Seiten außer auf Überblicksseiten "Rubriken-Deckel" über dem Content erscheinen */
#header-inhalt-funktion {
border-bottom: 1px solid #c9b29b;
}
.cssIndexPage #header-inhalt-funktion {
display: none;
}

.teaser-element {
background-color: #f6f5f2;
}
.teaser-element .block .dachzeile,
.teaser-element .link-index .dachzeile {
color: #7d7d7d;
}
.teaserTwocol {
background-image: url(img/2x1.gif);
background-repeat: repeat-y;
}

/* Unterer Bereich */
.rubrik {
background-color: transparent;
color: #fff;
}
.rubrik .teaserTwocol {
background-color: #2d6591;
}

.rubrik .headline,
.rubrik  a {
color: #fff;;
}



.cssVoting .skala .ergebnis {
background-color: #444e93;
}




/* Rechte Spalte */
#spalten-wrapper3 {
background-image: url(img/2000x1.gif);
}
.cssIndexPage #spalten-wrapper3 {
background-image: none;
}

#inhalt .objektdetail p.fehler {
color: #ff0000;
}


/* TV heute, gestern, morgen */
#funktion .cssIpgDays ul {
    height: auto;
}
#funktion .cssIpgDays li {
margin: 1px 0 0 !important;
border: 0;
padding: 0;
float: none;
width: auto !important;
}
#funktion .cssIpgDays li a {
display: block;
height: 0px;
padding-top: 60px;
background-repeat: no-repeat;
overflow:hidden;
background-position: 0 0 !important;
}
#funktion .cssIpgDays li.heute a {
background-image:url(img/ipg_heute_256.gif);
}
#funktion .cssIpgDays li.morgen a {
background-image:url(img/ipg_morgen_256.gif);
}
#funktion .cssIpgDays li.gestern a {
background-image:url(img/ipg_gestern_256.gif);
}


/* Quoten */
.node-quoten .absatz {
margin-bottom: 1em;
}
table.quoten th,
table.marktanteile th {
font-weight: normal;
background-color: #e4e2d8;
}
table.quoten #qu1 {
width: 10%;
}
table.quoten #qu2 {
width: 35%;
}
table.quoten #qu3 {
width: 25%;
text-align: center;
}
table.quoten #qu4 {
width: 30%;
text-align: center;
}
/* zentrieren von zellen */
td.ma,
td.zuschauer,
th.tag,
td.tag,
th.monat,
td.monat,
th.lfdjahr,
td.lfdjahr,
th.letztjahr,
td.letztjahr {
text-align: center;
}





/* Banner AV */
.banner.av .datum {
font-size: 11px;
}
.banner.av a {
color: #fff !important;
}
/* Banner Wetter */
#funktion .wetter li {
border-color: #8C9CC2;
color: #fff;
}

/* Rechte Spalte Objekte */
#funktion #printsend,
#funktion .printSend li,
#funktion .box,
#funktion .imageNavi {
border-color: #c9b29b !important;
}
/*
#funktion .box h2,
#funktion .cssBoxTeaserDossier li.first a {
color: #CD5F04;
}
*/
#funktion .funktion p.objektdetail {
color: #444444;
}
#funktion .funktion p.disclaimer {
color: #98a7aa;
}
/* Abschluss des Inhalts */
.cssIndexPage #inhalt-fuss {
margin-left: 12.69em;
width: 49.38em;
}
#inhalt-fuss {
background-color: #908275;
}
#fuss,
#fuss a {
color: #fff;
}
#fuss li {
border-color: #fff;
}
/* Promo-Spalte rechts */
#promo {
top: 267px;
margin-left: 0.5em;
}
/*
########################################################
# Spezialelemente für Objekte
########################################################
*/

/* Dossier */
#funktion .cssBoxTeaserDossier li.first a {
background-image: url(img/linkArrowChannel.gif);
}
#funktion .cssBoxTeaserDossier li.first.active a {
background-image: url(img/linkArrowBackChannel.gif);
}

/* Tatort & Polizeiruf 110: Hier ermitteln wir! */
#krimi140Body.cssIndexPage #inhalt {
    background-image: url(img/topteaserKrimi.png);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    padding: 11.625em 0.19em 0.19em;
}

/* QUIZ */
#quiz h1 {
margin: 0.5em 0;
}

/* Banner Klardigital */
#funktion .box.analogumstellung h2.title {
background-color: #00A9D2;
}

/* Weihnachten bei uns 2014 */
#weihnachten-bei-uns102Body.cssIndexPage #inhalt {
    background-image: url(img/weihnachtenbeiuns.png);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    padding-top: 124px;
}

/* Weihnachten bei uns 2015 */
.cssIndexPage .box.xmas2015,
.cssIndexPage #funktion .box.xmas2015 {
	background-repeat: no-repeat;
	background-position: left top;
	color: #fff;
}
.cssIndexPage #inhalt .box.xmas2015 {
	background-image: url(img/xmas2015_520px.png);
	padding-top: 96px;
}
.cssIndexPage #funktion .box.xmas2015 {
	background-image: url(img/xmas2015_256px.png);
	padding-top: 71px;
}
.box.xmas2015 .teaser,
.box.xmas2015 .teaserTwocol,
.box.xmas2015 .subBox  {
	background-color: #062805 !important;
}
.cssIndexPage .box.xmas2015 .teaser p,
.cssIndexPage #funktion .box.xmas2015 .topline,
.cssIndexPage #funktion .box.xmas2015 .teaserText,
.cssIndexPage #funktion .box.xmas2015 .headline,
.cssIndexPage #funktion .box.xmas2015 .teaserText a {
	color: #fff;
}
.box.xmas2015 .teaser ul.teaserLinks li {
    border: 0 none;
}
.box.xmas2015 .teaser .topline,
.box.xmas2015 .teaser .headline,
.box.xmas2015 .teaser a ,
.box.xmas2015 .teaser ul.teaserLinks a,
.box.xmas2015 .teaser.cssBoxTeaserCatchline a,
.cssIndexPage #funktion .box.xmas2015 .headline,
.cssIndexPage #funktion .box.xmas2015 .teaserText a,
.cssIndexPage #funktion .box.xmas2015 ul.teaserLinks a {
    color: #fff;
}
.cssIndexPage .box.xmas2015 .avTeaser,
.cssIndexPage .box.xmas2015 .teaser.cssVideo,
.cssIndexPage .box.xmas2015 .teaser.cssAudio  {
	background-color: #062805;
}
.cssIndexPage .box.xmas2015 .teaser p {
	color: #fff;
}
.cssIndexPage .box.xmas2015 .teaser ul.teaserLinks li {
    border: 0 none;
}
.box.xmas2015 .teaser .headline,
.box.xmas2015 .teaser a {
    color: #ffe5ae;
}
.cssIndexPage .box.xmas2015 .teaser ul.teaserLinks a {
    color: #007ece;
}
.cssIndexPage .box.xmas2015 .teaser.cssBoxTeaserCatchline a {
    color: #007ece;
}
.cssIndexPage .box.xmas2015 .cssImageGallery.teaser .bilderbox {
    background-color: #fff;
    border: 1px solid #fff;
}

.cssIndexPage .box.xmas2015 .teaser.cssIpg.special h3,
.cssIndexPage .box.xmas2015 .teaser.cssContainerIpgBroadcasts h3 {
    background-color: #062805;
}
.cssIndexPage .box.xmas2015 .teaser .ipgTeaserList li .zeit {
    color: #fff;
}
.cssIndexPage .box.xmas2015 .teaser .ipgTeaserList li.even {
	background-color: #1d3e1c;
}
.cssIndexPage .box.xmas2015 .teaser .ipgTeaserList li.odd {
    background-color: #173816;
}

/* Leichte Sprache */
.leichtesprache.cssArticle #inhalt {
    background-color: #fff;
}
.leichtesprache #funktion .box {
    background-color: #fff;
}
.leichtesprache #funktion .box h2 {
    font-size: 0.9em;
    line-height: 1.5em;
}
.leichtesprache #funktion .box ul.teaserLinks a {
    font-size: 1.2em;
    line-height: 1.5em;
}
.leichtesprache #inhalt h1 {
    font-size: 2em;
}
.leichtesprache #inhalt h2 {
    font-size: 1.2em;
	line-height: 1.5em;
}
.leichtesprache .ctElement p {
    font-size: 0.9em;
    line-height: 1.8em;
}
/*.leichtesprache ul.teaserLinks a {
	font-size: 1.2em;
}*/
.leichtesprache .paragraph ul li {
    font-size: 0.9em;
	line-height: 1.5em;
}
.leichtesprache.cssArticle  #inhalt .paragraph ul.liste li {
    list-style: inside none disc;
	margin-left: 20px;
}

/* Leichte Sprache Verteilseiten */
.leichtesprache .teaser,
.leichtesprache.cssIndexPage #funktion .teaser {
    background-color: #fff !important;
}
.leichtesprache.cssIndexPage .teaser p,
.leichtesprache #inhalt #topArea .cssBoxTeaserStandard .teaser h3,
.leichtesprache #inhalt #topArea .cssBoxTeaserStandard .teaser .teaserText {
    font-size: 0.9em;
	line-height: 1.5em;
}
.leichtesprache.cssIndexPage #funktion .topline,
.leichtesprache.cssIndexPage #funktion .teaserText,
.leichtesprache.cssIndexPage #funktion .airTime,
.leichtesprache.cssIndexPage #funktion .downloadText,
.leichtesprache.cssIndexPage #funktion .vCardText,
.leichtesprache.cssIndexPage #funktion .vCardAdditional,
.leichtesprache.cssIndexPage #funktion .teaser .disclaimer {
    color: #000 !important;
	font-size: 0.9em;
}
.leichtesprache.cssIndexPage #funktion ul.teaserLinks a {
    color: #007ece !important;
}
.leichtesprache ul.teaserLinks a,
.leichtesprache .anchorGroup a,
.leichtesprache a.pfeil {
    background-image: url(/resources/css/mdr/global/img/linkArrowGlobal.gif) !important;
}
.leichtesprache #inhalt .box h2.title {
    background-color: #fff !important;
	color: #000 !important;
	font-size: 2em;
}
.leichtesprache #funktion .box h2.title {
    background-color: #fff !important;
	color: #000 !important;
	font-size: 1.2em;
}
.leichtesprache .box h2.title {
    color: #000 !important;
	margin-bottom: 1px !important;
}
.leichtesprache .ctElement.paragraph strong {
    font-weight: bold;
}
.leichtesprache #inhalt .cssBoxTeaserStandard .teaser.hasImage .teaserText,
.leichtesprache #inhalt .cssBoxTeaserStandard .teaser.hasImage h3,
.leichtesprache #inhalt #standardArea .cssBoxTeaserStandard .teaser.hasImage .airTime,
.leichtesprache #inhalt .cssBoxTeaserStandard .teaser.mgCalendar h3,
.leichtesprache #inhalt .cssBoxTeaserStandard .teaser.mgCalendar .teaserText {
	font-size: 0.9em !important;
	width: 21.8em !important;
	line-height: 1.5em;
}
.leichtesprache .teaser .headline {
    font-size: 1.5em;
	line-height: 1.2em;
}
.leichtesprache.cssIndexPage #funktion .headline,
.leichtesprache.cssIndexPage #funktion .teaserText a {
    color: #007ece !important;
}
.leichtesprache.cssIndexPage .teaser .topline {
    color: #000 !important;
}

/* ICONS rechte Spalte */
/* ARD/Das Erste */
.leichtesprache.cssIndexPage #funktion ul.teaserLinks .cssLinkArd {
background-image: url(/resources/css/mdr/global/img/i-ardlink-d-25x22.png) !important;
}
/* Audio */
.leichtesprache.cssIndexPage #funktion ul.teaserLinks .cssAudio {
background-image: url(/resources/css/mdr/global/img/i-audio-d-25x22.png) !important;
}
/* Video */
.leichtesprache.cssIndexPage #funktion ul.teaserLinks .cssVideo,
.leichtesprache.cssIndexPage #funktion ul.teaserLinks .cssMultimediaGallery {
background-image: url(/resources/css/mdr/global/img/i-video-d-25x22.png) !important;
}
/* Multimediagallery */
.leichtesprache.cssIndexPage #funktion ul.teaserLinks .cssMultimediaGallery {
background-image: url(/resources/css/mdr/global/img/i-multimedia-d-25x22.png) !important;
}
/* Programmtipp / Konzert */
.leichtesprache.cssIndexPage #funktion ul.teaserLinks .cssProgramHint,
#funktion .cssBoxTeaserProgramhint {
background-image: url(/resources/css/mdr/global/img/i-programmtipp-d-25x22.png) !important;
}
/* Galerie */
.leichtesprache.cssIndexPage #funktion ul.teaserLinks .cssImageGallery,
.leichtesprache.cssIndexPage #funktion .cssImageGallery.special {
background-image: url(/resources/css/mdr/global/img/i-bilder-d-25x22.png) !important;
}
/* externer Link */
.leichtesprache.cssIndexPage #funktion ul.teaserLinks .cssLinkExternal {
background-image: url(/resources/css/mdr/global/img/i-externerlink-d-25x22.png) !important;
}
/* Voting */
.leichtesprache.cssIndexPage #funktion ul.teaserLinks .cssVoting {
background-image: url(/resources/css/mdr/global/img/i-voting-d-25x22.png) !important;
}
/* Download */
.leichtesprache.cssIndexPage #funktion ul.teaserLinks .cssDownload {
background-image: url(/resources/css/mdr/global/img/i-download-d-25x22.png) !important;
}