/* Das Erste / ARD */
#header_ard {
	background: #093e82 url(//www.daserste.de/mediasrc/img/tv/background/XL_headergrafik_root.jpg) repeat-x scroll center top;
}
#header_ard .logo {
	float: left;
	height: 70px;
	padding: 0;
	width: 50%;
}
#header_ard #layerSndgen.subressort.active.collapsed,
#header_ard .subnavi .ressorts span.active,
#header_ard .subnavi .ressorts li:hover,
#header_ard .subnavi ul.subressorts li:focus,
.subnavi ul.subsubressorts li a:hover,
.subnavi ul.subsubressorts li a:active,
.subnavi ul.subsubressorts li a:focus {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #56ecea 0px, #22b6b8 66%, #22b6b8 100%) repeat scroll 0 0;
}
#header_ard .wrapper .section {
    margin-bottom: 14px !important;
}

/* NowNext-Teaser auf TV-Startseite */
.mod .box.boxIpgTeaser.boxIpgTeaserButtons:not(.boxIpgTeaserNowNextButtons) ul.ipgLinks li a.moreBtn {
 padding-left: 20px;
 padding-top: 25px;
}
.mod .moreBtn.today:after,
.mod .moreBtn.tomorrow:after,
.mod .moreBtn.yesterday:after {
    float: right;
    margin-right: 10px;
    margin-top: 14px;
}
.mod .moreBtn.today .linktext,
.mod .moreBtn.tomorrow .linktext,
.mod .moreBtn.yesterday .linktext {
 vertical-align: middle;
}

.mod .box.boxIpgTeaser.boxIpgTeaserButtons .innerTeaser {
    background-image: linear-gradient(135deg, #084e9e, #0099d7);
}
.mod .box.boxIpgTeaser.boxIpgTeaserButtons:not(.boxIpgTeaserNowNextButtons) ul.ipgLinks li a.moreBtn {
    background-color: transparent;
}

/* Abstände Dachzeile, Titel, Vorspann, Vorspannbild... */
.mod.modParagraph .dachzeile {
margin-bottom: 10px;
}
.mod h1 .headline {
    margin-bottom: 20px;
}
.mod.modParagraph .einleitung,
.mod.modParagraph .jumpLabelList,
.mod.modParagraph .author {
    margin-bottom: 20px;
}
.mod.modParagraph p.subtitle {
    margin-bottom: 20px;
    margin-top: 0;
}

// Promobanner
#promo .con {
	margin: 8px 0 !important;
}
.view-s #promo .con .box.boxImage,
.view-xs #promo .con .box.boxImage {
	padding-bottom: 0;
}

/* Channelnavigationen */
.sectionChannelHeader .section .channelNavigation ul.level1 > li > a,
.sectionChannelHeader .section .channelNavigation ul.level1 > li > span {
	padding: 8px 10px;
	text-transform: none;
}

/* Twitterwidget*/
#tweets {
	padding: 8px;
}
#twitterWidget {
    height: 300px;
    overflow: auto;
}
#twitterWidget li {
    border-bottom: 1px solid #fff;
	background-color: #f1f1f1;
    margin: 0 8px 0 0;
    padding: 10px;
}
#twitterWidget img {
    float: left;
    margin: 0 10px 10px 0;
    width:48px;
    height: 48px;
}
#twitterWidget .from {
    color: #0673b8;
}
.tw_underline {
    margin: 10px 0 0;
    padding: 10px 0 0;
}
.tw_underline a p {
    border-top: 1px solid #ccc;
    color: #0673b8;
    padding-top: 10px;
}

/* Clearer */
.clearer {
    clear: both;
    font-size: 1px !important;
    height: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
}

/* Disclaimer */
.disclaimer {
    margin: 10px 0 0;
	font-size: 14px;
}

/* Offline */
/*#content .mod .box.offline:before {
    outline: 2px dashed red !important;
}
.mod .box li.offline:before {
    background-color: rgba(0, 0, 0, 0.5);
    outline: 2px dashed red !important;
    color: #fff;
    content: "Offline";
    font-weight: bold;
    height: 100%;
    left: 0;
    letter-spacing: 5px;
    position: absolute;
    text-align: right;
    top: 0;
    width: 100%;
    z-index: 10;
	padding: 0;
}*/

/* Formulare Dankeseiten */
#success .sectionWrapper.hasSectionDetail .section.sectionDetailPage .con:not(.conInline) .box:not(.dossierNavigation) {
    padding: 0 !important;
}
.form-success .form-success-values {
    padding: 0;
}
.form-success .form-success-values .unitA {
    background-color: #fff;
    border-bottom: 1px dotted #ccc;
    padding: 10px 10px 0;
}
.form-success .unitD {
    float: left;
    max-width: 40%;
    width: 40%;
}
.form-success .unitY {
    float: left;
    font-weight: bold;
    max-width: 60%;
    width: 60%;
}

