body {
  overflow-x: hidden; }

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

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

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

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

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

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

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

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

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

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

.sectionArticle {
  background-color: #fff; }

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

.sectionA {
  width: 1424px; }

.sectionA .modA .box {
  width: 1408px; }

.sectionA .modB .box {
  width: 696px; }

.sectionA .modC .box {
  width: 458px; }

.sectionA .modD .box {
  width: 340px; }

.sectionA .modE .box {
  width: 268px; }

.sectionA .modZ .box {
  width: 933px; }

.sectionB {
  width: 704px; }

.sectionB .modA .box {
  width: 688px; }

.sectionB .modB .box {
  width: 336px; }

.sectionB .modC .box {
  width: 218px; }

.sectionB .modD .box {
  width: 160px; }

.sectionB .modE .box {
  width: 124px; }

.sectionB .modZ .box {
  width: 453px; }

.sectionC {
  width: 464px; }

.sectionC .modA .box {
  width: 448px; }

.sectionC .modB .box {
  width: 216px; }

.sectionC .modC .box {
  width: 138px; }

.sectionC .modD .box {
  width: 100px; }

.sectionC .modE .box {
  width: 76px; }

.sectionC .modZ .box {
  width: 293px; }

.sectionD {
  width: 344px; }

.sectionD .modA .box {
  width: 328px; }

.sectionD .modB .box {
  width: 156px; }

.sectionD .modC .box {
  width: 98px; }

.sectionD .modD .box {
  width: 70px; }

.sectionD .modE .box {
  width: 52px; }

.sectionD .modZ .box {
  width: 213px; }

.sectionE {
  width: 272px; }

.sectionE .modA .box {
  width: 256px; }

.sectionE .modB .box {
  width: 120px; }

.sectionE .modC .box {
  width: 74px; }

.sectionE .modD .box {
  width: 52px; }

.sectionE .modE .box {
  width: 38px; }

.sectionE .modZ .box {
  width: 165px; }

.sectionZ {
  width: 944px; }

.sectionZ .modA .box {
  width: 928px; }

.sectionZ .modB .box {
  width: 456px; }

.sectionZ .modC .box {
  width: 298px; }

.sectionZ .modD .box {
  width: 220px; }

.sectionZ .modE .box {
  width: 172px; }

.sectionZ .modZ .box {
  width: 613px; }

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

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

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

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

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

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

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

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

.mod .slider {
  width: 200000px; }

img {
  display: block; }

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

.masternavi .section,
#header .wrapper .section.sectionA {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 100%; }

.mnHolder {
  width: 1424px;
  margin: 0 auto 0 auto; }

.masternavi .tv {
  margin-left: 32px; }

.subnavi .subressort {
  float: left;
  padding: 6px 12px 6px 10px;
  background-color: #fff; }

.subnavi .subressort.hasArrow {
  padding-right: 20px; }

#header .subressort .collapseArrow {
  background: url("/resources/img/base/icon/arrow_collapsible.png") no-repeat scroll 0 -100px;
  height: 20px;
  margin-right: 3px;
  margin-top: 6px;
  width: 13px; }

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

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

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

.subnavi .subressorts .collapsed a {
  color: #000; }

.subnavi .subressorts {
  position: absolute;
  width: 310px;
  left: 0px;
  top: 32px;
  padding: 4px;
  background-color: #fff;
  z-index: 10;
  -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 span {
  float: left;
  padding: 0;
  width: 100%;
  background-color: #fff; }

.subnavi .subressorts li a {
  color: #000;
  width: auto;
  line-height: 100%;
  padding: 8px 6px;
  width: 298px;
  display: block;
  line-height: 120%;
  text-indent: 0; }

.subnavi .subressorts li {
  position: static;
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  padding: 6px 0 6px 0;
  padding: 0 0 0 0; }

.subnavi .subressorts li:last-child {
  border-bottom: 0 solid #fff; }

.subnavi .subsubressorts {
  width: 100%;
  float: left;
  background-color: #dbe0ea;
  z-index: 20;
  margin: 0 0 0 0; }

.subnavi .subsubressorts li a {
  padding: 8px 0 8px 12px; }

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

.subnavi .active, .subnavi .active.collapsed {
  color: #001a4b;
  background: #fff;
  border-bottom: 2px solid #fff;
  padding-bottom: 4px; }

.subnavi .active a, .subnavi .active.collapsed a {
  color: #001a4b;
  padding: 0; }

.subnavi .menueToggle {
  background-color: #fff;
  height: 25px;
  padding: 0 4px 0 0;
  float: right;
  width: 75px;
  display: none; }

.subnavi .menueToggle a {
  padding: 4px 0 0 4px;
  float: left;
  width: 50px; }

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

#header .logo {
  float: left;
  padding: 0 0 0 0;
  width: 50%;
  height: 70px; }

#header .searchBox {
  float: right;
  padding: 8px 0 0 0;
  width: 40%; }

#header .searchBox img {
  float: left;
  height: 25px; }

#header .searchBox input {
  float: left;
  padding: 0 0 0 5px;
  margin: 0;
  width: 145px; }

#header .searchToggle {
  display: none; }

