body {
  overflow-x: hidden; }

.wrapper {
  width: 320px;
  margin: 0 auto 0 auto; }

#content {
  width: 100%;
  float: left;
  margin: 0 0 0 0; }

.con {
  float: left;
  width: 100%;
  margin: 8px 0 0 0;
  background-color: #fff; }

.sectionArticle .con {
  margin: 4px 0 0 0; }

.con:first-child {
  margin-top: 0; }

.modCon {
  width: 100%;
  float: left; }

.boxCon {
  width: 100%;
  float: left; }

.teaser {
  width: auto;
  float: none; }

.section {
  float: left;
  width: 100%;
  margin: 4px;
  padding: 0px; }

.sectionArticle {
  background-color: #fff; }

.box {
  margin: 0px;
  padding: 4px;
  float: left; }

.sectionA {
  width: 312px; }

.sectionA .mod .box {
  width: 304px; }

.sectionB {
  width: 312px; }

.sectionB .mod .box {
  width: 304px; }

.sectionC {
  width: 312px; }

.sectionC .mod .box {
  width: 304px; }

.sectionD {
  width: 312px; }

.sectionD .mod .box {
  width: 304px; }

.sectionE {
  width: 312px; }

.sectionE .mod .box {
  width: 304px; }

.sectionZ {
  width: 312px; }

.sectionZ .mod .box {
  width: 304px; }

.unitA {
  width: 100%;
  float: left; }

.unitB {
  width: 100%;
  float: left; }

.unitC {
  width: 100%;
  float: left; }

.unitD {
  width: 100%;
  float: left; }

.unitE {
  width: 100%;
  float: left; }

.unitX {
  width: 100%;
  float: left; }

.unitY {
  width: 100%;
  float: left; }

.unitZ {
  width: 100%;
  float: left; }

.mod .slider {
  width: 200000px; }

img {
  display: block; }

.masternavi .wrapper, .masternavi .section, #header .wrapper, #header .section {
  overflow: visible; }

.masternavi .section {
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 0; }

#header .wrapper .section {
  margin-top: 0;
  margin-bottom: 0;
  position: relative; }

.masternavi .navi {
  position: relative;
  width: 100%;
  float: left; }

.masternavi .menueToggle {
  float: left;
  height: 32px;
  margin: 0;
  padding: 6px 20px 0 0;
  background-color: #fff;
  width: 140px;
  display: block; }

.masternavi .menueToggle a {
  float: left;
  padding: 4px 0 4px 8px;
  color: #001a4b; }

.masternavi .menueToggle.collapsed {
  background-color: transparent; }

.masternavi .menueToggle.collapsed a {
  color: #fff; }

.masternavi .wrapper {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0; }

.masternavi {
  width: 100%;
  float: left;
  height: 35px; }

.mnHolder {
  width: 312px;
  margin: 0 auto 0 auto;
  position: relative; }

.masternavi ul {
  position: absolute;
  background-color: #fff;
  top: 34px;
  left: 0px;
  width: 161px;
  padding-top: 8px;
  z-index: 5000;
  -moz-box-shadow: 0px 20px 25px -5px black;
  -webkit-box-shadow: 0px 20px 25px -5px black;
  box-shadow: 0px 20px 25px -5px black; }

.masternavi ul li {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  background: none;
  border-bottom: 1px solid #ddd; }

.masternavi ul li.active {
  background-color: #ddd;
  padding: 4px 0 4px 4%;
  width: 96%;
  border-bottom: 0; }

.masternavi ul li.active a {
  background-color: #ddd;
  padding: 0 0 0 0; }

.masternavi ul li a {
  float: left;
  width: 96%;
  color: #001a4b;
  padding: 4px 0 4px 4%;
  border-bottom: 0;
  height: auto; }

.masternavi ul li a:hover,
.masternavi ul li a:focus,
.masternavi ul li a:active {
  color: #001a4b;
  background: #e9ebef;
  height: auto;
  border-bottom: 4px solid #e9ebef;
  padding: 4px 0 0 4%; }

.masternavi .tv,
.masternavi .radio,
.masternavi .ardmt {
  font-weight: bold; }

.masternavi .tv {
  margin-top: 28px;
  border-top: 1px solid #ddd; }

#header {
  float: left;
  width: 100%; }

#header .section {
  background-color: transparent; }

.collapseArrowSmall {
  float: right;
  width: 20px;
  height: 15px;
  margin-top: 4px;
  background: url("/resources/img/base/icon/arrow_collapsible.png") no-repeat scroll 0px -15px transparent; }

.collapsed .collapseArrowSmall {
  background: url("/resources/img/base/icon/arrow_collapsible.png") no-repeat scroll 0px 0px transparent; }

#header .logo {
  background: none repeat scroll 0 0 transparent;
  float: left;
  width: auto;
  height: auto;
  margin: 4px 0 0 0; }

#header .logo img {
  width: auto;
  height: 48px; }

#header .searchBox {
  left: 160px;
  margin: 0 0 0;
  position: absolute;
  top: 0; }

#header .searchToggle {
  float: right;
  padding: 0 4px 0 0;
  width: 55px;
  height: 34px;
  border-right: 1px solid #b2c2de;
  border-left: 1px solid #b2c2de;
  border-bottom: solid 1px #fff;
  background: white url("../../img/base/icon/lupe_searchtoggle.png") no-repeat 0px 0px; }

#header .searchToggle.collapsed {
  border-bottom: none;
  background: url("../../img/base/icon/lupe_searchtoggle.png") no-repeat 0px -34px; }

#header .searchToggle img {
  height: 25px;
  display: none;
  padding: 4px 4px 3px 8px; }

#header .searchForm {
  background-color: #FFFFFF;
  height: 28px;
  left: -161px;
  padding: 6px 0;
  position: absolute;
  top: 34px;
  width: 222px;
  z-index: 100;
  -moz-box-shadow: 0px 20px 25px -5px black;
  -webkit-box-shadow: 0px 20px 25px -5px black;
  box-shadow: 0px 20px 25px -5px black; }

#header .searchInput {
  border: 1px solid #DDDDDD;
  float: left;
  height: 25px;
  margin: 0 0 0 5px;
  padding: 0 0 0 5px;
  width: 175px;
  font-size: 0.85em;
  color: #516384; }

#header .searchInput.active {
  color: #000; }

#header .searchSubmit {
  float: left;
  width: 30px;
  padding: 0;
  margin: 0 0 0 2px; }

#header .searchSubmit {
  float: left;
  width: 30px;
  padding: 0;
  margin: 0 0 0 2px; }

#header .searchSubmit input {
  float: right;
  width: 100%; }

#header .subnavi .menueToggle {
  background-color: #fff;
  height: 32px;
  padding: 0 0 0 0;
  float: left;
  width: 85px;
  background-color: #fff;
  color: #001a4b;
  font-weight: bold;
  display: block; }

#header .subnavi .menueToggle.collapsed {
  border-bottom: none;
  background: #005698; }

.subnavi .ressorts {
  background: #fff; }

.tagesschau #header .subnavi .menueToggle.collapsed,
.tagesschau #header .subnavi .menueToggle.collapsed a {
  background: #005698;
  color: #fff; }

#header .subnavi .menueToggle a {
  padding: 10px 0 0 6px;
  float: left;
  width: 50px;
  color: #001a4b; }

.subnavi .ressorts .collapsed a {
  color: #001a4b; }

#header .subnavi .menueToggle.collapsed a {
  color: #fff; }

.subnavi {
  float: right;
  margin: 12px 0px 0 0;
  position: relative;
  width: auto;
  z-index: 100; }

.subnavi .ressorts li {
  float: left;
  position: relative;
  padding: 4px 14px 3px 14px; }

.subnavi .ressorts {
  background-color: #FFFFFF;
  left: -143px;
  padding: 4px;
  position: absolute;
  top: 32px;
  width: 220px;
  -moz-box-shadow: 0px 20px 25px -5px black;
  -webkit-box-shadow: 0px 20px 25px -5px black;
  box-shadow: 0px 20px 25px -5px black; }

.subnavi .ressorts span {
  float: left;
  padding: 0;
  width: 100%;
  color: #001a4b; }

.subnavi .ressorts li a {
  color: #000000;
  float: left;
  margin: 0 0 0 0;
  padding: 4px;
  text-align: left;
  width: 212px; }

.subnavi .ressorts li a:focus,
.subnavi .ressorts li a:hover,
.subnavi .ressorts li a:active {
  background: #e9ebef; }

.subnavi .ressorts li {
  position: static;
  width: 100%;
  float: left;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border-bottom: 1px solid #d9e2eb; }

.subnavi .subressorts {
  width: 100%;
  float: left; }

.subnavi .subressorts li {
  border-bottom: 1px solid #d9e2eb; }

.subnavi .subsubressorts {
  width: 100%;
  float: left;
  background-color: #ddd; }

.subnavi .subsubressorts li {
  border-bottom: 1px solid #d9e2eb; }

#footer {
  width: 100%;
  float: left;
  margin-top: 20px;
  padding-top: 30px;
  padding-bottom: 10px;
  background-color: #001A4B;
  font-size: 1em; }

#footer .wrapper {
  width: 100%; }

#footer .section {
  margin: 0;
  width: 100%;
  padding-bottom: 4px; }

#footer .unitD {
  width: 100%; }

#footer .unitD ul {
  float: left;
  padding: 0 0 15px 0;
  width: 100%; }

#footer a {
  color: #FFFFFF;
  padding: 4px 0 4px 0;
  display: block; }

#footer ul li a {
  color: #FFFFFF;
  padding: 4px 2% 4px 2%;
  display: block;
  width: 96%; }

#footer a:hover,
#footer a:active,
#footer a:focus {
  background: #234179; }

#footer li {
  float: left;
  margin: 0 0 0 0;
  font-size: 0.9em;
  width: 100%; }