/* Programmteaser im Channelkopf */
.channelHeaderTeaser .mod .box.cssProgramHint .teaser {
	background-color: transparent !important;
}
.sectionChannelHeader .box.cssProgramHint .teaser .shortHeadline {
	display: none !important;
}
.channelHeaderTeaser .mod .box.cssProgramHint .teaser .shortInfos h4 span.headline {
 font-size: 14px !important;
}
.channelHeaderTeaser .mod .innerTeaser .cssProgramHintBox .cssProgramHintRepeat {
 padding: 0;
}
.channelHeaderTeaser .mod .innerTeaser .cssProgramHintBox .cssProgramHintRepeat p {
	font-size: 12px !important;
}
.channelHeaderTeaser .mod .innerTeaser .cssProgramHintBox {
    margin-bottom: 8px;
}

/* Tabellen */
.table table td {
	vertical-align: top;
}
.tableFooter p {
	font-size: 14px;
}

/* Reiter */
 .ui-tabs ul li a {
	text-transform: none;
}
.ui-tabs ul li {
	padding: 0 2px;
}

/* Tabellen mit Reitern Padding */
.table.ui-collapsible-body {
	padding: 10px;
}

/* Tabelle Schneehöhen */
.tableWrapper.schneehoehen .tcol1 {
	width: 25%;
}
.tableWrapper.schneehoehen .tcol2 {
 width: 75%;
}

/* Telebingo */
.telebingo .imgGame {
	float: left;
	margin: 0 10px 10px 0;
}
.telebingo .game .table {
 width: auto;
 clear: none;
}
.telebingo .game {
 overflow: hidden;
 margin-top: 20px;
}
.telebingo .game .table td,
.telebingo .game .table th {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	text-align: center;
}
.telebingo .game h3 {
    background-color: #e5e5e5;
	padding: 10px;
}
.telebingo .game .gewinnzahlen {
    background-color: #fff;
    padding: 10px;
	overflow: hidden;
}
.telebingo .game .gewinnzahlen .table {
	margin-bottom: 0;
}
.telebingo h2 {
    font-size: 1.3em;
}
.telebingo .table.quoten {
    margin-top: 24px;
}
.telebingo .game .gewinnzahlen .table {
    overflow-x: scroll;
}

/* Lotto */
.lotto .table.zahlen {
	width: auto;
}
.lotto .table.zahlen td {
	height: 40px;
	text-align: center;
	vertical-align: middle;
	width: 40px;
}
.lotto .table.zahlen.gewinnzahlen {
	float: left;
}
.lotto .table.zahlen {
    margin-bottom: 0;
}

/* Mediatheksbanner */
.mod .box.mediathek {
    background-color: #0064ae /*#656a75*/ !important;
}
.mod .box.mediathek .teaserInfoWrapper h4.shortHeadline,
.mod .box.mediathek .teaserInfoWrapper h4.shortHeadline a.headline,
.mod .box.mediathek .teaserInfoWrapper {
    color: #fff !important;
}
.mod .box.mediathek .teaserInfoWrapper {
    padding: 10px 20px 10px 10px !important;
}
.mod .box.mediathek .teaserInfoWrapper h4 .headline {
    margin-bottom: 0 !important;
}
.mod .box.boxImage.mediathek .teaserInfoWrapper:after {
    right: 0;
}