#header .searchForm {
  background-color: #fff;
  height: 25px;
  width: 175px;
  margin-top: 15px;
  float: right; }

#header .searchInput {
  float: left;
  height: 25px;
  width: 150px;
  border: none;
  padding: 0 0 0 0;
  margin: 0;
  color: #516384;
  font-size: 0.8em; }

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

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

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

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

#footer .section {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 4px; }

#footer a {
  color: #FFFFFF;
  font-size: 0.9em; }

#footer li {
  padding-bottom: 3px;
  padding-top: 3px; }

#footer h3 {
  color: #FFFFFF; }

#footer .foot {
  float: left;
  width: 100%;
  padding-top: 24px;
  position: relative; }

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

#footer .help li {
  float: left;
  margin-right: 8px; }

#footer .logo {
  bottom: 0;
  right: 0;
  position: absolute; }

#footer .logo img {
  margin-bottom: 6px; }

#footer .copy {
  color: #FFFFFF;
  font-size: 0.9em;
  float: left;
  width: 100%; }

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

body {
  font-size: 110%; }

.conHeadline {
  font-size: 1.5em;
  line-height: 120%;
  margin: 0 0 0 0;
  width: 98.4%;
  padding: 8px 0.75% 6px 0.75%;
  float: left;
  color: #001a4b;
  font-weight: normal; }

.sectionB .conHeadline {
  width: 98%;
  padding: 6px 1% 6px 1%; }

.sectionZ .conHeadline {
  width: 98%;
  padding: 6px 1% 6px 1%; }

.sectionB .conHeadline {
  width: 97%;
  padding: 6px 1.5% 6px 1.25%; }

.sectionC .conHeadline {
  width: 96%;
  padding: 6px 2% 6px 2%; }

.button a {
  float: left;
  padding: 8px 12px; }

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

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

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

.mod .teaserHeadline {
  font-size: 1.25em;
  margin: 0 0 8px 0;
  width: auto;
  float: none; }

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

.mod .mediaCon {
  margin: 0 0 8px 0;
  width: 100%;
  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: 100%;
  float: left; }

.mod .headline {
  font-size: 1.5em;
  margin: 0 0 8px 0;
  width: 100%;
  float: left; }

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

.mod .teasertext {
  margin: 0 0 12px 0;
  width: 100%;
  float: left;
  line-height: 145%; }

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

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

.mod .linklist {
  float: left;
  margin: 0 0 12px 0;
  width: 100%; }

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

.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: 6px 0; }

.mod .collapsed {
  font-size: 1em; }