#footer .unitD h3 {
  color: #FFFFFF;
  border-top: #4E75A0 1px solid;
  padding: 12px 2% 10px 2%;
  width: 96%;
  font-size: 1em; }

#footer .unitD:first-child h3 {
  border-top: none; }

#footer h3:hover {
  background: #234179; }

#footer .foot {
  border-top: 1px solid #4E75A0;
  float: left;
  margin: 0;
  padding: 20px 0;
  width: 100%; }

#footer .help {
  float: left;
  clear: left;
  width: 100%; }

#footer .logo {
  float: left;
  clear: left;
  width: 100%;
  padding: 0; }

#footer a.logo:hover {
  background: none; }

#footer .logo img {
  margin: 6px 10px 6px 6px;
  float: right; }

#footer .copy {
  color: #FFFFFF;
  font-size: 0.9em;
  text-align: right;
  width: 80%;
  float: right;
  margin: 0 8px 0 0; }

#footer .collapseArrow {
  margin-top: 14px;
  margin-right: 2%;
  background: url("/resources/img/base/icon/arrow_collapsible.png") no-repeat 0 -60px; }

#footer .collapsed .collapseArrow {
  background: url("/resources/img/base/icon/arrow_collapsible.png") no-repeat 0 -40px; }

.form input[type=text].hasDatepicker {
  float: left;
  width: 240px; }

.ui-datepicker {
  width: 284px;
  top: 2px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 8px 10px 8px 11px;
  text-align: right;
  text-decoration: none; }

img.ui-datepicker-trigger {
  margin: -8px 0 0 4px; }

.conHeadline {
  font-size: 1.2em;
  line-height: 110%;
  margin: 6px 0 6px 0;
  width: 98.5%;
  padding: 0 0 0 1.5%;
  float: left;
  color: #001a4b;
  text-indent: 0; }

.collapseArrow {
  width: 20px;
  height: 20px;
  background: url("/resources/img/base/icon/arrow_collapsible.png") no-repeat scroll 0px -20px transparent;
  margin: 6px 5px 0 0; }

.collapsed .collapseArrow {
  background: url("/resources/img/base/icon/arrow_collapsible.png") no-repeat scroll 0px 0px transparent; }

.button a {
  float: left; }

.mod .controls .prev,
.mod .controls .next {
  min-width: 48px; }

.mod .controls.buttonfield a.prev,
.mod .controls.buttonfield a.next {
  min-width: 0; }

.mod .controls .labels .entry {
  margin: 0 1px 0 0;
  float: left;
  cursor: pointer; }

.mod .controls.sliding .labels {
  margin-top: -46px; }

.mod .controls.paging .labels {
  margin: -42px 0 0 0; }

.mod .controls.sliding .labels .entry {
  width: 8px;
  height: 8px; }

.mod .controls.paging .labels .entry {
  padding: 0; }

.mod .controls.paging .labels .entry a {
  padding: 6px 8px 6px 8px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px; }