/* Spezial-Mediatheksbanner */
.con.mediathekfeatures .mod .box.mediathekBannerSpecial {
 margin-bottom: 1px;
}
.sectionC .mod .box.mediathekBannerSpecial {
	padding: 0 !important;
}
.mod .box.mediathekBannerSpecial .innerTeaser {
	background-color: #0564af !important;
	background-image: linear-gradient(135deg, #0564af, #018bcc) !important;
}
.mod .box.mediathekBannerSpecial .teaserInfoWrapper,
.mod .box.mediathekBannerSpecial .teaserInfoWrapper h4 .headline,
.mod .box.mediathekBannerSpecial h4.shortHeadline .headline,
.mod .box.mediathekBannerSpecial p.teasertext,
.mod .box.mediathekBannerSpecial .teaserInfoWrapper:after {
	color: #fff !important;
}
.mod .box.mediathekBannerSpecial .teaserInfoWrapper h4 .headline {
 font-size: 30px;
}
.mod .box.mediathekBannerSpecial .teasertext {
	display: block !important;
	margin: 0;
	padding: 0;
}

/* IPG-Slider */
/* .cssIpgSearchSlider.owl-isSlider .controls.layered .buttons a {
	background-color: #f0f0f0;
	height: 122px;
	margin: -45px 0 0;
	padding: 45px 6px 0;
}
.cssIpgSearchSlider.owl-isSlider .controls.layered .buttons a.prev {
	border-radius: 3px 0 0 3px !important;
	margin: -45px 0 0 6px;
	border-right: 1px dotted #c4c4c4;
}
.cssIpgSearchSlider.owl-isSlider .controls.layered .buttons a.next {
	border-radius: 0 3px 3px 0 !important;
	margin: -45px 5px 0 0;
	border-left: 1px dotted #c4c4c4;
}
.cssIpgSearchSlider.owl-isSlider .controls.layered .buttons a:hover {
	color: #fff;
	background-color: #2d6591;
}
.cssIpgSearchSlider.owl-isSlider .boxConWrapper .boxCon.owl-carousel {
	background-color: #f0f0f0;
	padding-top: 10px;
}
.cssIpgSearchSlider .box a {
	background-color: #fff !important;
	border: 1px solid #999;
}
.cssIpgSearchSlider .box a:hover {
	background-color: #fff !important;
	border: 1px solid #2d6591 !important;
	color: #2d6591;
} */

/* Image OnFocus */
.radiolivestreamplayer ui-selectbox:focus {
	outline: 1px !important;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.85) !important;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.85) !important;
}

/* Radioplayer OnFocus */
.mod .mediaCon a:focus .imageWrapper {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.85) !important;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.85) !important;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.85) !important;
}

/* Button To The Top */
.ui-social-fixed.stayInPlace .ui-social-btn.ui-scrollToTop {
    background-color: #fff !important;
    border-color: #000 !important;
	color: #000 !important;
	top: -53px;
}

html.no-touch .controls a.prev:hover,
html.no-touch .controls a.next:hover {
	color: #0673b8;
}

/* Social Media Buttons */
.ui-social-fixed.stayInPlace {
    background-color: rgba(255, 255, 255, 0.2);
}
.ui-social-fixed .ui-social-btn * {
    border: none;
}
.ui-social-fixed .ui-social-btn a {
    color: #fff;
}
.ui-social-fixed.stayInPlace a:hover {
	text-decoration: none !important;
}

/* Mehr-Links */
.mod .moreBtn {
    color: #0673b8;
}
.mod .moreBtn:hover {
 color: #313131;
}
.mod .moreBtn:focus {
 text-decoration: underline;
}

/* Linkpfeile in Linklisten */
.mod .linklist li a:after {
    color: #313131;
}

/* Footer */
#footer .footer-bottom {
    background-color: #f3f3f3;
}
#footer .footer-top .mdr img {
	width: 70px;
}

.staticHtml {
	width: 100%;
}

html.js .ui-collapsible .ui-collapsible-trigger:before {
	color: #313131;
}
html.js .ui-collapsible .ui-collapsible-trigger:before a:hover {
 color: #0673b8 !important;
}
.conMultiGroupWrapper.ui-tabs-layered .con.conMultiGroup {
    margin-bottom: -1px !important;
}

/* Zitate */
.mod.modParagraph .quote blockquote {
    border-left: 2px solid #c4c4c4;
    border-right: medium none;
    padding: 0 0 0 21px;
}
/* Slider Control */
.ui-pieProgressWrapper .ui-pieProgress {
    line-height: 0;
}

/* Link in Absatz-Listen */
.paragraph ul li a {
color: #0673b8;
}

/* Select Box */
html.js .ui-selectbox {
    background-color: #fff;
    border: 1px solid #c4c4c4;
}
.form .formElement select option {
    background-color: #fff;
    border-bottom: 1px solid #c4c4c4;
}

/* Bildergalerie */
.mod .box.cssImageGallery .teaser.special .gallery-bigImage .mediaRights {
    font-size: 0.75em !important;
}
body.cssImageGallery .mod .cssImageGallery.box .special.teaser .gallery-bigImage .mediaInfo {
	padding: 5px 0 7px 0 !important;
}