.modConStage .modMini .box {
  background-color: #E0EAF0; }

.modMini .ressort {
  display: none; }

.modMini .marke {
  display: none; }

.modMini .headline {
  font-size: 1.25em; }

.modMini .teasertext {
  display: none; }

.modMini .linklist {
  display: none; }

.modPicture .ressort {
  display: none; }

.modPicture .mediaCon {
  margin: 0; }

.modPicture .dachzeile {
  display: none; }

.modPicture .headline {
  display: none; }

.modPicture .teasertext {
  display: none; }

.modPicture .linklist {
  display: none; }

.modStage .background {
  display: block; }

.modStage .backgroundImg {
  top: 30px; }

.modStage .mediaCon {
  width: 49%; }

.modStage .dachzeile {
  width: 50%;
  float: right;
  clear: right; }

.modStage .headline {
  width: 50%;
  float: right;
  clear: right; }

.modStage .teasertext,
.modStage .teaser p.subtitle {
  width: 50%;
  float: right;
  clear: right; }

.modStage .linklist {
  width: 50%;
  float: right;
  clear: right; }

.modPremium .mediaCon {
  width: 50%; }

.modPremium .dachzeile {
  font-size: 1em;
  width: 49%;
  float: right;
  clear: right; }

.modPremium .subtitle {
  font-size: 1.1em;
  width: 49%;
  float: right;
  clear: right; }

.modPremium .headline {
  font-size: 1.5em;
  width: 49%;
  float: right;
  clear: right; }

.modPremium .teasertext {
  width: 49%;
  width: 49%;
  float: right;
  clear: right; }

.modPremium .linklist {
  float: right;
  width: 49%;
  width: 49%;
  float: right;
  clear: right; }

.modClassic .mediaCon {
  width: 45%;
  margin-right: 1%; }

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

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

.modClassic .teasertext {
  width: auto;
  float: none; }

.modClassic .linklist {
  width: 100%;
  float: left;
  clear: right; }

.modHeadline .ressort {
  display: none; }

.modHeadline .mediaCon {
  display: none; }

.modHeadline .dachzeile {
  display: none; }

.modHeadline .teasertext {
  display: none; }

.modHeadline .linklist .more {
  display: none; }

.modParagraph {
  font-size: 110%; }

.modParagraph .mediaCon {
  float: none;
  margin-bottom: 8px;
  margin-top: 0px;
  width: auto; }

.modParagraph .mediaCon.mediaTop.small {
  margin: 12px 5%;
  float: left;
  width: 90%; }

.modParagraph .mediaCon.mediaLeft.small {
  margin-left: 5%;
  margin-right: 12px; }

.modParagraph .mediaCon.mediaRight.small {
  margin-left: 12px;
  margin-right: 5%; }

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

.modParagraph .media {
  width: 100%;
  margin-bottom: 4px;
  margin-left: 0.9%;
  margin-right: 0.9%; }

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

.modParagraph .mediaB {
  width: 48%; }

.modParagraph .mediaC {
  width: 31.33%; }

.modParagraph .mediaD {
  width: 23%; }

.modParagraph .mediaInfo {
  background: #e9ebef; }

.modParagraph .mediaRight {
  float: right;
  clear: right; }

.modParagraph .mediaLeft {
  float: left;
  clear: left; }

.modParagraph .mediaCon.mediaLeft.small .mediaA,
.modParagraph .mediaCon.mediaRight.small .mediaA {
  margin: 0;
  width: 364px; }

.modParagraph .mediaCon.mediaLeft.small .mediaA.portrait,
.modParagraph .mediaCon.mediaRight.small .mediaA.portrait {
  margin: 0;
  width: 260px; }

.sectionC .modParagraph .mediaCon,
.sectionD .modParagraph .mediaCon,
.sectionE .modParagraph .mediaCon {
  clear: both;
  float: none; }

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

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

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

.modParagraph .einleitung {
  margin: 0 0 8px 0;
  width: auto;
  float: none;
  font-weight: bold; }

.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: 6px 5% 16px 5%;
  width: 90%; }

.modTeaseronly .linklist {
  display: none; }

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

.modList .mediaCon {
  width: 25%;
  margin-top: 8px; }

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

.modList .dachzeile {
  width: 74%;
  float: right;
  font-size: 0.9em;
  margin-bottom: 4px; }

.modList .headline {
  width: 74%;
  float: right;
  margin-bottom: 4px; }

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

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

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

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

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

.modSocialbar .print a {
  width: 132px; }

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

.modSocialbar .likeCon {
  width: 462px;
  height: 38px; }

.modSocialbar .like {
  width: 462px; }

.modSocialbar .agreement {
  top: 38px;
  width: 452px; }

.modSocialbar .share {
  width: 180px; }

.modSocialbar .shares {
  width: 170px; }

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

.modSocialbar .shares li a {
  width: 144px; }

.sectionB .modSocialbar .print a {
  width: 92px; }

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

.sectionB .modSocialbar .share {
  width: 140px;
  margin-right: 2px; }

.sectionB .modSocialbar ul.shares {
  width: 130px;
  top: 34px; }

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

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

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

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

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

.sectionZ.sectionArticle .modA.modGlossar .box {
  width: 848px; }

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

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

.modGlossar .mediaCon .img {
  width: auto;
  height: 8em; }

.modGlossar .dachzeile {
  display: none; }

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

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

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

.modGlossar .controls .labels .entries .entry {
  margin: 4px 2px 0 0;
  width: 48px; }

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

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

.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;
  padding: 0; }