.mod .controls .labels .entry:hover {
  background-color: #fff; }

.mod .controls .labels .entry.active {
  background-color: #fff; }

.mod {
  width: 100%;
  float: left;
  font-size: 90%;
  position: relative; }

.mod .teaser {
  float: left;
  width: 100%; }

.mod .teaserHeadline {
  margin: 0 0 8px 0;
  width: auto;
  float: none; }

.mod .ressort {
  margin: 0;
  padding: 0 0 4px 0; }

.mod .mediaCon {
  margin: 0 2% 8px 0;
  width: 100%;
  width: 46%;
  float: left; }

.mod .portrait .mediaCon {
  width: 50%;
  float: none;
  overflow: auto;
  margin-left: auto;
  margin-right: auto; }

.mod .media {
  width: 100%;
  float: left;
  position: relative; }

.mod .mediaB {
  width: 48%;
  margin-left: 0.9%;
  margin-right: 0.9%; }

.mod .mediaC {
  width: 31.333%;
  margin-left: 0.9%;
  margin-right: 0.9%; }

.mod .mediaD {
  width: 23%;
  margin-left: 0.9%;
  margin-right: 0.9%; }

.mod .mediaLink {
  width: 100%;
  float: left; }

.mod .mediaCon .img {
  float: left;
  width: 100%; }

.mod .icon {
  left: 0;
  bottom: 0;
  position: absolute; }

.mod .icon img {
  width: 100%; }

.mod .marke {
  float: right;
  margin-right: 8px;
  margin-top: -80px; }

.mod .dachzeile {
  margin: 0 0 4px 0;
  width: auto;
  float: none; }

.mod .headline {
  margin: 0 0 8px 0;
  width: auto;
  float: none; }

.mod .subtitle {
  width: 100%;
  float: left; }

.mod .teasertext {
  margin: 0 0 8px 0;
  width: 100%;
  float: left; }

.mod .teasertext.colCnt2 {
  column-count: 1;
  column-gap: 0;
  column-rule-color: #fff;
  column-rule-style: solid;
  column-rule-width: 0px;
  -moz-column-count: 1;
  -moz-column-gap: 0px;
  -moz-column-rule-color: #fff;
  -moz-column-rule-style: solid;
  -moz-column-rule-width: 0px;
  -webkit-column-count: 1;
  -webkit-column-gap: 0px;
  -webkit-column-rule-color: #fff;
  -webkit-column-rule-style: solid;
  -webkit-column-rule-width: 0px; }

.mod .text {
  line-height: 145%; }

.mod .linklist {
  display: none;
  float: left;
  margin: 0 0 8px 0;
  width: 100%; }

.showAllLinks .mod .linklist {
  display: block; }

.mod .linklist .more {
  clear: both;
  margin: 0 0 6px 0;
  width: 100%; }

.mod .linklist .more strong {
  font-weight: bold; }

.mod .linklist .list {
  width: 100%;
  float: left;
  border-top: 1px solid #9dadc7; }

.mod .linklist .list li {
  width: 100%;
  float: left;
  padding: 0 0 0 0;
  border-bottom: 1px solid #9dadc7; }

.mod .linklist .list li a,
.mod .linklist .list li.noLink {
  padding-top: 6px;
  padding-bottom: 6px; }

.modConStage .modMini .box {
  background-color: none; }

.modConStage .modMini .mediaCon {
  width: 100%; }

.modConStage .modMini .headline {
  font-size: 1.35em; }

.modMini .marke {
  display: none; }

.modMini .teasertext {
  display: none; }

.modMini .linklist {
  display: none; }

.modMini .box.active, body.sportschau .modMini .box:hover {
  background: none; }

.modMini .box.active a,
.modMini .box:hover,
.modMini .box:hover a {
  background: none;
  color: inherit; }

.modC.modPicture .box,
.modD.modPicture .box,
.modE.modPicture .box {
  width: 148px; }

.modConGallery .modC.modPicture .box,
.modConGallery .modD.modPicture .box,
.modConGallery .modE.modPicture .box {
  width: 304px; }

.modPicture .mediaCon {
  width: 100%;
  margin: 0; }

.modC.modPicture .box .mediaCon,
.modD.modPicture .box .mediaCon,
.modE.modPicture .box .mediaCon {
  width: 100%; }

.modPicture .ressort {
  display: none; }

.modPicture .dachzeile {
  display: none; }

.modPicture .headline {
  display: none; }

.modPicture .teasertext {
  display: none; }

.modPicture .linklist {
  display: none; }

.modConStage .modStage {
  display: none; }

.modConStage .modStage.hasPlayer {
  display: block; }

.modStage .mediaCon {
  width: 100%;
  float: left; }

.modStage .linklist {
  display: none; }

.modConStage .modB, .modConStage .modC, .modConStage .modD, .modConStage .modE {
  margin-top: 0; }

.modPremium .mediaCon {
  width: 100%; }

.modPremium h4.headline {
  font-size: 1.35em; }

.modClassic .mediaCon {
  width: 60%; }

.modClassic .dachzeile {
  clear: both;
  float: left;
  width: 100%; }

.modClassic .headline {
  clear: both;
  float: left;
  width: 100%; }

.modHeadline .linklist {
  display: block; }

.modParagraph .mediaCon {
  float: none;
  margin-bottom: 12px;
  margin: 0 0 0 0;
  overflow: auto;
  width: 100%; }

.modParagraph .mediaCon.small {
  clear: both;
  float: left;
  margin: 18px 4% 12px 4%;
  overflow: auto;
  padding: 0;
  width: 92%; }

.modParagraph .media {
  width: 100%;
  margin-bottom: 16px;
  float: left; }

.modParagraph .mediaA,
.modParagraph .small .mediaA,
.modParagraph .mediaB,
.modParagraph .small .mediaB,
.modParagraph .mediaC,
.modParagraph .small .mediaC {
  margin-right: 0;
  margin-left: 0;
  width: 100%; }

.modParagraph .media.portrait {
  width: 70%;
  margin: 0 15% 10px 15%;
  float: left; }

.modParagraph .mediaD {
  width: 60%; }

.modParagraph .mediaInfo {
  width: 100%; }

.modParagraph .mediaRight {
  width: 40%;
  float: right;
  clear: right; }

.modParagraph .mediaRight,
.modParagraph .mediaLeft {
  width: 70%;
  margin: 0 030% 0 0;
  float: none;
  clear: both; }

.modParagraph .headline {
  width: auto;
  float: none; }

.modParagraph .dachzeile {
  width: auto;
  float: none; }

.modParagraph h2.headline {
  width: auto;
  float: none;
  margin-left: 5%;
  margin-left: 2%;
  margin-right: 5%;
  margin-right: 2%;
  font-size: 1.5em; }

.modParagraph .subtitle {
  width: auto;
  float: none; }

.modParagraph .einleitung {
  margin: 0 0 8px 0;
  width: auto;
  float: none; }

.modParagraph .text {
  margin: 0 0 8px 0;
  width: auto;
  float: none; }

.modParagraph .autor {
  font-style: italic;
  margin: 0 0 8px 0;
  width: auto;
  float: none; }

.modParagraph .small {
  margin-left: 5%;
  margin-right: 5%; }

.sectionZ .modParagraph .articlePageList {
  margin: 6px 5% 10px 5%;
  width: 90%; }

.sectionZ .modParagraph .controls.buttonfield {
  margin: 4px 5% 10px 4%;
  width: 90%;
  font-size: 0.9em; }

.sectionArticle .linklist {
  display: block; }

.modParagraph .infokasten .mediaCon {
  margin: 0 0 4px 0;
  width: 100%;
  float: left; }

.modParagraph .infokasten h4 {
  margin-bottom: 4px; }

.modTeaseronly .dachzeile {
  clear: both;
  float: left;
  width: 100%; }

.modTeaseronly .headline {
  clear: both;
  float: left;
  width: 100%; }

.modTeaseronly .linklist {
  display: none; }

.modList .teaser {
  padding-top: 8px; }

.modList .mediaCon {
  width: 50%;
  margin-top: 8px;
  margin-bottom: 6px; }

.modList .mediaCon .img {
  width: 100%; }

.modList .dachzeile {
  width: 100%;
  float: right;
  margin-bottom: 4px; }

.modList h3.headline {
  width: 100%;
  font-size: 1.25em;
  float: right;
  margin-bottom: 4px; }

.modList .teasertext {
  width: 100%;
  float: right;
  margin-bottom: 4px; }

.modList .linklist {
  width: 100%;
  float: right;
  margin-bottom: 0px; }

.modList .linklist .list {
  border-top: none; }

.modList .linklist .list li {
  border-bottom: none;
  padding: 4px 0 0; }

.modList .linklist .list li a {
  color: #516384; }

.modSocialbar .print {
  display: none; }

.modSocialbar .send a {
  width: 147px; }

.modSocialbar .likeCon {
  width: 304px;
  margin-bottom: 0;
  height: 34px; }

.modSocialbar .likeCon .iframefb {
  width: 120px;
  margin-right: 5px; }

.modSocialbar .likeCon .iframetw {
  width: 90px;
  margin-right: 5px; }

.modSocialbar .likeCon .iframegp {
  margin-right: 0; }

.modSocialbar .like {
  width: 304px;
  height: 34px; }

.modSocialbar .like a {
  padding-top: 10px; }

.modSocialbar .agreement {
  top: 34px;
  width: 294px; }

.modSocialbar .share {
  width: 147px;
  margin-right: 0; }

.modSocialbar ul.shares,
.sectionZ .modSocialbar ul.shares,
.sectionB .modSocialbar ul.shares {
  width: 137px;
  top: 30px; }

.modSocialbar ul.shares li,
.sectionZ .modSocialbar ul.shares li,
.sectionB .modSocialbar ul.shares li {
  width: 138px; }

.modSocialbar .like .fb,
.modSocialbar .like .twitter,
.modSocialbar .like .google {
  margin: 8px 12px 0 0; }

.modSocialbar ul.shares li a {
  width: 112px; }

.modSocialbar ul.shares li.google,
.sectionZ .modSocialbar ul.shares li.google
.sectionB .modSocialbar ul.shares li.google {
  margin-right: 0; }

.modSocialbar ul.shares li.del,
.sectionZ .modSocialbar ul.shares li.del,
.sectionB .modSocialbar ul.shares li.del {
  margin-right: 0; }

.sectionB .modSocialbar .send a {
  width: 147px; }

.sectionB .modSocialbar .share {
  margin-right: 0;
  width: 147px; }

.sectionB .modSocialbar ul.shares {
  top: 30px; }

.sectionB .modSocialbar ul.shares li {
  width: 138px; }

.sectionB .modSocialbar .likeCon {
  width: 304px; }

.sectionB .modSocialbar .like {
  width: 304px; }

.sectionB .modSocialbar .agreement {
  width: 294px;
  padding: 8px 5px 8px 5px; }

.sectionZ .modSocialbar .send a {
  width: 147px; }

.sectionZ .modSocialbar .share {
  width: 147px;
  margin-right: 0; }

.sectionZ .modSocialbar .likeCon {
  width: 304px; }

.sectionZ .modSocialbar .like {
  width: 304px; }

.sectionZ .modSocialbar .agreeCon {
  width: 294px; }

.sectionZ .modSocialbar .agreement {
  width: 294px;
  padding: 8px 5px 8px 5px; }

.form label {
  padding: 2px 0; }

.modA.modGlossar .box {
  padding: 0 4px;
  width: 304px; }

.sectionZ.sectionArticle .modA.modGlossar .box {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  width: 280px; }

.mod.modGlossar .teaser {
  margin: 0 2%;
  width: 96%;
  float: left; }

.modGlossar .teaserHeadline {
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 1em; }

.modGlossar .collapsed {
  font-size: 0.9em; }

.modGlossar .link {
  width: 75%;
  float: left; }

.mod.modGlossar .mediaCon {
  width: 90%;
  margin: 0 10% 8px 0; }

.modGlossar .dachzeile {
  display: none; }

.modGlossar .headline {
  margin: 0 0 0 0;
  width: 100%; }

.modGlossar .controls .labels {
  margin: -36px 0 0 0; }

.modGlossar .controls .labels .entries {
  padding: 0 18px 10px 18px; }

.modGlossar .controls .labels .entries .entry {
  margin: 0 3px 3px 0;
  width: 36px; }

.modGlossar .controls .labels .entries .entry a,
.modGlossar .controls .labels .entries .entry.active {
  padding: 7px 0 5px;
  text-align: center; }

.modGlossar .controls .labels .entries .entry.active a {
  padding: 0; }

.modTagcloud .linklist {
  display: block; }

.modTagcloud .linklist .list {
  border: none; }

.modTagcloud .linklist .list li {
  border: none;
  width: auto;
  padding-right: 12px;
  display: table;
  float: left; }

.modTagcloud .linklist .list li a {
  display: table-cell;
  vertical-align: bottom;
  height: 30px; }

.modTagcloud .controls .labels .entries {
  padding: 0 8px 0 8px; }

.modQuiz {
  font-size: 0.9em; }

.modQuiz.mod .mediaCon {
  width: 100%; }

.modQuiz .resultTable {
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 8px;
  table-layout: auto; }

.modQuiz .resultTable th.answerHeader {
  width: 17%; }

.modQuiz .resultTable .entry {
  vertical-align: top;
  padding-top: 8px;
  border-bottom: 1px solid #DDDDDD; }

.modQuiz .resultTable .even {
  background-color: #eee; }

.modQuiz .resultTable .answer {
  border: none;
  text-align: left;
  padding: 0 0 8px 0; }

.modQuiz .resultTable .entry .mediaCon {
  border: none;
  margin: 0; }

.modQuiz .resultTable .headlines .entry {
  border-bottom: 1px solid #24324C;
  vertical-align: bottom;
  padding-left: 1%; }

.modQuiz .resultTable .data .entry {
  padding: 8px 8px 0px 16px; }

.modQuiz .resultTable .question {
  border: none;
  text-align: left;
  padding: 0; }

.modQuiz .resultTable .right {
  color: #080; }

.modQuiz .resultTable .wrong {
  color: #800;
  opacity: 1;
  filter: alpha(opacity=100); }

.modQuiz .resultTable .corrected {
  font-style: italic;
  font-weight: normal; }

.modQuiz .text {
  line-height: 145%;
  width: 100%;
  float: left; }

.modQuiz .link {
  width: auto;
  float: right;
  margin-bottom: 16px;
  margin-top: 16px;
  margin-left: 1.5%;
  padding: 0.5% 1%;
  background-color: #eee;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  line-height: 145%; }

.modQuiz .link.quizPre.quizStart {
  float: left; }

.modQuiz .dachzeile {
  margin: 0 2% 4px 1.5%;
  width: auto;
  clear: left; }

.modQuiz h3.headline {
  margin: 0 2% 6px 1.5%; }

.modQuiz .teasertext {
  margin: 0 2% 8px 1.5%;
  width: auto;
  clear: left;
  line-height: 145%; }

.modQuiz .answer {
  border-bottom: 1px solid #DDDDDD;
  float: left;
  width: 99%;
  padding: 1.5% 0 1.5% 1%;
  line-height: 145%; }

.modQuiz .wrong {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.modQuiz .textResults {
  float: left;
  width: 49%;
  border-right: 1px solid #eee;
  clear: left; }

.modQuiz .visualResults {
  float: right;
  width: 49%;
  clear: right;
  padding-top: 8px;
  padding-bottom: 8px; }

.modQuiz .unit {
  float: left;
  width: 100%;
  margin-bottom: 8px; }

.modQuiz .unit.quizEntry,
.modQuiz .unit.quizAfter {
  width: 96%;
  margin-left: 1.5%;
  margin-right: 2%; }

.modQuiz .unit .mediaCon {
  margin-top: 8px;
  margin-bottom: 0;
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 16px;
  width: 100%; }

.modQuiz .unit .mediaCon .imgLink img {
  padding: 1%;
  border: 1px solid #DDDDDD; }

.modQuiz .resultBar {
  height: 15px;
  width: 100%;
  float: left;
  background-color: #800;
  margin-top: 8px; }

.modQuiz .resultLevel {
  height: 100%;
  float: left;
  background-color: #080; }

.modQuiz .question,
.modQuiz .result {
  border-bottom: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  float: left;
  line-height: 145%;
  width: 95%;
  font-weight: bold;
  padding: 16px 0 16px 5%; }

.modQuiz .progress {
  float: left;
  margin-top: 30px;
  width: 90%;
  margin: 0 5%;
  overflow: hidden; }

.modQuiz .progressText {
  width: 100%;
  float: left;
  color: #AAAAAA; }

.modQuiz .answer .link {
  background-color: transparent;
  float: right;
  margin: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 92%;
  padding: 0;
  border: none; }

.modQuiz .label {
  background-color: #EEEEEE;
  float: left;
  padding-bottom: 8px;
  padding-top: 8px;
  text-align: center;
  width: 6%;
  padding: 0;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  font-weight: bold; }

.modQuiz .media .label {
  position: relative;
  top: 27px;
  left: 2px;
  width: 1.25em; }

.modQuiz .result .wrong {
  color: #800;
  opacity: 1;
  filter: alpha(opacity=100); }

.modQuiz .result .rigth {
  color: #080; }

.modQuiz .progressVisual {
  float: left;
  height: 8px;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%; }

.modQuiz .progressVisual .active {
  height: 100%;
  float: left; }

.modQuiz .progressVisual .right {
  height: 100%;
  float: left; }

.modQuiz .progressVisual .wrong {
  height: 100%;
  float: left;
  opacity: 1;
  filter: alpha(opacity=100); }

.modQuiz .progressEntry {
  height: 100%;
  float: left; }

.modQuiz .progressEntry .progressIdx {
  text-align: center;
  margin-bottom: -0.2em;
  color: #AAAAAA; }

.modQuiz .progressEntry .progressBorder,
.modQuiz .progressEntry .progressColor {
  height: 6px;
  border-top: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA; }

.modQuiz .progressEntry:first-child .progressBorder,
.modQuiz .progressEntry:first-child .progressColor {
  border-left: 1px solid #AAAAAA; }

.modQuiz .progressEntry .progressBorder {
  border-top: none;
  border-bottom: none; }

.modQuiz .progressEntry.right .progressColor {
  background-color: #008800; }

.modQuiz .progressEntry.wrong .progressColor {
  background-color: #880000; }

.modQuiz .linklist {
  margin-top: 8px; }

.modQuiz .linklist .more {
  font-family: ThesisAntiqua, Times, serif;
  text-transform: uppercase; }

.modQuiz .linklist .more strong {
  font-weight: bold; }

.modQuiz.voting .vote-detail {
  padding: 1.5% 0;
  line-height: 145%; }

.modQuiz.voting .vote-detail > div {
  float: left;
  margin-right: 3%; }

.modQuiz.voting .vote-detail .vote-content {
  width: 40%;
  margin-right: 2%; }

.modQuiz.voting .vote-detail .vote-number,
.modQuiz.voting .vote-detail .vote-percent {
  width: 14%;
  text-align: right; }

.modQuiz.voting .vote-detail .vote-bar-container {
  width: 24%;
  height: 1.2em; }

.quizAfter.voteresult {
  line-height: 145%; }

.modPaging .paging {
  width: 100%;
  float: left; }

.modPaging .text {
  width: 100%;
  float: left;
  margin-bottom: 8px; }

.modPaging .linklist .list {
  border-top: none; }

.modPaging .linklist .list li {
  width: auto;
  float: left;
  border-bottom: none;
  padding: 1%;
  background-color: #eee;
  margin-left: 1px; }

.modPaging .next {
  background: url("../../img/base/icon/arrow_sprite.png") no-repeat 0 0;
  width: 30px;
  height: 30px;
  float: right; }

.modPaging .prev {
  background: url("../../img/base/icon/arrow_sprite.png") no-repeat 0 -100px;
  float: left;
  width: 30px;
  height: 30px; }

.modConSearch .modPaging .linklist .list li {
  font-size: 1.2em;
  padding: 8px 14px; }

.modConSearch .modPaging .linklist {
  float: none;
  margin: 0 auto;
  width: 75%; }

.modConSearch .modPaging .linklist {
  float: none;
  margin: 0 auto;
  width: 50%; }

.modConGlossar .modPaging .list li.active {
  background-color: #fff; }

.modConGlossar .modPaging .loadNameInfo {
  float: left;
  font-size: 1.2em;
  margin: 0 0 4px 0;
  padding-left: 1%;
  width: 98%; }

.sportschau ul.parts {
  margin: 5%;
  padding: 0; }

.modConGallery .modPicture {
  display: none; }

.modConGallery .modGallery.hasPlayer {
  display: block; }

.modConGallery .box.active {
  background: #fff; }

.modGallery .ressort {
  display: none; }

.mod.modGallery .mediaCon {
  width: 100%;
  margin-left: 0;
  margin-right: 0; }

.mod.modGallery .portrait .mediaCon {
  width: 50%;
  float: none;
  overflow: auto;
  margin-left: auto;
  margin-right: auto; }

.modGallery .dachzeile {
  display: none; }

.modConGallery .modHead h2.headline {
  font-size: 1.5em; }

.modGallery .linklist {
  display: none; }

.mod.modGallery .controls.sliding {
  top: 4%; }

.sectionZ .mod.modGallery .controls.sliding {
  top: 4%; }

.mod.modGallery .controls.sliding {
  height: 46px;
  left: 0;
  margin: 0;
  position: absolute;
  visibility: hidden;
  z-index: 50;
  top: 127px; }

.sectionZ .mod.modGallery .controls.sliding {
  top: 18%;
  top: 127px; }

.mod.modGallery .controls.sliding .prev {
  width: 46px;
  min-width: 46px;
  height: 46px;
  visibility: visible;
  margin: 0;
  background: url("../../img/base/icon/arrow_gallery.png") 0px -46px transparent no-repeat; }

.mod.modGallery .controls.sliding .prev:hover {
  background: url("../../img/base/icon/arrow_gallery.png") 0 -186px transparent no-repeat; }

.mod.modGallery .controls.sliding .next {
  min-width: 46px;
  width: 46px;
  float: right;
  height: 46px;
  margin: 0;
  visibility: visible;
  background: url("../../img/base/icon/arrow_gallery.png") -82px -46px transparent no-repeat; }

.mod.modGallery .controls.sliding .next:hover {
  background: url("../../img/base/icon/arrow_gallery.png") -82px -186px transparent no-repeat; }

.modStopper .ressort {
  display: none; }

.modStopper .mediaCon {
  margin: 0; }

.modStopper .viewA .mediaCon {
  width: 100%; }

.modStopper .viewB .mediaCon {
  width: 100%; }

.modStopper .viewC .mediaCon {
  width: 100%; }

.modStopper .dachzeile {
  display: none; }

.modStopper .headline {
  display: none;
  margin-top: 4px;
  margin-bottom: 0px; }

.modStopper .viewB .headline {
  display: block;
  width: 100%;
  float: right; }

.modStopper .viewC .headline {
  display: block;
  width: 100%;
  float: right; }

.modStopper .teasertext {
  display: none;
  font-family: Thesis;
  font-size: 0.8em;
  margin-top: 4px; }

.modStopper .viewB .teasertext {
  display: block;
  width: 100%;
  float: right; }

.modStopper .viewC .teasertext {
  display: block;
  width: 100%;
  float: right; }

.modStopper .linklist {
  display: none; }

.modHead .info {
  width: auto;
  float: right;
  clear: right; }

.modHead .headline {
  width: auto;
  float: left;
  clear: left; }

.modHead .subline {
  width: auto;
  float: left;
  clear: left; }

.modHead .link {
  width: auto;
  float: right;
  clear: right; }

.sectionA .modA.mod.modBreakingNews .box {
  padding: 4px 4px 4px 4px;
  margin: 0 0 0 0; }

.mod.modBreakingNews .ressort {
  padding: 0 0 2px 4px;
  margin: -6px -4px 0 -4px; }

.mod.modBreakingNews .mediaCon {
  width: 44%;
  float: left;
  margin: 6px 6px 2px 0; }

.mod.modBreakingNews .teaser {
  float: left;
  margin: 0;
  width: 99.5%; }

.mod.modBreakingNews .dachzeile {
  margin: 4px 0 0 0;
  float: none; }

.mod.modBreakingNews .headline {
  float: none;
  margin: 0 0 0 0; }

.mod.modBreakingNews .teasertext {
  float: none;
  margin: 0 0 0 0; }

.mod.modBreakingNews .linklist {
  display: none; }

.modBroadcastList .boxCon {
  height: auto;
  border-bottom: 1px solid #9da4b2;
  border-top: 1px solid #9da4b2; }

.mod.modBroadcastList .mediaCon {
  width: 50%; }

.modBroadcastList .inputSuggest {
  height: 140px; }

.section .modCon.modConProgramm {
  width: 304px;
  padding: 4px; }

.modCon.modConProgramm .controls.paging .labels .entry a {
  padding: 6px; }

.modConProgramm .mod .controls .entry a span {
  display: none; }

.modConProgramm .modHead .box h3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10%;
  width: 90%; }

.modCon.modConProgramm .box h3 {
  text-indent: 6px; }

.modConProgramm .tv-sender li {
  text-indent: 1%; }

.modConProgramm .tv-sender li a + a {
  display: block; }

.modCon.modConProgramm .box .entries h3 span.date,
.modCon.modConProgramm .box .entries h3 span.titel {
  width: 100%;
  padding-bottom: 0; }

.modCon.modConProgramm .box .entries h3 span.date {
  text-align: left; }

.modCon.modConProgramm .box .entries h3 span.trenner {
  display: inline;
  padding: 0 4px; }

.modConProgramm .box .entries h3 span.dachzeile {
  display: block;
  font-size: 0.85em;
  padding-bottom: 2px; }

.modCon.modConProgramm .box .entries h3 span.titel {
  padding-left: 2%;
  width: 92%;
  text-indent: 0; }

.modCon.modConProgramm .box .entries h3 span.titel,
.modCon.modConProgramm .box .entries h3 span.subtitel {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 92%; }

.modCon.modConProgramm .box .entries .fortschritt,
.modCon.modConProgramm .box .entries .fortschritt span {
  height: 4px; }

.modCon.modConProgramm .entry .metainfo {
  display: none; }

.modCon.modConProgramm .entry .teaser {
  width: 98%;
  padding-left: 1%;
  float: left;
  padding-right: 1%; }

.modCon.modConProgramm .entry .teaser .mediaCon {
  width: 135px; }

.modConProgramm .entry .teasertext + .modSocialbar {
  clear: both; }

.modConProgramm .entry .teasertext + .modSocialbar .button a {
  padding: 3px;
  width: auto; }

.modConProgramm .entry .teasertext + .modSocialbar .share {
  width: 91px; }

.modConProgramm .entry .modSocialbar .button a {
  width: 138px;
  padding: 3px; }

.modConProgramm .entry .modSocialbar .share {
  width: 144px; }

.modConProgramm .entry .modSocialbar .collapseArrow {
  margin-right: 5px;
  margin-top: 1px; }

body.ard {
  background: #73a4e0 url("../../img/ard/background/base_xs.jpg") no-repeat top center fixed; }

body.ard .ressort {
  margin-bottom: 4px;
  padding: 2px 0; }

body.ard .modMini .box.active, body.ard .modMini .box.active a {
  color: #001a4b; }

body.ard .modConStage .modMini .box,
body.ard .modConStage .modMini .box.active,
body.ard .modConStage .modMini .box:hover {
  background-color: #fff; }

body.ard .modCon.serviceModulTV .modBroadcastList .boxCon,
body.ard .modCon.serviceModulRadio .modBroadcastList .boxCon {
  height: auto; }

.modBroadcastList h3.headline {
  font-size: 1.25em; }

body.ard .mod.modClassic .linklist {
  display: block; }

body.ratgeber {
  background: #268798; }

.ratgeber #content {
  background: none; }

body.ratgeber .modConStage .modMini .box,
body.ratgeber .modMini .box:hover,
body.ratgeber .modPicture .box:hover,
body.ratgeber .modTeaseronly .box:hover,
body.ratgeber .modConGallery .modPicture .box,
body.ratgeber .modConStage .modMini .box.active,
body.ratgeber .modConStage .modMini .box.active:hover,
body.ratgeber .box.active {
  background-color: #fff !important; }

.ratgeber .modGallery .controls {
  background: transparent; }

.ratgeber .mod.modClassic .linklist {
  display: block; }

body.radio {
  background: #1f81b7; }

.radio #content {
  background: none; }

body.radio .modConStage .modMini .box,
body.radio .modMini .box:hover,
body.radio .modPicture .box:hover,
body.radio .modTeaseronly .box:hover,
body.radio .modConGallery .modPicture .box,
body.radio .modConStage .modMini .box.active,
body.radio .modConStage .modMini .box.active:hover,
body.radio .box.active {
  background-color: #fff !important; }

.radio .modGallery .controls {
  background: transparent; }

.tagesschau .box.active a {
  color: #fff; }

.tagesschau #content {
  background: none; }

.tagesschau .mod {
  background-color: #fff; }

.tagesschau .modConStage .box.active {
  background-color: #c8e4f5; }

.tagesschau #content .sectionC, .tagesschau #content .sectionZ {
  background-color: #fff; }

.tagesschau .box {
  background: white url("../../img/tagesschau/background/box_base.jpg") repeat-x bottom; }

.tagesschau .box.active {
  background: #001a4b;
  color: #fff; }

.tagesschau #header ul.ressorts .collapsed:hover .collapseArrow,
.tagesschau #header ul.ressorts .collapsed .collapseArrow {
  background-image: none; }

.tickerList .linklist {
  display: block; }

.modTicker .linklist {
  display: none; }

.box.matches01 .modTicker .linklist {
  display: block; }

.box.matches02 .modTicker .linklist {
  display: block; }

.clubList ul li {
  width: 16.666%; }

.clubList ul li img {
  width: 80%;
  margin: 0 auto;
  padding: 4px 0 4px 0; }

.mod.modGlossar.shortNews .mediaCon {
  float: left;
  margin-right: 8px;
  width: 42.5%;
  margin-bottom: 4px; }

.mod.modGlossar.shortNews .mediaCon .media {
  width: 100%;
  margin: 0; }

.mod.modGlossar.shortNews p.teasertext {
  display: block; }

.sectionA .resultList ul li {
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 2px; }

.sectionA .resultList ul li a {
  text-align: left; }

.resultList h3, .resultList h4 {
  letter-spacing: 1px;
  padding: 0.5em 0 0.25em;
  text-transform: uppercase; }

.resultList h3 {
  padding: 0 0 0.25em 0; }

.resultList h4 {
  letter-spacing: 1px;
  padding: 0.5em 0 0.25em 0;
  text-transform: uppercase;
  margin: 0; }

.ardStatBeg div.wappen {
  display: none; }

.ardStatBeg div.team {
  width: 78%; }

.ardStatBeg .widthbuli {
  width: 78%; }

.ardStatBeg div.result {
  width: 18%;
  margin: 6px 2%;
  padding: 5px 0;
  font-size: 1.75em; }

body.sportschau {
  background-image: url("./../../img/sportschau/background/xs.jpg"); }

.sportschau #content {
  background: none; }

body.sportschau .conHeadline {
  letter-spacing: 0;
  font-size: 1.45em;
  padding: 0 0 0 2.5%;
  width: 97.5%; }

.sportschau .mod {
  background-color: #fff; }

.sportschau .mod h4.headline {
  font-size: 1.1em; }

.sportschau .modConStage .box.active {
  background-color: #001a4b;
  color: #fff; }

.sportschau .modConStage .box.active a {
  color: #fff; }

.sportschau .modGallery .mediaCon {
  margin-bottom: 8px; }

.sportschau .modConGallery p.subline {
  display: none; }

body.sportschau .mod.modB h4.headline {
  font-size: 1.1em; }

.sportschau #header .collapsed .collapseArrow::before {
  margin-top: -40px; }

.sportschau #header .ressorts .collapsed.subressort .collapseArrow::before {
  margin-top: 0; }

.sportschau #header .collapseArrow::before {
  margin-top: -20px; }

.sportschau .subnavi, .sportschau .subnavi .ressorts {
  background: #fff; }

.sportschau .subnavi ul.ressorts li:first-child,
.sportschau .subnavi ul.ressorts li:first-child span.active.collapsed {
  border-top-left-radius: 0; }

.sportschau .subnavi .ressorts li .collapsed a,
.sportschau .subnavi .ressorts .collapsed a:hover,
.sportschau .subnavi .ressorts .collapsed a:focus,
.sportschau .subnavi .ressorts .collapsed a:hover,
.sportschau .subnavi ul.ressorts li .active,
.sportschau .subnavi ul.ressorts li:hover,
.sportschau .subnavi ul.ressorts li:active,
.sportschau .subnavi ul.ressorts span,
.sportschau .subnavi ul.ressorts li:hover span.collapsed a,
.sportschau .subnavi ul.ressorts li:hover span.collapsed,
.sportschau .subnavi .ressorts li .subressort.collapsed:hover,
.sportschau .subnavi .ressorts li .subressort.collapsed:active,
.sportschau .subnavi .ressorts li .subressort.collapsed:focus {
  color: #001a4b;
  background: #ffff; }

.sportschau .subnavi .ressorts li .subressort.collapsed:hover,
.sportschau .subnavi .ressorts li .subressort.collapsed:active,
.sportschau .subnavi .ressorts li .subressort.collapsed:focus {
  background: green;
  background: #d0dce8;
  background: -moz-linear-gradient(top, #e3edf7 0, #d0dce8 100%);
  background: -webkit-linear-gradient(top, #e3edf7 0, #d0dce8 100%);
  background: linear-gradient(to bottom, #e3edf7 0, #d0dce8 100%); }

.sportschau #header .subnavi .ressorts span.active {
  background: #d0dce8;
  background: -moz-linear-gradient(top, #e3edf7 0, #d0dce8 100%);
  background: -webkit-linear-gradient(top, #e3edf7 0, #d0dce8 100%);
  background: linear-gradient(to bottom, #e3edf7 0, #d0dce8 100%);
  border-top-color: #e3edf7;
  border-bottom-color: #d0dce8;
  border-left-color: rgba(255, 255, 255, 0);
  border-right-color: rgba(255, 255, 255, 0); }

.sportschau .subnavi ul.ressorts li span.active a,
.sportschau .subnavi ul.ressorts li span.active a:hover {
  background: none; }

.sportschau .subnavi,
.sportschau .subnavi .ressorts {
  background: #fff; }

.sportschau .subnavi ul.ressorts li a:link,
.sportschau .subnavi ul.ressorts li .collapsed a,
.sportschau .subnavi ul.ressorts li .collapsed a:visited {
  color: #001a4b;
  text-shadow: none; }

body.sportschau .modConStage .modMini .box,
body.sportschau .modConStage .modMini .box a,
body.sportschau .modMini .box .ressort,
body.sportschau .modMini .box.active a,
body.sportschau .modMini .box:hover,
body.sportschau .modMini .box:hover a,
body.sportschau .modMini .box:hover .ressort,
body.sportschau .modMini .box.active .ressort {
  background: #fff;
  color: #001a4b; }

body.sportschau .modConStage .modMini .box.active,
body.sportschau .modConStage .modMini .box:hover {
  background: #fff;
  color: #001a4b; }

.sportschau .mod.modPicture .mediaCon,
.sportschau .mod.modGallery .mediaCon {
  margin: 0 0 0 0;
  width: 100%;
  float: left; }

.sportschau .mod.modGallery .mediaCon {
  margin-bottom: 8px; }

.sportschau .mod .mediaCon,
.sportschau .mod.modTeaseronly .mediaCon,
.sportschau .mod.modMini .mediaCon,
.sportschau .mod.modClassic .mediaCon {
  width: 46%;
  margin: 0 2% 0 0; }

.sportschau .mod.modTeaseronly .mediaCon .media,
.sportschau .mod.modMini .mediaCon .media,
.sportschau .mod.modClassic .mediaCon .media,
.sportschau .mod .mediaCon .media {
  float: left;
  margin: 0 0 8px 0;
  width: 100%; }

.sportschau .modParagraph .mediaCon .media.mediaC,
.sportschau .modParagraph .mediaCon .media.mediaB {
  width: 90%;
  margin: 8px 5%; }

.sportschau .mod.modStopper .viewA .mediaCon,
.sportschau .mod.modStopper .viewA .mediaCon .media,
.sportschau .mod.modStopper .viewB .mediaCon,
.sportschau .mod.modStopper .viewB .mediaCon .media,
.sportschau .mod.modStopper .viewC .mediaCon,
.sportschau .mod.modStopper .viewC .mediaCon .media {
  width: 100%;
  margin-bottom: 0; }

.sportschau .mod.hasPlayer .mediaCon,
.sportschau .modConStage .mod.modMini .mediaCon,
.sportschau .mod.modStage .mediaCon,
.sportschau .mod.modPremium .mediaCon {
  width: 100%;
  margin: 0 0 4px 0; }

.sportschau .modTeaseronly .dachzeile,
.sportschau .modMini .dachzeile,
.sportschau .modClassic .dachzeile,
.sportschau .modTeaseronly h4.headline,
.sportschau .modMini h4.headline,
.sportschau .modClassic h4.headline {
  float: none;
  width: auto;
  clear: none; }

.sportschau .modParagraph .mediaCon.mediaTop {
  width: 100%;
  margin-right: 0; }

.sportschau .modParagraph .small.mediaLeft {
  margin-left: 4%;
  width: 92%; }

.sportschau .modParagraph .small.mediaRight {
  margin-right: 4%;
  width: 92%; }

.sportschau .modParagraph .mediaCon.mediaRight {
  width: 233px;
  margin-left: 8px;
  float: right; }

.sportschau .modParagraph .mediaCon.mediaLeft {
  width: 233px;
  margin-right: 8px; }

.sportschau p.teasertext {
  display: none; }

.sportschau .sectionArticle p.teasertext,
.sportschau .modGallery p.teasertext {
  display: block; }

body.sportschau .modMini .box,
body.sportschau .modMini .box.active {
  background: #fff;
  color: #001a4b; }

body.sportschau .modMini .box:hover {
  background: #c5daed;
  color: #001a4b; }

body.sportschau .modMini .box.active a,
body.sportschau .modMini .box:hover,
body.sportschau .modMini .box:hover a {
  color: #001a4b;
  background: none; }

body.sportschau .modMini .box.active a,
body.sportschau .modMini .box:hover,
body.sportschau .modMini .box:hover a {
  color: #001a4b;
  background: none; }

.sportschau .modParagraph .mediaCon.mediaTop,
.sportschau .modParagraph .mediaCon.mediaBottom {
  width: 100%;
  margin-right: 0;
  margin-bottom: 12px;
  margin-top: 12px; }

.sportschau .modParagraph .mediaCon.mediaRight,
.sportschau .modParagraph .mediaCon.mediaLeft {
  width: 90%;
  float: left;
  margin: 8px 5%; }

.sportschau .modParagraph .mediaCon.mediaTop.small .media.portrait {
  width: 65%;
  float: left;
  margin: 8px 17.5%; }

.sportschau .modParagraph .small.mediaLeft {
  margin-left: 5%; }

.sportschau .modParagraph .small.mediaRight {
  margin-right: 5%;
  width: 90%; }

.sportschau .modGallery .mediaCon {
  margin-bottom: 8px; }

.sportschau .modGallery .media.portrait {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

.sportschau .modParagraph .mediaCon.mediaLeft.small .mediaA,
.sportschau .modParagraph .mediaCon.mediaRight.small .mediaA {
  width: 100%; }

.sportschau .modParagraph .mediaCon.mediaLeft.small .mediaA.portrait,
.sportschau .modParagraph .mediaCon.mediaRight.small .mediaA.portrait {
  width: 70%;
  margin: 0 15%; }

.sportschau .modGallery .mediaCon .media {
  margin-bottom: 0; }

body.sportschau .modStopper .viewB .teasertext,
body.sportschau .modStopper .viewB .linklist {
  display: none; }

.sportschau .sectionArticle .linklist {
  display: block; }

.sportschau .box.clubNavi .controls.paging .labels .entry a {
  letter-spacing: 0;
  text-transform: none; }

.sportschau .clubNavi .controls.paging .labels .entry {
  margin: 0 2px 2px 0; }

.sportschau .box.clubNavi .controls .labels .entries {
  padding-bottom: 4px; }

body.sportschau .modConProgramm .mod .controls .entry.passive {
  padding: 6px 8px; }

body.sportschau .modConProgramm .mod .controls .entry.passive span {
  display: none; }

body.tv {
  background: white url("../../img/tv/background/base.jpg") repeat-x top; }

.tv #content {
  background: none; }

.tv #content .modStage #ardbox-0_0-colStage, .tv #content .modStage #ardbox-0_0-colStage a {
  color: #fff; }

.tv #content .modStage p.ressort {
  color: #001a4b; }

.tv .con {
  background-color: #fff; }

.tv .mod {
  background-color: #fff; }

.tv .box.active {
  background: #001a4b;
  color: #fff; }

.tv .box.active a {
  color: #fff; }

.tv #footer {
  background-color: #001A4B; }

body.intern {
  background: #58a7dd url("../../img/intern/background/base.jpg") repeat-x top; }

.intern #content {
  background: none; }

body.intern .modConStage .modMini .box,
body.intern .modMini .box:hover,
body.intern .modPicture .box:hover,
body.intern .modTeaseronly .box:hover,
body.intern .modConGallery .modPicture .box,
body.intern .modConStage .modMini .box.active,
body.intern .modConStage .modMini .box.active:hover,
body.intern .box.active {
  background-color: #fff !important; }

.intern .mod.modClassic .linklist {
  display: block; }

.kinder .mod.modClassic .linklist {
  display: block; }

body.wissen {
  background: #561151; }

.wissen #content {
  background: none; }

body.wissen .modConStage .modMini .box,
body.wissen .modMini .box:hover,
body.wissen .modPicture .box:hover,
body.wissen .modTeaseronly .box:hover,
body.wissen .modConGallery .modPicture .box,
body.wissen .modConStage .modMini .box.active {
  background-color: #fff; }

.wissen .modGallery .controls {
  background: transparent; }

.wissen .mod.modClassic .linklist {
  display: block; }

body.kultur {
  background: #be2300 url("../../img/kultur/background/base_xs.jpg") no-repeat top center fixed; }

.kultur #content {
  background: none; }

body.kultur .modConStage .modMini .box,
body.kultur .modMini .box:hover,
body.kultur .modPicture .box:hover,
body.kultur .modTeaseronly .box:hover,
body.kultur .modConGallery .modPicture .box,
body.kultur .modConStage .modMini .box.active,
body.kultur .modConStage .modMini .box.active:hover,
body.kultur .box.active {
  background-color: #fff !important; }

.kultur .mod.modClassic .linklist {
  display: block; }

.boerse #content {
  background: none; }

.boerse .mod {
  background-color: #fff; }

.boerse .modConStage .modMini .box,
.boerse .modConStage .modMini .box.active,
.boerse .modConStage .modMini .box:active,
.boerse .modConStage .modMini .box:hover,
.boerse .modConStage .modMini .box:focus {
  background-color: #fff;
  color: #001a4b; }

.boerse .modGallery .controls {
  background: transparent; }

.boerse #header .subnavi .menueToggle.collapsed a {
  background: #ffd33b;
  color: #001a4b; }

.boerse .subnavi ul.ressorts li a:link,
.boerse .subnavi ul.ressorts .collapsed a,
.boerse .subnavi .collapsed a:link,
.boerse #header .subnavi .menueToggle a {
  color: #001a4b; }

.boerse .subnavi, .boerse .subnavi .ressorts {
  background: #fff; }

.boerse #header .subnavi .collapsed .collapseArrow {
  background: url("/resources/img/base/icon/arrow_collapsible.png") no-repeat scroll 0 0 transparent; }

.modMini .teasertext, .modMini .linklist, .modPicture .ressort {
  display: none !important; }

.mod .linklist {
  display: block; }

.mod .teasertext {
  display: none; }

table#smallmedals {
  padding-right: 7px; }

.mqvisible {
  display: block !important; }

#ressortnavi, #masternav, .searchForm {
  display: none; }

#header .searchForm {
  left: -115px !important;
  width: 254px !important;
  z-index: 500 !important; }

#header .searchInput {
  width: 214px !important; }

.masternavi ul {
  width: 145px !important; }

.subnavi {
  position: absolute !important;
  right: 0 !important;
  top: 35px !important; }

.navtoggle {
  display: block;
  position: relative;
  height: 20px;
  float: left;
  color: #fff;
  padding: 10px 6px 4px 6px;
  padding-right: 30px !important; }

#searchtoggle {
  padding-right: 10px !important; }

.navtoggle .icon {
  right: 4px;
  top: 6px;
  background-image: url("/resources/img/base/icon/arrow_collapsible.png");
  background-color: transparent;
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  position: absolute; }

.navtoggle .arrow_down {
  background-position: 0 -39px;
  margin-right: 2px; }

.navtoggle.active .arrow_down {
  background-position: 0 -20px;
  margin-right: 2px; }

.navtoggle.active {
  background-color: #fff;
  color: #001a4b; }

#ressortnavtoggle {
  width: 49px !important; }

.subnavi {
  float: right;
  margin: 10px 0px 0 0;
  position: relative;
  width: auto;
  z-index: 100; }

.subnavi .ressorts {
  background-color: #FFFFFF;
  left: -143px;
  padding: 0 4px 4px 4px;
  position: absolute;
  top: 32px;
  width: 220px;
  -moz-box-shadow: 0px 20px 25px -5px black;
  -webkit-box-shadow: 0px 20px 25px -5px black;
  box-shadow: 0px 20px 25px -5px black; }

.subnavi .subressorts {
  width: 100%;
  float: left;
  background-color: #eee; }

.subnavi .subsubressorts {
  display: block; }

#header .subnavi .menueToggle.collapsed {
  border-bottom: none;
  background: #005698; }

#header .subnavi .menueToggle {
  background-color: #fff;
  height: 32px;
  padding: 0 0 0 0;
  float: left;
  width: 85px;
  background-color: #fff;
  color: #001a4b;
  font-weight: bold;
  display: block; }

.subnavi, .sportschau .subnavi .ressorts {
  background: #fff;
  color: #001a4b; }

.subnavi .ressorts a, .sportschau .subnavi ul.ressorts li .collapsed a {
  color: #001a4b;
  text-shadow: none; }

#header .searchToggle img {
  height: auto;
  display: block;
  margin-top: -45px;
  margin-right: 14px;
  padding: 0; }

#searchtoggle {
  padding-right: 11px; }

#header .searchBox {
  left: 138px !important; }

#header .searchToggle {
  background: none;
  border-bottom: none;
  float: right;
  padding: 0 4px 0 0;
  width: 55px;
  height: 34px;
  border-right: 1px solid #b2c2de;
  border-left: 1px solid #b2c2de;
  border-bottom: solid 1px #fff;
  background: white url("../../img/base/icon/lupe_searchtoggle.png") no-repeat 0px 0px;
  background: none;
  border-bottom: none; }

#searchtoggle {
  padding-right: 10px; }

#header .collapseArrow {
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-right: 4px;
  background: url("/resources/img/base/icon/arrow_collapsible.png") no-repeat scroll 0px 0 transparent !important; }

#header .collapsed .collapseArrow {
  background: url("/resources/img/base/icon/arrow_collapsible.png") no-repeat scroll 0px -20px transparent !important; }

#smallgroups {
  display: block !important; }

#modal.wrapperParticipants {
  width: 320px;
  margin-left: -160px; }

#modal.wrapperParticipants .box {
  width: 294px; }

#smallgroups .box .mediaCon {
  width: 64px !important; }

#modal.wrapperParticipants h3 {
  padding: 4px !important; }

.imagegroup img {
  width: 32px !important; }

#europe-map-container {
  display: none !important; }

#modal {
  display: none !important; }

#mapBottom, #mapLeft {
  display: none !important; }

.accordion h4 {
  margin: 0 0 6px 0 !important; }

.modParagraph .headline {
  width: 96% !important;
  margin-left: 2% !important;
  margin-right: 2% !important; }

.modParagraph .dachzeile {
  margin-left: 2% !important;
  margin-right: 2% !important; }

.sportschau .mod .mediaCon.small {
  width: 100% !important;
  margin: 0 !important;
  padding-bottom: 12px !important; }

.modParagraph .small .mediaA {
  width: 98% !important;
  margin-left: 0.9% !important;
  margin-right: 0.9% !important; }

.boxConY {
  width: 100% !important; }

.boxConD {
  width: 100% !important; }

.mod .controls .labels .entry.active {
  background-color: #fff; }

.sectionA .projekktor_holder, .sectionB .projekktor_holder, .sectionC .projekktor_holder, .sectionZ .projekktor_holder {
  width: 298px !important;
  height: 167px !important; }

.sectionA .modIFrame .projekktor_holder, .sectionB .modIFrame .projekktor_holder, .sectionC .modIFrame .projekktor_holder, .sectionZ .modIFrame .projekktor_holder, .sectionA .boxConY .projekktor_holder, .sectionA #NDRStreamrGallery .projekktor_holder {
  width: 304px !important;
  height: 171px !important; }

.mod .relatedContent .box {
  padding: 6px;
  background: none;
  width: 125px !important;
  margin: 6px;
  background-color: #fff;
  background: rgba(255, 255, 255, 0.9) !important; }

.mod .relatedContent .box .mediaCon {
  width: 125px !important; }

.modAudioVideo .controls .labels .entry {
  margin: 0 1px 1px 0 !important; }

#header .logo {
  margin-bottom: 12px !important;
  width: 100% !important; }

#header .logoimage {
  float: initial !important;
  width: 159px !important;
  height: 43px !important; }

#header .logotext {
  float: initial !important; }

#header .name {
  font-size: 1.2em;
  color: #2e3c5e;
  float: left; }

#header .info {
  display: none !important; }

.modConProgramm .teaserimage {
  display: none !important; }

.modConProgramm .box .entries h3 span.date {
  width: 17% !important; }

.modCon.modConProgramm .box .entries h3 span.titel {
  margin: 0 2% !important;
  width: 72% !important; }

.modCon.modConProgramm .box .entries h3 span.subtitel {
  width: 100% !important; }

.modCon.modConProgramm .box .entries h3 span.titel, .modCon.modConProgramm .box .entries h3 span.subtitel {
  text-overflow: initial !important;
  white-space: initial !important; }

.modConProgramm .box .entries h3 span.trenner {
  line-height: 50% !important; }

.modConProgramm .box .entries h3 span.trenner {
  display: block !important;
  line-height: 60% !important; }

.modCon.modConProgramm .box .entries h3 span.date {
  text-align: center !important; }

.resultHolder {
  width: 97% !important; }

.sectionC .resultList {
  width: 95.2% !important; }

.modParticipantList .teaser h4.headline {
  width: 42% !important;
  float: left !important; }

#NDRLiveTickr li div.time {
  width: 16% !important; }

#NDRLiveTickr li div.event {
  width: 78% !important; }

#ndrStreamrContainer .mediaCon {
  width: 100% !important; }

#NDRLiveTickrSearchForm.form fieldset {
  height: 26px !important; }

.ndrslider3-gallerystage-theme {
  font-size: 90%; }
  .ndrslider3-gallerystage-theme h4.headline, .ndrslider3-gallerystage-theme p.teasertext {
    margin-top: 8px; }
  .ndrslider3-gallerystage-theme .buttons .prev {
    margin-top: 3px;
    margin-left: 3px; }
    .ndrslider3-gallerystage-theme .buttons .prev .icon_arrow_left {
      height: 46px;
      position: absolute;
      top: initial;
      right: 0;
      bottom: -1px;
      margin-top: 0;
      margin-right: 0;
      background: url("/resources/img/base/icon/arrow_gallery.png") no-repeat 0 -45px !important; }
  .ndrslider3-gallerystage-theme .buttons .next {
    margin-top: 3px;
    margin-right: 3px; }
    .ndrslider3-gallerystage-theme .buttons .next .icon_arrow_right {
      height: 46px;
      position: absolute;
      top: initial;
      left: 0;
      bottom: -1px;
      margin-top: 0;
      margin-left: 0;
      background: url("/resources/img/base/icon/arrow_gallery.png") no-repeat -82px -45px !important; }

.ndrslider3 .item {
  padding-top: 4px;
  padding-bottom: 4px; }
  .ndrslider3 .item .teaser {
    width: 97.5%; }
.ndrslider3 .teaser, .ndrslider3 h3.ressort {
  width: initial;
  margin-left: 4px !important;
  margin-right: 4px !important; }
.ndrslider3.gallerystage .item .teaser {
  width: auto; }

.modStage.image32_9 .mediaCon {
  width: 100%;
  margin: 0 0 4px 0; }
.modStage.image32_9 h4.headline {
  width: 100%;
  font-size: 1.75em; }
.modStage.image32_9 .teasertext {
  float: left; }
.modStage.image32_9 .linklist {
  width: 100%; }

.modTeaseronly .headline {
  clear: right;
  float: none; }
.modTeaseronly .teasertext {
  display: none; }

body.sportschau .modConProgramm .mod .controls .entry.active, body.sportschau .modConProgramm .mod .controls .entry.passive {
  padding: 0; }

.captcha_container {
  float: none; }

.sharetoggle {
  top: initial;
  top: auto;
  bottom: 0;
  margin-left: -4px; }

.flowdown {
  top: initial;
  top: auto;
  bottom: 0;
  margin-left: 2.5em;
  box-shadow: 4px -4px 10px -3px black; }

.mod.modCompact .linklist {
  display: block !important; }
  .mod.modCompact .linklist ul.list li {
    padding: 5px 0 !important; }
    .mod.modCompact .linklist ul.list li a {
      display: inline !important; }

#copyrights li {
  font-size: 0.8em !important;
  margin-bottom: 1em !important;
  margin-left: 2%; }

#footer .foot {
  margin-top: 1.5em !important; }
#footer .copy {
  clear: left;
  clear: left;
  text-align: left;
  width: 96%; }
#footer .help {
  clear: left; }

.modParagraph .media {
  width: 98% !important; }

.box.video_audio .teaser .mediaCon, .box.boxY .teaser .mediaCon {
  width: 100%; }

.mod.shortNews h4.headline {
  padding-right: 1em; }

.shortNews .collapseArrow {
  bottom: 20%;
  right: -18px; }

.tvlivebox .teaser {
  float: none;
  clear: both;
  height: 4.4em;
  width: 100%; }

.tvlivebox .teaser .headline {
  float: left;
  margin-left: 0; }

.tvlivebox .teaser .teasertext {
  margin-left: 0;
  display: block; }

#shareResult ul, #shareResult ol {
  list-style-position: inside; }

.sectionZ .modA .box.bgmap {
  width: 312px; }

.contentlist {
  margin-left: 5%;
  margin-right: 5%; }

.sportschau .mod .mediaCon,
.sportschau .mod.modTeaseronly .mediaCon,
.sportschau .mod.modMini .mediaCon,
.sportschau .mod.modClassic .mediaCon {
  width: 100%; }

.togglehandle.portraitbuttons {
  width: auto; }

.sportschau p.teasertext {
  display: block; }

.modTimeline .my_calendar a .icon {
  line-height: 25px; }

.pagedbox .pbpage h4 {
  margin: 1em 2% 0.5em; }

body.sportschau {
  background: #97caec url("/resources/img/rio2016/background_m.jpg") !important;
  background-size: cover !important;
  background-attachment: fixed !important; }

.mod.modCompact .linklist ul.list li a {
  display: inline-block !important; }

.mod .ticker_livecenter.linklist {
  display: block; }

.inv_xs {
  display: none !important; }

.result .label, .result .live_info {
  font-size: 0.5em;
  display: block; }