// Bildteaser/Banner ohne Rahmen
.view-xl #content .sectionWrapper.noborder,
.view-l #content .sectionWrapper.noborder,
.view-m #content .sectionWrapper.noborder,
.view-xl #content .sectionWrapper:not(.hasSectionDetail).noborder,
.view-l #content .sectionWrapper:not(.hasSectionDetail).noborder,
.view-m #content .sectionWrapper:not(.hasSectionDetail).noborder,
:not(.hasSectionDetail).sectionWrapper.noborder,
.sectionWrapper.noborder {
	background-color: transparent !important;
	}
 #content .noborder .sectionWrapperMain,
 #content .noborder .sectionWrapperRelated {
	margin-top: 0;
	}
 #content .noborder .section {
	padding: 0;
	}
 #content .noborder .con {
    margin: 0;
	}
 #content .noborder .mod.modA .box {
	margin-bottom: -4px;
	}
.view-s #content .noborder .mod.modA .box,
.view-xs #content .noborder .mod.modA .box {
 margin-bottom: 10px;
 }
.view-xl #content .noborder .mod.modA .box,
.view-l #content .noborder .mod.modA .box,
.view-m #content .noborder .mod.modA .box {
	background-color: transparent;
	}
 #content .noborder .box {
	padding: 0;
	}

#vereine-und-teams-100Body .con.vereine .teaserInfoWrapper {
	display: none;
}

.mod .cssBoxTeaserBundle.box .innerTeaser .shortInfos h4 a:after {
    content: "\e632";
	font-family: "mdricons";
    font-size: 0.875em;
    margin-left: 2px;
    text-decoration: none;
}
.mod .cssBoxTeaserBundle.box .innerTeaser .shortInfos h4 a:focus:after {
    text-decoration: none;
}

/* MDR Logo Global */
#header .logo span {
    color: #0062ae;
    margin-left: 11px;
    margin-top: 9px;
}

/* Icons auf Teaserimages */
.panorama .mod .media .icon-font, .box.panorama .media .icon-font {
 background-image: url(/resources/mdrde/channel/mdrzeitreiseregio/img/iconPanorama_45px.png);
 background-color: transparent;
 display: block;
 position: absolute;
 top: 10px;
 left: 10px;
 width: 45px;
 height: 45px;
 }

/* verlinkte Seitenbereichstitel */
h2.pageAreaTitle a:after { content: "\e632"; 	font-family: "mdricons"; font-size: 0.875em; margin-left: 2px; text-decoration: none; }

/* Sport */
.sportResults .sportsForm.matchDayNavi div {
	background-color: #e5e5e5 !important;
}
.sportResults .matchesResults h3 span,
.sportResults .matchesResults h3 span.matchDayTime {
	background-color: #f1f1f1;
}
.sportResults .sportsForm .ui-selectbox {
 background-color: #fff !important;
}
.sportsStart.conWrapper .conSub h3.headline {
	background-color: #e5e5e5;
}

.sportResults .modTable .table table tr.livematch td,
.sportResults .modTable .table table tr.livematch td.mannschaft > *,
.sportResults .modTable .table table tr.livematch th.mannschaft > * {
	color: #eb2222 !important;
}

.sportResults .modTable .legende {
	margin-top: 1px !important;
	background-color: #f6f6f6 !important;
}

/* Play-Button */
.mod > .boxCon .box.cssAv > .teaser > .innerTeaser > .mediaCon > .media .imageWrapper .icon-font, .mod > .boxCon .box.cssBroadcast.cssAv > .teaser .mediaCon > .media .imageWrapper .icon-font, .mod > .boxCon .box.cssAv.cssVoting > .teaser .form-button .mediaCon > .media .imageWrapper .icon-font, .mod > .boxCon .box .form-button.cssAv .mediaCon > .media .imageWrapper .icon-font, .mod > .boxCon .box .cssAv.mediaCon > .media .imageWrapper .icon-font, .mod > .boxCon .box .floatBox.cssAv > .teaser .mediaCon > .media .imageWrapper .icon-font, .mod .cssAv.boxImage .teaserInfoWrapper::after, .mod .cssAv.boxImageSquare .teaserInfoWrapper::after {
	background-color: #0673b8;
}

/* Logolink im Channelheader bei .isScrolling deaktivieren */
.sectionChannelHeader.isScrolling .channelTitle a.logolink {
	display: none !important;
}

/* Search */
.searchLayerForm input.searchInput {
	border-radius: 3px;
	border: 1px solid #666;
}

/* Homepage-Link */
body.cssBroadcastSeries .mod .box .linklist li.cssLinkMdr {
	background-color: #0673b8 !important;
	color: #fff !important;
}
body.cssBroadcastSeries .mod .box .linklist li.cssLinkMdr a:after {
 	color: #fff !important;
}
body.cssBroadcastSeries .mod .box .linklist li.cssLinkMdr a,
body.cssBroadcastSeries .mod .box .linklist li.cssLinkMdr:hover a {
	 color: #fff !important;
}