.modTagcloud .linklist .list li a:hover,
.modTagcloud .linklist .list li a:active,
.modTagcloud .linklist .list li a:focus {
  padding: 0;
  display: table-cell; }

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

.modQuiz {
  font-size: 1.25em; }

.modQuiz.mod .entry .mediaCon .media.mediaC {
  width: auto; }

.modQuiz.mod .entry .mediaCon .media.mediaC .imgLink img.l {
  float: left;
  width: auto; }

.modQuiz .resultTable {
  float: left;
  width: 100%;
  padding-top: 30px;
  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;
  line-height: 145%; }

.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: 36px;
  margin-top: 16px;
  margin-left: 5%;
  padding: 0.5% 1%;
  background-color: #eee;
  border: 1px solid #CCCCCC;
  border-radius: 2px; }

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

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

.modQuiz h3.headline {
  margin: 0 5% 6px 5%;
  width: auto;
  clear: left; }

.modQuiz .teasertext {
  margin: 0 5% 8px 5%;
  width: auto;
  clear: left; }

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

.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: 90%;
  margin-left: 5%;
  margin-right: 5%; }

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

.modQuiz .unit .mediaCon .mod .mediaC {
  width: auto; }

.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: 150%;
  padding-bottom: 24px;
  padding-top: 24px;
  width: 100%; }

.modQuiz .result.quizResult {
  width: 95%;
  padding-left: 5%; }

.modQuiz .question {
  text-align: left;
  width: 95%;
  font-weight: bold;
  padding: 36px 0 36px 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: 94%;
  padding: 0;
  border: none;
  line-height: 145%; }

.modQuiz .label {
  background-color: #EEEEEE;
  float: left;
  text-align: center;
  width: 4%;
  padding: 0.5% 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; }

.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%; }

.modGallery .ressort {
  display: none; }

.modGallery .dachzeile {
  display: none; }

.modGallery .linklist {
  display: none; }

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

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

.mod.modGallery .controls.sliding .buttons {
  margin: 0;
  width: 100%;
  float: left; }

.mod.modGallery .controls.sliding .prev {
  height: 140px;
  margin-left: 8px;
  visibility: visible; }

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

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

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

.modTable {
  min-height: 240px; }

.modStopper .ressort {
  display: none; }

.modStopper .mediaCon {
  margin: 0; }

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

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

.modStopper .dachzeile {
  display: none; }

.modStopper .headline {
  display: none;
  font-family: ThesisBold; }

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

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

.modStopper .teasertext {
  display: none;
  font-family: Thesis; }

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

.modStopper .viewC .teasertext {
  display: block;
  width: 24%;
  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 {
  width: 100%;
  padding: 0; }

.mod.modBreakingNews .ressort {
  padding: 1px 0 1px 0;
  margin: 0;
  text-indent: 8px; }

.mod.modBreakingNews .mediaCon {
  width: 19%;
  float: left;
  margin: 8px; }

.mod.modBreakingNews .dachzeile {
  margin: 4px 0 4px 0;
  width: 77%;
  float: left; }

.mod.modBreakingNews .headline {
  width: 77%;
  float: left;
  margin: 0 0 0 0; }

.mod.modBreakingNews .teasertext {
  width: 77%;
  float: left; }

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

.modBroadcastList .controls.paging .labels .entry.active,
.modBroadcastList .controls.paging .labels .entry.passive {
  padding: 8px 12px; }

.modCon.serviceModulTV .modBroadcastList h3.headline,
.modCon.serviceModulRadio .modBroadcastList h3.headline,
.modCon.serviceModulTV .modBroadcastList p.teasertext,
.modCon.serviceModulRadio .modBroadcastList p.teasertext {
  text-overflow: ellipsis;
  width: 454px;
  white-space: nowrap;
  overflow: hidden; }

.modCon.serviceModulTV .modBroadcastList .boxCon,
.modCon.serviceModulRadio .modBroadcastList .boxCon,
.modCon.serviceModulTV .modBroadcastList .boxCon,
.modCon.serviceModulRadio .modBroadcastList .boxCon {
  height: 320px; }

.section .modCon.modConProgramm {
  width: 1408px;
  padding: 8px; }

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

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

.ard #content {
  background: none; }

.ard .mod .ressort a {
  color: #fff; }

.ard .modStage .ressort a {
  color: #001a4b; }

.ard .modMini .ressort {
  display: block !important; }

.ard .modMini .box.active, .ard .modMini .box.active a {
  cursor: default; }

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

.ard .mod .headline {
  font-weight: bold; }

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

body.ratgeber {
  background: #268798 url("../../img/ratgeber/background/base_xl.jpg") no-repeat top center fixed; }

.ratgeber #content {
  background: none; }

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

body.radio {
  background: #1f81b7 url("../../img/radio/background/base_xl.jpg") no-repeat top center fixed; }

.radio #content {
  background: none; }

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

.tagesschau h1,
.tagesschau h2,
.tagesschau h3,
.tagesschau h4 {
  font-family: Thesis;
  font-weight: normal; }

body.tagesschau {
  background: #345f9b url("../../img/tagesschau/background/base.jpg") fixed top repeat-x; }

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

.tagesschau #content {
  background: none; }

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

.tagesschau .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; }

.sectionA .resultList ul li {
  width: 19.5%;
  margin-left: 0.25%;
  margin-right: 0.25%; }

.sectionA .resultList h3,
.sectionA .resultList h4 {
  padding-left: 0.25%; }

.sectionA .resultList h3 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0; }

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

.sportschau #content {
  background: none; }

.sportschau .conHeadline {
  text-transform: uppercase;
  letter-spacing: 1px; }

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

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

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

body.sportschau .modConProgramm .mod .controls .entry.active,
body.sportschau .modConProgramm .mod .controls .entry.passive {
  padding: 8px 12px; }

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 .mod .controls {
  background: #fff; }

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

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

.intern #content {
  background: none; }

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

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

.kinder #content {
  background: none; }

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

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

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

.kinder #footer {
  background: transparent url("../../img/kinder/background/footer.png") repeat-x; }

body.wissen {
  background: #561151 url("../../img/wissen/background/base_xl.jpg") no-repeat top center fixed; }

.wissen #content {
  background: none; }

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

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

.kultur #content {
  background: none; }

.kultur .box.active {
  background-color: #C8E4F5; }

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

.boerse #content {
  background: none; }

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

.boerse .mod .controls {
  background: #fff; }

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

#modal.wrapperParticipants {
  width: 800px;
  margin-left: -400px; }

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

#modal.wrapperParticipants p, #smallgroups .teaser p {
  margin-top: 9px; }

#smallgroups .teaser p {
  margin-top: 3px !important;
  padding-left: 6px !important; }

#smallgroups .teaser h4 {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-left: 6px !important; }

#modal.wrapperParticipants h4, #smallgroups .teaser h4 {
  width: auto !important;
  line-height: 100% !important; }

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

.sectionA .modD .boxY {
  width: 1052px !important; }

.modParagraph .infokasten.boxB {
  margin-right: 2% !important;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  width: 43% !important; }

.mod .controls .labels .entry.active {
  background-color: #fff;
  filter: initial !important; }

.modParagraph .infokasten.boxB {
  margin-top: 2% !important;
  width: 43% !important; }

.sectionA .projekktor_holder {
  width: 1295px !important;
  height: 728px !important; }

.sectionA #NDRStreamrGallery .projekktor_holder {
  width: 696px !important;
  height: 392px !important; }

.sectionB .projekktor_holder {
  width: 633px !important;
  height: 356px !important; }

.sectionC .projekktor_holder {
  width: 412px !important;
  height: 232px !important; }

.sectionZ .projekktor_holder {
  width: 928px !important;
  height: 522px !important; }

.sectionZ .modParagraph .projekktor_holder {
  width: 836px !important;
  height: 470px !important; }

.sectionA .boxConY .projekktor_holder {
  width: 1051px !important;
  height: 591px !important; }

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

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

#mainnavtoggle {
  display: none; }

#header .logo {
  width: 85% !important; }

#header .logotext {
  display: inline-block !important;
  float: right !important;
  margin-top: 20px !important; }

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

#header .info {
  float: right;
  text-align: right;
  color: #2e3c5e;
  font-size: 0.85em;
  padding-top: 3px;
  margin-left: 14px; }

#header .info.trademark {
  margin-left: 7px; }

#header .searchBox {
  width: 15% !important; }

.resultList {
  width: 96.6% !important; }

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

.modConProgramm .controls.paging .entry {
  width: 120px !important; }

.modConProgramm .controls.paging .entry.active {
  width: 120px !important; }

ul.NDRStreamr div.stream-infos h2 {
  padding-top: 1px !important; }

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

.ndrslider3-gallerystage-theme .buttons .prev {
  margin-left: 8px; }
.ndrslider3-gallerystage-theme .buttons .next {
  margin-right: 8px; }

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

#header .logo {
  width: 85% !important; }

#header .logoimage {
  width: 232px !important; }

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

.modStage.image32_9 .mediaCon {
  width: 100%;
  float: none;
  overflow: hidden;
  margin: 0 0 8px 0; }
.modStage.image32_9 h4.headline {
  width: 100%;
  float: none;
  font-size: 1.2em; }
.modStage.image32_9 .teasertext {
  width: 49%;
  float: left;
  clear: right; }
.modStage.image32_9 .linklist {
  width: 49%;
  float: right;
  clear: right;
  overflow: hidden; }

.mod.modCompact .linklist ul.list {
  border-top: none !important; }
  .mod.modCompact .linklist ul.list li {
    box-sizing: border-box;
    width: 49% !important;
    float: left !important; }
    .mod.modCompact .linklist ul.list li:hover {
      background: #d8ecf8;
      background: -moz-linear-gradient(top, #d8ecf8 1%, #bde0f4 100%);
      background: -webkit-linear-gradient(top, #d8ecf8 1%, #bde0f4 100%);
      background: linear-gradient(to bottom, #d8ecf8 1%, #bde0f4 100%); }
    .mod.modCompact .linklist ul.list li:nth-child(odd) {
      margin-right: 2%; }
    .mod.modCompact .linklist ul.list li a {
      display: inline-block !important; }

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

.modParagraph .mediaCon.mediaLeft.small .mediaA,
.modParagraph .mediaCon.mediaRight.small .mediaA {
  margin: 0;
  width: 364px !important; }

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

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

.pagedbox .pagecounter {
  line-height: 2em;
  font-size: 1.2em; }

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

#header .logo {
  height: 100px; }

#header .name {
  padding-right: 7em; }