html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Thesis, arial, roboto, "droid sans", helvetica, sans-serif;
    font-weight: inherit;
    font-style: inherit;
    font-size: 1.01em;
    font-size: 100.01%;
    vertical-align: baseline;
    outline: 0
}

h1, h2, h3, h4, h5 {
    font-family: Thesis, arial, roboto, "droid sans", helvetica, sans-serif;
    font-weight: bold
}

a {
    text-decoration: none;
    color: #24324c;
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: inherit
}

p {
    line-height: 135%
}

:active {
    outline: 0
}

html, body {
    width: 100%
}

body {
    line-height: 1;
    color: black;
    background: white
}

ol, ul {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0
}

caption, th, td {
    text-align: left;
    font-weight: normal
}

blockquote:before, blockquote:after, q:before, q:after {
    content: ""
}

blockquote, q {
    quotes: "" ""
}

li, h1, h2, h3, h4, h5 {
    line-height: 125%
}

img {
    display: block
}

strong {
    font-weight: bold
}

@media screen and (min-width: 768px) {
    @font-face {
        font-family: 'Thesis';
        font-weight: normal;
        font-style: normal;
        src: url('../fonts/TheSans_LT_TT5_.eot#') format('eot'), url('../fonts/TheSans_LT_TT5_.woff') format('woff'), url('../fonts/TheSans_LT_TT5_.svg') format('svg')
    }@font-face {
    font-family: 'Thesis';
    font-weight: normal;
    font-style: italic;
    src: url('..fonts/TheSans_LT_TT5i.eot#') format('eot'), url('../fonts/TheSans_LT_TT5i.woff') format('woff'), url('../fonts/TheSans_LT_TT5i.svg') format('svg')
}@font-face {
    font-family: 'Thesis';
    font-weight: bold;
    font-style: normal;
    src: url('../fonts/TheSans_LT_TT7_.eot#') format('eot'), url('../fonts/TheSans_LT_TT7_.woff') format('woff'), url('../fonts/TheSans_LT_TT7_.svg') format('svg')
}@font-face {
    font-family: 'Thesis';
    font-weight: bold;
    font-style: italic;
    src: url('../fonts/TheSans_LT_TT7i.eot#') format('eot'), url('../fonts/TheSans_LT_TT7i.woff') format('woff'), url('../fonts/TheSans_LT_TT7i.svg') format('svg')
}@font-face {
    font-family: 'ThesisBold';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/TheSans_LT_TT7_.eot#') format('eot'), url('../fonts/TheSans_LT_TT7_.woff') format('woff'), url('../fonts/TheSans_LT_TT7_.svg') format('svg')
}@font-face {
    font-family: 'ThesisAntiqua';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/TheAntiquaB_LT_500.eot#') format('eot'), url('../fonts/TheAntiquaB_LT_500.woff') format('woff'), url('../fonts/TheAntiquaB_LT_500.svg') format('svg')
}@font-face {
    font-family: 'ThesisAntiqua';
    font-weight: normal;
    font-style: italic;
    src: url('../fonts/TheAntiquaB_LT_500_italic.eot#') format('eot'), url('../fonts/TheAntiquaB_LT_500_italic.woff') format('woff'), url('../fonts/TheAntiquaB_LT_500_italic.svg') format('svg')
}@font-face {
    font-family: 'ThesisAntiqua';
    font-weight: bold;
    font-style: normal;
    src: url('../fonts/TheAntiquaB_LT_700.eot#') format('eot'), url('..fonts/TheAntiquaB_LT_700.woff') format('woff'), url('../fonts/TheAntiquaB_LT_700.svg') format('svg')
}@font-face {
    font-family: 'ThesisAntiqua';
    font-weight: bold;
    font-style: italic;
    src: url('../fonts/TheAntiquaB_LT_700_italic.eot#') format('eot'), url('../fonts/TheAntiquaB_LT_700_italic.woff') format('woff'), url('../fonts/TheAntiquaB_LT_700_italic.svg') format('svg')
}
}

#header .naviChooser {
    width: 100%;
    float: left;
    margin-top: 4px;
    background-color: #0a3878;
    background-color: rgba(10, 65, 120, 0.9)
}

#header p {
    float: left;
    margin: 0 6px 0 0;
    color: #fff
}

#header .naviChooser form {
    float: right;
    margin: 4px 0 0 0
}

#header .naviChooser select option, #header .naviChooser select optgroup {
    float: left;
    margin: 2px 0 2px 0
}

#header .naviChooser select .sub {
    margin-left: 16px
}

#header .wrapper, #header .section {
    width: 100%;
    float: left;
    overflow: visible
}

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

.masternavi .trigger {
    display: none
}

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

.masternavi .section, #header .wrapper .section {
    margin-top: 0;
    margin-bottom: 0
}

.masternavi {
    float: left
}

.masternavi ul {
    margin: 0 auto 0 auto;
    float: left
}

.masternavi ul li {
    color: #001a4b;
    float: left;
    margin: 0;
    font-size: 100%;
    background: 0
}

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

.masternavi ul li a {
    float: left;
    color: #fff;
    padding: 10px 6px 4px 6px;
    background: 0;
    border-bottom: 0
}

.masternavi ul li.active {
    padding: 10px 6px 0 6px;
    border-bottom: 4px solid #fff;
    background: #fff
}

.masternavi ul li.active a, .masternavi ul li.active a:hover {
    padding: 0;
    border-bottom: 0 solid #fff
}

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

.masternavi .ardlogo {
    width: auto;
    float: right
}

.masternavi .ardlogo a:link {
    margin: 0;
    background: url('../img/ardlogo_weiss.png') no-repeat 0 0;
    padding: 0 2px 0 2px;
    width: 70px;
    float: right;
    height: 35px
}

body.ard .masternavi ul li.ard a:link, body.ard .masternavi ul li.ard a:visited, body.tagesschau .masternavi ul li.tagesschau a:link, body.tagesschau .masternavi ul li.tagesschau a:visited, body.sportschau .masternavi ul li.sportschau a:link, body.sportschau .masternavi ul li.sportschau a:visited, body.boerse .masternavi ul li.boerse a:link, body.boerse .masternavi ul li.boerse a:visited, body.ratgeber .masternavi ul li.ratgeber a:link, body.ratgeber .masternavi ul li.ratgeber a:visited, body.wissen .masternavi ul li.wissen a:link, body.wissen .masternavi ul li.wissen a:visited, body.kultur .masternavi ul li.kultur a:link, body.kultur .masternavi ul li.kultur a:visited, body.kinder .masternavi ul li.kinder a:link, body.kinder .masternavi ul li.kinder a:visited, body.intern .masternavi ul li.intern a:link, body.intern .masternavi ul li.intern a:visited, body.tv .masternavi ul li.tv a:link, body.tv .masternavi ul li.tv a:visited, body.radio .masternavi ul li.radio a:link, body.radio .masternavi ul li.radio a:visited, body.ardmt .masternavi ul li.ardmt a:link, body.ardmt .masternavi ul li.ardmt a:visited {
    color: #001a4b
}

#header .collapseArrow {
    width: 20px;
    height: 20px;
    margin-top: 8px;
    margin-right: 4px;
    background: url('../img/arrow_collapsible.png') no-repeat scroll 0 -20px transparent
}

#header .collapsed .collapseArrow {
    background: url('../img/arrow_collapsible.png') no-repeat scroll 0 -40px transparent
}

.ard #header .masternavi {
    background: url('../img/mn_ard.png') repeat-x bottom
}

.tagesschau #header .masternavi {
    background: url('/pool/img/base/masternavi/mn_tagesschau.png') repeat-x bottom
}

.sportschau #header .masternavi {
    background: url('/pool/img/base/masternavi/mn_sportschau.png') repeat-x bottom
}

.boerse #header .masternavi {
    background: url('/pool/img/base/masternavi/mn_boerse.png') repeat-x bottom
}

.ratgeber #header .masternavi {
    background: url('/pool/img/base/masternavi/mn_ratgeber.png') repeat-x bottom
}

.wissen #header .masternavi {
    background: url('/pool/img/base/masternavi/mn_wissen.png') repeat-x bottom
}

.kultur #header .masternavi {
    background: url('/pool/img/base/masternavi/mn_kultur.png') repeat-x bottom
}

.kinder #header .masternavi {
    background: url('/pool/img/base/masternavi/mn_kinder.png') repeat-x bottom
}

.intern #header .masternavi {
    background: url('/pool/img/base/masternavi/mn_intern.png') repeat-x bottom
}

.tv #header .masternavi {
    background: url('/pool/img/base/masternavi/mn_tv.png') repeat-x bottom
}

.radio #header .masternavi {
    background: url('/pool/img/base/masternavi/mn_radio.png') repeat-x bottom
}

.ardmt #header .masternavi {
    background: url('/pool/img/base/masternavi/mn_ardmediathek.png') repeat-x bottom
}

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

.subnavi .ressorts {
    float: left;
    width: 100%;
    background-color: #0a3878;
    background-color: rgba(10, 65, 120, 0.9);
    padding: 0
}

.subnavi ul.ressorts li:hover, .subnavi ul.ressorts li:active, .subnavi ul.ressorts li:focus {
    background: #fff
}

.subnavi ul.ressorts li:hover a, .subnavi ul.ressorts li:active a, .subnavi ul.ressorts li:focus a {
    color: #001a4b
}

.subnavi ul.subressorts li a:hover, .subnavi ul.subressorts li a:active, .subnavi ul.subressorts li a:focus {
    background: #dbe0ea
}

.subnavi ul.subsubressorts li a:hover, .subnavi ul.subsubressorts li a:active, .subnavi ul.subsubressorts li a:focus {
    background: #c1d1e0
}

.subnavi .ressorts span {
    float: left;
    background-color: #fff
}

.subnavi .ressorts .collapsed {
    background-color: transparent
}

.subnavi .collapseArrowSmall {
    float: right;
    width: 10px;
    height: 18px
}

.subnavi .ressorts li {
    float: left;
    position: relative
}

.subnavi .ressorts li a {
    color: #000
}

.subnavi .ressorts .collapsed a {
    color: #fff
}

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

.subnavi .subressorts span {
    float: left;
    padding: 0;
    width: 100%;
    background-color: #fff
}

.subnavi .subressorts li a {
    color: #000;
    width: auto;
    float: left
}

.subnavi .subressorts li {
    position: static;
    width: 100%;
    float: left;
    border-bottom: 1px solid #dbe0ea
}

.subnavi .subressorts li:last-child {
    border-bottom: 0
}

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

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

.subnavi .subsubressorts li:last-child {
    border-bottom: 0
}

.subnavi .active, .subnavi .active.collapsed {
    color: #001a4b;
    background: #fff
}

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

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

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

#header .searchBox {
    position: relative
}

#header .searchBox input {
    float: left;
    height: 25px;
    font-size: .9em;
    color: #516384
}

#header .searchBox .searchToggle .collapseArrow {
    display: none
}

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

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

/*!
* jQuery UI CSS Framework 1.8.23
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.xxxui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-widget {
    font-size: 1em;
    background: #fff;
    -webkit-box-shadow: 1px 3px 10px #8f8f8f;
    -moz-box-shadow: 1px 3px 10px #8f8f8f;
    box-shadow: 1px 3px 10px #8f8f8f
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 0;
    color: #001a4b
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 0;
    color: #001a4b;
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 1px solid #516384;
    height: 42px
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0;
    background: #fff;
    color: #001a4b
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 0;
    background: #e9ebef;
    font-weight: bold;
    color: #001a4b
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #001a4b;
    text-decoration: none;
    background: #e9ebef
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 0;
    background: #e9ebef;
    font-weight: bold;
    color: #001a4b
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-widget :active {
    outline: 0
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 0;
    background: #001a4b;
    color: #fff
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    background: #001a4b;
    color: #fff
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 0;
    background: #b81900 url(/pool/img/external/jquery-ui/datepicker/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color: #fff
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/pool/img/external/jquery-ui/datepicker/xxxui-icons_222222_256x240.png)
}

.ui-widget-content .xxxui-icon {
    background-image: url(/pool/img/external/jquery-ui/datepicker/xxxui-icons_222222_256x240.png)
}

.ui-widget-header .xxxui-icon {
    background-image: url(/pool/img/external/jquery-ui/datepicker/xxxui-icons_ffffff_256x240.png)
}

.ui-state-default .xxxui-icon {
    background-image: url(/pool/img/external/jquery-ui/datepicker/xxxui-icons_ef8c08_256x240.png)
}

.ui-state-hover .xxxui-icon, .ui-state-focus .xxxui-icon {
    background-image: url(/pool/img/external/jquery-ui/datepicker/xxxui-icons_ef8c08_256x240.png)
}

.ui-state-active .xxxui-icon {
    background-image: url(/pool/img/external/jquery-ui/datepicker/xxxui-icons_ef8c08_256x240.png)
}

.ui-state-highlight .xxxui-icon {
    background-image: url(/pool/img/external/jquery-ui/datepicker/xxxui-icons_228ef1_256x240.png)
}

.ui-state-error .xxxui-icon, .ui-state-error-text .xxxui-icon {
    background-image: url(/pool/img/external/jquery-ui/datepicker/xxxui-icons_ffd27a_256x240.png)
}

.ui-widget-overlay {
    background: #666 url(/pool/img/external/jquery-ui/datepicker/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: .50;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000 url(/pool/img/external/jquery-ui/datepicker/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    opacity: .20;
    filter: Alpha(Opacity=20);
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

/*!
* jQuery UI Resizable 1.8.23
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

/*!
* jQuery UI Selectable 1.8.23
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

/*!
* jQuery UI Datepicker 1.8.23
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker {
    padding: 4px;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 0;
    width: 46px;
    height: 46px;
    margin-bottom: 4px
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 0;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
    background: #fff url(/pool/img/base/icon/arrow_slider.png) no-repeat center -500px
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
    background: #fff url(/pool/img/base/icon/arrow_slider.png) no-repeat center -400px
}

.ui-datepicker .ui-datepicker-prev-hover {
    background: #fff url(/pool/img/base/icon/arrow_slider.png) no-repeat center -700px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 0;
    background: #fff url(/pool/img/base/icon/arrow_slider.png) no-repeat center -600px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -100000px;
    top: 50%;
    margin-top: -100000px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

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

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

img.ui-datepicker-trigger {
    width: 46px;
    height: 46px;
    cursor: pointer;
    float: left;
    margin: -6px 0 0 4px
}

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

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

.sectionZ .conHeadline {
    width: 96.5%;
    padding: 6px 2% 6px 1.5%
}

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

.sectionC .conHeadline {
    width: 96%;
    padding: 6px 2% 6px 2%;
    font-size: 1.25em
}

.collapseArrow {
    width: 20px;
    height: 20px;
    background: url('../img/arrow_collapsible.png') no-repeat scroll 0 -20px transparent;
    margin-right: 4px;
    margin-top: 6px
}

.collapsed .collapseArrow {
    background: url('../img/arrow_collapsible.png') no-repeat scroll 0 0 transparent
}

.con {
    background-position: 0 0;
    background-repeat: no-repeat
}

.con .linklist {
    float: left;
    margin: 0 0 8px 0;
    width: 100%
}

.con .linklist .more {
    clear: both;
    margin: 0 0 6px 0
}

.con .linklist strong {
    font-weight: normal
}

.con .linklist .list {
    border-top: 1px solid #9dadc7;
    float: none;
    margin: 0 8px
}

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

.con .linklist .list li a {
    padding: 4px;
    display: block
}

.con .linklist .list li a:hover, .con .linklist .list li a:focus, .con .linklist .list li a:active {
    background: #e9ebef;
    display: block
}

.controls {
    background-color: #d0c9c4
}

.button, .button a, .mod .controls.buttonfield a, .mod .controls .labels .entry {
    background: #396192;
    background: -moz-linear-gradient(top, #396192 0, #12305c 101%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #396192), color-stop(100%, #12305c));
    background: -webkit-linear-gradient(top, #396192 0, #12305c 101%);
    background: -o-linear-gradient(top, #396192 0, #12305c 101%);
    background: -ms-linear-gradient(top, #396192 0, #12305c 101%);
    background: linear-gradient(to bottom, #396192 0, #12305c 101%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#396192', endColorstr='#12305c', GradientType=0)
}

.mod .controls .labels .entry.active {
    background: #fff;
    filter: none
}

.button:hover, .button a:hover, .mod .controls .labels .entry:hover .mod .controls .labels .entry a:hover .mod .controls.buttonfield:hover, .mod .controls.buttonfield a:hover, {
    color: #fff;
    background: #396192
}

.button {
    font-size: 1em;
    margin: 0 2px 2px 0;
    padding: 0;
    float: left;
    width: auto;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff
}

.button a {
    float: left;
    padding: 7px 8px;
    color: #fff
}

.mod .controls {
    float: left;
    width: 100%;
    padding: 0;
    text-transform: uppercase
}

.mod .controls .buttons {
    float: left;
    width: 100%;
    height: 46px;
    margin: 0
}

.mod .controls.sliding {
    border-top: 2px solid #fff
}

.mod .controls .prev, .mod .controls .next {
    background: 0;
    float: left;
    min-width: 64px;
    height: 46px;
    margin-left: 0
}

.mod .controls.sliding .prev.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center -100px
}

.mod .controls.sliding .prev.active:hover {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center -300px
}

.mod .controls.sliding .next {
    float: right;
    margin-right: 0
}

.mod .controls.sliding .next.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center 0
}

.mod .controls.sliding .next.active:hover {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center -200px
}

.mod .controls.buttonfield {
    width: 100%;
    background: 0
}

.mod .controls.buttonfield a.prev, .mod .controls.buttonfield a.next {
    text-align: center;
    font-size: 1em;
    letter-spacing: 1px;
    color: #fff
}

.mod .controls.buttonfield a.prev {
    float: left;
    width: auto;
    padding: 8px;
    margin: 0;
    height: auto;
    min-width: 120px
}

.mod .controls.buttonfield a.next {
    float: right;
    width: auto;
    padding: 8px;
    margin: 0;
    height: auto;
    min-width: 120px
}

.mod .controls.buttonfield a.next:hover, .mod .controls.buttonfield a.prev:hover {
    background: #396192;
    color: #fff
}

.mod .controls .labels {
    width: 100%;
    margin: -46px 0 0 0;
    float: left;
    visibility: hidden
}

.mod .controls .labels .entries {
    display: table;
    margin: auto;
    width: auto;
    padding: 6px 50px 6px 50px;
    visibility: visible;
    height: 24px
}

.mod .controls.sliding .labels .entries {
    padding-top: 18px;
    padding-bottom: 0
}

.mod .controls.paging .labels .entries {
    padding-left: 0;
    padding-right: 0
}

.mod .controls .labels .entry {
    margin: 0 2px 0 0;
    float: left
}

.mod .controls.sliding .labels .entry {
    background: #fff;
    width: 16px;
    height: 10px;
    filter: none
}

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

.mod .controls.paging .labels .entry.active {
    padding: 6px 8px 6px 8px;
    filter: none
}

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

.mod .controls.paging .labels .entry.active a {
    padding: 0
}

.mod .controls.paging .labels .entry a:hover, .mod .controls.paging .labels .entry a:active, .mod .controls.paging .labels .entry a:focus {
    background: #fff;
    color: #001a4b
}

.mod .controls .labels .entry.active {
    background-color: #fff;
    padding: 6px 8px 6px 8px
}

.mod .controls .labels .entry.active a {
    background-color: #fff;
    color: #001a4b;
    padding: 0
}

.mod .controls.sliding .labels .entry.active {
    padding: 0;
    background: #14315b
}

.breadcrumb {
    width: 100%;
    float: left;
    margin: 12px 0 16px 0
}

.breadcrumb ul {
    width: 100%;
    float: left
}

.breadcrumb ul li {
    float: left;
    margin: 0 20px 0 0;
    padding: 0 0 0 16px;
    width: auto;
    color: #fff;
    font-weight: normal;
    background: url('/pool/img/base/icon/arrow_breadcrumb.png') no-repeat scroll 0 -100px
}

.breadcrumb ul li:first-child {
    background: url('/pool/img/base/icon/arrow_breadcrumb.png') no-repeat scroll 0 0
}

.breadcrumb ul li a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px
}

.breadcrumb ul li a:hover {
    text-decoration: underline
}

.poweruser {
    float: left;
    margin: 8px 0 8px 0;
    display: block;
    color: #fff
}

.poweruser span {
    float: left;
    margin: 3px 6px 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px
}

.poweruser ul {
    float: left
}

.poweruser ul li {
    float: left;
    margin: 0 6px 0 0;
    padding: 0;
    width: auto;
    color: #fff;
    font-weight: normal
}

.poweruser ul li a {
    padding: 4px 10px 4px 10px;
    background: #396192;
    background: -moz-linear-gradient(top, #396192 0, #12305c 101%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #396192), color-stop(100%, #12305c));
    background: -webkit-linear-gradient(top, #396192 0, #12305c 101%);
    background: -o-linear-gradient(top, #396192 0, #12305c 101%);
    background: -ms-linear-gradient(top, #396192 0, #12305c 101%);
    background: linear-gradient(to bottom, #396192 0, #12305c 101%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#396192', endColorstr='#12305c', GradientType=0)
}

.poweruser ul li a:hover, .poweruser ul li a:focus, .poweruser ul li a:active {
    background: #fff;
    color: #001a4b
}

.poweruser ul li.active {
    background: #fff
}

.poweruser ul li.active a {
    color: #001a4b;
    background: #fff
}

.poweruser ul li a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px
}

.poweruser ul li a:hover {
    text-decoration: underline
}

input:focus, select:focus {
    outline: #82a1d1 solid 1px;
    outline-offset: -1px
}

a:focus {
    text-decoration: underline
}

a.mediaLink:focus {
    -webkit-box-shadow: 0 0 9px #001a4b;
    -moz-box-shadow: 0 0 9px #001a4b;
    box-shadow: 0 0 9px #001a4b
}

.modConStage a.mediaLink:focus {
    -webkit-box-shadow: 0 0 4px #fff;
    -moz-box-shadow: 0 0 4px #fff;
    box-shadow: 0 0 4px #fff
}

.mod {
    float: left;
    font-family: Thesis, helvetica, arial;
    position: relative;
    width: 100%;
    line-height: 125%
}

.mod .teaser {
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat
}

.mod .teaserHeadline {
    float: left;
    margin: 0 0 8px 0;
    font-size: 1.2em
}

.mod .ressort {
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    float: left
}

.mod .ressort a {
    color: #001a4b
}

.mod .ressort a:hover, .mod .ressort a:focus, .mod .ressort a:active {
    text-decoration: underline
}

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

.mediaCon iframe.youtube {
    width: 100%;
    display: block
}

.modStage .mediaCon iframe.youtube {
    width: 100%
}

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

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

.sectionC .mod .media.portrait {
    width: 100%
}

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

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

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

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

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

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

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

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

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

.mod .icon {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 46px;
    min-width: 46px
}

.mod .icon.hint, .mod .icon.audioHint {
    left: auto;
    right: 0;
    top: 0;
    bottom: auto
}

.mod .icon.video {
    background-position: 1000px 0
}

.mod .icon.audio {
    background-position: 600px 0
}

.mod .icon.galerie {
    background-position: -1000px 0
}

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

.mod .dachzeile {
    margin: 4px 0 4px 0;
    float: left;
    font-size: .9em
}

.mod h2.headline {
    font-size: 2em;
    margin: 0 0 8px 0;
    float: left
}

.mod h3.headline {
    font-size: 1.5em
}

.mod h4.headline {
    font-size: 1.2em
}

.mod .subtitle {
    font-size: 1.1em;
    margin: 1em 0 .5em 0;
    float: left
}

.mod .teaser .subtitle {
    font-size: 1.1em;
    margin: 0 0 8px 0;
    font-weight: bold
}

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

.sectionArticle .mod .teasertext a {
    border-bottom: 1px solid #001a4b
}

.mod .teasertext span {
    width: 100%;
    display: block;
    margin-bottom: 4px
}

.mod .text {
    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 .linklist {
    float: left;
    margin: 0 0 8px 0
}

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

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

.mod .linklist a strong {
    font-weight: normal
}

.mod .linklist .list {
    margin: 0;
    float: left;
    border-top: 1px solid #9dadc7
}

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

.mod .linklist .list li a {
    padding: 3px 0 3px 0;
    display: block
}

.mod .linklist .list li.noLink {
    padding: 3px 0 3px 0;
    color: #3d4b64
}

.mod .linklist .list li a:hover, .mod .linklist .list li a:focus, .mod .linklist .list li a:active {
    background: #e9ebef;
    display: block
}

.mod .linklist .list strong + strong {
    font-weight: bold
}

.con.showAllLinks .linklist {
    display: block
}

.con.noLabels .modMini h3.ressort, .con.noLabels h3.ressort {
    display: none
}

.modConStage .modMini .box {
    background-color: #e0eaf0
}

.modMini .ressort {
    display: none
}

.modMini .icon.video {
    background-position: 1000px 0
}

.modMini .icon.audio {
    background-position: 600px 0
}

.modMini .icon.galerie {
    background-position: -1000px 0
}

.modMini .marke {
    display: none
}

.modMini .headline {
    font-size: 1em
}

.modMini h4.headline {
    font-size: 1.15em
}

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

.mod.modStage .mediaCon {
    margin-bottom: 0
}

.modConStage .modB, .modConStage .modC, .modConStage .modD, .modConStage .modE {
    margin-top: 8px
}

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

.modStage h4.headline {
    font-size: 1.5em
}

.modStage h3.headline {
    font-size: 1.25em
}

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

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

.modPremium .dachzeile {
    font-size: 1em
}

.modPremium h2.headline {
    font-size: 2em
}

.modPremium h3.headline {
    font-size: 1.5em
}

.modPremium h4.headline {
    font-size: 1.75em
}

.modPremium .teasertext {
    width: 49%
}

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

.modClassic .mediaCon {
    width: 45%;
    margin-right: 1%;
    padding: 2px 0 0 0
}

.sectionA .con.specialIntro .modClassic .mediaCon {
    width: 66.66%;
    margin-right: 1%;
    padding: 2px 0 0 0
}

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

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

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

.sectionArticle .modClassic .teasertext span {
    margin-bottom: 16px
}

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

.sectionArticle .modHeadline {
    margin: 0 5%;
    width: 90%
}

.modHeadline .box, .modA.modHeadline .box, .modA.modHeadline.small .box {
    width: auto
}

.mod.modHeadline.small .linklist {
    width: 100%
}

.modHeadline .box {
    width: auto
}

.modHeadline .ressort {
    display: none
}

.modHeadline .mediaCon {
    display: none
}

.modHeadline .dachzeile {
    display: none
}

.modHeadline .teasertext {
    display: none
}

.modHeadline .linklist {
    display: block
}

.modHeadline .linklist .more {
    display: none
}

.modParagraph .mediaCon.mediaTop.small .media.mediaB.portrait {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 48%
}

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

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

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

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

.modParagraph .small .mediaA {
    width: 98%;
    margin-left: .9%;
    margin-right: .9%
}

.modParagraph .mediaB {
    width: 48%
}

.modParagraph .mediaC {
    width: 31.33%
}

.modParagraph .mediaD {
    width: 23%
}

.modParagraph .mediaInfo {
    background-color: #e9e9e9;
    width: 100%;
    float: left
}

.modParagraph .mediaInfo p.infotext {
    background: none repeat scroll 0 0;
    float: left;
    padding: 4px 4px 4px 8px;
    width: auto
}

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

.modParagraph .mediaLeft {
    width: 40%;
    float: left;
    clear: left
}

.modParagraph .media a.mediaLink {
    position: relative
}

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

.modParagraph .headline {
    font-size: 2em;
    width: auto;
    float: none
}

.modParagraph .subtitle {
    font-size: 1.25em;
    width: auto;
    float: none;
    clear: both
}

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

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

.modParagraph .text {
    margin: 0 0 1.25em 0;
    width: auto;
    float: none
}

.modParagraph .text a {
    border-bottom: 1px solid #001a4b
}

.modParagraph .text a:hover, .modParagraph .text a:focus, .modParagraph .text a:active {
    border-bottom: 1px dotted #001a4b;
    text-decoration: none
}

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

.modParagraph .checklist {
    margin-top: 16px;
    margin-bottom: 16px;
    background: #e0dbd5;
    float: left;
    width: 86%;
    padding: 10px 2% 10px 2%
}

.modParagraph .checklist h4 {
    margin-bottom: 6px;
    font-size: 1.15em
}

.modParagraph .checklist ul li, .modParagraph ul.checklist li {
    padding-bottom: 6px;
    margin: 0 0 0 1em;
    list-style-type: square
}

.modParagraph .checklist ol li, .modParagraph ol.checklist li {
    padding-bottom: 6px;
    margin: 0 0 0 1.25em;
    list-style-type: decimal
}

.modParagraph .infokasten {
    margin-top: 16px;
    margin-bottom: 16px;
    background: #e0dbd5;
    float: left;
    width: 86%;
    padding: 10px 2% 8px 2%
}

.modParagraph .infokasten .mediaCon {
    margin: 0 8px 2px 0;
    width: 37%;
    float: left
}

.modParagraph .infokasten .mediaCon .media {
    margin-bottom: 4px
}

.modParagraph .infokasten h3.ressort {
    margin-top: -4px
}

.modParagraph .infokasten h4 {
    margin-bottom: 6px;
    font-size: 1.15em;
    float: none
}

.modParagraph .infokasten p {
    float: none
}

.modParagraph .infokasten p.author {
    text-align: right;
    font-style: italic;
    padding-right: 1em
}

.modParagraph .checklist p {
    padding-bottom: 6px
}

.modParagraph hr {
    width: auto;
    display: block;
    clear: both;
    margin: 10px 0;
    background: #e0d9d1;
    padding: 0;
    height: 4px;
    border: 0
}

.modParagraph hr.divider {
    background: #fff;
    margin: 0;
    height: 0;
    clear: both
}

.modParagraph span.stand {
    display: block;
    width: auto;
    clear: both;
    text-align: right
}

.modTeaseronly .linklist {
    display: none
}

.modList .box {
    border-bottom: 1px solid #bac5d9;
    border-top: 1px solid #bac5d9;
    margin: -1px 0 0
}

.modList .teaser {
    padding-top: 6px
}

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

.modList .mediaCon .xxl {
    width: 100%
}

.modList .mediaCon .xl {
    width: 100%
}

.modList .mediaCon .l {
    width: 100%
}

.modList .mediaCon .m {
    width: 100%
}

.modList .mediaCon .s {
    width: 100%
}

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

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

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

.modList .dachzeile.fullwidth, .modList .headline.fullwidth, .modList .teasertext.fullwidth, .modList .linklist.fullwidth {
    float: left;
    width: 100%
}

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

.modList .linklist .list {
    border-top: 0
}

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

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

.form option, .form select, .form optgroup {
    font-size: 1em;
    font-family: Thesis, verdana
}

.form input {
    font-family: Thesis, verdana;
    font-size: 1em;
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 100%
}

.form {
    margin: 12px 0 12px 0
}

.form .subtitle {
    font-size: 1.25em;
    width: auto;
    clear: left;
    float: left;
    font-weight: normal
}

.form .subtitle.hasArrow {
    background-color: #e1e7f2;
    padding: 6px 0 6px 1%;
    margin: 0;
    width: 99%
}

.form .text {
    width: auto;
    float: left;
    clear: both
}

.form form .text {
    margin-bottom: 8px;
    width: auto;
    float: left;
    clear: left
}

.form form {
    width: 100%;
    float: left;
    margin-top: 12px;
    margin-top: 0
}

.form .submitLink {
    float: right;
    margin-right: 8px
}

.form .submitButton {
    float: right;
    display: block;
    padding: 7px 8px;
    border: 0
}

.form fieldset {
    background-color: #e1e7f2;
    margin: 0 0 4px 0;
    float: left;
    padding: 8px 2% 8px 2%;
    width: 96%
}

.form form:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.form .submitfield {
    float: right
}

.form span {
    margin: 0 0 4px 0
}

.form textarea {
    width: 100%;
    height: 150px;
    resize: none;
    margin-bottom: 12px;
    font-family: Thesis, Verdana
}

.form .textInput {
    width: 100%;
    margin: 0 0 4px 0
}

.form .textInput#date {
    height: 25px;
    width: 88%
}

.form .textInput#date + img {
    margin: 8px 0 0 0
}

.form label {
    margin: 0;
    padding: 8px 0 0 0;
    line-height: 100%
}

.form legend {
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 1.15em;
    float: left;
    font-family: ThesisAntiqua
}

.form .buttonfield {
    background-color: transparent
}

.form select {
    border: 0 none;
    height: 25px;
    margin: 4px 0 4px 0;
    padding: 0;
    width: 100%
}

.form textarea:focus, .form input:focus, .form select:focus {
    outline: #acc1d4 solid 1px;
    outline-offset: -1px
}

.form optgroup {
    float: left;
    font-style: normal;
    line-height: 120%;
    margin: 8px;
    padding: 4px 4px 8px 4px;
    font-weight: normal
}

.form optgroup[label] {
    font-weight: bold
}

.form optgroup option:hover {
    background: #becfe6;
    cursor: pointer
}

.form .linklist {
    margin: 0 1% 0 1%;
    padding: 8px 1% 8px 1%;
    width: 95%
}

.form .linklist .more {
    float: left;
    width: auto
}

.form .linklist .list {
    border-top: 0;
    float: left;
    width: auto
}

.form .linklist .list li {
    background: #e1e7f2;
    border: 1px solid #c2d6e8;
    margin: 4px 8px;
    padding: 4px 8px;
    float: left;
    width: auto
}

input[type=text], textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 2px 4px
}

input[type=radio], input[type=checkbox] {
    margin: 0 4px 0 0
}

.form input[type=text], .form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 4px
}

.form input[type=radio], .form input[type=checkbox] {
    margin: 0 4px 0 0
}

p.text.error {
    background: #ca0000;
    width: auto;
    padding: 16px;
    font-weight: bold;
    font-size: 1.25em;
    color: #fff;
    text-align: center;
    clear: both
}

input.alert, select.alert {
    border: 1px #ca0000 solid
}

p.actionSuccess {
    background: #e1e7f2;
    font-size: 1.25em;
    text-align: center;
    padding: 60px 20px;
    clear: both
}

.modGlossar .boxCon {
    margin: 12px 0 12px 0
}

.modGlossar .box {
    padding-top: 0;
    padding-bottom: 0
}

.sectionZ .modA.modGlossar .box {
    margin-bottom: 0;
    margin-top: 0
}

.modGlossar .hasArrow {
    padding: 4px 0 4px 0
}

.modGlossar .hasArrow.collapsed {
    border-bottom: 1px solid #bac5d9
}

.mod.modGlossar .teaser {
    margin-right: 4%;
    margin-left: 4%;
    width: 92%;
    float: left;
    padding: 6px 0 8px 0
}

.modGlossar .teaserHeadline {
    float: right;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 1.2em;
    width: 98%
}

.modGlossar .teaserHeadline.collapsed {
    font-size: 1.0em
}

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

.modGlossar .ressort {
    display: none
}

.modGlossar .media {
    margin: 1%;
    width: auto;
    float: left
}

.modGlossar .headline {
    padding: 6px 0
}

.modGlossar h3.headline a {
    padding-right: 32px
}

.modGlossar .controls .labels {
    font-size: 1.25em;
    font-weight: bold
}

.sectionArticle .modConGlossar {
    margin: 12px 0
}

.modConGlossar .modHead {
    border: 0
}

.sectionArticle .modGlossar .buttons, .sectionArticle .modGlossar .controls {
    display: none
}

.sectionArticle .modConGlossar .mod {
    background-color: #e0d9d1;
    margin: 0 5% 0 5%;
    width: 90%
}

.sectionArticle .modConGlossar .mod h2.headline {
    font-size: 1.25em;
    margin: 0 0 8px 0;
    font-weight: normal
}

.sectionZ.sectionArticle .modA.modGlossar .box, .sectionZ.sectionArticle .modA.modConGlossar .box, .sectionZ.sectionArticle .modConGlossar .box {
    background-color: #e0d9d1;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.sectionZ.sectionArticle .modA.modGlossar .box:first-child {
    border-top: 1px solid #fff
}

.sectionZ.sectionArticle .modA.modGlossar .hasArrow.collapsed {
    border-bottom: 1px solid #fff
}

.sectionZ.sectionArticle .modA.modGlossar .teaser {
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    width: 96%
}

.sectionZ.sectionArticle .modConGlossar .box {
    padding: 8px;
    width: auto
}

.sectionArticle .modGlossar h3.headline {
    font-size: 1.15em;
    margin-left: 0;
    margin-right: 0;
    padding: 6px 0 6px 2%;
    width: 98%
}

.sectionArticle .modGlossar .teaserHeadline {
    float: right;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 1.2em;
    width: 98%
}

.sectionArticle .modGlossar .teaserHeadline.collapsed {
    font-size: 1.0em
}

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

.sectionArticle .modGlossar .ressort {
    display: none
}

.sectionArticle .modGlossar .media {
    margin: 1%;
    width: auto;
    float: left
}

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

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

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

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

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

.sectionB .mod.modGlossar.shortNews .teaser {
    width: 100%
}

.mod.modGlossar.shortNews .mediaCon {
    float: left;
    margin-right: 8px;
    margin-bottom: 0;
    width: 30.5%;
    height: auto
}

.mod.modGlossar.shortNews .mediaCon .img {
    height: auto;
    width: 100%
}

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

.mod.modGlossar.shortNews p.teasertext {
    width: auto;
    float: none
}

.mod.modGlossar.shortNews .teaser {
    margin: 0 0 12px 0;
    width: 100%
}

.mod.modGlossar.shortNews h3.headline {
    font-size: 1.2em;
    float: none;
    width: auto;
    color: #001a4b;
    padding-right: 32px
}

.sectionB .mod.modGlossar.shortNews h3.headline {
    font-size: 1.1em
}

.modTagcloud .linklist .list {
    border: 0
}

.modTagcloud .linklist .list li {
    border: 0;
    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 .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 #ddd
}

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

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

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

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

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

.modQuiz .resultTable .question {
    border: 0;
    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: 125%;
    width: 100%;
    float: left
}

.modQuiz .link {
    width: auto;
    float: right;
    margin-bottom: 36px;
    margin-top: 16px;
    margin-left: 20px;
    padding: .5% 1%;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 2px
}

.modQuiz form input[type="radio"] {
    margin: 0
}

.modQuiz form label {
    cursor: pointer
}

.modQuiz form input {
    background: 0;
    border: 0;
    font-size: .8em;
    color: #24324c;
    cursor: pointer
}

.modQuiz .link.quizPre.quizStart {
    float: left;
    margin-left: 5%
}

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

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

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

.modQuiz.voting .teasertext {
    margin: 0 5%;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    font-weight: bold
}

.modQuiz .answer, .modQuiz.voting .vote-detail {
    border-bottom: 1px solid #ddd;
    float: left;
    width: 99%;
    padding: 1.5% 0 1.5% 1%
}

.modQuiz.voting .vote-detail {
    padding: 1.5% 0
}

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

.modQuiz.voting .vote-detail .vote-content {
    width: 46%
}

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

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

.modQuiz.voting .vote-detail .vote-bar {
    border: 1px solid #63bbe3;
    border-radius: 2px;
    height: 100%;
    width: 19.9%;
    background: #b5e6ff;
    background: -moz-linear-gradient(top, #b5e6ff 0, #96cfea 66%, #aad8f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5e6ff), color-stop(66%, #96cfea), color-stop(100%, #aad8f2));
    background: -webkit-linear-gradient(top, #b5e6ff 0, #96cfea 66%, #aad8f2 100%);
    background: -o-linear-gradient(top, #b5e6ff 0, #96cfea 66%, #aad8f2 100%);
    background: -ms-linear-gradient(top, #b5e6ff 0, #96cfea 66%, #aad8f2 100%);
    background: linear-gradient(to bottom, #b5e6ff 0, #96cfea 66%, #aad8f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5e6ff', endColorstr='#aad8f2', GradientType=0);
    -moz-box-shadow: 1px 2px 3px #aaa;
    -webkit-box-shadow: 1px 2px 3px #aaa;
    box-shadow: 1px 2px 3px #aaa
}

.modQuiz.voting .vote-detail .vote-percent {
    margin-right: 0
}

.modQuiz.voting .vote-detail.vote-conclusion {
    border-bottom: 0;
    margin-bottom: 1.2em
}

.modQuiz.voting .vote-detail.vote-conclusion .vote-content {
    font-weight: bold;
    text-align: right
}

.modQuiz .wrong, .modQuiz .voteform .answer.unselected {
    opacity: .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 {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%
}

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

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

.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 #ddd;
    border-top: 1px solid #ddd;
    float: left;
    line-height: 150%;
    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: #aaa
}

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

.modQuiz .label {
    background-color: #eee;
    float: left;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
    width: 4%;
    padding: 0;
    border: 1px solid #ccc;
    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: -6px;
    color: #aaa
}

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

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

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

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

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

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

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

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

.modPaging .pagingControls .prev {
    background: url('/pool/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 .mediaCon {
    width: 100%;
    margin: 0 0 8px 0;
    background: #000
}

.modGallery .dachzeile {
    display: none
}

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

.sectionZ .mod.modGallery .controls.sliding {
    top: 120px
}

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

.mod.modGallery .controls.sliding .prev {
    width: 46px;
    height: 140px;
    margin-left: 8px;
    visibility: visible;
    background: url('/pool/img/base/icon/arrow_gallery.png') no-repeat 0 0
}

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

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

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

.modTable .table, {
    clear: both;
    width: 100%;
    float: left;
    overflow-x: auto;
    position: relative;
    overflow: hidden
}

.modTable .table table, table {
    width: 100%;
    float: none
}

.modTable .table table caption, table caption {
    padding: 8px 0;
    font-size: 1.35em;
    line-height: 125%
}

.modTable .table table caption span, table caption span {
    display: block;
    clear: both;
    width: 100%;
    margin: 6px 0 0 0;
    font-size: .75em
}

.modTable .table table td, table td {
    padding: 6px 4px 6px 4px;
    border-bottom: 1px solid #82a1bf;
    vertical-align: middle
}

.modTable .table table td.ttxt, .modTable .table table th.ttxt {
    text-align: left
}

.modTable .table table td.tnr, .modTable .table table th.tnr {
    text-align: right;
    padding-right: 8px
}

.modTable .table table td.tpic, .modTable .table table th.tpic {
    text-align: center
}

.modTable img.tabflagge {
    border: 1px solid #b5c2cb
}

.modTable .table table td img {
    display: block;
    margin: 0 auto
}

.modTable .table table th, table th {
    padding: 6px 4px 6px 6px;
    color: #fff;
    text-align: left;
    background: #001a4b
}

.modTable .table table.thleft {
    border-top: 1px solid #82a1bf
}

.modTable .table th.thleft {
    padding: 6px 4px 6px 6px;
    color: #000;
    text-align: left;
    background: #e9ebef;
    border-bottom: 1px solid #82a1bf
}

.modTable .table th.thleft.nobg, .modTable .table table td.nobg, .modTable .table table th.nobg {
    background: 0
}

.modTable .table tr:hover td, .modTable .table tr:hover th, .modTable .table tr:hover th.nobg, .modTable .table tr:hover td.nobg {
    background: #cfd8e5;
    color: #000
}

.modTable .table table th.sortable {
    cursor: pointer
}

.modTable .table table th.sortable:hover {
    background: #396192
}

.modTable .table table th.sortable {
    cursor: pointer;
    background: #001a4b
}

.modTable .table table th.sortable.sorted {
    background: #396192
}

.modTable .table table th.sortable a {
    padding-right: 24px;
    background: url('/pool/img/base/icon/arrow_table.png') no-repeat right 0
}

.modTable .table table th.sorted a {
    padding-right: 24px;
    background: url('/pool/img/base/icon/arrow_table.png') no-repeat right -100px
}

.modTable .table table th.sorted.reversed a {
    padding-right: 24px;
    background: url('/pool/img/base/icon/arrow_table.png') no-repeat right -200px
}

.modTable .table table th a {
    color: #fff
}

.modTable .table table.fixed {
    width: auto;
    float: left
}

.modTable .table .scrollTableContainer {
    overflow-x: auto;
    overflow-y: hidden
}

.modTable .headlines {
    background-color: #aaa;
    color: #fff
}

.modTable .headlines .entry {
    vertical-align: middle
}

.modTable sup {
    padding: 0 0 0 4px;
    font-size: 80%;
    vertical-align: top
}

.modTable p.lastMod {
    padding: 6px 0;
    text-align: right;
    color: #516384;
    font-size: .85em
}

.modParagraph table {
    width: 90%;
    margin: 1em 5% 2em 5%;
    border-top: 1px solid #82a1bf
}

.modParagraph table td:first-child {
    width: 40%;
    font-weight: bold
}

.modParagraph table td p.text.small {
    padding: 0;
    margin: 0
}

.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-weight: bold;
    margin-bottom: 4px
}

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

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

.modStopper .teasertext {
    display: none
}

.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 .modHead .headline {
    font-size: 1.75em
}

.sectionZ .modHead .headline, .sectionB .modHead .headline .sectionC .modHead .headline {
    font-size: 1.35em;
    margin-bottom: 4px
}

.modComments .teaserHeadline.collapsed {
    font-size: 1.0em
}

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

.modComments .ressort {
    display: none
}

.modComments .mediaCon {
    width: auto
}

.modComments .media {
    margin: 1%;
    width: auto;
    float: left
}

.modComments .mediaCon .xxl {
    width: auto;
    height: 8em
}

.modComments .mediaCon .xl {
    width: auto;
    height: 8em
}

.modComments .mediaCon .l {
    width: auto;
    height: 8em
}

.modComments .mediaCon .m {
    width: auto;
    height: 8em
}

.modComments .mediaCon .s {
    width: auto;
    height: 8em
}

.modConComments {
    margin: 0 0 12px 0;
    padding: 0 0 12px 0
}

.modComments .controls {
    background: 0
}

.mod.modComments .controls.paging .labels {
    margin: 10px 0 20px 0
}

.mod.modComments .controls .labels .entry.active, .mod.modComments .controls .labels .entry.active a, .mod.modComments .controls .labels .entry:hover, .mod.modComments .controls .labels .entry a:hover {
    background: #c5daed
}

.modConComments .boxCon h2.headline, .modConComments .boxCon p.subline, .modConComments .boxCon p.text {
    clear: both
}

.modConComments .mod.modHead {
    width: 100%;
    margin: 0 0 4px 0
}

.modConComments .collapseControl, .modConComments .collapseControl.collapsed {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #bac5d9;
    border-top: 1px solid #bac5d9;
    float: left;
    margin: -1px 1% 0 1%;
    padding: 0;
    text-align: right;
    width: 98%;
    line-height: 100%;
    clear: both
}

.modConComments .collapseControl a {
    padding: 8px 30px 8px 0;
    display: block
}

.modConComments .collapseControl {
    border-bottom: 0
}

.modComments .controls .buttons {
    display: none
}

.sectionArticle .modConComments {
    margin: 0 0 10px 0
}

.sectionArticle .modConComments .mod h2.headline {
    font-size: 1.25em;
    margin: 0 0 8px 0;
    font-weight: normal
}

.sectionZ.sectionArticle .modA.modComments .box {
    border-top: 2px solid #fff;
    background-color: #fff;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 100%
}

.sectionArticle .modComments h3.headline {
    font-size: 1.15em;
    margin-left: 0;
    margin-right: 0;
    width: 90%;
    padding: 0
}

.sectionArticle .modComments .teaser {
    margin-right: 0;
    margin-left: 0;
    width: 90%;
    float: left
}

.sectionArticle .modComments .teaserHeadline {
    float: right;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 1.2em;
    width: 98%
}

.sectionArticle .modComments .teaserHeadline.collapsed {
    font-size: 1.0em
}

.sectionArticle .modComments .link {
    width: 75%;
    float: left
}

.sectionArticle .modComments .ressort {
    display: none
}

.sectionArticle .modComments .media {
    margin: 1%;
    width: auto;
    float: left
}

.sectionArticle .modComments .mediaCon .xxl {
    width: auto;
    height: 8em
}

.sectionArticle .modComments .mediaCon .xl {
    width: auto;
    height: 8em
}

.sectionArticle .modComments .mediaCon .l {
    width: auto;
    height: 8em
}

.sectionArticle .modComments .mediaCon .m {
    width: auto;
    height: 8em
}

.sectionArticle .modComments .mediaCon .s {
    width: auto;
    height: 8em
}

.mod.modBreakingNews {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #bc053b
}

.sectionA .modA.mod.modBreakingNews .box {
    background: 0
}

.mod.modBreakingNews .ressort {
    background: #bc053b;
    color: #fff;
    padding: 0;
    margin: 0
}

.mod.modBreakingNews .linklist {
    display: none
}

.mod .linklist.lottoA {
    float: left;
    background: #e68200 url('/pool/img/base/background/lotto_sprite.png') repeat-x 0 0
}

.mod .linklist.lottoA ul.list li.additional {
    background: #ffde02 url('/pool/img/base/background/lotto_sprite.png') repeat-x 0 -100px;
    color: #000
}

.mod .linklist.lottoA, .mod .linklist.lottoB {
    float: left;
    width: 100%;
    margin: 0 0 1px 0;
    display: block
}

.mod .linklist.lottoA ul.list, .mod .linklist.lottoB ul.list {
    border: 0;
    width: auto
}

.mod .linklist.lottoA ul.list {
    margin: 0 5% 0 5%;
    width: 89%;
    border-left: 1px solid #f4b402;
    color: #fff;
    float: right
}

.mod .linklist.lottoB ul.list {
    margin: 0;
    width: 57%;
    border: 0
}

.mod .linklist.lottoA ul.list li, .mod .linklist.lottoB ul.list li {
    float: left;
    border: 0;
    display: inline;
    width: auto;
    padding: 8px 0 8px 0;
    font-weight: bold;
    text-align: center
}

.mod .linklist.lottoA ul.list li {
    border-right: 1px solid #f4b402;
    width: 15.8%;
    font-size: 1.2em;
    font-weight: normal
}

.mod .linklist.lottoB ul.list li {
    border: 0;
    font-size: 1em;
    letter-spacing: 2px
}

.mod .linklist.lottoB {
    float: left;
    width: 100%;
    background: #fff url('/pool/img/base/background/lotto_sprite.png') repeat-x bottom
}

.mod .linklist.lottoA p.more, .mod .linklist.lottoB p.more {
    clear: none;
    float: left;
    letter-spacing: 1px;
    margin: 0;
    min-width: 35%;
    padding: 8px 0 0;
    text-indent: 5px;
    text-transform: uppercase;
    width: auto;
    font-size: .9em
}

.mod .linklist.lottoB p.more {
    min-width: 43%
}

.mod .teasertext.lotto {
    float: right;
    font-weight: bold;
    font-size: .9em;
    text-align: right;
    padding: 6px 0 8px 0
}

.mod.modSocialbar {
    overflow: visible
}

.modSocialbar .box {
    overflow: visible
}

.modSocialbar .print a {
    width: 82px;
    padding-left: 8px;
    padding-right: 0
}

.modSocialbar .send a {
    width: 74px;
    padding-left: 8px;
    padding-right: 0
}

.modSocialbar .likeCon {
    float: left;
    width: 336px;
    position: relative;
    background: #396192;
    margin: 0 0 2px 0
}

.modSocialbar .likeCon .fr {
    float: left;
    width: 120px;
    position: relative;
    margin: 8px 8px 0 0
}

.modSocialbar .likeCon .iframefb {
    width: 135px;
    height: 22px;
    margin: 5px 8px 0 8px
}

.modSocialbar .likeCon .iframetw {
    width: 95px;
    height: 20px
}

.modSocialbar .likeCon .iframegp {
    float: left;
    width: 70px;
    margin: 8px 0 0 0;
    height: 24px
}

.modSocialbar .likeCon .iframegp div, .modSocialbar .likeCon .iframegp iframe {
    width: 70px !important
}

.modSocialbar .agreeCon {
    float: left;
    position: relative
}

.modSocialbar .like {
    float: left;
    padding: 0;
    width: 336px;
    margin-bottom: 0
}

.modSocialbar .like a, .modSocialbar .share a {
    float: left;
    background: 0
}

.modSocialbar .agreement {
    background-color: #e1e7f2;
    position: absolute;
    top: 36px;
    width: 326px;
    z-index: 5000;
    padding: 8px 5px 8px 5px
}

.modSocialbar .agreement .text {
    font-size: .85em;
    line-height: 140%
}

.modSocialbar .agree {
    margin-top: 8px;
    float: right
}

.modSocialbar .agreement strong {
    font-size: 1.2em;
    width: 100%;
    float: left;
    display: block;
    margin: 2px 0 4px 0
}

.modSocialbar .likes {
    float: left;
    margin: 0
}

.modSocialbar .likes > * {
    float: left
}

.modSocialbar .shareCon {
    float: left;
    position: relative
}

.modSocialbar .share {
    position: static;
    float: left;
    width: 130px
}

.modSocialbar .shares {
    background-color: #e1e7f2;
    padding: 5px;
    position: absolute;
    top: 36px;
    width: 120px;
    z-index: 5000
}

.modSocialbar .shares li:last-child {
    border-bottom: 0
}

.modSocialbar .shares li {
    border-bottom: 1px solid #6077a4;
    clear: left;
    float: left;
    font-size: .9em;
    margin: 0;
    padding: 0
}

.modSocialbar .like .fb, .modSocialbar .like .twitter, .modSocialbar .like .google {
    margin: 10px 12px 0 0;
    width: 18px;
    height: 16px;
    float: left
}

.modSocialbar .like .fb {
    margin-left: 10px;
    background: url('/pool/img/base/icon/bookmark_icons.png') no-repeat scroll 0 0 transparent
}

.modSocialbar .like .twitter {
    background: url('/pool/img/base/icon/bookmark_icons.png') no-repeat scroll 0 -50px transparent
}

.modSocialbar .like .google {
    background: url('/pool/img/base/icon/bookmark_icons.png') no-repeat scroll 0 -150px transparent
}

.modSocialbar .shares li a {
    display: block;
    float: left;
    padding: 4px 0 4px 26px;
    width: 92px
}

.modSocialbar .shares li:hover {
    background-color: #fff
}

.modSocialbar .shares .fb {
    background: url('/pool/img/base/icon/bookmark_icons.png') no-repeat scroll 4px 5px transparent
}

.modSocialbar .shares .twitter {
    background: url('/pool/img/base/icon/bookmark_icons.png') no-repeat scroll 4px -95px transparent
}

.modSocialbar .shares .google {
    background: url('/pool/img/base/icon/bookmark_icons.png') no-repeat scroll 4px -195px transparent
}

.modSocialbar .shares .del {
    background: url('/pool/img/base/icon/bookmark_icons.png') no-repeat scroll 4px -245px transparent
}

.modSocialbar .shares .wong {
    background: url('/pool/img/base/icon/bookmark_icons.png') no-repeat scroll 4px -295px transparent
}

.modSocialbar .collapseArrow {
    background-position: 0 -60px
}

.modSocialbar .hasArrow.collapsed .collapseArrow {
    background-position: 0 -40px
}

.sectionB .modSocialbar .print a {
    width: 147px
}

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

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

.sectionB .modSocialbar ul.shares {
    width: 152px
}

.sectionB .modSocialbar ul.shares li {
    width: 152px
}

.sectionB .modSocialbar .like {
    width: 476px
}

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

.modStage .modTicker .linklist, .modMini .modTicker .linklist {
    display: block
}

.modTicker .linklist ul.liveticker {
    clear: both;
    list-style-position: inside;
    margin: 0;
    position: relative
}

.modTicker .linklist ul.liveticker a {
    float: left;
    padding: 3px 0;
    width: 100%
}

.modTicker .linklist ul.liveticker li:hover {
    background: #e9ebef
}

.modTicker .linklist ul.liveticker li {
    float: left;
    margin: 0;
    width: 100%
}

.modTicker .linklist ul.liveticker li span.paarung {
    float: left;
    width: 75%
}

.modTicker .linklist ul.liveticker li span.paarung strong {
    font-weight: normal
}

.modTicker .linklist ul.liveticker li span.result {
    float: left;
    width: 25%;
    text-align: right
}

.modTicker .linklist ul.liveticker li span.result.live, .modTicker .linklist ul.liveticker li span.result.finished, .modTicker .linklist ul.liveticker li span.result span.halftime {
    letter-spacing: 1px
}

.modTicker .linklist ul.liveticker li span.result span.special {
    letter-spacing: 0
}

.modTicker .linklist ul.list.liveticker li span.result.live {
    color: #b40000
}

.modTicker .linklist ul.list.liveticker li .result strong {
    font-weight: bold
}

.modStage .modTicker h4.headline {
    width: 99%;
    margin-left: .5%
}

.modStage .modTicker .linklist {
    width: 100%
}

.modStage .modTicker .linklist ul.list {
    border: 0
}

.modStage .modTicker .linklist ul.liveticker li {
    width: 48%;
    margin: 0 1%
}

.modTicker .mediaCon {
    display: none
}

.modBroadcastList .boxCon {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1px solid #9da4b2;
    border-top: 1px solid #9da4b2
}

.modBroadcastList .boxCon.tvCon {
    overflow-x: visible;
    overflow-y: visible
}

.modBroadcastList .box {
    min-height: 80px
}

.modBroadcastList .teaser {
    padding-top: 6px
}

.mod.modBroadcastList .mediaCon {
    width: 50%;
    margin-top: 8px;
    margin-bottom: 0;
    background: #143b6b
}

.modBroadcastList .mediaCon .xxl {
    width: 100%
}

.modBroadcastList .mediaCon .xl {
    width: 100%
}

.modBroadcastList .mediaCon .l {
    width: 100%
}

.modBroadcastList .mediaCon .m {
    width: 100%
}

.modBroadcastList .mediaCon .s {
    width: 100%
}

.modBroadcastList .dachzeile {
    font-size: .9em;
    margin-bottom: 4px
}

.modBroadcastList h3.headline {
    font-size: 1.1em;
    width: 100%;
    margin: 1px 0 2px 0
}

.mod.modBroadcastList .teasertext {
    font-size: 1em;
    float: left;
    margin-bottom: 4px;
    line-height: 130%
}

.mod.modBroadcastList .linklist {
    width: 48%;
    float: right;
    margin: 8px 0 0 0
}

.modBroadcastList .linklist .list {
    border-top: 0
}

.modBroadcastList .linklist .list li {
    font-size: .9em;
    padding: 0
}

.modBroadcastList .linklist .list li a {
    color: #516384
}

.modBroadcastList .controls {
    background: #fff !important
}

.modBroadcastList .controls .labels .entries {
    padding: 6px 0
}

.modBroadcastList .controls.paging .labels .entry {
    letter-spacing: .75px;
    font-size: .9em
}

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

.modBroadcastList .controls.paging .labels .entry.passive {
    color: #467da4
}

.modBroadcastList .controls.paging .labels .entry a {
    padding: 6px 8px;
    display: block
}

.modBroadcastList .controls.paging .labels .entry.active, .modBroadcastList .controls.paging .labels .entry a:hover, .modBroadcastList .controls.paging .labels .entry a:active, .modBroadcastList .controls.paging .labels .entry a:focus {
    background: #dee8f4
}

.modBroadcastList .controls.paging .labels .entry.active a, .modBroadcastList .controls.paging .labels .entry.active a:hover, .modBroadcastList .controls.paging .labels .entry.active a:active, .modBroadcastList .controls.paging .labels .entry.active a:focus {
    padding: 0;
    background: #dee8f4
}

.modBroadcastList .controls .labels .entry.active a, .modBroadcastList .controls .labels .entry a:hover {
    background: #dee8f4;
    color: #001a4b
}

.modBroadcastList .show-and-hide {
    z-index: 1000;
    position: relative;
    width: 100%
}

.modBroadcastList .inputSuggest {
    display: none;
    height: 180px;
    overflow-y: scroll;
    position: absolute;
    background: #fff;
    left: 0;
    top: 1px;
    box-shadow: 0 4px 8px #000;
    width: 100%
}

.modBroadcastList .broadcastSwap {
    overflow: auto;
    height: 180px;
    width: 100%
}

.modBroadcastList .inputSuggest li a {
    padding: 5px 6px 5px 6px;
    display: block;
    border-bottom: 1px solid #9dadc7;
    background: #fff;
    line-height: 110%
}

.modBroadcastList .inputSuggest li a:hover {
    background: #e9ebef
}

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

.liveNow {
    background: #e61a25;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 1px 6px 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0
}

.modLinkList .box {
    padding-top: 0;
    padding-bottom: 0
}

.modLinkList .mediaCon {
    display: none
}

.modLinkList .dachzeile {
    display: none
}

.modLinkList .headline {
    border-top: 1px solid #9dadc7;
    font-size: inherit !important;
    font-weight: normal !important;
    float: left !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 4px 0 !important
}

.modLinkList .headline a {
    float: left;
    width: 100%
}

.modLinkList .headline:hover {
    background: #e9ebef
}

.modLinkList .headline a strong {
    font-weight: normal
}

.modLinkList .teasertext {
    display: none
}

.modLinkList .linklist {
    display: none
}

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

.section .modCon.modConProgramm .box {
    padding: 0;
    width: 100%
}

.modConProgramm .controls {
    clear: both;
    float: left;
    width: 100%
}

.modConProgramm .mod .controls .entry {
    width: auto
}

.modConProgramm .box .collapseArrow {
    margin-right: 10px;
    margin-top: 10px
}

.modConProgramm .box .collapseArrow {
    background-position: 0 -60px
}

.modConProgramm .box .entries .collapseArrow {
    background-position: 0 -20px
}

.modConProgramm .box .collapsed .collapseArrow {
    background-position: 0 -40px
}

.modConProgramm .box .entries .collapsed .collapseArrow {
    background-position: 0 0
}

.modConProgramm .modHead .box h3 {
    font-size: 1.25em
}

.modConProgramm .box h3 {
    margin: 0;
    padding: 8px 0;
    font-size: 1.25em;
    font-weight: normal;
    text-indent: 10%;
    text-transform: uppercase;
    width: 100%
}

.modConProgramm .box h3 a span.senderlogo {
    font-family: 'ThesisAntiqua', Georgia, serif;
    text-transform: none
}

.modConProgramm .box .entries {
    background: #fff;
    float: left;
    width: 100%
}

.modConProgramm .box .entries h3 {
    text-indent: 0;
    float: left;
    font-size: 1em;
    text-transform: none
}

.modConProgramm .box .entries h3 span.date {
    float: left;
    width: 10%;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    font-size: 1em;
    line-height: 110%
}

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

.modConProgramm .box .entries h3 span.dachzeile {
    margin: 0;
    font-weight: normal
}

.modConProgramm .box .entries h3 span.titel {
    float: left;
    font-weight: bold;
    font-size: 1.12em
}

.modConProgramm .box .entries h3 span.subtitel {
    clear: both;
    font-weight: normal;
    font-size: .85em;
    display: block;
    padding-top: 6px
}

.modConProgramm .box .entries h3 .fortschritt {
    display: none
}

.modConProgramm .box .entries .fortschritt {
    width: 100%;
    height: 6px;
    float: left
}

.modConProgramm .box .entries .fortschritt span {
    height: 6px;
    float: left
}

.modConProgramm .box .entries h3.collapsed .fortschritt {
    display: block;
    position: absolute;
    bottom: 0
}

.modConProgramm .entry {
    float: left;
    width: 100%
}

.modConProgramm .entry .metainfo {
    float: left;
    width: 10%;
    display: block;
    text-align: center
}

.modConProgramm .entry .metainfo a {
    display: block;
    white-space: wrap;
    margin-bottom: 10px
}

.modConProgramm .entry .metainfo img {
    float: left;
    display: block;
    margin: 0 0 2px 5px
}

.modConProgramm .mod .entry .teaser {
    width: 85%;
    padding-right: 5%;
    padding-bottom: 8px;
    float: right
}

.modConProgramm .mod .entry .teaser .mediaCon {
    width: 256px
}

.modConProgramm .mod .entry .teaser p.teasertext {
    float: none;
    width: auto
}

.modConProgramm .mod .entry .teaser.alignLeft .mediaCon {
    float: left;
    padding-right: 10px
}

.modConProgramm .mod .entry .teaser.alignRight .mediaCon {
    float: right
}

.modConProgramm .entry .modSocialbar .collapseArrow {
    background-position: 0 -60px
}

.modConProgramm .entry .modSocialbar .collapsed .collapseArrow {
    background-position: 0 -40px
}

.section .modCon.modConProgramm .box .teaserbox {
    float: right;
    width: 85%;
    padding: 0 5% 10px 0
}

.section .modCon.modConProgramm .box .teaserbox .teaser {
    padding: 8px;
    width: 266px;
    float: left
}

.section .modCon.modConProgramm .box .teaserbox .teaser .mediaCon {
    width: 100%
}

.section .modCon.modConProgramm .box .teaserbox .teaser h4 {
    clear: both;
    width: auto;
    float: none
}

.section .modCon.modConProgramm .box .teaserbox .teaser .dachzeile {
    width: auto;
    float: none
}

.modConProgramm .tv-sender li {
    clear: both;
    width: 100%;
    font-family: 'ThesisAntiqua', Georgia, serif;
    text-transform: none;
    text-indent: 14.5%;
    line-height: 150%;
    float: left
}

.modConProgramm .tv-sender li a {
    color: #fff
}

.modConProgramm .tv-sender li.active a {
    color: #5183b1
}

.modConProgramm .tv-sender li a + a {
    padding: 0 0 0 30px
}

.section .modCon.modConProgramm .boxCon {
    background: #fff
}

.modCon.modConProgramm .controls {
    border-bottom: 1px solid #fff;
    background: #d0c9c4
}

.modConProgramm .mod .controls .entry.active a {
    color: #001a4b
}

.section .modCon.modConProgramm .box.hinweis h3 {
    background: #e1e7f2
}

.modConProgramm .box {
    background: #e1e7f2;
    border-bottom: 1px solid #fff
}

.modConProgramm .box h3, .modConProgramm .box h3 + .entries, .modConProgramm .box .entries h3 + .entries {
    background: #396192
}

.modConProgramm .box h3 a {
    color: #fff
}

.modConProgramm .box h3.collapsed, .modConProgramm .box.calender .controls {
    background-image: -webkit-linear-gradient(#396192 0, #12305c 100%);
    background-image: -moz-linear-gradient(#396192 0, #12305c 100%);
    background-image: -o-linear-gradient(#396192 0, #12305c 100%);
    background-image: linear-gradient(#396192 0, #12305c 100%)
}

.modConProgramm .box h3.collapsed a {
    color: #fff
}

.modConProgramm .box .entries, .modConProgramm .box .entries h3 + .entry {
    background: #fff;
    color: #001a4b
}

.modConProgramm .box .entries h3 {
    background: #fff;
    border-top: 1px solid #e1e7f2
}

.modConProgramm .box .entries h3 a {
    color: #001a4b
}

.modConProgramm .box .entries h3.collapsed {
    background: #e1e7f2;
    border-top: 1px solid #fff
}

.section .modCon.modConProgramm .box .teaserbox .teaser {
    background: #e1e7f2;
    margin-bottom: 2px
}

.section .modCon.modConProgramm .box .teaserbox .teaser a {
    color: #001a4b
}

.modConProgramm .box.calender h3 a {
    color: #fff
}

.modConProgramm .entry .metainfo, .modConProgramm .entry .metainfo a {
    color: #001a4b
}

.modConProgramm .box .entries .fortschritt {
    background: #f0f2f6
}

.modConProgramm .box .entries .fortschritt span {
    background: #e60026
}

#search_suggest_container {
    display: block;
    position: absolute;
    top: 48px;
    right: 0;
    padding-bottom: 10px;
    height: auto;
    z-index: 100
}

#w_search_suggest_container {
    display: block;
    position: absolute;
    top: 46px;
    left: 262px;
    padding-bottom: 10px;
    height: auto;
    z-index: 100
}

#search_suggest, #w_search_suggest {
    background: #fff;
    width: 380px;
    padding: 8px;
    float: left;
    -webkit-box-shadow: 0 2px 10px #000;
    -moz-box-shadow: 0 2px 10px #000;
    box-shadow: 0 2px 10px #000
}

div.shadow-fix {
    float: left;
    height: 20px;
    position: relative;
    width: 100%
}

#w_search_suggest {
    width: 512px;
    padding: 8px;
    position: relative
}

#search_suggest p, #w_search_suggest p {
    color: #000;
    display: block;
    margin: 6px 0 6px 0;
    font-family: ThesisSerif, Georgia, Serif;
    font-size: 1.2em
}

#search_suggest .hints, #w_search_suggest .hints {
    margin: 0 0 16px 0
}

#search_suggest .hints ul, #w_search_suggest .hints ul {
    border-top: 1px solid #516384;
    clear: both;
    width: 100%
}

#search_suggest .hints ul li, #w_search_suggest .hints ul li {
    border-bottom: 1px solid #516384
}

#search_suggest .hints ul li a, #w_search_suggest .hints ul li a {
    display: block;
    padding: 6px 0;
    cursor: pointer;
    color: #001a4b
}

#search_suggest .hints ul li a:hover, #w_search_suggest .hints ul li a:hover {
    background: #e9ebef
}

#search_suggest .topresults ul, #w_search_suggest .topresults ul {
    width: 100%;
    border-top: 1px solid #516384;
    float: left;
    clear: both
}

#search_suggest .topresults ul li, #w_search_suggest .topresults ul li {
    width: 100%;
    clear: both;
    border-bottom: 1px solid #516384;
    padding: 6px 0 6px 0;
    float: left
}

#search_suggest .topresults ul li a {
    color: #001a4b
}

#search_suggest .topresults ul li:last-child, #w_search_suggest .topresults ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

#search_suggest .topresults ul li span.topResultimgHolder, #w_search_suggest .topresults ul li span.topResultimgHolder {
    min-width: 40%;
    float: left;
    margin: 0 8px 0 0;
    position: relative;
    background: #e9ebef;
    background: -moz-linear-gradient(top, #e9ebef 0, #b0c5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9ebef), color-stop(100%, #b0c5e5));
    background: -webkit-linear-gradient(top, #e9ebef 0, #b0c5e5 100%);
    background: -o-linear-gradient(top, #e9ebef 0, #b0c5e5 100%);
    background: -ms-linear-gradient(top, #e9ebef 0, #b0c5e5 100%);
    background: linear-gradient(to bottom, #e9ebef 0, #b0c5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9ebef', endColorstr='#b0c5e5', GradientType=0)
}

#search_suggest .topresults ul li span.topResultimgHolder img, #w_search_suggest .topresults ul li span.topResultimgHolder img {
    width: auto;
    float: right
}

#w_search_suggest .topresults ul li span.topResultimgHolder img.icon, #search_suggest .topresults ul li span.topResultimgHolder img.icon {
    bottom: 0;
    float: none;
    height: auto;
    left: 0;
    position: absolute;
    width: 25%
}

#search_suggest .topresults ul li span.topResultimgHolder img {
    height: 86px
}

#w_search_suggest .topresults ul li span.topResultimgHolder img {
    height: 115px
}

#search_suggest .topresults ul li span.topResulttxtHolder, #w_search_suggest .topresults ul li span.topResulttxtHolder {
    line-height: 120%;
    font-size: .9em
}

#search_suggest .topresults ul li span.topResulttxtHolder .topResultTitle, #w_search_suggest .topresults ul li span.topResulttxtHolder .topResultTitle {
    display: block;
    font-weight: bold;
    min-height: 19px;
    line-height: 19px;
    max-height: 38px;
    overflow: hidden;
    width: auto;
    margin-bottom: 0
}

#search_suggest .topresults ul li span.topResulttxtHolder .topResultDescription, #w_search_suggest .topresults ul li span.topResulttxtHolder .topResultDescription {
    width: auto;
    display: block;
    height: 72px;
    overflow: hidden;
    line-height: 120%;
    margin-bottom: 0
}

#w_search_suggest .topresults ul li span.topResulttxtHolder .topResultDescription {
    height: 80px
}

.gsakeymatch .premiumResult, .gsakeymatch .premiumResult {
    background: none repeat scroll 0 0 #e1e7f2;
    float: left;
    padding: 0;
    width: 100%;
    margin: 0 0 8px 0
}

.con.gsakeymatch .box {
    padding-top: 0;
    padding-bottom: 0
}

.gsakeymatch .premiumResult a {
    color: #fff;
    display: block;
    float: none;
    letter-spacing: 1px;
    margin: 0;
    padding: 8px;
    text-transform: uppercase;
    text-align: center;
    background: #396192;
    background: -moz-linear-gradient(top, #396192 0, #12305c 101%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #396192), color-stop(100%, #12305c));
    background: -webkit-linear-gradient(top, #396192 0, #12305c 101%);
    background: -o-linear-gradient(top, #396192 0, #12305c 101%);
    background: -ms-linear-gradient(top, #396192 0, #12305c 101%);
    background: linear-gradient(to bottom, #396192 0, #12305c 101%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#396192', endColorstr='#12305c', GradientType=0)
}

.gsakeymatch .premiumResult .premiumResultUrl {
    display: none
}

.gsakeymatch .premiumResult a:hover {
    background: none repeat scroll 0 0 #001a4b;
    filter: none
}

.gsakeymatch .premiumResult .premiumResultTitle, .gsakeymatch .premiumResult .premiumResultTitle {
    display: block
}

.gsakeymatch .premiumResult .premiumResultTitle {
    font-size: 1.25em;
    font-weight: normal;
    line-height: 130%;
    margin: 0
}

.con.gsaonebox .mod.gsa .media.mediaA, .con.gsaresult .media.mediaA {
    background: #e9ebef;
    background: -moz-linear-gradient(top, #e9ebef 0, #b0c5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9ebef), color-stop(100%, #b0c5e5));
    background: -webkit-linear-gradient(top, #e9ebef 0, #b0c5e5 100%);
    background: -o-linear-gradient(top, #e9ebef 0, #b0c5e5 100%);
    background: -ms-linear-gradient(top, #e9ebef 0, #b0c5e5 100%);
    background: linear-gradient(to bottom, #e9ebef 0, #b0c5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9ebef', endColorstr='#b0c5e5', GradientType=0)
}

.con.gsaonebox .mod.gsa .media.mediaA img.img {
    height: 131px;
    float: right;
    width: auto
}

.con.gsaresult .modList .linklist .list li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.con.gsaresult .mediaCon .media {
    min-height: 138px
}

.con.gsaresult .mediaCon {
    margin-top: 0
}

.con.gsaresult .media.mediaA img.img {
    height: 138px;
    float: right;
    width: auto
}

.con.gsaonebox, .con.gsakeymatch, .con.gsaotop, .con.gsaonebox, .con.gsaresult {
    margin-top: 10px
}

.noResult p {
    font-size: 1.25em;
    text-align: center;
    padding: 2em 5em;
    border: 2px solid #e9ebef;
    margin: 1em 10% 2em 10%;
    width: auto
}

.noResult h4 {
    margin-left: 20px;
    font-size: 1.25em
}

.noResult ul {
    list-style-type: square;
    margin: .5em 0 1em 0
}

.noResult ul li {
    margin: 1px 0 0 20px;
    padding: 2px 0 3px 3px
}

.modSharing .shareCon {
    padding: 10px 5%
}

.modSharing .clearfix:after {
    content: ""
}

.sectionA .modSharing .shareCon {
    padding: 8px
}

.sectionA .modSharing .shareCon ul.shares {
    margin-bottom: 0
}

.sectionA .modSharing .fixedSharingContainer {
    margin-left: 0
}

.modSharing .shareCon .shares li {
    float: left;
    margin-right: 3px;
    background: #e9ebef
}

.modSharing .shareCon .shares li:hover {
    background: #fff
}

.modSharing .shareCon .shares li:last-child {
    margin-right: 0
}

.modSharing .shareCon .shares {
    display: inline-block;
    display: block;
    margin-bottom: 10px
}

.modSharing .shareCon .clear {
    float: none
}

.modSharing .fixedSharingContainer {
    position: fixed;
    top: -3px;
    display: none;
    z-index: 10000;
    background: #fff;
    padding: 0;
    height: 51px;
    box-shadow: 0 0 10px 0 #000;
    margin-left: -8px
}

.modSharing .fixedSharingContainer .shares {
    display: none
}

.modSharing .fixedSharingContainer li {
    float: left;
    margin: 3px 3px 0 0;
    background: #e9ebef
}

.modSharing .fixedSharingContainer li:hover {
    background: #fff
}

.modSharing .fixedSharingContainer .shares.isVisible {
    display: inline-block
}

.modSharing .fixedSharingContainer.isVisible {
    display: inline-block
}

.modSharing .toggleShare {
    float: left;
    cursor: pointer
}

.modSharing .toggleShare {
    padding: 3px
}

.modSharing .whatsapp {
    display: none
}

.modSharing .sharingText {
    display: inline-block;
    position: relative;
    top: -20px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.teaserShare {
    float: left;
    margin: 0
}

.modConStage .modStage .teaserShare {
    float: right;
    width: 49%;
    clear: none;
    margin-top: -8px
}

.modPremium .teaserShare {
    width: 49%;
    float: left;
    clear: none;
    position: absolute;
    bottom: 8px
}

.modConGallery .teaserShare, .modHeadline .teaserShare, .modConStage .modMini .teaserShare {
    display: none
}

.shareConTeaser li {
    float: left;
    background: none repeat scroll 0 0 #e9ebef;
    margin-right: 3px
}

.togglebg {
    background: none repeat scroll 0 0 #e9ebef;
    margin-right: 3px
}

.teaserShare {
    padding-bottom: 10px
}

.teaserShare a {
    float: left
}

.shareConTeaser {
    float: left;
    display: none
}

.shareConTeaser.isVisible {
    display: inline-block !important
}

.modSharingTeaser .whatsapp {
    display: none
}

#credits {
    padding: 0
}

#credits h3 {
    font-family: ThesisAntiqua, Georgia, serif;
    font-weight: normal;
    font-size: 1.5em;
    color: #516384;
    margin: 12px 0 12px 0
}

#credits .imgSrcHolder ul {
    margin: 10px 0
}

#credits .imgSrcHolder ul li {
    list-style-type: none;
    padding: 8px 0 8px 0;
    font-size: .9em;
    border-bottom: 1px solid #e9e9e9
}

.credits.clearfix {
    background: none repeat scroll 0 0 #fff;
    float: left;
    width: 100%
}

.credits.clearfix:after {
    content: ""
}

.btn.close {
    float: right;
    padding: 6px 8px;
    border: 0;
    margin: 0
}

.section.trauer {
    background: 0
}

.section.trauer .con, .section.trauer .mod {
    background: #000;
    color: #e9e9e9
}

body.wissen .sectionC.trauer, body.wissen .sectionZ.trauer {
    background: #333
}

.section.trauer .mod .box {
    background: #000;
    background: -moz-linear-gradient(top, #000 0, #333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #333));
    background: -webkit-linear-gradient(top, #000 0, #333 100%);
    background: -o-linear-gradient(top, #000 0, #333 100%);
    background: -ms-linear-gradient(top, #000 0, #333 100%);
    background: linear-gradient(to bottom, #000 0, #333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333', GradientType=0)
}

body.wissen .sectionC.trauer .modTeaserOny .box:hover {
    background: inherit;
    cursor: default;
    color: #fff
}

.section.trauer .mod .linklist .list li {
    border-bottom: #707070 1px solid
}

.section.trauer .mod .linklist .list {
    border-top: #707070 1px solid
}

.section.trauer .linklist .list li a {
    color: #fff
}

.section.trauer .linklist .list li a:hover {
    background: #262626;
    color: #fff
}

#content .section.trauer .modConStage .modMini .box, #content .modConStage.trauer .modMini .box {
    background: #2c2c2c
}

.section.trauer .conHeadline {
    color: #a3a3a3
}

.section.trauer .mod a {
    color: #e9e9e9
}

#content .section.trauer .modConStage .modMini .box.active, #content .section.trauer .modConStage .modMini .box:hover, #content .section.trauer .modMini .box:hover, #content .section.trauer .modCon .modTeaserOnly .box.active, #content .section.trauer .modCon .modTeaserOnly .box:hover, #content .section.trauer .modCon .modTeaserOnly .box.active, #content .section.trauer .modCon .modTeaserOnly .box:hover, body.kultur #content .section.trauer .modTeaseronly .box:hover {
    background: #000;
!important;
    cursor: pointer
}

.section.trauer .mod .controls {
    background: #000;
    border-top: 2px solid #5f5f5f
}

.section.trauer .mod .controls.sliding .prev.active {
    background: #000 url('/pool/img/base/icon/arrow_slider.png') no-repeat center -900px
}

.section.trauer .mod .controls.sliding .prev.active:hover {
    background: #494949 url('/pool/img/base/icon/arrow_slider.png') no-repeat center -900px
}

.section.trauer .mod .controls.sliding .next.active {
    background: #000 url('/pool/img/base/icon/arrow_slider.png') no-repeat center -800px
}

.section.trauer .mod .controls.sliding .next.active:hover {
    background: #494949 url('/pool/img/base/icon/arrow_slider.png') no-repeat center -800px
}

.section.trauer .mod .controls .labels .entry {
    background: #5f5f5f
}

.section.trauer .mod .controls .labels .entry.active, .section.trauer .mod .controls .labels .entry:hover {
    background: #fff
}

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

body.ard #content {
    background: 0
}

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

body.ard .ressort {
    padding: 3px 0;
    margin: 0 0 2px 0;
    color: #fff;
    background: #516384;
    text-indent: 8px
}

body.ard .ressort.nachrichten {
    background: #0074cd;
    color: #fff
}

body.ard .ressort.sport {
    background: #f60;
    color: #000
}

body.ard .ressort.boerse {
    background: #ffd33b;
    color: #001a4b
}

body.ard .ressort.boerse a {
    color: #001a4b
}

body.ard .ressort.ratgeber {
    background: #268798;
    color: #fff
}

body.ard .ressort.wissen {
    background: #561151;
    color: #fff
}

body.ard .ressort.kultur {
    background: #be2300;
    color: #fff
}

body.ard .ressort.kinder {
    background: #f50
}

body.ard .ressort.intern {
    background: #4f90e1;
    color: #001a4b
}

body.ard .ressort.fernsehen {
    background: #001a4b;
    color: #fff
}

body.ard .ressort.radio {
    background: #4f90e1;
    color: #001a4b
}

body.ard .ressort.mediathek {
    background: #001a4b;
    color: #fff
}

body.ard .modCon.modConStage .mod.modMini .ressort a:hover, body.ard .modCon.modConStage .mod.modMini .ressort a:active, body.ard .modCon.modConStage .mod.modMini .ressort a:focus {
    text-decoration: none
}

body.ard .modConStage .modStage .dachzeile {
    margin-top: 8px
}

body.ard .ressort a {
    color: #001a4b
}

body.ard .modMini .ressort {
    display: block
}

body.ard .modConStage .modMini .box {
    background-color: #dfe7f0;
    cursor: pointer
}

body.ard .modConStage .modMini .box.active {
    background: #c5cfdc;
    background: #fff
}

body.ard .modConStage .modMini .box, body.ard .modMini .box:hover, body.ard .modPicture .box:hover, body.ard .modTeaseronly .box:hover, body.ard .modConGallery .modPicture .box, body.ard .mod .controls {
    background: #e9ebef
}

body.ard .modConStage .modMini .box.active, body.ard .modConStage .modMini .box:hover, body.ard .modConGallery .modPicture .box.active, body.ard .modConGallery .modPicture .box:hover {
    background: #d1d5dc;
    cursor: pointer
}

body.ard .mod .controls {
    background: #d1d5dc
}

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

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

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

body.ard .conHeadline {
    font-family: ThesisAntiqua, Georgia, serif
}

body.ard .sectionZ, body.ard .sectionC {
    background: #fff
}

body.ard .modBroadcastList .box {
    min-height: 0
}

body.ard .modBroadcastList .boxCon {
    height: 200px
}

body.ard .modCon.serviceModulTV .modBroadcastList .boxCon, body.ard .modCon.serviceModulRadio .modBroadcastList .boxCon {
    height: 280px;
    overflow: inherit !important
}

body.ard .modList h3.headline {
    font-size: 1.2em;
    font-weight: bold
}

body.ard .modList .premiumResult, body.ard .modList .premiumResult {
    padding: 0;
    width: auto;
    margin: 20px 1%;
    float: left;
    background: #e1e7f2;
    width: 98%
}

body.ard .modList .premiumResult a {
    padding: 12px 8px;
    display: block;
    background: #e1e7f2
}

body.ard .modList .premiumResult a:hover {
    background: #dce1eb
}

body.ard .modList .premiumResult .premiumResultTitle, body.ard .modList .premiumResult .premiumResultTitle {
    display: block
}

body.ard .modList .premiumResult .premiumResultTitle {
    font-size: 1.5em;
    font-weight: normal;
    margin: 0 0 4px 0
}

body.ard .mod.wahl2013 .mediaCon {
    margin-bottom: 0
}

body.ard .sectionB {
    background: #fff
}

body.ard .mod.wahl2013 .mediaCon {
    margin-bottom: 0
}

body.ardmt {
    background: #4a93c8 url('/pool/img/ardmt/background/background-img.jpg') no-repeat top center fixed;
    background-size: 145%
}

body.ardmt #content {
    display: block
}

body.ratgeber {
    background: #268798 url('/pool/img/ratgeber/background/base_l.jpg') no-repeat top center fixed
}

body.ratgeber #content {
    background: 0
}

body.ratgeber .conHeadline {
    color: #268798
}

body.ratgeber .mod .linklist .list li {
    border-bottom: 1px solid #92c3cb
}

body.ratgeber .mod .linklist .list {
    border-top: 1px solid #92c3cb
}

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

body.ratgeber .modConStage .modMini .box.active, body.ratgeber .modConStage .modMini .box:hover, body.ratgeber .modConGallery .modPicture .box.active, body.ratgeber .modConGallery .modPicture .box:hover {
    background: #d1d5dc;
    background: #c3dce0;
    cursor: pointer
}

body.ratgeber .mod .controls {
    background: #d1d5dc
}

body.ratgeber #content {
    background: 0
}

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

body.ratgeber .mod .headline {
    font-weight: bold
}

body.ratgeber .mod .headline {
    font-weight: bold
}

body.ratgeber .conHeadline {
    font-family: ThesisAntiqua, Georgia, serif
}

body.ratgeber .sectionZ, body.ratgeber .sectionC {
    background: #fff
}

body.ratgeber .modBroadcastList .box {
    min-height: 0
}

body.ratgeber .modBroadcastList .boxCon {
    height: 200px
}

body.ratgeber #content .box.viewB.ostern2015 .teaser h4.headline a {
    color: #55483c
}

body.ratgeber #content .box.viewB.ostern2015 .teaser p.teasertext a {
    color: #736455
}

body.radio {
    background: #1f81b7 url('/pool/img/radio/background/base_l.jpg') no-repeat top center fixed
}

body.radio #content {
    background: 0
}

body.radio .conHeadline {
    color: #1f81b7
}

body.radio .mod .linklist .list li {
    border-bottom: 1px solid #8fc0db
}

body.radio .mod .linklist .list {
    border-top: 1px solid #8fc0db
}

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

body.radio .modConStage .modMini .box.active, body.radio .modConStage .modMini .box:hover, body.radio .modConGallery .modPicture .box.active, body.radio .modConGallery .modPicture .box:hover {
    background: #bed7e4;
    cursor: pointer
}

body.radio .mod .controls {
    background: #d9e6ee;
    background: #e9ebef
}

body.radio #content {
    background: 0
}

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

body.radio .mod .headline {
    font-weight: bold
}

body.radio .mod .headline {
    font-weight: bold
}

body.radio .conHeadline {
    font-family: ThesisAntiqua, Georgia, serif
}

body.radio .sectionB, body.radio .sectionZ, body.radio .sectionC {
    background: #fff
}

body.radio .modBroadcastList .box {
    min-height: 0
}

body.radio .modBroadcastList .boxCon {
    height: 200px
}

body.radio .con.weihnachten .conHeadline, body.radio .con.weihnachten h4.headline a {
    color: #5c3e04
}

body.radio .con.nacht {
    background: #001a4b
}

body.radio .con.nacht h2.conHeadline {
    color: #bacde9
}

body.radio .con.nacht h4.headline a, body.radio .con.nacht h4.headline {
    color: #bbd3ef
}

body.radio .con.nacht .box:hover {
    background: #1a3972
}

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

body.intern #content {
    background: 0
}

body.intern .modConStage .modMini .box.active {
    background: #c5cfdc;
    background: #fff
}

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

body.intern .modConStage .modMini .box.active, body.intern .modConStage .modMini .box:hover, body.intern .modConGallery .modPicture .box.active, body.intern .modConGallery .modPicture .box:hover {
    background: #c3d6e4;
    cursor: pointer
}

body.intern .mod .controls {
    background: #d1d5dc;
    background: #d0c9c4
}

body.intern .modGallery .controls {
    background: transparent
}

body.intern .mod .headline {
    font-weight: bold
}

body.intern .mod .headline {
    font-weight: bold
}

body.intern .conHeadline {
    font-family: ThesisAntiqua, Georgia, serif
}

body.intern .sectionZ, body.intern .sectionC {
    background: #fff
}

body.intern .modBroadcastList .box {
    min-height: 0
}

body.intern .modBroadcastList .boxCon {
    height: 200px
}

body.intern .con .modMini h3.ressort, body.intern .con h3.ressort {
    display: none
}

.registerentrysum {
    padding: 0 8px 8px 8px;
    font-size: 1.25em;
    text-align: right;
    color: #516384
}

.diagrammholder, .data, .logo, .diagramm, .legende {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.diagrammholder {
    margin: 0 auto;
    height: auto;
    position: relative;
    overflow: hidden;
    width: 644px
}

.diagrammholder .data {
    display: block;
    height: auto;
    left: 0;
    width: 644px;
    overflow: hidden;
    top: 0
}

.diagrammholder .data .diagramm {
    display: block;
    height: auto;
    width: 644px
}

.diagrammholder .legende {
    background: #d1deed;
    display: block;
    float: left;
    height: auto;
    padding: 0;
    width: 644px
}

.diagrammholder .legende ul, .diagrammholder .legende li {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.diagrammholder .legende li .logo {
    box-sizing: border-box;
    margin: 0 8% 1% 9%;
    padding: 0;
    float: left
}

.diagrammholder .legende li .logo-acht {
    margin: 0 4% 1% 5%;
    padding: 0;
    float: left
}

.diagrammholder .legende li .logo-sechs {
    margin: 0 4% 1% 5%;
    padding: 0;
    float: left
}

body.kinder {
    background-image: url('/pool/img/kinder/background/base.jpg');
    background-position: 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover
}

body.kinder #content {
    background: 0
}

body.kinder .con {
    background: 0
}

body.kinder .modCon {
    background-image: url('/pool/img/kinder/background/trans_bg.png')
}

body.kinder .modConStage .modMini {
    background: 0
}

body.kinder .modConStage .modMini .box {
    background: 0
}

body.kinder .modMini .box.active, body.kinder .modMini .box:hover {
    background: #ca5004
}

body.kinder .modMini .box.active a, body.kinder .modMini .box:hover, body.kinder .modMini .box:hover a {
    color: #fff
}

body.kinder .mod .controls {
    background: #ffae00
}

body.kinder .mod .linklist .list li {
    border-bottom: 1px solid #fff
}

body.kinder .mod .linklist .list {
    border-top: 1px solid #fff
}

body.kinder .mod .linklist .list li a:hover {
    background: #ffd400
}

body.kinder .modConStage .modMini .ressort {
    display: block
}

body.kinder .button, body.kinder .button a, body.kinder .mod .controls.buttonfield a, body.kinder .mod .controls .labels .entry.active {
    background: #ee6300;
    background: -moz-linear-gradient(top, #ee6300 0, #c65404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee6300), color-stop(100%, #c65404));
    background: -webkit-linear-gradient(top, #ee6300 0, #c65404 100%);
    background: -o-linear-gradient(top, #ee6300 0, #c65404 100%);
    background: -ms-linear-gradient(top, #ee6300 0, #c65404 100%);
    background: linear-gradient(to bottom, #ee6300 0, #c65404 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee6300', endColorstr='#c65404', GradientType=0)
}

body.kinder .mod .controls .labels .entry {
    background: #fff
}

body.kinder .mod .controls.sliding .prev.active {
    background: url('/pool/img/kinder/icon/arrow_slider.png') no-repeat center -100px
}

body.kinder .mod .controls.sliding .prev.active:hover {
    background: url('/pool/img/kinder/icon/arrow_slider.png') no-repeat center -300px
}

body.kinder .mod .controls.sliding .next.active {
    background: url('/pool/img/kinder/icon/arrow_slider.png') no-repeat center 0
}

body.kinder .mod .controls.sliding .next.active:hover {
    background: url('/pool/img/kinder/icon/arrow_slider.png') no-repeat center -200px
}

body.kinder .modBroadcastList .box {
    min-height: 0
}

body.kinder .modBroadcastList .boxCon {
    height: 240px
}

body.kinder .breadcrumb ul li a, body.kinder .poweruser span {
    color: #001a4b
}

body.kinder .breadcrumb ul li {
    background: url('/pool/img/kinder/icon/arrow_breadcrumb.png') no-repeat scroll 0 -100px
}

body.wissen {
    background: #561151 url('/pool/img/wissen/background/base_l.jpg') no-repeat top center fixed
}

body.wissen.wk1 {
    background: #000 url('/image/1161992/16x9/4788582207757892640/1408') no-repeat top center fixed;
    background-size: cover
}

body.wissen.mauerfall {
    background: #000 url('/image/1354964/16x9/4788613773870200702/1024') no-repeat top center fixed;
    background-size: cover
}

body.wissen #content {
    background: 0
}

body.wissen .conHeadline {
    color: #561151
}

body.wissen .mod .linklist .list li {
    border-bottom: 1px solid #aa88a8
}

body.wissen .mod .linklist .list {
    border-top: 1px solid #aa88a8
}

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

body.wissen .modConStage .modMini .box.active, body.wissen .modConStage .modMini .box:hover, body.wissen .modConGallery .modPicture .box.active, body.wissen .modConGallery .modPicture .box:hover {
    background: #d1d5dc;
    background: #decedd;
    cursor: pointer
}

body.wissen .mod .controls {
    background: #d1d5dc
}

body.wissen .mod .headline {
    font-weight: bold
}

body.wissen .mod .headline {
    font-weight: bold
}

body.wissen .conHeadline {
    font-family: ThesisAntiqua, Georgia, serif
}

body.wissen .sectionB, body.wissen .sectionZ, body.wissen .sectionC {
    background: #fff
}

body.wissen .modBroadcastList .box {
    min-height: 0
}

body.wissen .modBroadcastList .boxCon {
    height: 200px
}

body.wissen.mauerfall {
    background: #000 url('/image/1388410/16x9/4788618719998032062/1024') no-repeat top center fixed;
    background-size: cover
}

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

body.kultur #content {
    background: 0
}

body.kultur .conHeadline {
    color: #be2300
}

body.kultur .mod .linklist .list li {
    border-bottom: 1px solid #d0908f
}

body.kultur .mod .linklist .list {
    border-top: 1px solid #d0908f
}

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

body.kultur .modConStage .modMini .box.active, body.kultur .modConStage .modMini .box:hover, body.kultur .modConGallery .modPicture .box.active, body.kultur .modConGallery .modPicture .box:hover {
    background: #d1d5dc;
    cursor: pointer
}

body.kultur .mod .controls {
    background: #d1d5dc
}

body.kultur .modGallery .controls {
    background: transparent
}

body.kultur .mod .headline {
    font-weight: bold
}

body.kultur .mod .headline {
    font-weight: bold
}

body.kultur .conHeadline {
    font-family: ThesisAntiqua, Georgia, serif
}

body.kultur .sectionZ, body.kultur .sectionC {
    background: #fff
}

body.kultur .modBroadcastList .box {
    min-height: 0
}

body.kultur .modBroadcastList .boxCon {
    height: 200px
}

body.kultur.weihnachten2014 {
    background: url("/image/1462100/2x3/4788629376121646765/1024") no-repeat center center fixed #83476a;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

body.kultur.weihnachten2014 .con {
    background: 0
}

body.kultur.weihnachten2014 .con .boxCon {
    background: rgba(255, 255, 255, 0.7)
}

body.kultur.weihnachten2014 .modConStage .modMini .box, body.kultur.weihnachten2014 .modConGallery .modPicture .box, body.kultur.weihnachten2014 .mod .controlsbody.kultur .modConStage .modMini .box, body.kultur.weihnachten2014 .modConGallery .modPicture .box, body.kultur.weihnachten2014 .mod .controls {
    background: 0
}

body.kultur.weihnachten2014 .conHeadline {
    color: #fff
}

body.kultur.weihnachten2014 .con .mod .controls.sliding .next.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center -800px
}

body.kultur.weihnachten2014 .con .mod .controls.sliding .labels .entry.active {
    padding: 0;
    background: #5f395b
}

body.kultur.weihnachten2014 .con .mod .controls.sliding .prev.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center -900px
}

body.kultur.weihnachten2014 .mod .linklist .list li a:hover, .mod .linklist .list li a:focus, .mod .linklist .list li a:active {
    background: none repeat scroll 0 0 #fff
}

body.kultur.weihnachten2014 .con .modCon .box.active, body.kultur.weihnachten2014 .con .modCon .box:hover {
    background: #fff
}

body.kultur.weihnachten2014 .con .modCon .mod.modA.modPremium .box.active, body.kultur.weihnachten2014 .con .modCon .mod.modA.modPremium .box:hover {
    background: 0
}

body.kultur.weihnachten2014 .mod .headline {
    color: #24324c
}

body.kultur.weihnachten2014 .con .modCon .mod.modA.modPremium .teasertext {
    color: #24324c
}

body.radio.radiotatort {
    background: #a2131c url('/image/193698/16x9/3/1600');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed
}

body.radio.radiotatort #header .masternavi {
    background-color: #001a4b;
    background-image: none
}

body.radio.radiotatort #header .sectionA, body.radio.radiotatort #footer .sectionA {
    background: 0
}

body.radio.radiotatort .con h3.ressort {
    display: none !important
}

body.radio.radiotatort .sectionA .con {
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
    background: #000
}

body.radio.article.radiotatort .sectionArticle .con, body.radio.article.radiotatort .sectionArticle .con .modCon .modA .box:hover {
    background: #fff;
    color: #000
}

body.radio.article.radiotatort .section.sectionArticle {
    background: #fff
}

body.radio.radiotatort .sectionA .con.bannerlogo {
    background: 0
}

body.radio.radiotatort .sectionB, body.radio.radiotatort .sectionC, body.radio.radiotatort .sectionZ {
    background-color: #000;
    background: rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 1)
}

body.radio.radiotatort .sectionB .con, body.radio.radiotatort .sectionZ .con, body.radio.radiotatort .sectionC .con {
    background: 0
}

body.radio.radiotatort .con a, body.radio.radiotatort .con {
    color: #fff
}

body.radio.radiotatort .con .modParagraph {
    color: #000
}

body.radio.radiotatort .con .modParagraph a, body.radio.radiotatort .con .modParagraph a:hover, body.radio.radiotatort .con .modCon .modParagraph.modA .box:hover a {
    color: #001a4b
}

body.radio.radiotatort .con #content {
    background: 0
}

body.radio.radiotatort .con .conHeadline {
    color: #fff
}

body.radio.radiotatort .mod .controls.sliding .next, body.radio.radiotatort .mod .controls.sliding .prev {
    cursor: default
}

body.radio.radiotatort .mod .controls.sliding .next.active {
    background-position: 0 -800px;
    cursor: pointer
}

body.radio.radiotatort .mod .controls.sliding .labels .entry {
    background: #000;
    filter: none
}

body.radio.radiotatort .mod .controls.sliding .labels .entry.active {
    background: #fff
}

body.radio.radiotatort .mod .controls.sliding .next.active:hover, body.radio.radiotatort .mod .controls.sliding .prev.active:hover {
    background-color: #891212;
    background-color: #4e4e4e
}

body.radio.radiotatort .mod .controls.sliding .prev.active {
    background-position: 0 -900px;
    cursor: pointer
}

body.radio.radiotatort .con .mod .linklist .list, body.radio.radiotatort .con .mod .linklist .list li, body.radio.radiotatort .linklist .list, body.radio.radiotatort .linklist .list li {
    border-color: #6b6b6b
}

body.radio.radiotatort .con .modCon .mod .box {
    background: 0
}

body.radio.radiotatort .con .modCon .mod .box:hover, body.radio.radiotatort .con .modCon .mod .box.active {
    background: #f5f5f5;
    color: #000
}

body.radio.radiotatort .con .modCon .mod .box:hover a, body.radio.radiotatort .con .modCon .mod .box.active a {
    color: #000
}

body.radio.radiotatort .con .modCon .mod.modPicture .box:hover, body.radio.radiotatort .con .modCon .modA .box:hover, body.radio.radiotatort .con .modCon .modA .box.active, body.radio.radiotatort .con .modCon .modA .mod.modPicture .box:hover a, body.radio.radiotatort .con .modCon .modA .box:hover a, body.radio.radiotatort .con .modCon .modA .box.active a {
    background: 0;
    color: #fff
}

body.radio.radiotatort .con .mod .controls {
    background: #3b3b3b;
    border-color: #000
}

body.radio.radiotatort .con .modSocialbar .agreement .text, body.radio.radiotatort .con .modSocialbar ul.shares li a, body.radio.radiotatort .con .modSocialbar ul.shares li a:hover {
    color: #000 !important
}

body.radio.radiotatort .con .modSocialbar {
    background: 0
}

body.radio.radiotatort .con .modParagraph .infokasten a, body.radio.radiotatort .con .modParagraph .infokasten a:hover, body.radio.radiotatort .con .modParagraph .infokasten {
    color: #000 !important
}

body.radio.radiotatort {
    background: #a2131c url('/image/193698/16x9/3/1600');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed
}

body.radio.radiotatort #header .masternavi {
    background-color: #001a4b;
    background-image: none
}

body.radio.radiotatort #header .sectionA, body.radio.radiotatort #footer .sectionA {
    background: 0
}

body.radio.radiotatort .con h3.ressort {
    display: none !important
}

body.radio.radiotatort .sectionA .con {
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
    background: #000
}

body.radio.article.radiotatort .sectionArticle .con, body.radio.article.radiotatort .sectionArticle .con .modCon .modA .box:hover {
    background: #fff;
    color: #000
}

body.radio.article.radiotatort .section.sectionArticle {
    background: #fff
}

body.radio.radiotatort .sectionA .con.bannerlogo {
    background: 0
}

body.radio.radiotatort .sectionB, body.radio.radiotatort .sectionC, body.radio.radiotatort .sectionZ {
    background-color: #000;
    background: rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 1)
}

body.radio.radiotatort .sectionB .con, body.radio.radiotatort .sectionZ .con, body.radio.radiotatort .sectionC .con {
    background: 0
}

body.radio.radiotatort .con a, body.radio.radiotatort .con {
    color: #fff
}

body.radio.radiotatort .con .modParagraph {
    color: #000
}

body.radio.radiotatort .con .modParagraph a, body.radio.radiotatort .con .modParagraph a:hover, body.radio.radiotatort .con .modCon .modParagraph .modA .box:hover a {
    color: #001a4b
}

body.radio.radiotatort .con #content {
    background: 0
}

body.radio.radiotatort .con .conHeadline {
    color: #fff
}

body.radio.radiotatort .mod .controls.sliding .next, body.radio.radiotatort .mod .controls.sliding .prev {
    cursor: default
}

body.radio.radiotatort .mod .controls.sliding .next.active {
    background-position: 0 -800px;
    cursor: pointer
}

body.radio.radiotatort .mod .controls.sliding .labels .entry {
    background: #000;
    filter: none
}

body.radio.radiotatort .mod .controls.sliding .labels .entry.active {
    background: #fff
}

body.radio.radiotatort .mod .controls.sliding .next.active:hover, body.radio.radiotatort .mod .controls.sliding .prev.active:hover {
    background-color: #891212;
    background-color: #4e4e4e
}

body.radio.radiotatort .mod .controls.sliding .prev.active {
    background-position: 0 -900px;
    cursor: pointer
}

body.radio.radiotatort .con .mod .linklist .list, body.radio.radiotatort .con .mod .linklist .list li, body.radio.radiotatort .linklist .list, body.radio.radiotatort .linklist .list li {
    border-color: #6b6b6b
}

body.radio.radiotatort .con .linklist .list li a:hover, body.radio.radiotatort .con .linklist .list li a:focus, body.radio.radiotatort .con .linklist .list li a:active {
    background: #3b3b3b
}

body.radio.radiotatort .con .modCon .mod .box {
    background: 0
}

body.radio.radiotatort .con .modCon .mod .box:hover, body.radio.radiotatort .con .modCon .mod .box.active {
    background: #f5f5f5;
    color: #000
}

body.radio.radiotatort .con .modCon .mod .box:hover a, body.radio.radiotatort .con .modCon .mod .box.active a {
    color: #000
}

body.radio.radiotatort .con .modCon .mod.modPicture .box:hover, body.radio.radiotatort .con .modCon .modA .box:hover, body.radio.radiotatort .con .modCon .modA .box.active, body.radio.radiotatort .con .modCon .modA .mod.modPicture .box:hover a, body.radio.radiotatort .con .modCon .modA .box:hover a, body.radio.radiotatort .con .modCon .modA .box.active a {
    background: 0;
    color: #fff
}

body.radio.radiotatort .con .mod .controls {
    background: #3b3b3b;
    border-color: #000
}

body.radio.radiotatort .con .modSocialbar .agreement .text, body.radio.radiotatort .con .modSocialbar ul.shares li a, body.radio.radiotatort .con .modSocialbar ul.shares li a:hover {
    color: #000 !important
}

body.radio.radiotatort .con .modSocialbar {
    background: 0
}

body.radio.radiotatort .con .modParagraph .infokasten a, body.radio.radiotatort .con .modParagraph .infokasten a:hover, body.radio.radiotatort .con .modParagraph .infokasten {
    color: #000 !important
}

body.radio.radiotatort iframe.iframe.iframe {
    height: 439px
}

body.rf2014 .mod .linklist .list {
    border-top: 1px solid #8fc0db
}

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

body.rf2014 .sectionA.rfshadow {
    background: #fff;
    box-shadow: 0 0 5px #516384
}

body.rf2014 .con {
    background: rgba(255, 255, 255, 1);
    background: #fff
}

body.rf2014 #header .sectionA, body.rf2014 #footer .sectionA {
    background: 0;
    box-shadow: none
}

body.rf2014 .con h3.ressort {
    display: none !important
}

body.rf2014 .con {
    color: #000
}

body.rf2014 .mod .headline {
    font-weight: normal;
    font-family: ThesisAntiqua, Georgia, serif
}

body.rf2014 .poweruser {
    color: #516384
}

body.rf2014 .con .conHeadline {
    color: #808080
}

body.rf2014 .con .mod .linklist .list, body.rf2014 .con .mod .linklist .list li, body.rf2014 .con .linklist .list, body.rf2014 .con .linklist .list li {
    border-color: #c63066
}

body.rf2014 .con .modCon .mod .box {
    background: 0
}

body.rf2014 .con .modCon .mod .box:hover, body.rf2014 .con .modCon .mod .box.active {
    background: #e9e9e9;
    color: #000
}

body.rf2014 .con .modCon .mod .box:hover a, body.rf2014 .con .modCon .mod .box.active a {
    color: #000
}

body.rf2014 .con .modCon .modA .box:hover, body.rf2014 .con .modCon .modA .box.active, body.rf2014 .con .modCon .modA .box:hover a, body.rf2014 .con .modCon .modA .box.active a {
    background: 0
}

body.rf2014 .con .mod .controls {
    background: 0;
    border-color: #c9cacd
}

body.rf2014 .con .linklist .list li a:hover, body.rf2014 .con .linklist .list li a:focus, body.rf2014 .con .linklist .list li a:active, body.rf2014 .mod .controls.sliding .labels .entry {
    background: #d4d4d4
}

body.rf2014 .mod .controls.sliding .labels .entry.active {
    background: #c63066
}

body.rf2014 .mod .controls.sliding .next.active {
    background: url("/pool/img/base/icon/arrow_slider.png") no-repeat scroll center -800px #fff;
    background-color: #c63066
}

body.rf2014 .mod .controls.sliding .next.active:hover {
    background-color: #c63066;
    background-position: center -800px
}

body.rf2014 .mod .controls.sliding .prev.active:hover {
    background-color: #c63066;
    background-position: center -900px
}

body.rf2014 .mod .controls.sliding .prev.active {
    background: url("/pool/img/base/icon/arrow_slider.png") no-repeat scroll center -900px #fff;
    background-color: #c63066
}

body.rf2014 div.rf_logoleiste {
    width: 100%;
    margin: 1em 0 2em 0;
    float: left
}

body.rf2014 div.rf_logoleiste img {
    float: left;
    display: inline;
    margin: 0 20px 0 0
}

body.ard .con.rf2014, body.radio .con.rf2014 {
    color: #3c404b;
    background: url("/image/241736/16x9/4788565616052267449/832") no-repeat scroll 340px 0 #fff;
    padding-top: 80px;
    padding-bottom: 0;
    color: #fff
}

body.ard .con.rf2014.rf2014mini, body.radio .con.rf2014.rf2014mini {
    color: #3c404b;
    background: url("/image/241736/16x9/4788565616052267449/832") no-repeat scroll 340px 0 #fff;
    padding-top: 28px;
    padding-bottom: 0;
    color: #fff;
    margin: 0
}

body.ard .con.rf2014 a, body.radio .con.rf2014 a {
    color: #3c404b
}

body.ard .con.rf2014 #content, body.radio .con.rf2014 #content {
    background: 0
}

body.ard .con.rf2014 .conHeadline, body.radio .con.rf2014 .conHeadline {
    color: #c63066;
    margin-top: -2.5em
}

body.ard .con.rf2014 .mod .linklist .list, body.ard .con.rf2014 .mod .linklist .list li, body.radio .con.rf2014 .mod .linklist .list, body.radio .con.rf2014 .mod .linklist .list li {
    border-color: #717171
}

body.ard .con.rf2014 .modCon .mod .box, body.radio .con.rf2014 .modCon .mod .box {
    background: #fff;
    color: #001a4b
}

body.ard .con.rf2014 .modCon .mod.modD.modMini, body.radio .con.rf2014 .modCon .mod.modD.modMini {
    border-bottom: 2px solid #f6b7ce;
    border-top: 2px solid #f6b7ce
}

body.ard .con.rf2014 .modCon .mod.modD .box, body.ard .con.rf2014 .modCon .mod.modE .box, body.radio .con.rf2014 .modCon .mod.modD .box, body.radio .con.rf2014 .modCon .mod.modE .box {
    background: #fff;
    color: #001a4b
}

body.ard .con.rf2014 .modCon .mod.modD .box a, body.ard .con.rf2014 .modCon .mod.modE .box a, body.radio .con.rf2014 .modCon .mod.modD .box a, body.radio .con.rf2014 .modCon .mod.modE .box a {
    color: #001a4b
}

body.ard .con.rf2014 .modCon .mod .box:hover, body.ard .con.rf2014 .modCon .mod .box.active, body.radio .con.rf2014 .modCon .mod .box:hover, body.radio .con.rf2014 .modCon .mod .box.active {
    background: #ffdfeb;
    color: #001a4b
}

body.ard .con.rf2014 .modCon .mod .box:hover a, body.ard .con.rf2014 .modCon .mod .box.active a, body.radio .con.rf2014 .modCon .mod .box:hover a, body.radio .con.rf2014 .modCon .mod .box.active a {
    color: #001a4b
}

body.ard .con.rf2014 .modCon.modConStage .mod.modA.modStage .box, body.ard .con.rf2014 .modCon.modConStage .mod.modA.modStage .box:hover, body.ard .con.rf2014 .modCon.modConStage .mod.modA.modStage .box:hover a, body.ard .con.rf2014 .modCon.modConStage .mod.modA.modStage .box.active a, body.radio .con.rf2014 .modCon.modConStage .mod.modA.modStage .box, body.radio .con.rf2014 .modCon.modConStage .mod.modA.modStage .box:hover, body.radio .con.rf2014 .modCon.modConStage .mod.modA.modStage .box:hover a, body.radio .con.rf2014 .modCon.modConStage .mod.modA.modStage .box.active a {
    background: #fff;
    color: #3c404b
}

body.ard .con.rf2014 .mod .controls, body.radio .con.rf2014 .mod .controls {
    background-color: transparent;
    border-color: transparent
}

body.ard .con.rf2014 .mod .controls.sliding .next.active, body.radio .con.rf2014 .mod .controls.sliding .next.active {
    background-position: center -800px;
    background-color: #c63066
}

body.ard .con.rf2014 .mod .controls.sliding .prev.active:hover, body.ard .con.rf2014 .mod .controls.sliding .next.active:hover, body.radio .con.rf2014 .mod .controls.sliding .prev.active:hover, body.radio .con.rf2014 .mod .controls.sliding .next.active:hover {
    background-color: #c63066
}

body.ard .con.rf2014 .mod .controls.sliding .prev.active, body.radio .con.rf2014 .mod .controls.sliding .prev.active {
    background-position: center -900px;
    background-color: #c63066
}

body.ard .con.rf2014 .mod .controls.sliding .labels .entry, body.radio .con.rf2014 .mod .controls.sliding .labels .entry {
    background: #c63066
}

body.ard .con.rf2014 .mod .controls.sliding .labels .entry.active, body.radio .con.rf2014 .mod .controls.sliding .labels .entry.active {
    background: #e9e9e9
}

body.ard .con.rf2014 > div.linklist ul.list, body.radio .con.rf2014 > div.linklist ul.list {
    float: left;
    border: 0;
    margin: 8px 0 0 8px
}

body.ard .con.rf2014 > div.linklist ul.list li, body.radio .con.rf2014 > div.linklist ul.list li {
    background: 0;
    float: left;
    width: auto;
    border: 0;
    margin: 0 2px 2px 0
}

body.ard .con.rf2014 > div.linklist ul.list li a, body.radio .con.rf2014 > div.linklist ul.list li a {
    display: block
}

body.ard .con.rf2014 > div.linklist ul.list li a, body.radio .con.rf2014 > div.linklist ul.list li a {
    background: #c63066;
    background: -moz-linear-gradient(top, #4ea7ff 0, #3e69d7 101%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4ea7ff), color-stop(100%, #3e69d7));
    background: -webkit-linear-gradient(top, #4ea7ff 0, #3e69d7 101%);
    background: -o-linear-gradient(top, #4ea7ff 0, #3e69d7 101%);
    background: -ms-linear-gradient(top, #4ea7ff 0, #3e69d7 101%);
    background: linear-gradient(to bottom, #4ea7ff 0, #3e69d7 101%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ea7ff', endColorstr='#3e69d7', GradientType=0);
    background: #c63066;
    float: left;
    padding: 7px 8px;
    color: #fff;
    float: left;
    width: auto;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    font-size: 1em
}

body.ard .con.rf2014 > div.linklist ul.list li a:hover, body.radio .con.rf2014 > div.linklist ul.list li a:hover {
    background: #b5295c
}

body.rf2014 .con.rftransparent {
    background: 0
}

body.ard.tw.tw2013 {
    background: #fff url('/image/241978/16x9/0/1600');
    background-size: cover;
    background-position: center top;
    background-attachment: fixed
}

body.ard.tw.tw2013 #header .masternavi li.ard a {
    color: #fff
}

body.ard.tw.tw2013 #header .masternavi li.ard a:hover {
    color: #001a4b
}

body.ard.tw.tw2013 #header .sectionA, body.ard.tw.tw2013 #footer .sectionA {
    background: 0
}

body.ard.tw.tw2013 .twlogo {
    float: left;
    width: 60%
}

body.ard.tw.tw2013 #header .twlogo p {
    color: #001a4b;
    float: left;
    width: 48%;
    margin: 16px 0 0 0
}

body.ard.tw.tw2013 .twlogo span {
    font-family: ThesisAntiqua, Georgia;
    font-size: 1.75em
}

body.ard.tw.tw2013 .twlogo span.twname {
    margin: 0;
    line-height: 130%
}

body.ard.tw.tw2013 .twlogo img {
    float: left;
    width: 45%;
    margin: 0 8px 0 0
}

body.ard.tw.tw2013 .twrubrik {
    float: right;
    width: 40%;
    text-align: right;
    font-family: ThesisAntiqua, Georgia;
    font-size: 2em;
    color: #001a4b;
    padding: 100px 0 0 0
}

body.ard.tw.tw2013 .sectionA .con {
    background: 0
}

body.ard.tw.tw2013 .sectionA .con .modCon .box {
    background: #fff
}

body.ard.tw.tw2013 .sectionA .con .modCon .box.active {
    background: #e0e6f3
}

body.ard.tw.tw2013 .sectionA .con.bannerlogo {
    background: 0
}

body.ard.tw.tw2013 .mod .controls.sliding .next, body.ard.tw.tw2013 .mod .controls.sliding .prev {
    cursor: default
}

body.ard.tw.tw2013 .mod .controls.sliding .next.active {
    background-position: 0 -400px;
    cursor: pointer
}

body.ard.tw.tw2013 .modCon, body.ard.tw.tw2013.article .sectionC .con {
    box-shadow: 0 0 5px #516384;
    background: #fff
}

body.ard.tw.tw2013.article .sectionC .modCon {
    box-shadow: none;
    background: #fff
}

body.ard.tw.tw2013.article .sectionC {
    background: 0
}

body.ard.tw.tw2013.article .mod.modLinkList {
    padding-bottom: 8px
}

body.ard.tw.tw2013 .mod .controls.sliding .labels .entry {
    filter: none
}

body.ard.tw.tw2013 .mod .controls.sliding .prev.active {
    background-position: 0 -500px;
    cursor: pointer
}

body.ard.tw.tw2013 .con .mod .controls {
    background: #c7d0e2;
    border-color: #fff
}

body.ard.tw.tw2013 .poweruser {
    color: #001a4b
}

body.ard.tw.tw2013 .poweruser li.active {
    box-shadow: 0 0 5px #516384
}

body.ard.tw.tw2013 .section.transparent .modCon {
    background: 0;
    box-shadow: none
}

body.ard.tw.tw2013 .section.transparent .modCon .box {
    background: 0
}

body.ard.tw.tw2013 .modConStage .modMini .box, body.ard.tw.tw2013 .modMini .box:hover, body.ard.tw.tw2013 .modPicture .box:hover, body.ard.tw.tw2013 .modTeaseronly .box:hover, body.ard.tw.tw2013 .modConGallery .modPicture .box, body.ard.tw.tw2013 .mod .controls, body.ard.tw.tw2013 .mod .linklist .list li a:hover, body.ard.tw.tw2013 .mod .linklist .list li a:focus, body.ard.tw.tw2013 .mod .linklist .list li a:active, body.ard.tw.tw2013 .modLinkList h4.headline:hover {
    background: #def58e
}

body.ard .sectionA.hptw13 .modConStage .modMini .box, body.ard .sectionA.hptw13 .modMini .box:hover, body.ard .sectionA.hptw13 .modPicture .box:hover, body.ard .sectionA.hptw13 .modTeaseronly .box:hover, body.ard .sectionA.hptw13 .modConGallery .modPicture .box, body.ard .sectionA.hptw13 .mod .linklist .list li a:hover, body.ard .sectionA.hptw13 .mod .linklist .list li a:focus, body.ard .sectionA.hptw13 .mod .linklist .list li a:active, body.ard .sectionA.hptw13 .modLinkList h4.headline:hover {
    background: #def58e;
    background: rgba(255, 255, 255, 0.5)
}

body.ard .sectionA.hptw13 .con {
    background: #fff url('/image/241978/32x9/7/1600');
    background-position: 0 0;
    repeat: no-repeat;
    background-size: cover
}

body.ard .sectionA.hptw13 h3.ressort {
    display: none
}

body.ard.tw.tw2013 #content .sectionC.tw-tv, body.ard.tw.tw2013 #content .sectionC.tw-radio, body.ard.tw.tw2013 #content .sectionC.tw-social, body.ard.tw.tw2013 #content .sectionC.tw-tv .con, body.ard.tw.tw2013 #content .sectionC.tw-radio .con, body.ard.tw.tw2013 #content .sectionC.tw-social .con {
    background: 0
}

body.ard.tw.tw2013 #content .sectionC.tw-tv .boxCon, body.ard.tw.tw2013 #content .sectionC.tw-radio .boxCon, body.ard.tw.tw2013 #content .sectionC.tw-social .boxCon {
    height: 208px
}

body.ard.tw.tw2013 #content .sectionC.tw-social .con .box .linklist {
    display: none
}

body.ard.tw.tw2013 #content .sectionC.tw-social .con .mediaCon {
    width: 96%
}

body.ard.tw.tw2013 #content .sectionC.tw-radio .media {
    background: #001a4b
}

body.ard.tw.tw2013 .modGlossar.shortNews .media {
    margin: 0 0 16px 0
}

body.ard .con.wm2014 h3.ressort {
    display: none !important
}

.con.wm2014 {
    color: #3c404b;
    background: url('/image/1050930/16x9/4788565616052267449/1024') no-repeat top right #001a4b;
    padding-top: 80px;
    padding-bottom: 0;
    color: #fff
}

.con.wm2014.wm2014mini {
    color: #3c404b;
    background: url('/image/1065570/16x9/4788568055355591769/1024') no-repeat center right #001a4b;
    padding-top: 28px;
    padding-bottom: 0;
    color: #fff;
    margin: 0
}

.con.wm2014 a {
    color: #3c404b
}

.con.wm2014 #content {
    background: 0
}

.con.wm2014 .conHeadline {
    color: #fff;
    display: none;
    margin-top: -2.5em
}

.con.wm2014 .mod .linklist .list, .con.wm2014 .mod .linklist .list li {
    border-color: #717171
}

.con.wm2014 .modCon .mod .box {
    background: #fff;
    color: #001a4b
}

.con.wm2014 .modCon .mod.modD .box, .con.wm2014 .modCon .mod.modE .box {
    background: #fff;
    color: #001a4b
}

.con.wm2014 .modCon .mod.modD .box a, .con.wm2014 .modCon .mod.modE .box a {
    color: #001a4b
}

.con.wm2014 .modCon .mod .box:hover, .con.wm2014 .modCon .mod .box.active {
    background: #dee6f5;
    color: #001a4b
}

.con.wm2014 .modCon .mod .box:hover a, .con.wm2014 .modCon .mod .box.active a {
    color: #001a4b
}

.con.wm2014 .modCon.modConStage .mod.modA.modStage .box, .con.wm2014 .modCon.modConStage .mod.modA.modStage .box:hover, .con.wm2014 .modCon.modConStage .mod.modA.modStage .box:hover a, .con.wm2014 .modCon.modConStage .mod.modA.modStage .box.active a {
    background: #fff;
    color: #3c404b
}

.con.wm2014 .mod .controls {
    background-color: transparent;
    border-color: transparent
}

.con.wm2014 .mod .controls.sliding .next.active {
    background-position: center -800px
}

.con.wm2014 .mod .controls.sliding .prev.active:hover, .con.wm2014 .mod .controls.sliding .next.active:hover {
    background-color: #f60
}

.con.wm2014 .mod .controls.sliding .prev.active {
    background-position: center -900px
}

.con.wm2014 .mod .controls.sliding .labels .entry {
    background: #f60
}

.con.wm2014 .mod .controls.sliding .labels .entry.active {
    background: #fff
}

.con.wm2014 > div.linklist ul.list {
    float: left;
    border: 0;
    margin: 8px 0 0 8px
}

.con.wm2014 > div.linklist ul.list li {
    background: 0;
    float: left;
    width: auto;
    border: 0;
    margin: 0 2px 2px 0
}

.con.wm2014 > div.linklist ul.list li a {
    display: block
}

.con.wm2014 > div.linklist ul.list li a {
    background: #4ea7ff;
    background: -moz-linear-gradient(top, #4ea7ff 0, #3e69d7 101%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4ea7ff), color-stop(100%, #3e69d7));
    background: -webkit-linear-gradient(top, #4ea7ff 0, #3e69d7 101%);
    background: -o-linear-gradient(top, #4ea7ff 0, #3e69d7 101%);
    background: -ms-linear-gradient(top, #4ea7ff 0, #3e69d7 101%);
    background: linear-gradient(to bottom, #4ea7ff 0, #3e69d7 101%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ea7ff', endColorstr='#3e69d7', GradientType=0);
    background: #f60;
    float: left;
    padding: 7px 8px;
    color: #fff;
    float: left;
    width: auto;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    font-size: 1em
}

.con.wm2014 > div.linklist ul.list li a:hover {
    background: #4ea6fe;
    background: #f26100
}

.modQuiz.tdm .box.quizable .mediaCon {
    width: 100%
}

.modQuiz.tdm .unit.quizEntry, .modQuiz.tdm .unit.quizAfter {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

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

.modQuiz.tdm .link {
    width: auto;
    float: right
}

.modQuiz.tdm form input[type="radio"] {
    margin: 0
}

.modQuiz.tdm form input[type="radio"]:focus {
    background: #fff;
    outline: 4px #fff solid;
    border-radius: 5px
}

.modQuiz.tdm form input[type="text"] {
    cursor: default;
    background: #fff;
    color: #000;
    filter: none
}

.modQuiz.tdm form .link label {
    cursor: pointer;
    width: 100%;
    float: left;
    padding: 0
}

.modQuiz.tdm form input {
    font-size: 100%;
    color: #fff;
    background: #396192;
    background: -moz-linear-gradient(top, #396192 0, #12305c 101%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #396192), color-stop(100%, #12305c));
    background: -webkit-linear-gradient(top, #396192 0, #12305c 101%);
    background: -o-linear-gradient(top, #396192 0, #12305c 101%);
    background: -ms-linear-gradient(top, #396192 0, #12305c 101%);
    background: linear-gradient(to bottom, #396192 0, #12305c 101%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#396192', endColorstr='#12305c', GradientType=0);
    margin-left: 0
}

.modQuiz.tdm form input.submitButton {
    margin-left: 8px
}

.modQuiz.tdm form input:focus {
    outline: #fff;
    background: #fff
}

.modQuiz.tdm .link.quizPre.quizStart {
    float: left;
    margin-left: 5%
}

.modQuiz.tdm .dachzeile {
    margin: 0 0 4px 0;
    width: 100%;
    clear: left
}

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

.modQuiz.tdm .teasertext {
    margin: 0 0 12px 0;
    width: 100%;
    clear: left;
    font-size: 1.25em
}

.modQuiz.tdm.voting .teasertext {
    margin: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    font-weight: bold
}

.modQuiz.tdm .answer, .modQuiz.tdm.voting .vote-detail {
    border-bottom: 8px solid #fff;
    float: left;
    width: 100%;
    padding: 0
}

.modQuiz.tdm.voting .vote-detail {
    padding: 0;
    border-bottom: 8px solid #fff;
    float: left
}

.modQuiz.tdm.voting .vote-detail div.voteDisclaimer, .modQuiz.tdm.voting fieldset.submitfield {
    margin-bottom: 8px
}

.modQuiz.tdm.voting .vote-detail .vote-content {
    width: 100%;
    background: #e0e7f1;
    border-bottom: 0 solid #fff
}

.modQuiz.tdm.voting .vote-detail .vote-content img {
    float: left;
    width: 30%
}

.modQuiz.tdm.voting .vote-detail .vote-percent {
    width: 8%;
    text-align: center;
    float: left;
    padding: 1px 2% 0 2%;
    background: #001a4b;
    color: #fff;
    margin-right: 0;
    font-size: 1.1em;
    height: 23px
}

.modQuiz.tdm.voting .vote-detail .vote-bar-container {
    width: 100%;
    height: 24px;
    background: #c7d4e7;
    filter: none
}

.modQuiz.tdm.voting .vote-detail .vote-bar {
    border: 0;
    border-radius: 0;
    width: 19.9%;
    max-width: 90% !important;
    background: #436392;
    float: left;
    box-shadow: none;
    filter: none
}

.modQuiz.tdm.voting .vote-detail .vote-bar {
    max-width: 90% !important
}

.modQuiz.tdm.voting .vote-detail.vote-conclusion {
    border-bottom: 0;
    margin-bottom: 1.2em
}

.modQuiz.tdm.voting .vote-detail.vote-conclusion .vote-content {
    font-weight: bold;
    text-align: right
}

.modQuiz.tdm .wrong, .modQuiz.tdm .voteform .answer.unselected {
    opacity: .5;
    filter: alpha(opacity=50)
}

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

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

.modQuiz.tdm .answer, .modQuiz.tdm .vote-detail .vote-content .tdmNumber {
    background: #001a4b;
    float: left
}

.modQuiz.tdm .answer .link {
    background: #e0e7f1;
    border-radius: 0;
    width: 90%
}

.modQuiz.tdm .answer .link img {
    float: left;
    width: 30%
}

.modQuiz.tdm .answer .link .tdmName, .modQuiz.tdm .vote-detail .vote-content .tdmName {
    float: left;
    width: 56%;
    font-size: 1.5em;
    padding: 1.75em 0 0 2%;
    margin: 0;
    color: #001a4b
}

.modQuiz.tdm .answer .link .tdmNumber, .modQuiz.tdm .vote-detail .vote-content .tdmNumber {
    width: 10%;
    float: left;
    font-size: 5em;
    text-align: center;
    color: #fff;
    line-height: 100%;
    margin: 0;
    padding: 5px 1%
}

.modQuiz.tdm .vote-detail .vote-content .tdmNumber {
    color: #001a4b;
    background: 0
}

.modQuiz.tdm .label {
    background: 0;
    float: left;
    text-align: center;
    width: 10%;
    padding: 40px 0 0 0;
    border: 0;
    border-radius: 0;
    text-align: center
}

body.hst-2013 {
    background: #02336a;
    background: #134776 !important;
    background: -moz-radial-gradient(center, ellipse cover, #134776 0, #073764 100%) !important;
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #134776), color-stop(100%, #073764)) !important;
    background: -webkit-radial-gradient(center, ellipse cover, #134776 0, #073764 100%) !important;
    background: -o-radial-gradient(center, ellipse cover, #134776 0, #073764 100%) !important;
    background: -ms-radial-gradient(center, ellipse cover, #134776 0, #073764 100%) !important;
    background: radial-gradient(ellipse at center, #134776 0, #073764 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#134776', endColorstr='#073764', GradientType=1) !important
}

body.hst-2013 .section.sectionA, body.hst-2013 .section.sectionB, body.hst-2013 .section.sectionC, body.hst-2013 .section.sectionZ {
    background: 0
}

body.hst-2013 #content {
    background: 0
}

body.hst-2013 .con {
    background: 0;
    color: #fff
}

body.hst-2013 .con a {
    color: #fff
}

body.hst-2013 .conHeadline {
    color: #fff;
    border-bottom: 3px solid #c00909
}

body.hst-2013 .aoa .conHeadline {
    border-color: #f2b81a
}

body.hst-2013 .pin .conHeadline, body.hst-2013 .hst-service .conHeadline {
    border-color: #7fb73d
}

body.hst-2013 .section.hst-header {
    margin-top: 0;
    margin-bottom: 0
}

body.hst-2013 .hst-header .box {
    padding-top: 0;
    padding-bottom: 0
}

body.hst-2013 .hst-header .mod .box:hover {
    background: 0
}

body.hst-2013 .mod.modLinkList .boxCon {
    padding-top: 12px
}

body.hst-2013 .wettbewerb .mod.modLinkList .box {
    padding-top: 10px;
    padding-bottom: 10px
}

body.hst-2013 .wettbewerb .mod.modLinkList .headline {
    border: 0;
    background: 0
}

body.hst-2013 .wettbewerb .mod.modLinkList .headline a {
    font-family: ThesisAntiqua, serif;
    font-size: 1.25em;
    text-transform: uppercase;
    line-height: 120%
}

body.hst-2013 .wettbewerb .mod.modLinkList .headline a:hover {
    color: #c00909;
    background: 0
}

body.hst-2013 .mod iframe {
    border-bottom: 3px solid #c00909 !important;
    margin-top: -4px !important
}

body.hst-2013 .modConStage .modMini .box, body.radio.hst-2013 .modConStage .modMini .box, body.hst-2013 .modMini .box:hover, body.hst-2013 .modPicture .box:hover, body.hst-2013 .modTeaseronly .box:hover, body.hst-2013 .modConGallery .modPicture .box, body.hst-2013 .mod .controls {
    background: 0
}

body.hst-2013 .sectionZ.sectionArticle, body.hst-2013 .sectionC.sectionArticle {
    background: #073764
}

body.hst-2013 .sectionZ.sectionArticle .modParagraph span.stand, body.hst-2013 .sectionC.sectionArticle .modParagraph span.stand {
    display: none
}

body.hst-2013 .modConStage .modMini .box.active, body.hst-2013 .modConStage .modMini .box:hover, body.hst-2013 .modConGallery .modPicture .box.active, body.hst-2013 .modConGallery .modPicture .box:hover {
    background: #c00909;
    cursor: pointer
}

body.hst-2013 .aoa .modConStage .modMini .box.active, body.hst-2013 .aoa .modConStage .modMini .box:hover, body.hst-2013 .aoa .modConGallery .modPicture .box.active, body.hst-2013 .aoa .modConGallery .modPicture .box:hover {
    background: #f2b81a;
    cursor: pointer
}

body.hst-2013 .pin .mod .box.active, body.hst-2013 .pin .mod .box:hover, body.radio.hst-2013 .pin .mod .box.active, body.radio.hst-2013 .pin .mod .box:hover, body.hst-2013 .hst-service .mod .box.active, body.hst-2013 .hst-service .mod .box:hover, body.radio.hst-2013 .hst-service .mod .box.active, body.radio.hst-2013 .hst-service .mod .box:hover {
    background: #7fb73d;
    cursor: pointer
}

body.hst-2013 .mod .controls {
    background: #073764;
    border: 0;
    margin-top: 4px
}

body.hst-2013 .button, body.hst-2013 .button a, body.hst-2013 .mod .controls.buttonfield a {
    background: #073764
}

body.hst-2013 .mod .controls .labels .entry {
    background: #001a4b
}

body.hst-2013 .mod .linklist .list li, body.hst-2013 .mod .linklist .list {
    border-color: #809eba
}

body.hst-2013 .mod .linklist .list a:hover, body.hst-2013 .mod .linklist .list a:focus, body.hst-2013 .mod .linklist .list a.active {
    background: #001a4b
}

body.hst-2013 .modGallery .controls {
    background: transparent
}

body.hst-2013 .mod .controls.sliding .labels .entry.active {
    background: white
}

body.hst-2013 .mod .headline {
    font-weight: bold
}

body.hst-2013 .conHeadline {
    font-family: ThesisAntiqua, Georgia, serif
}

body.hst-2013 .hst-scribble iframe {
    margin: 0 -1% !important;
    width: 102%
}

body.hst-2013 .modParagraph .checklist, body.hst-2013 .modParagraph .infokasten {
    background: #114473
}

body.hst-2013 .hst-voting iframe {
    height: 1000px
}

body.hst-2013 .hst-voting .box {
    width: 100%
}

body.hst-2013 .modQuiz.tdm .answer, body.hst-2013 .modQuiz.tdm .vote-detail .vote-content .tdmNumber {
    background: #1c4f7d
}

body.hst-2013 .modQuiz.tdm .tdmNumber {
    display: none
}

body.hst-2013 .modQuiz.tdm .voteresult .tdmNumber {
    display: block
}

body.hst-2013 .modQuiz.tdm .voteresult .vote-detail .vote-content .tdmNumber {
    background: 0
}

body.hst-2013 .modQuiz.tdm .answer, body.hst-2013 .modQuiz.tdm.voting .vote-detail {
    border: 0;
    margin-bottom: 10px
}

body.hst-2013 .modQuiz.voting .teasertext {
    border: 0
}

body.hst-2013 .modQuiz.tdm .answer .link .tdmName, .modQuiz.tdm .vote-detail .vote-content .tdmName {
    padding: 2% 0 0 2% !important
}

body.hst-2013 .modQuiz.tdm .answer .link .tdmNumber, body.hst-2013 .modQuiz.tdm .vote-detail .vote-content .tdmNumber {
    color: #093967
}

body.hst-2013 .modQuiz.tdm .teasertext {
    padding-top: 5px;
    font-size: 1em;
    font-weight: normal
}

body.hst-2013 .modQuiz.tdm.voting .vote-detail .vote-percent {
    background: #073764
}

body.hst-2013 .modQuiz.tdm.voting .vote-detail .vote-bar {
    background: #f2b81a
}

body.hst-2013 .modQuiz.tdm.voting .vote-detail .vote-bar-container {
    background: #fff
}

body.hst-2013 .voteDisclaimer {
    margin: 20px 0 0 0;
    float: left;
    clear: both;
    font-size: 1em
}

body.hst-2013 .quittung {
    width: 100%;
    height: 100%;
    background: #1c4f7d;
    position: relative;
    float: left
}

body.hst-2013 .quittung p {
    width: 90%;
    padding: 0 5%;
    text-align: center;
    height: 200px;
    margin: 0 auto 0 auto !important;
    top: 5%;
    left: 0 !important;
    font-size: 1.75em;
    position: absolute;
    line-height: 120%
}

body.hst-2013 .mod .ressort a:hover, body.hst-2013 .mod .ressort a:focus, body.hst-2013 .mod .ressort a:active {
    display: none
}

.intern .graphicContainer {
    background: #d1deed;
    float: left;
    padding: 8px 0 8px 0;
    width: 100%;
    margin: 0 0 1.5em 0
}

.intern .graphicContainer h3 {
    font-weight: normal;
    font-size: 1.25em;
    padding: 6px 0 12px 1%;
    margin: 0;
    width: 99%
}

.intern ul.barGraphicList {
    border-top: 2px solid #fff
}

.intern ul.barGraphicList li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    clear: both;
    border-bottom: 2px solid #fff
}

.intern ul.barGraphicList.livesport li span.barGraphDef {
    width: 10%;
    font-weight: bold;
    font-size: 1.2em;
    color: #2b7cb4;
    padding-right: 0;
    text-align: center
}

.intern ul.barGraphicList.livesport li span.barGraphBarContainer {
    width: 80%
}

.intern ul.barGraphicList.livesport, .intern ul.barGraphicList.zzahlen {
    border-top: 0
}

.intern ul.barGraphicList.livesport li span.barGraphBarContainer > span, .intern ul.barGraphicList.zzahlen li span.barGraphBarContainer > span {
    padding: 5px 0 0 0
}

.intern ul.barGraphicList.livesport li span.barGraphNr {
    width: 9%;
    padding: 6px 1% 4px 0;
    font-weight: bold
}

.intern ul.barGraphicList li#bar00 span.barGraphBar.fb, .intern ul.barGraphicList li#bar00 span.barGraphBar.ws, .intern ul.barGraphicList li#bar00 span.barGraphBar.sonst {
    width: 18px;
    height: 10px;
    margin: 6px 6px 0 12px
}

.intern ul.barGraphicList li#bar00 span {
    float: left;
    display: inline-block
}

.intern ul.barGraphicList.livesport li span.barGraphBar span, .intern ul.barGraphicList.zzahlen li span.barGraphBar span {
    padding: 4px 4px 4px 6px;
    display: block;
    font-weight: bold
}

.intern ul.barGraphicList li span.barGraphBar.fb {
    background: #80cf80
}

.intern ul.barGraphicList li span.barGraphBar.ws {
    background: #7cb7e0
}

.intern ul.barGraphicList li span.barGraphBar.sonst {
    background: #db9263
}

.intern ul.barGraphicList.livesport li#bar01 span.barGraphBar.fb {
    width: 16.5%
}

.intern ul.barGraphicList.livesport li#bar01 span.barGraphBar.ws {
    width: 39.7%
}

.intern ul.barGraphicList.livesport li#bar01 span.barGraphBar.sonst {
    width: 43.8%
}

.intern ul.barGraphicList.livesport li#bar02 span.barGraphBar.fb {
    width: 12.5%
}

.intern ul.barGraphicList.livesport li#bar02 span.barGraphBar.ws {
    width: 28.6%
}

.intern ul.barGraphicList.livesport li#bar02 span.barGraphBar.sonst {
    width: 50.6%
}

.intern ul.barGraphicList.livesport li#bar03 span.barGraphBar.fb {
    width: 14.8%
}

.intern ul.barGraphicList.livesport li#bar03 span.barGraphBar.ws {
    width: 26.2%
}

.intern ul.barGraphicList.livesport li#bar03 span.barGraphBar.sonst {
    width: 50.5%
}

.intern ul.barGraphicList.livesport li#bar04 span.barGraphBar.fb {
    width: 9.6%
}

.intern ul.barGraphicList.livesport li#bar04 span.barGraphBar.ws {
    width: 28.2%
}

.intern ul.barGraphicList.livesport li#bar04 span.barGraphBar.sonst {
    width: 27.8%
}

.intern ul.barGraphicList.livesport li#bar05 span.barGraphBar.fb {
    width: 14.6%
}

.intern ul.barGraphicList.livesport li#bar05 span.barGraphBar.ws {
    width: 29.3%
}

.intern ul.barGraphicList.livesport li#bar05 span.barGraphBar.sonst {
    width: 23.9%
}

.intern ul.barGraphicList.livesport li#bar06 span.barGraphBar.fb {
    width: 8.1%
}

.intern ul.barGraphicList.livesport li#bar06 span.barGraphBar.ws {
    width: 22.6%
}

.intern ul.barGraphicList.livesport li#bar06 span.barGraphBar.sonst {
    width: 25.3%
}

.intern ul.barGraphicList.livesport li#bar07 span.barGraphBar.fb {
    width: 13.0%
}

.intern ul.barGraphicList.livesport li#bar07 span.barGraphBar.ws {
    width: 23.0%
}

.intern ul.barGraphicList.livesport li#bar07 span.barGraphBar.sonst {
    width: 36.7%
}

.intern ul.barGraphicList.livesport li#bar08 span.barGraphBar.fb {
    width: 9.8%
}

.intern ul.barGraphicList.livesport li#bar08 span.barGraphBar.ws {
    width: 27.1%
}

.intern ul.barGraphicList.livesport li#bar08 span.barGraphBar.sonst {
    width: 16.6%
}

.intern ul.barGraphicList.livesport li#bar09 span.barGraphBar.fb {
    width: 14.5%
}

.intern ul.barGraphicList.livesport li#bar09 span.barGraphBar.ws {
    width: 32.7%
}

.intern ul.barGraphicList.livesport li#bar09 span.barGraphBar.sonst {
    width: 20.3%
}

.intern ul.barGraphicList.livesport li#bar10 span.barGraphBar.fb {
    width: 11.9%
}

.intern ul.barGraphicList.livesport li#bar10 span.barGraphBar.ws {
    width: 28.6%
}

.intern ul.barGraphicList.livesport li#bar10 span.barGraphBar.sonst {
    width: 21.5%
}

.intern ul.barGraphicList.livesport li#bar11 span.barGraphBar.fb {
    width: 17.5%
}

.intern ul.barGraphicList.livesport li#bar11 span.barGraphBar.ws {
    width: 28.6%
}

.intern ul.barGraphicList.livesport li#bar11 span.barGraphBar.sonst {
    width: 34.0%
}

.intern ul.barGraphicList.livesport li#bar12 span.barGraphBar.fb {
    width: 11.0%
}

.intern ul.barGraphicList.livesport li#bar12 span.barGraphBar.ws {
    width: 28.0%
}

.intern ul.barGraphicList.livesport li#bar12 span.barGraphBar.sonst {
    width: 15.9%
}

.intern ul.barGraphicList li span.barGraphDef {
    float: left;
    width: 23%;
    padding: 6px 2% 4px 0;
    text-align: right
}

.intern ul.barGraphicList li span.barGraphBarContainer {
    float: left;
    width: 65%;
    display: block
}

.intern ul.barGraphicList li span.barGraphBar {
    background: #2587cb;
    height: 30px;
    min-width: 10px;
    display: block;
    float: left
}

.intern ul.barGraphicList li span.barGraphNr {
    float: right;
    width: 9%;
    text-align: right;
    padding: 6px 1% 4px 0
}

.intern ul.barGraphicList.ssportarten.ss2012 li#bar01 span.barGraphBar {
    width: 100.0%
}

.intern ul.barGraphicList.ssportarten.ss2012 li#bar02 span.barGraphBar {
    width: 087.0%
}

.intern ul.barGraphicList.ssportarten.ss2012 li#bar03 span.barGraphBar {
    width: 074.8%
}

.intern ul.barGraphicList.ssportarten.ss2012 li#bar04 span.barGraphBar {
    width: 069.6%
}

.intern ul.barGraphicList.ssportarten.ss2012 li#bar05 span.barGraphBar {
    width: 061.7%
}

.intern ul.barGraphicList.ssportarten.ss2012 li#bar06 span.barGraphBar {
    width: 057.4%
}

.intern ul.barGraphicList.ssportarten.ss2012 li#bar07 span.barGraphBar {
    width: 050.4%
}

.intern ul.barGraphicList.ssportarten.ss2012 li#bar08 span.barGraphBar {
    width: 048.7%
}

.intern ul.barGraphicList.ssportarten.ss2012 li#bar09 span.barGraphBar {
    width: 021.7%
}

.intern ul.barGraphicList.wsportarten.ws2012 li#bar01 span.barGraphBar {
    width: 100.0%
}

.intern ul.barGraphicList.wsportarten.ws2012 li#bar02 span.barGraphBar {
    width: 083.8%
}

.intern ul.barGraphicList.wsportarten.ws2012 li#bar03 span.barGraphBar {
    width: 081.0%
}

.intern ul.barGraphicList.wsportarten.ws2012 li#bar04 span.barGraphBar {
    width: 076.4%
}

.intern ul.barGraphicList.wsportarten.ws2012 li#bar05 span.barGraphBar {
    width: 076.4%
}

.intern ul.barGraphicList.wsportarten.ws2012 li#bar06 span.barGraphBar {
    width: 075.0%
}

.intern ul.barGraphicList.wsportarten.ws2012 li#bar07 span.barGraphBar {
    width: 073.1%
}

.intern ul.barGraphicList.wsportarten.ws2012 li#bar08 span.barGraphBar {
    width: 065.7%
}

.intern ul.barGraphicList.wsportarten.ws2012 li#bar09 span.barGraphBar {
    width: 060.2%
}

.intern ul.barGraphicList.ssportarten.ss2013 li#bar01 span.barGraphBar {
    width: 100.0%
}

.intern ul.barGraphicList.ssportarten.ss2013 li#bar02 span.barGraphBar {
    width: 066.2%
}

.intern ul.barGraphicList.ssportarten.ss2013 li#bar03 span.barGraphBar {
    width: 058.8%
}

.intern ul.barGraphicList.ssportarten.ss2013 li#bar04 span.barGraphBar {
    width: 055.4%
}

.intern ul.barGraphicList.ssportarten.ss2013 li#bar05 span.barGraphBar {
    width: 052.0%
}

.intern ul.barGraphicList.ssportarten.ss2013 li#bar06 span.barGraphBar {
    width: 046.6%
}

.intern ul.barGraphicList.ssportarten.ss2013 li#bar07 span.barGraphBar {
    width: 045.9%
}

.intern ul.barGraphicList.ssportarten.ss2013 li#bar08 span.barGraphBar {
    width: .0%
}

.intern ul.barGraphicList.ssportarten.ss2013 li#bar09 span.barGraphBar {
    width: .0%
}

.intern ul.barGraphicList.wsportarten.ws2013 li#bar01 span.barGraphBar {
    width: 100.0%
}

.intern ul.barGraphicList.wsportarten.ws2013 li#bar02 span.barGraphBar {
    width: 069.7%
}

.intern ul.barGraphicList.wsportarten.ws2013 li#bar03 span.barGraphBar {
    width: 068.8%
}

.intern ul.barGraphicList.wsportarten.ws2013 li#bar04 span.barGraphBar {
    width: 067.9%
}

.intern ul.barGraphicList.wsportarten.ws2013 li#bar05 span.barGraphBar {
    width: 066.1%
}

.intern ul.barGraphicList.wsportarten.ws2013 li#bar06 span.barGraphBar {
    width: 063.3%
}

.intern ul.barGraphicList.wsportarten.ws2013 li#bar07 span.barGraphBar {
    width: 062.4%
}

.intern ul.barGraphicList.wsportarten.ws2013 li#bar08 span.barGraphBar {
    width: 057.3%
}

.intern ul.barGraphicList.wsportarten.ws2013 li#bar09 span.barGraphBar {
    width: 057.3%
}

.intern ul.barGraphicList.ssportarten.bs2013 li#bar01 span.barGraphBar {
    width: 100.0%
}

.intern ul.barGraphicList.ssportarten.bs2013 li#bar02 span.barGraphBar {
    width: 021.3%
}

.intern ul.barGraphicList.ssportarten.bs2013 li#bar03 span.barGraphBar {
    width: 027.5%
}

.intern ul.barGraphicList.zzahlen li span.barGraphDef {
    width: 18%;
    font-weight: bold;
    font-size: 1.2em;
    color: #2b7cb4;
    padding-left: 2%;
    padding-right: 0;
    text-align: left
}

.intern ul.barGraphicList.zzahlen li span.barGraphBarContainer {
    width: 65%
}

.intern ul.barGraphicList.livesport li span.barGraphBarContainer > span, .intern ul.barGraphicList.zzahlen li span.barGraphBarContainer > span {
    padding: 5px 0 0 0
}

.intern ul.barGraphicList.zzahlen li span.barGraphNr {
    width: 14%;
    padding: 6px 1% 4px 0;
    font-weight: bold
}

.intern ul.barGraphicList li#bar00 span.barGraphBar.fb, .intern ul.barGraphicList li#bar00 span.barGraphBar.ws, .intern ul.barGraphicList li#bar00 span.barGraphBar.sonst {
    width: 18px;
    height: 10px;
    margin: 6px 6px 0 12px
}

.intern ul.barGraphicList.zzahlen li#bar00 span.barGraphBar.ws {
    margin-left: 0
}

.intern ul.barGraphicList li#bar00 span {
    float: left;
    display: inline-block
}

.intern ul.barGraphicList.zzahlen.zz2012 li#bar01 span.barGraphBar.fb {
    width: 61%
}

.intern ul.barGraphicList.zzahlen.zz2012 li#bar01 span.barGraphBar.ws {
    width: 39%
}

.intern ul.barGraphicList.zzahlen.zz2012 li#bar02 span.barGraphBar.fb {
    width: 34.1%
}

.intern ul.barGraphicList.zzahlen.zz2012 li#bar02 span.barGraphBar.ws {
    width: 13.8%
}

.intern ul.barGraphicList.zzahlen.zz2013 li#bar01 span.barGraphBar.fb {
    width: 68.6%
}

.intern ul.barGraphicList.zzahlen.zz2013 li#bar01 span.barGraphBar.ws {
    width: 31.4%
}

.intern ul.barGraphicList.zzahlen.zz2013 li#bar02 span.barGraphBar.fb {
    width: 61.39%
}

.intern ul.barGraphicList.zzahlen.zz2013 li#bar02 span.barGraphBar.ws {
    width: 22.46%
}

.intern .graphicContainer p.lastMod {
    color: #516384;
    float: right;
    padding: 8px 10px 0 0;
    text-align: right;
    width: auto
}

.intern .modTable .table {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 0 1.75em 0
}

body.radio.radiofeature {
    background: #482c12 url('/image/298496/16x9/5/1600');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed
}

body.radio.radiofeature .conHeadline {
    color: #fff
}

body.radio.radiofeature div#Discussion.Embed {
    height: 440px
}

body.radio.radiofeature iframe.iframe.iframe {
    height: 780px
}

body.radio.radiofeature #header .masternavi {
    background-color: #001a4b;
    background-image: none
}

body.radio.radiofeature #header .sectionA, body.radio.radiofeature #footer .sectionA {
    background: 0
}

body.radio.radiofeature .con h3.ressort {
    display: none !important
}

body.radio.radiofeature .sectionA .con {
    color: #fff;
    background: #000;
    background: rgba(0, 0, 0, 0.7)
}

body.radio.radiofeature .sectionA .con.bannerlogo {
    background: 0
}

body.radio.radiofeature .sectionB, body.radio.radiofeature .sectionC, body.radio.radiofeature .sectionZ {
    background: #000;
    background: rgba(0, 0, 0, 0.7)
}

body.radio.radiofeature .sectionB .con, body.radio.radiofeature .sectionZ .con, body.radio.radiofeature .sectionC .con {
    background: 0
}

body.radio.radiofeature .con a, body.radio.radiofeature .con {
    color: #fff
}

body.radio.radiofeature .con #content {
    background: 0
}

body.radio.radiofeature .con .conHeadline {
    color: #fff
}

body.radio.radiofeature .mod .controls.sliding .next, body.radio.radiofeature .mod .controls.sliding .prev {
    cursor: default
}

body.radio.radiofeature .mod .controls.sliding .next.active {
    background-position: 0 -800px;
    cursor: pointer
}

body.radio.radiofeature .mod .controls.sliding .labels .entry {
    background: #a36528
}

body.radio.radiofeature .mod .controls.sliding .labels .entry.active {
    background: #fff
}

body.radio.radiofeature .mod .controls.sliding .next.active:hover, body.radio.radiofeature .mod .controls.sliding .prev.active:hover {
    background-color: #ce8136
}

body.radio.radiofeature .mod .controls.sliding .prev.active {
    background-position: 0 -900px;
    cursor: pointer
}

body.radio.radiofeature .con .mod .linklist .list, body.radio.radiofeature .con .mod .linklist .list li, body.radio.radiofeature .linklist .list, body.radio.radiofeature .linklist .list li {
    border-color: #6b6b6b
}

body.radio.radiofeature .con .modCon .mod .box {
    background: 0
}

body.radio.radiofeature .con .modCon .mod .box:hover, body.radio.radiofeature .con .modCon .mod .box.active {
    background: #a36528;
    color: #fff
}

body.radio.radiofeature .con .modCon .mod .box:hover a, body.radio.radiofeature .con .modCon .mod .box.active a {
    color: #fff
}

body.radio.radiofeature .con .modCon .mod.modPicture .box:hover, body.radio.radiofeature .con .modCon .modA .box:hover, body.radio.radiofeature .con .modCon .modA .box.active, body.radio.radiofeature .con .modCon .modA .mod.modPicture .box:hover a, body.radio.radiofeature .con .modCon .modA .box:hover a, body.radio.radiofeature .con .modCon .modA .box.active a {
    background: 0;
    color: #fff
}

body.radio.radiofeature .con .modCon .modA.modLinkList .boxCon .box.pluslink .teaser .headline {
    border-top: 1px solid #c99e64
}

body.radio.radiofeature .con .modCon .modA.modLinkList .boxCon .box.pluslink .teaser .headline:hover {
    background: #875728;
    text-decoration: none
}

body.radio.radiofeature .con .boxCon .box h3 {
    font-family: ThesisAntiqua, Georgia, serif;
    font-weight: normal;
    margin-top: -5px
}

body.radio.radiofeature .con .mod .controls {
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    border-color: #fff
}

body.radio.radiofeature .con .modSocialbar .agreement .text, body.radio.radiofeature .con .modSocialbar ul.shares li a, body.radio.radiofeature .con .modSocialbar ul.shares li a:hover {
    color: #000 !important
}

body.radio.radiofeature .con .modSocialbar {
    background: 0
}

body.radio.radiofeature .con .modParagraph .infokasten a, body.radio.radiofeature .con .modParagraph .infokasten a:hover, body.radio.radiofeature .con .modParagraph .infokasten {
    color: #000 !important
}

body.radio.radiofeature .sectionA .con.rf-logo {
    background: 0
}

body.radio.radiofeature .sectionA .box.viewA.rf-teaserbild {
    width: 35%;
    float: right;
    padding: 0
}

body.radio.radiofeature .modParagraph span.stand {
    display: none
}

body.radio.radiofeature .modParagraph .checklist {
    background: 0
}

body.radio.radiofeature .modParagraph .checklist ul li, .modParagraph ul.checklist li {
    font-size: 1em
}

body.radio.radiofeature .modParagraph .checklist {
    margin-top: -7px
}

body.radio.article.radiofeature .sectionArticle.sectionB .socialMedia, body.radio.article.radiofeature .sectionArticle.sectionC .socialMedia, body.radio.article.radiofeature .sectionArticle.sectionZ .socialMedia {
    display: none
}

body.radio.article.radiofeature .masternavi ul li a:hover, body.radio.article.radiofeature .masternavi ul li a:focus, body.radio.article.radiofeature .masternavi ul li a:active {
    color: #001a4b
}

#rundfunkbeitrag {
    margin: 0 auto;
    text-align: left;
    width: auto;
    font-size: 1.3em;
    margin: 0 5%
}

#rundfunkbeitrag #catNav {
    border-top: 3px solid #fff
}

#rundfunkbeitrag h1, #rundfunkbeitrag h2, #rundfunkbeitrag h3 {
    font-size: 1em;
    padding: 10px 0 0 0
}

#rundfunkbeitrag h4 {
    font-weight: normal;
    line-height: 3em
}

#rundfunkbeitrag span.betrag {
    font-size: 1em
}

#rundfunkbeitrag .center, #rundfunkbeitrag span.center, #rundfunkbeitrag ul li h2 span.center {
    position: relative;
    text-align: center;
    display: inline;
    float: right;
    margin-right: 15%;
    color: #fff;
    height: 46px
}

#rundfunkbeitrag ul.toggle_container li span.betrag {
    position: relative;
    text-align: center;
    display: inline;
    float: right;
    margin-right: 10%;
    font-weight: bold;
    color: #fff;
    clear: both;
    height: 46px
}

#rundfunkbeitrag #Dradio .center, #rundfunkbeitrag #LMA .center {
    top: 10px;
    font-size: 1.3em
}

#rundfunkbeitrag .imgBox {
    display: inline;
    float: left;
    clear: both;
    border: 0 solid green;
    width: 100%
}

#rundfunkbeitrag #Dradio, #rundfunkbeitrag #LMA {
    height: 46px
}

#rundfunkbeitrag #ZDF .imgBox {
    height: 92px
}

#rundfunkbeitrag #ARD_Gemeinschaft .imgBox {
    height: 138px
}

#rundfunkbeitrag #ARD_Lra .imgBox {
    height: 184px
}

#rundfunkbeitrag #ZDF .imgBox .center {
    top: 30px;
    font-size: 1.2em
}

#rundfunkbeitrag #ARD_Gemeinschaft .imgBox .center {
    top: 55px;
    font-size: 1.2em
}

#rundfunkbeitrag #ARD_Lra .imgBox .center {
    font-size: 1.2em
}

#rundfunkbeitrag .imgBox img {
    float: left;
    clear: both;
    padding: 0 0 0 10px
}

#rundfunkbeitrag #ZDF .imgBox img {
    padding: 10px 0 0 10px
}

#rundfunkbeitrag #ARD_Gemeinschaft .imgBox img {
    padding: 40px 0 0 10px
}

#rundfunkbeitrag #LMA, #rundfunkbeitrag #Dradio, #rundfunkbeitrag #ZDF, #rundfunkbeitrag #ARD_Gemeinschaft, #rundfunkbeitrag #ARD_Lra {
    overflow: hidden;
    clear: both;
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
    border-top: 3px solid #fff;
    min-height: 46px;
    line-height: 2em;
    font-size: .8em
}

#rundfunkbeitrag span.beschreibung, #rundfunkbeitrag span.beschreibung2 {
    border: 0 solid green;
    color: #fff;
    float: left;
    clear: both;
    padding: 0 0 0 10px
}

#rundfunkbeitrag #LMA span.beschreibung, #rundfunkbeitrag #Dradio span.beschreibung {
    padding: 7px 0 0 10px
}

#rundfunkbeitrag #ARD_Lra span.beschreibung {
    padding: 40px 0 0 10px
}

#rundfunkbeitrag #LMA, #rundfunkbeitrag #Dradio {
    background-color: #90a4b8;
    min-height: 46px
}

#rundfunkbeitrag #ZDF {
    background-color: #d27c19;
    min-height: 92px
}

#rundfunkbeitrag #ARD_Gemeinschaft {
    background-color: #003771
}

#rundfunkbeitrag #ARD_Lra {
    background-color: #0f538a
}

#rundfunkbeitrag #rfb_footer {
    clear: both;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    height: 28px
}

#rundfunkbeitrag #toggleBtn {
    float: right;
    color: #fff;
    font-size: .85em;
    width: 220px;
    background: #4f85bb;
    background: -moz-linear-gradient(top, #4f85bb 0, #4f85bb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f85bb), color-stop(100%, #4f85bb));
    background: -webkit-linear-gradient(top, #4f85bb 0, #4f85bb 100%);
    background: -o-linear-gradient(top, #4f85bb 0, #4f85bb 100%);
    background: -ms-linear-gradient(top, #4f85bb 0, #4f85bb 100%);
    background: linear-gradient(to bottom, #4f85bb 0, #4f85bb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f85bb', endColorstr='#4f85bb', GradientType=0);
    padding: 3px 0;
    margin: 10px;
    cursor: pointer;
    text-align: center
}

#rundfunkbeitrag #toggleBtn p {
    color: #fff;
    margin: 0;
    padding: 3px;
    font-size: .85em
}

#rundfunkbeitrag #toggleBtn.active {
    color: #fff;
    background: green
}

#rfb_footer .umrechnung {
    margin: 0 5%;
    border-top: 1px solid #fff;
    clear: both;
    float: right;
    padding: 10px 0
}

#rfb_footer .umrechnung span {
    color: #02336a;
    display: inline;
    font-size: .95em;
    margin: 0 auto
}

#rfb_footer .umrechnung span.strong {
    font-weight: bold
}

#rundfunkbeitrag .trigger.active, #rundfunkbeitrag h1.trigger.active, #rundfunkbeitrag h2.trigger.active, #rundfunkbeitrag h3.trigger.active, #rundfunkbeitrag .toggle_container ul li h2.trigger.active {
    display: block;
    margin: 0;
    background-image: url("http://web.ard.de/intern/rundfunkbeitrag/css/img/sprite.png");
    background-repeat: no-repeat;
    background-position: right 10px;
    cursor: pointer;
    list-style: none
}

#rundfunkbeitrag .trigger, #rundfunkbeitrag h1.trigger, #rundfunkbeitrag h2.trigger, #rundfunkbeitrag h3.trigger, #rundfunkbeitrag .toggle_container ul li h2.trigger {
    display: block;
    margin: 0;
    background-image: url("http://web.ard.de/intern/rundfunkbeitrag/css/img/sprite.png");
    background-repeat: no-repeat;
    background-position: right -280px;
    cursor: pointer;
    height: 46px
}

#rundfunkbeitrag h2.trigger, #rundfunkbeitrag h3.trigger, #rundfunkbeitrag .toggle_container ul li h2.trigger {
    font-weight: normal;
    font-size: .95em;
    line-height: 3em
}

#rundfunkbeitrag .toggle_container ul li h2.trigger {
    line-height: 2.7em
}

#rundfunkbeitrag #ARD_Gemeinschaft h2.trigger.level {
    background-color: #194b7f;
    padding: 0;
    margin: 0
}

#rundfunkbeitrag #ARD_Gemeinschaft h3.trigger.level {
    background-color: #194b7f;
    padding: 0;
    margin: 0
}

#rundfunkbeitrag #ARD_Gemeinschaft ul.toggle_container li {
    background-color: #335f8d
}

#rundfunkbeitrag #ARD_Lra h2, #rundfunkbeitrag #ARD_Gemeinschaft h2 {
    font-weight: normal;
    height: 46px;
    margin: 0;
    line-height: 3em
}

#rundfunkbeitrag #ARD_Lra h2, {
    background-color: #276495
}

#rundfunkbeitrag #ARD_Lra h3.trigger.level {
    background-color: #3f75a1;
    padding: 0;
    margin: 0
}

#rundfunkbeitrag #ARD_Lra ul.toggle_container li {
    background-color: #3f75a1
}

#rundfunkbeitrag .toggle_container ul.level2 li {
    text-indent: 1.5em
}

#rundfunkbeitrag .toggle_container ul.level3 li {
    text-indent: 2em;
    font-weight: normal;
    height: 46px
}

#rundfunkbeitrag .toggle_container ul.level4 li {
    text-indent: 2.5em;
    font-weight: normal;
    background-color: #476f98 !important
}

#rundfunkbeitrag ul li ul li ul li span.betrag {
    margin-right: 15% !important;
    font-weight: normal !important;
    font-size: .95em
}

#rundfunkbeitrag .toggle_container {
    background: #003771;
    width: 100%;
    padding: 0;
    padding: 0;
    clear: both;
    float: left;
    display: none
}

#rundfunkbeitrag ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%
}

#rundfunkbeitrag ul li {
    border-top: 1px solid #fff;
    margin: 0;
    text-indent: 1em
}

#rundfunkbeitrag .toggle_container ul li {
    border-top: 1px solid #8cb7ef;
    list-style: none;
    clear: both;
    line-height: 3em !important;
    background: #276495
}

#rundfunkbeitrag #ARD_Gemeinschaft .toggle_container ul li {
    background: #003771
}

#rundfunkbeitrag #ARD_Gemeinschaft .toggle_container ul li ul li ul li {
    background: #476f99
}

#rundfunkbeitrag #ARD_Gemeinschaft .toggle_container ul li ul li ul li ul li {
    background: #6c8cad !important;
    line-height: 1em !important;
    height: 46px;
    float: left;
    width: 100%;
    line-height: 2.5em !important
}

#rundfunkbeitrag #ARD_Gemeinschaft .toggle_container ul li ul li ul li ul li.tatort {
    line-height: 1.3em !important
}

#rundfunkbeitrag #ARD_Lra .toggle_container ul li {
    background: #276495
}

#rundfunkbeitrag #ARD_Lra .toggle_container ul li ul li ul li {
    background: #628db1
}

#rundfunkbeitrag span.rfb_einrueckung {
    margin-left: 2.5em
}

#rundfunkbeitrag {
    margin: 0 auto;
    text-align: left;
    width: auto;
    font-size: 1.3em;
    margin: 0 5%
}

#rundfunkbeitrag #catNav {
    border-top: 3px solid #fff
}

#rundfunkbeitrag h1, #rundfunkbeitrag h2, #rundfunkbeitrag h3 {
    font-size: 1em;
    padding: 10px 0 0 0
}

#rundfunkbeitrag h4 {
    font-weight: normal;
    line-height: 3em
}

#rundfunkbeitrag span.betrag {
    font-size: 1em
}

#rundfunkbeitrag .center, #rundfunkbeitrag span.center, #rundfunkbeitrag ul li h2 span.center {
    position: relative;
    text-align: center;
    display: inline;
    float: right;
    margin-right: 15%;
    color: #fff;
    height: 46px
}

#rundfunkbeitrag ul.toggle_container li span.betrag {
    position: relative;
    text-align: center;
    display: inline;
    float: right;
    margin-right: 10%;
    font-weight: bold;
    color: #fff;
    clear: both;
    height: 46px
}

#rundfunkbeitrag #Dradio .center, #rundfunkbeitrag #LMA .center {
    top: 10px;
    font-size: 1.3em
}

#rundfunkbeitrag .imgBox {
    display: inline;
    float: left;
    clear: both;
    border: 0 solid green;
    width: 100%
}

#rundfunkbeitrag #Dradio, #rundfunkbeitrag #LMA {
    height: 46px
}

#rundfunkbeitrag #ZDF .imgBox {
    height: 92px
}

#rundfunkbeitrag #ARD_Gemeinschaft .imgBox {
    height: 138px
}

#rundfunkbeitrag #ARD_Lra .imgBox {
    height: 184px
}

#rundfunkbeitrag #ZDF .imgBox .center {
    top: 30px;
    font-size: 1.2em
}

#rundfunkbeitrag #ARD_Gemeinschaft .imgBox .center {
    top: 55px;
    font-size: 1.2em
}

#rundfunkbeitrag #ARD_Lra .imgBox .center {
    font-size: 1.2em
}

#rundfunkbeitrag .imgBox img {
    float: left;
    clear: both;
    padding: 0 0 0 10px
}

#rundfunkbeitrag #ZDF .imgBox img {
    padding: 10px 0 0 10px
}

#rundfunkbeitrag #ARD_Gemeinschaft .imgBox img {
    padding: 40px 0 0 10px
}

#rundfunkbeitrag #LMA, #rundfunkbeitrag #Dradio, #rundfunkbeitrag #ZDF, #rundfunkbeitrag #ARD_Gemeinschaft, #rundfunkbeitrag #ARD_Lra {
    overflow: hidden;
    clear: both;
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
    border-top: 3px solid #fff;
    min-height: 46px;
    line-height: 2em;
    font-size: .8em
}

#rundfunkbeitrag span.beschreibung, #rundfunkbeitrag span.beschreibung2 {
    border: 0 solid green;
    color: #fff;
    float: left;
    clear: both;
    padding: 0 0 0 10px
}

#rundfunkbeitrag #LMA span.beschreibung, #rundfunkbeitrag #Dradio span.beschreibung {
    padding: 7px 0 0 10px
}

#rundfunkbeitrag #ARD_Lra span.beschreibung {
    padding: 40px 0 0 10px
}

#rundfunkbeitrag #LMA, #rundfunkbeitrag #Dradio {
    background-color: #90a4b8;
    min-height: 46px
}

#rundfunkbeitrag #ZDF {
    background-color: #d27c19;
    min-height: 92px
}

#rundfunkbeitrag #ARD_Gemeinschaft {
    background-color: #003771
}

#rundfunkbeitrag #ARD_Lra {
    background-color: #0f538a
}

#rundfunkbeitrag #rfb_footer {
    clear: both;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    height: 28px
}

#rundfunkbeitrag #toggleBtn {
    float: right;
    color: #fff;
    font-size: .85em;
    width: 220px;
    background: #4f85bb;
    background: -moz-linear-gradient(top, #4f85bb 0, #4f85bb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f85bb), color-stop(100%, #4f85bb));
    background: -webkit-linear-gradient(top, #4f85bb 0, #4f85bb 100%);
    background: -o-linear-gradient(top, #4f85bb 0, #4f85bb 100%);
    background: -ms-linear-gradient(top, #4f85bb 0, #4f85bb 100%);
    background: linear-gradient(to bottom, #4f85bb 0, #4f85bb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f85bb', endColorstr='#4f85bb', GradientType=0);
    padding: 3px 0;
    margin: 10px;
    cursor: pointer;
    text-align: center
}

#rundfunkbeitrag #toggleBtn p {
    color: #fff;
    margin: 0;
    padding: 3px;
    font-size: .85em
}

#rundfunkbeitrag #toggleBtn.active {
    color: #fff;
    background: green
}

#rfb_footer .umrechnung {
    margin: 0 5%;
    border-top: 1px solid #fff;
    clear: both;
    float: right;
    padding: 10px 0
}

#rfb_footer .umrechnung span {
    color: #02336a;
    display: inline;
    font-size: .95em;
    margin: 0 auto
}

#rfb_footer .umrechnung span.strong {
    font-weight: bold
}

#rundfunkbeitrag .trigger.active, #rundfunkbeitrag h1.trigger.active, #rundfunkbeitrag h2.trigger.active, #rundfunkbeitrag h3.trigger.active, #rundfunkbeitrag .toggle_container ul li h2.trigger.active {
    display: block;
    margin: 0;
    background-image: url("http://web.ard.de/intern/rundfunkbeitrag/css/img/sprite.png");
    background-repeat: no-repeat;
    background-position: right 10px;
    cursor: pointer;
    list-style: none
}

#rundfunkbeitrag .trigger, #rundfunkbeitrag h1.trigger, #rundfunkbeitrag h2.trigger, #rundfunkbeitrag h3.trigger, #rundfunkbeitrag .toggle_container ul li h2.trigger {
    display: block;
    margin: 0;
    background-image: url("http://web.ard.de/intern/rundfunkbeitrag/css/img/sprite.png");
    background-repeat: no-repeat;
    background-position: right -280px;
    cursor: pointer;
    height: 46px
}

#rundfunkbeitrag h2.trigger, #rundfunkbeitrag h3.trigger, #rundfunkbeitrag .toggle_container ul li h2.trigger {
    font-weight: normal;
    font-size: .95em;
    line-height: 3em
}

#rundfunkbeitrag .toggle_container ul li h2.trigger {
    line-height: 2.7em
}

#rundfunkbeitrag #ARD_Gemeinschaft h2.trigger.level {
    background-color: #194b7f;
    padding: 0;
    margin: 0
}

#rundfunkbeitrag #ARD_Gemeinschaft h3.trigger.level {
    background-color: #194b7f;
    padding: 0;
    margin: 0
}

#rundfunkbeitrag #ARD_Gemeinschaft ul.toggle_container li {
    background-color: #335f8d
}

#rundfunkbeitrag #ARD_Lra h2, #rundfunkbeitrag #ARD_Gemeinschaft h2 {
    font-weight: normal;
    height: 46px;
    margin: 0;
    line-height: 3em
}

#rundfunkbeitrag #ARD_Lra h2, {
    background-color: #276495
}

#rundfunkbeitrag #ARD_Lra h3.trigger.level {
    background-color: #3f75a1;
    padding: 0;
    margin: 0
}

#rundfunkbeitrag #ARD_Lra ul.toggle_container li {
    background-color: #3f75a1
}

#rundfunkbeitrag .toggle_container ul.level2 li {
    text-indent: 1.5em
}

#rundfunkbeitrag .toggle_container ul.level3 li {
    text-indent: 2em;
    font-weight: normal;
    height: 46px
}

#rundfunkbeitrag .toggle_container ul.level4 li {
    text-indent: 2.5em;
    font-weight: normal;
    background-color: #476f98 !important
}

#rundfunkbeitrag ul li ul li ul li span.betrag {
    margin-right: 15% !important;
    font-weight: normal !important;
    font-size: .95em
}

#rundfunkbeitrag .toggle_container {
    background: #003771;
    width: 100%;
    padding: 0;
    padding: 0;
    clear: both;
    float: left;
    display: none
}

#rundfunkbeitrag ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%
}

#rundfunkbeitrag ul li {
    border-top: 1px solid #fff;
    margin: 0;
    text-indent: 1em
}

#rundfunkbeitrag .toggle_container ul li {
    border-top: 1px solid #8cb7ef;
    list-style: none;
    clear: both;
    line-height: 3em !important;
    background: #276495
}

#rundfunkbeitrag #ARD_Gemeinschaft .toggle_container ul li {
    background: #003771
}

#rundfunkbeitrag #ARD_Gemeinschaft .toggle_container ul li ul li ul li {
    background: #476f99
}

#rundfunkbeitrag #ARD_Gemeinschaft .toggle_container ul li ul li ul li ul li {
    background: #6c8cad !important;
    line-height: 1em !important;
    height: 46px;
    float: left;
    width: 100%;
    line-height: 2.5em !important
}

#rundfunkbeitrag #ARD_Gemeinschaft .toggle_container ul li ul li ul li ul li.tatort {
    line-height: 1.3em !important
}

#rundfunkbeitrag #ARD_Lra .toggle_container ul li {
    background: #276495
}

#rundfunkbeitrag #ARD_Lra .toggle_container ul li ul li ul li {
    background: #628db1
}

#rundfunkbeitrag span.rfb_einrueckung {
    margin-left: 2.5em
}

#rundfunkbeitrag #ARD_Lra h4.trigger.level {
    background-color: #3f75a1;
    margin: 0;
    padding: 0;
    background-image: none
}

#rundfunkbeitrag #ARD_Gemeinschaft ul.level2 h3.trigger.level2 {
    background-color: #194b7f;
    background-image: none;
    cursor: default
}

#tatortintern {
    background: url(img/hg_tatort.jpg) 0 0;
    background-size: cover;
    margin: 0 !important;
    padding: 0 !important
}

#tatortintern .logo {
    background: url(img/tatort.png) 0 0 no-repeat;
    height: 64px;
    margin-bottom: 20px
}

#tatortintern.logo img {
    padding: 20px
}

#tatortintern #chartdiv {
    background: none !important;
    border: 0 solid red;
    margin: 0 !important;
    padding: 0 !important;
    height: 100px
}

#tatortintern #chartdiv path {
    cursor: pointer
}

#tatortintern #chartdiv text {
    fill: #132c52
}

#tatortintern #chartdiv div.amChartsLegend svg g {
    border: 1px solid red !important
}

body.ard.tw.tw2014 .modBroadcastList .boxCon {
    min-height: 140px;
    height: auto
}

body.ard.tw.tw2014 .modBroadcastList .box p.time, body.ard.tw.tw2014 .modBroadcastList .box h3.headline, body.ard.tw.tw2014 .modBroadcastList .box .linklist {
    width: 57%;
    padding: 0 0 0 43%;
    float: left
}

body.ard.tw.tw2014 .modBroadcastList .box .mediaCon {
    width: 40%;
    float: left;
    position: absolute;
    margin: 0
}

body.ard .con.tw2014hp {
    background: #134776 url("/image/1400922/16x9/4788620177725708894/1600") no-repeat right 0;
    background-size: 100% auto
}

.tw2014hp .mod.modMini .box {
    background: #fff
}

.tw2014hp .mod .box h3.ressort {
    display: none
}

.tw2014hp .conHeadline {
    text-indent: -9999px;
    width: 100%;
    height: 84px;
    padding-left: 0;
    padding-right: 0
}

.tw2014hp .mod .controls.sliding .prev.active {
    background-position: center -500px
}

.tw2014hp .mod .controls.sliding .next.active {
    background-position: center -400px
}

.tw2014hp .mod .controls.sliding .prev.active:hover, .tw2014hp .mod .controls.sliding .next.active:hover {
    background-color: #e9f1ff
}

.section .tw2014hp .modD .box:hover {
    background: #e9f1ff
}

.con.tw2014hp > div.linklist {
    margin-bottom: 0;
    padding-bottom: 8px
}

.con.tw2014hp .modCon.modConStage {
    background: #fff
}

.con.tw2014hp > div.linklist ul.list {
    float: left;
    border: 0;
    margin: 8px 0 0 8px
}

.con.tw2014hp > div.linklist ul.list li {
    background: 0;
    float: left;
    width: auto;
    border: 0;
    margin: 0 2px 2px 0
}

.con.tw2014hp > div.linklist ul.list li a {
    display: block
}

.con.tw2014hp > div.linklist ul.list li a {
    background: #ff1e00;
    float: left;
    padding: 7px 8px;
    color: #fff;
    float: left;
    width: auto;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 1em
}

.con.tw2014hp > div.linklist ul.list li a:hover {
    background: #ca1800
}

body.ard.tw.tw2014 {
    background: #fff url('/image/1638712/16x9/4788654134348693596/1600');
    background-size: cover;
    background-position: center top;
    background-attachment: fixed
}

body.ard.tw.tw2014 #header .masternavi li.ard a {
    color: #fff
}

body.ard.tw.tw2014 #header .masternavi li.ard a:hover {
    color: #001a4b
}

body.ard.tw.tw2014 #header .sectionA, body.ard.tw.tw2014 #footer .sectionA {
    background: 0
}

body.ard.tw.tw2014 iframe.iFrame.iframe {
    scroll: auto;
    overflow: auto:
}

#SCRBBL.scrbbl-autoscale #scrbbl-content-scrollable, #SCRBBL-CONTENT {
    border: 1px solid #f60 !important;
    overflow-y: scroll !important
}

body.ard.tw.tw2014 .twlogo {
    float: left;
    width: 63%
}

body.ard.tw.tw2014 #header .twlogo p {
    color: #fff;
    float: left;
    width: auto;
    margin: 16px 0 0 0
}

body.ard.tw.tw2014 .twlogo span {
    font-family: ThesisAntiqua, Georgia;
    font-size: 1.75em
}

body.ard.tw.tw2014 .twlogo span.twname {
    margin: 0;
    line-height: 130%
}

body.ard.tw.tw2014 .twlogo img {
    float: left;
    width: 46%;
    margin: 0 1% 0 0
}

body.ard.tw.tw2014 .twrubrik {
    float: right;
    width: 40%;
    text-align: right;
    font-family: ThesisAntiqua, Georgia;
    font-size: 2em;
    color: #001a4b;
    padding: 100px 0 0 0;
    display: none
}

body.ard.tw.tw2014 .sectionA .con {
    background: 0
}

body.ard.tw.tw2014 .sectionA .con .modCon .box {
    background: #fff
}

body.ard.tw.tw2014 .sectionA .con .modCon .box.active {
    background: #e4e7ee
}

body.ard.tw.tw2014 .sectionA .con.bannerlogo {
    background: 0
}

body.ard.tw.tw2014 .con .conHeadline {
    color: #24324c;
    text-shadow: 1px 1px 3px #fff
}

}
body.ard.tw.tw2014 .mod .controls.sliding .next, body.ard.tw.tw2014 .mod .controls.sliding .prev {
    cursor: default
}

body.ard.tw.tw2014 .mod .controls.sliding .next.active {
    background-position: 0 -400px;
    cursor: pointer
}

body.ard.tw.tw2014 .modCon, body.ard.tw.tw2014.article .sectionC .con {
    box-shadow: 0 0 7px #616a65;
    background: #fff
}

body.ard.tw.tw2014.article .sectionC .modCon {
    box-shadow: none;
    background: #fff
}

body.ard.tw.tw2014.article .sectionC {
    background: 0
}

body.ard.tw.tw2014.article .mod.modLinkList {
    padding-bottom: 8px
}

body.ard.tw.tw2014 .mod .controls.sliding .labels .entry {
    filter: none
}

body.ard.tw.tw2014 .mod .controls.sliding .prev.active {
    background-position: 0 -500px;
    cursor: pointer
}

body.ard.tw.tw2014 .con .mod .controls {
    background: #c7d0e2;
    border-color: #fff
}

body.ard.tw.tw2014 .poweruser {
    color: #001a4b
}

body.ard.tw.tw2014 .poweruser li.active {
    box-shadow: 0 0 5px #616a65
}

body.ard.tw.tw2014 .section.transparent .modCon {
    background: 0;
    box-shadow: none
}

body.ard.tw.tw2014 .section.transparent .modCon .box {
    background: 0
}

body.ard.tw.tw2014 .modConStage .modMini .box, body.ard.tw.tw2014 .modMini .box:hover, body.ard.tw.tw2014 .modPicture .box:hover, body.ard.tw.tw2014 .modTeaseronly .box:hover, body.ard.tw.tw2014 .modConGallery .modPicture .box, body.ard.tw.tw2014 .mod .controls, body.ard.tw.tw2014 .mod .linklist .list li a:hover, body.ard.tw.tw2014 .mod .linklist .list li a:focus, body.ard.tw.tw2014 .mod .linklist .list li a:active, body.ard.tw.tw2014 .modLinkList h4.headline:hover {
    background:
}

body.ard .sectionA.hptw14 .modConStage .modMini .box, body.ard .sectionA.hptw14 .modMini .box:hover, body.ard .sectionA.hptw14 .modPicture .box:hover, body.ard .sectionA.hptw14 .modTeaseronly .box:hover, body.ard .sectionA.hptw14 .modConGallery .modPicture .box, body.ard .sectionA.hptw14 .mod .linklist .list li a:hover, body.ard .sectionA.hptw14 .mod .linklist .list li a:focus, body.ard .sectionA.hptw14 .mod .linklist .list li a:active, body.ard .sectionA.hptw14 .modLinkList h4.headline:hover {
    background:;
    background: rgba(255, 255, 255, 0.5)
}

body.ard .sectionA.hptw14 .con {
    background: #fff url('/image/241978/32x9/7/1600');
    background-position: 0 0;
    repeat: no-repeat;
    background-size: cover
}

body.ard .sectionA.hptw14 h3.ressort {
    display: none
}

body.ard.tw.tw2014 #content .sectionC.tw-tv, body.ard.tw.tw2014 #content .sectionC.tw-radio, body.ard.tw.tw2014 #content .sectionC.tw-social, body.ard.tw.tw2014 #content .sectionC.tw-tv .con, body.ard.tw.tw2014 #content .sectionC.tw-radio .con, body.ard.tw.tw2014 #content .sectionC.tw-social .con {
    background: 0
}

body.ard.tw.tw2014 #content .sectionC.tw-tv .boxCon, body.ard.tw.tw2014 #content .sectionC.tw-radio .boxCon, body.ard.tw.tw2014 #content .sectionC.tw-social .boxCon {
    height: 208px
}

body.ard.tw.tw2014 #content .sectionC.tw-social .con .box .linklist {
    display: none
}

body.ard.tw.tw2014 #content .sectionC.tw-social .con .mediaCon {
    width: 96%
}

body.ard.tw.tw2014 #content .sectionC.tw-radio .media {
    background: #001a4b
}

body.ard.tw.tw2014 .modGlossar.shortNews .media {
    margin: 0 0 16px 0
}

body.ard.tw.tw2014 .modParagraph .infokasten, body.ard.tw.tw2014 .modParagraph .mediaInfo, body.ard.tw.tw2014 .modConStage .modMini .box.active, body.ard.tw.tw2014 .modConStage .modMini .box:hover, body.ard.tw.tw2014 .modConGallery .modPicture .box.active, body.ard.tw.tw2014 .modConGallery .modPicture .box:hover, body.ard.tw.tw2014 .modD.modMini .boxCon .box.active, body.ard.tw.tw2014 .modD.modMini .boxCon .box:hover, body.ard.tw.tw2014 .sectionA .con .modCon .box:hover {
    background: #e9f1ff
}

body.ard.tw.tw2014 .mod .linklist .list li a:hover {
    background: rgba(255, 255, 255, 0.3)
}

body.ard.tw.tw2014 .modCon, body.ard.tw.tw2014.article .sectionC .con {
    box-shadow: none
}

.hst2014 .mod.modMini .boxCon {
    background: #134776 url("/image/1340372/64x9/4788611593577904574/1024") no-repeat right 209px;
    background-size: 100% auto
}

.hst2014 .mod.modMini .box {
    background: #fff
}

.hst2014 .conHeadline {
    text-indent: -9999px;
    width: 100%;
    height: 84px;
    padding-left: 0;
    padding-right: 0;
    background: #134776 url("/image/1340322/64x9/4788611654266765686/1280") no-repeat right top;
    background-size: 100% auto
}

.hst2014 .mod .controls.sliding .prev.active {
    background-position: center -500px
}

.hst2014 .mod .controls.sliding .next.active {
    background-position: center -400px
}

.hst2014 .mod .controls.sliding .prev.active:hover, .hst2014 .mod .controls.sliding .next.active:hover {
    background-color: rgba(255, 201, 56, 1)
}

.section .hst2014 .modD .box:hover {
    background: #ffc938
}

.con.hst2014 > div.linklist {
    background: #134776 url("/image/1340372/64x9/4788611593577904574/1024") no-repeat right top;
    margin-bottom: 0;
    padding-bottom: 8px
}

.con.hst2014 > div.linklist ul.list {
    float: left;
    border: 0;
    margin: 8px 0 0 8px
}

.con.hst2014 > div.linklist ul.list li {
    background: 0;
    float: left;
    width: auto;
    border: 0;
    margin: 0 2px 2px 0
}

.con.hst2014 > div.linklist ul.list li a {
    display: block
}

.con.hst2014 > div.linklist ul.list li a {
    background: #fff;
    float: left;
    padding: 7px 8px;
    color: #001a4b;
    float: left;
    width: auto;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 1em
}

.con.hst2014 > div.linklist ul.list li a:hover {
    background: #ffc938
}

body.radio.hst-2014 {
    background: #052d69
}

body.radio.hst-2014 .hst-logo .boxCon {
    background: 0
}

body.radio.hst-2014 .hst-logo .mod .box {
    float: right;
    width: 70%;
    margin-top: -10px;
    margin-bottom: 10px
}

body.hst-2014 .section.sectionA, body.hst-2014 .section.sectionB, body.hst-2014 .section.sectionC, body.hst-2014 .section.sectionZ {
    background: 0
}

body.hst-2014 #content {
    background: 0
}

body.hst-2014 .con {
    background: 0;
    color: #001a4b
}

body.hst-2014 .con a {
    color: #001a4b
}

body.hst-2014 .con a.mediaLink {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

body.hst-2014 .conHeadline {
    color: #ffc938;
    margin-top: 10px
}

body.hst-2014 .pin .conHeadline {
    color: #a8ce3b
}

body.hst-2014 .mod.modLinkList .boxCon {
    padding-top: 12px
}

body.hst-2014 .mod iframe {
    border-bottom: 3px solid #ffc938 !important;
    margin-top: -4px !important
}

body.hst-2014 .mod .boxCon, body.hst-2014 .sectionZ.sectionArticle, body.hst-2014 .sectionC.sectionArticle, body.hst-2014 .modConGallery {
    background: rgba(255, 255, 255, 1)
}

body.hst-2014 .modConGallery .boxCon {
    background: 0
}

body.hst-2014 .modMini .box {
    background: 0
}

body.hst-2014 .sectionZ.sectionArticle .modParagraph span.stand, body.hst-2014 .sectionC.sectionArticle .modParagraph span.stand {
    display: none
}

body.hst-2014 .sectinaA .mod .box.active, body.hst-2014 .sectionA .mod .box:hover {
    background: #ffc938 !important;
    cursor: pointer
}

body.hst-2014 .pin .mod .box.active, body.hst-2014 .pin .mod .box:hover, body.radio.hst-2014 .pin .mod .box.active, body.radio.hst-2014 .pin .mod .box:hover {
    background: #a8ce3b !important;
    cursor: pointer
}

body.radio.hst-2014 .hst-logo .mod .box:hover, body.radio.hst-2014 .mod.modParagraph .box:hover, body.radio.hst-2014 .mod .box.modSocialbar:hover {
    background: none !important
}

body.radio.hst-2014 .mod.modParagraph .box:hover {
    cursor: text
}

body.hst-2014 .mod .controls {
    background: rgba(255, 255, 255, 1);
    border: 0
}

body.hst-2014 .button, body.hst-2014 .button a, body.hst-2014 .mod .controls.buttonfield a {
    background: #073764;
    color: #fff
}

body.hst-2014 .mod .controls .labels .entry {
    background: #0b3d6a
}

body.hst-2014 .con .linklist {
    background: #fff;
    padding-top: 8px;
    padding-bottom: 8px
}

body.hst-2014 .mod .linklist {
    background: 0;
    padding-top: 0;
    padding-bottom: 0
}

body.hst-2014 .mod .linklist .list li, body.hst-2014 .mod .linklist .list {
    border-color: #e1e1e1
}

body.hst-2014 .mod .linklist .list a:hover, body.hst-2014 .mod .linklist .list a:focus, body.hst-2014 .mod .linklist .list a.active {
    background: #e9ebef
}

body.radio.hst-2014 .mod .controls .prev {
    background-position: center -500px
}

body.radio.hst-2014 .mod .controls .next {
    background-position: center -400px
}

body.radio.hst-2014 .mod .controls.sliding .prev.active:hover {
    background-color: #ffc938
}

body.radio.hst-2014 .mod .controls.sliding .next.active:hover {
    background-color: #ffc938
}

body.hst-2014 .modGallery .controls {
    background: transparent
}

body.hst-2014 .mod .controls.sliding .labels .entry {
    background: rgba(1, 28, 78, 0.3)
}

body.hst-2014 .mod .controls.sliding .labels .entry.active {
    background: #011c4e
}

body.hst-2014 .mod .headline {
    font-weight: bold
}

body.hst-2014 .conHeadline {
    font-family: ThesisAntiqua, Georgia, serif
}

body.hst-2014 .hst-scribble iframe {
    margin: 0 -1% !important;
    width: 102%
}

body.hst-2014 .modParagraph .checklist, body.hst-2014 .modParagraph .infokasten {
    background: #e9ebef
}

body.hst-2014 .hst-voting iframe {
    height: 1000px
}

body.hst-2014 .hst-voting .box {
    width: 100%
}

body.hst-2014 .modQuiz.tdm .answer, body.hst-2014 .modQuiz.tdm .vote-detail .vote-content .tdmNumber {
    background: #1c4f7d
}

body.hst-2014 .modQuiz.tdm .tdmNumber {
    display: none
}

body.hst-2014 .modQuiz.tdm .voteresult .tdmNumber {
    display: block
}

body.hst-2014 .modQuiz.tdm .voteresult .vote-detail .vote-content .tdmNumber {
    background: 0
}

body.hst-2014 .modQuiz.tdm .answer, body.hst-2014 .modQuiz.tdm.voting .vote-detail {
    border: 0;
    margin-bottom: 10px
}

body.hst-2014 .modQuiz.voting .teasertext {
    border: 0
}

body.hst-2014 .modQuiz.tdm .answer .link .tdmName, .modQuiz.tdm .vote-detail .vote-content .tdmName {
    padding: 2% 0 0 2% !important
}

body.hst-2014 .modQuiz.tdm .answer .link .tdmNumber, body.hst-2014 .modQuiz.tdm .vote-detail .vote-content .tdmNumber {
    color: #093967
}

body.hst-2014 .modQuiz.tdm .teasertext {
    padding-top: 5px;
    font-size: 1em;
    font-weight: normal
}

body.hst-2014 .modQuiz.tdm.voting .vote-detail .vote-percent {
    background: #073764
}

body.hst-2014 .modQuiz.tdm.voting .vote-detail .vote-bar {
    background: #f2b81a
}

body.hst-2014 .modQuiz.tdm.voting .vote-detail .vote-bar-container {
    background: #fff
}

body.hst-2014 .voteDisclaimer {
    margin: 20px 0 0 0;
    float: left;
    clear: both;
    font-size: 1em
}

body.hst-2014 .quittung {
    width: 100%;
    height: 100%;
    background: #1c4f7d;
    position: relative;
    float: left
}

body.hst-2014 .quittung p {
    width: 90%;
    padding: 0 5%;
    text-align: center;
    height: 200px;
    margin: 0 auto 0 auto !important;
    top: 5%;
    left: 0 !important;
    font-size: 1.75em;
    position: absolute;
    line-height: 120%
}

body.hst-2014 .mod .ressort a:hover, body.hst-2014 .mod .ressort a:focus, body.hst-2014 .mod .ressort a:active {
    display: none
}

body.hst-2014 .poweruser ul li a {
    filter: none;
    background: rgba(255, 255, 255, 1);
    color: #001a4b
}

body.hst-2014 .poweruser ul li a:hover {
    background: #ffc938
}

body.hst-2014 .poweruser ul li.active a {
    filter: none;
    background: #001a4b;
    color: #fff
}

body.ard.tw.tw2014-schule {
    background: #fff url('/image/1196094/16x9/01/1600');
    background-size: cover;
    background-position: center top;
    background-attachment: fixed
}

body.ard .con.buchmesse_ffm h3.ressort {
    display: none !important
}

.con.buchmesse_ffm {
    color: #000;
    background: #fff
}

.con.buchmesse_ffm a {
    color: #000
}

.con.buchmesse_ffm #content {
    background: 0
}

body.kultur .con.buchmesse_ffm h2.conHeadline, body.ard .con.buchmesse_ffm h2.conHeadline {
    background-color: #90060b;
    background-image: url("/image/408930/16x9/4788608864074564191/512");
    background-position: right -18px;
    background-repeat: no-repeat;
    background-size: 20% auto;
    color: #fff;
    margin: 0;
    padding: 16px 0;
    text-indent: 10px;
    width: 100%
}

.con.buchmesse_ffm .mod .linklist .list, .con.buchmesse_ffm .mod .linklist .list li {
    border-color: #717171
}

.con.buchmesse_ffm .modCon .mod .box {
    background: 0
}

.con.buchmesse_ffm .modCon .mod .box:hover, .con.buchmesse_ffm .modCon .mod .box.active {
    background: #cbd2e0
}

.con.buchmesse_ffm .modCon .mod.modStopper .box:hover, .con.buchmesse_ffm .modCon.modConStage .mod.modStage .box:hover {
    background: 0
}

.con.buchmesse_ffm .mod .controls {
    background: #cbd2e0;
    border-color: #90060b;
    background: #90060b
}

.con.buchmesse_ffm .modConStage .modMini .boxCon {
    background: #e9ebef
}

.con.buchmesse_ffm .mod .controls.sliding .labels .entry {
    background: #450003
}

.con.buchmesse_ffm .mod .controls.sliding .labels .entry.active {
    background: #90060b;
    background: #fff
}

.con.buchmesse_ffm .mod .controls.sliding .prev.active {
    background-color: none;
    background-position: 0 -900px
}

.con.buchmesse_ffm .mod .controls.sliding .next.active {
    background-color: none;
    background-position: 0 -800px
}

color:#24324c

}
background:

0
}
body.radio.weihnachten_krise .mod.modBreakingNews {
    border: 0
}

background:
url

(
'/pool/img/base/icon/arrow_slider.png'
)
no-repeat center

-
900
px

}
.con.weihnachten .mod .controls.sliding .prev.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center -900px
}

background:
url

(
'/pool/img/base/icon/arrow_slider.png'
)
no-repeat center

-
430
px

}
.con.weihnachten {
    background: #6f5352
}

.con.weihnachten .modMini .box.active, .con.weihnachten .modMini .box:hover {
    background: rgba(255, 210, 5, 0.25)
}

.con.weihnachten .box a, .con.weihnachten .box.active a, .con.weihnachten .box:hover a {
    color: #5c3e04
}

.con.weihnachten .conHeadline {
    color: #422c01
}

body.ard .con.weihnachten .modMini .ressort {
    display: none !important
}

body.radio.weihnachten_kinder {
    background-image: url("/image/1447316/2x3/4788627541755449278/1024");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover
}

body.radio.weihnachten_krise {
    background-image: url('/image/1447404/2x3/4788627185918707750/1024');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover
}

body.radio.weihnachten_advent {
    background-image: url("/image/1447614/2x3/4788627267670246390/1024");
    background-attachment: fixed;
    background-repeat: repeat
}

body.radio.weihnachten_kinder .con, body.radio.weihnachten_advent .con {
    background: rgba(255, 255, 255, 0.8)
}

body.radio.weihnachten_krise .con {
    background: rgba(255, 255, 255, 0.6)
}

body.radio.weihnachten_krise .sectionZ, body.radio.weihnachten_krise .sectionC, body.radio.weihnachten_krise .sectionB, body.radio.weihnachten_kinder .sectionB, body.radio.weihnachten_kinder .sectionZ, body.radio.weihnachten_kinder .sectionC, body.radio.weihnachten_advent .sectionB, body.radio.weihnachten_advent .sectionZ, body.radio.weihnachten_advent .sectionC {
    background: 0
}

.con.weihnachten2014 {
    background: #6f5352
}

.con.weihnachten2014 .modMini .box.active, .con.weihnachten2014 .modMini .box:hover {
    background: #d3c4bd
}

.con.weihnachten2014 .box a, .con.weihnachten2014 .box.active a, .con.weihnachten2014.box:hover a {
    color: #785149
}

.con.weihnachten2014 .conHeadline {
    color: #fff
}

body.ard .con.weihnachten2014 .modMini .ressort {
    display: none !important
}

.con.weihnachten2014 {
    background-image: url("/image/570438/16x9/4788627258275824894/1024")
}

.con.weihnachten2014 .modCon .box {
    background: rgba(255, 255, 255, 0.8)
}

.con.weihnachten2014 .box.active a, .con.weihnachten2014.box:hover a {
    color: #422c01;
    background: rgba(255, 210, 5, 0.9)
}

.con.weihnachten2014 .mod .controls {
    background: 0
}

.con.weihnachten2014 .mod .controls.sliding .next.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center -800px
}

.con.weihnachten2014 .mod .controls.sliding .labels .entry.active {
    padding: 0;
    background: #d3c4bd
}

.con.weihnachten2014 .mod .controls.sliding .prev.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center -900px
}

.con.weihnachten .linklist .list li {
    border-bottom: 1px solid #5c3e04
}

.con.weihnachten .linklist .list {
    border-top: 1px solid #5c3e04
}

.con.weihnachten .linklist .list li a {
    color: #5c3e04
}

.con.weihnachten .linklist .list li a:hover {
    background: rgba(254, 210, 5, 0.3)
}

body.radio.weihnachten_advent .modTeaseronly .box:hover {
    background: 0
}

body.radio.weihnachten_advent .mod .controls {
    background: 0
}

body.radio.weihnachten_krise .mod.modBreakingNews .ressort {
    background: 0
}

body.radio.weihnachten_krise .mod.modBreakingNews {
    border: 0
}

body.radio.weihnachten_krise .mod.modBreakingNews .ressort {
    color: #24324c
}

body.radio.weihnachten_krise .modCon .boxCon .box .teaser h4.headline {
    color: #24324c
}

body.radio.weihnachten_advent .mod .linklist .list li {
    border-bottom: 1px solid #5c3e04
}

body.radio.weihnachten_advent .mod .linklist .list {
    border-top: 1px solid #5c3e04
}

body.radio.weihnachten_heiligabend .con.weihnachten h2.conHeadline, body.radio.weihnachten_heiligabend .con.weihnachten .modCon .boxCon h4.headline a {
    color: #9f171b
}

body.radio.weihnachten_heiligabend .con.weihnachten .linklist .list li a:hover {
    background: #f1e2e2
}

body.radio.weihnachten_heiligabend .mod .teasertext {
    color: #9f171b
}

body.radio.weihnachten_heiligabend .modConStage .modMini .box, body.radio.weihnachten_heiligabend .modTeaseronly .box:hover, body.radio.weihnachten_heiligabend.modConGallery .modPicture .box, body.radio.weihnachten_heiligabend .mod .controls {
    background: 0
}

body.radio.weihnachten_heiligabend .con.weihnachten .box a, body.radio.weihnachten_heiligabend .con.weihnachten .box.active a, body.radio.weihnachten_heiligabend .con.weihnachten .box:hover a {
    color: #9f171b
}

body.radio.weihnachten_heiligabend .con.weihnachten .linklist .list li a {
    color: #9f171b
}

body.radio.weihnachten_heiligabend .con.weihnachten .modMini .box.active, body.radio.weihnachten_heiligabend .con.weihnachten .modMini .box:hover {
    background: #efd7d8
}

body.radio.weihnachten_heiligabend .mod .linklist .list li {
    border-bottom: 1px solid #cf2f3e
}

body.radio.weihnachten_heiligabend .mod .linklist .list {
    border-top: 1px solid #cf2f3e
}

body.radio.weihnachten_heiligabend .con {
    background: 0
}

body.radio.weihnachten_heiligabend .sectionA, body.radio.weihnachten_heiligabend .sectionB, body.radio.weihnachten_heiligabend .sectionZ, body.radio.weihnachten_heiligabend .sectionC {
    background: rgba(255, 255, 255, 0.7)
}

body.radio.weihnachten_heiligabend .mod .controls.sliding .labels .entry.active {
    background: #9f171b
}

body.radio.weihnachten_heiligabend {
    background-image: url("/image/1498854/16x9/4788636057574799277/1600");
    background-attachment: fixed;
    background-size: cover
}

body.radio.weihnachten_heiligabend .con.weihnachten .linklist .list li {
    border-bottom: 1px solid #cf2f3e
}

body.radio.weihnachten_heiligabend .con.weihnachten .linklist .list {
    border-top: 1px solid #cf2f3e
}

body.radio.weihnachten_heiligabend .masternavi .section, body.radio.weihnachten_heiligabend #header .wrapper .section.sectionA, body.radio.weihnachten_heiligabend #footer .section {
    background: 0
}

body.wissen.ns-zeit {
    background-image: url('/image/1595572/16x9/4788649872022453092/1280');
    background-color: #000;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover
}

body.wissen.ns-zeit .conHeadline {
    color: #516384
}

body.ard .con.berlinale h3.ressort {
    display: none !important
}

.con.berlinale {
    color: #fff;
    background: url('/image/734434/16x9/4788522225907826172/1024') no-repeat scroll center top / cover
}

.con.berlinale a {
    color: #fff
}

.con.berlinale #content {
    background: 0
}

.con.berlinale .conHeadline {
    color: #fff;
    height: 35px;
    padding-top: 65px;
    padding-bottom: 0
}

.con.berlinale .mod .linklist .list, .con.berlinale .mod .linklist .list li {
    border-color: #717171
}

.con.berlinale .modCon .mod .box {
    background: #000
}

.con.berlinale .modCon .mod .box {
    background: #fff
}

.con.berlinale .modCon .mod .box:hover, .con.berlinale .modCon .mod .box.active {
    background: #e9ebef;
    color: #2b2b2b
}

.con.berlinale .modCon .mod .box a, .con.berlinale .modCon .mod .box p.dachzeile {
    color: #2b2b2b
}

.con.berlinale .modCon .mod .box:hover a, .con.berlinale .modCon .mod .box.active a {
    color: #2b2b2b
}

.con.berlinale .modCon .modA .box:hover, .con.berlinale .modCon .modA .box.active, .con.berlinale .modCon .modA .box:hover a, .con.berlinale .modCon .modA .box.active a {
    background: #e9ebef;
    color: #fff
}

.con.berlinale .mod .controls {
    background-color: transparent;
    border-color: transparent
}

.con.berlinale .mod .controls.sliding .next.active {
    background-position: center -800px
}

.con.berlinale .mod .controls.sliding .prev.active {
    background-position: center -900px
}

.con.berlinale .mod .controls.sliding .labels .entry {
    background: #516384
}

.con.berlinale .mod .controls.sliding .labels .entry.active {
    background: #fff
}

body.ard .con.esc h3.ressort {
    display: none !important
}

.con.esc {
    color: #3c404b;
    background: url('/image/837618/16x9/4788661124230888812/832') no-repeat top right #250301;
    padding-top: 90px;
    padding-bottom: 0;
    color: #fff
}

.con.esc a {
    color: #3c404b
}

.con.esc #content {
    background: 0
}

.con.esc .conHeadline {
    color: #fff;
    display: block;
    margin-top: -2.5em
}

.con.esc .mod .linklist .list, .con.esc .mod .linklist .list li {
    border-color: #717171
}

.con.esc .modCon .mod .box {
    background: #fff
}

.con.esc .modCon .mod.modD .box, .con.esc .modCon .mod.modE .box {
    background: #7a1106;
    color: #fff
}

.con.esc .modCon .mod.modD .box a, .con.esc .modCon .mod.modE .box a {
    color: #fff
}

.con.esc .modCon .mod .box:hover, .con.esc .modCon .mod .box.active {
    background: #550800;
    color: #fff
}

.con.esc .modCon .mod .box:hover a, .con.esc .modCon .mod .box.active a {
    color: #fff
}

.con.esc .modCon.modConStage .mod.modA.modStage .box, .con.esc .modCon.modConStage .mod.modA.modStage .box:hover, .con.esc .modCon.modConStage .mod.modA.modStage .box:hover a, .con.esc .modCon.modConStage .mod.modA.modStage .box.active a {
    background: #fff;
    color: #3c404b
}

.con.esc .mod .controls {
    background-color: transparent;
    border-color: transparent
}

.con.esc .mod .controls.sliding .next.active {
    background-position: center -800px
}

.con.esc .mod .controls.sliding .prev.active:hover, .con.esc .mod .controls.sliding .next.active:hover {
    background-color: #7a1106
}

.con.esc .mod .controls.sliding .prev.active {
    background-position: center -900px
}

.con.esc .mod .controls.sliding .labels .entry {
    background: #7a1106
}

.con.esc .mod .controls.sliding .labels .entry.active {
    background: #fff
}

.con.esc > div.linklist ul.list {
    float: left;
    border: 0;
    margin: 8px 0 0 8px
}

.con.esc > div.linklist ul.list li {
    background: 0;
    float: left;
    width: auto;
    border: 0;
    margin: 0 2px 2px 0
}

.con.esc > div.linklist ul.list li a {
    display: block
}

.con.esc > div.linklist ul.list li a {
    background: #4ea7ff;
    background: -moz-linear-gradient(top, #4ea7ff 0, #3e69d7 101%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4ea7ff), color-stop(100%, #3e69d7));
    background: -webkit-linear-gradient(top, #4ea7ff 0, #3e69d7 101%);
    background: -o-linear-gradient(top, #4ea7ff 0, #3e69d7 101%);
    background: -ms-linear-gradient(top, #4ea7ff 0, #3e69d7 101%);
    background: linear-gradient(to bottom, #4ea7ff 0, #3e69d7 101%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ea7ff', endColorstr='#3e69d7', GradientType=0);
    float: left;
    padding: 7px 8px;
    color: #fff;
    float: left;
    width: auto;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    font-size: 1em
}

.con.esc > div.linklist ul.list li a:hover {
    background: #4ea6fe
}

body.ard .con.buchmesse_l h3.ressort {
    display: none !important
}

.con.buchmesse_l {
    color: #fff;
    padding-top: 90px;
    padding-bottom: 0;
    background: url('/image/831798/16x9/4788534550563369747/1088') no-repeat top right #1a2635;
    background-position: right -4px
}

.con.buchmesse_l a {
    color: #fff
}

.con.buchmesse_l #content {
    background: 0
}

.con.buchmesse_l .conHeadline {
    display: none;
    color: #fff;
    height: 35px;
    padding-top: 65px;
    padding-bottom: 0
}

.con.buchmesse_l .mod .linklist .list, .con.buchmesse_l .mod .linklist .list li {
    border-color: #717171
}

.con.buchmesse_l .modCon .mod .box {
    background: #000
}

.con.buchmesse_l .modCon .mod .box {
    background: #fff
}

.con.buchmesse_l .modCon .mod .box:hover, .con.buchmesse_l .modCon .mod .box.active {
    background: #cbe2ee;
    color: #001a4b
}

.con.buchmesse_l .modCon .mod .box a, .con.buchmesse_l .modCon .mod .box p.dachzeile {
    color: #001a4b
}

.con.buchmesse_l .modCon .mod .box:hover a, .con.buchmesse_l .modCon .mod .box.active a {
    color: #001a4b
}

.con.buchmesse_l .modCon .modA .box:hover, .con.buchmesse_l .modCon .modA .box.active, .con.buchmesse_l .modCon .modA .box:hover a, .con.buchmesse_l .modCon .modA .box.active a {
    background: #cbe2ee;
    color: #001a4b
}

.con.buchmesse_l .mod .controls {
    background-color: transparent;
    border-color: transparent
}

.con.buchmesse_l .mod .controls.sliding .next.active {
    background-position: center -800px
}

.con.buchmesse_l .mod .controls.sliding .prev.active {
    background-position: center -900px
}

.con.buchmesse_l .mod .controls.sliding .labels .entry {
    background: #34566b
}

.con.buchmesse_l .mod .controls.sliding .labels .entry.active {
    background: #fff
}

.con.buchmesse_l > div.linklist ul.list {
    float: left;
    border: 0;
    margin: 0 0 0 8px
}

.con.buchmesse_l > div.linklist ul.list li {
    background: 0;
    float: left;
    width: auto;
    border: 0;
    margin: 0 2px 2px 0
}

.con.buchmesse_l > div.linklist ul.list li a {
    display: block
}

.con.buchmesse_l > div.linklist ul.list li a {
    background: #436580;
    background: -moz-linear-gradient(top, #436580 0, #2f4c63 101%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #436580), color-stop(100%, #2f4c63));
    background: -webkit-linear-gradient(top, #436580 0, #2f4c63 101%);
    background: -o-linear-gradient(top, #436580 0, #2f4c63 101%);
    background: -ms-linear-gradient(top, #436580 0, #2f4c63 101%);
    background: linear-gradient(to bottom, #436580 0, #2f4c63 101%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#436580', endColorstr='#2f4c63', GradientType=0);
    float: left;
    padding: 7px 8px;
    color: #fff;
    float: left;
    width: auto;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    font-size: 1em
}

.con.buchmesse_l > div.linklist ul.list li a:hover {
    background: #5d819d
}

body.ratgeber.ostern2015 {
    background-image: url("/image/1741530/16x9/4788669291624970683/1600");
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #78776e
}

body.ratgeber.ostern2015 #content .wrapper .section.sectionC .con h2.conHeadline {
    font-size: 1.5em
}

body.ratgeber.ostern2015 #content .wrapper .section.sectionA, body.ratgeber.ostern2015 #content .wrapper .section.sectionB, body.ratgeber.ostern2015 #content .wrapper .section.sectionC, body.ratgeber.ostern2015 #content .wrapper .section.sectionZ {
    background: 0
}

body.ratgeber.ostern2015 #content .wrapper .section.sectionA.specialIntro .con.specialIntro, body.ratgeber.ostern2015 #content .wrapper .section.sectionC .con, body.ratgeber.ostern2015 #content .wrapper .section.sectionZ .con, body.ratgeber.ostern2015 #content .wrapper .section.sectionA .con {
    background-color: rgba(255, 255, 255, 0.9)
}

body.ratgeber.ostern2015 .modConStage .modMini .box, body.ratgeber.ostern2015 .modMini .box:hover, body.ratgeber.ostern2015 .modPicture .box:hover, body.ratgeber .modTeaseronly .box:hover, body.ratgeber.ostern2015 .modConGallery .modPicture .box, body.ratgeber.ostern2015 .mod .controls {
    background-color: #d0c9c4
}

body.ratgeber.ostern2015 .con .mod .controls.sliding .next.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center -800px
}

body.ratgeber.ostern2015 .mod .controls.sliding .next.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center 0
}

body.ratgeber.ostern2015 .mod .controls.sliding .prev.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center -900px
}

body.ratgeber.ostern2015 #content .con .modCon .controls.sliding .labels .entries .entry.active {
    padding: 0;
    background: #736455
}

body.ratgeber.ostern2015 .modConStage .modMini .box, body.ratgeber.ostern2015 .modMini .box:hover, body.ratgeber.ostern2015 .modPicture .box:hover, body.ratgeber.ostern2015 .modTeaseronly .box:hover, body.ratgeber.ostern2015 .modConGallery .modPicture .box, body.ratgeber.ostern2015 .mod .controls {
    background-color: rgba(170, 160, 150, 0.5)
}

body.ratgeber.ostern2015 .conHeadline {
    color: #55483c
}

body.ratgeber.ostern2015 .teaser h4.headline a {
    color: #736455
}

body.ratgeber.ostern2015 p.dachzeile {
    color: #403327
}

body.ratgeber.ostern2015 p.teasertext {
    color: #736455
}

body.ratgeber.ostern2015 h4.headline {
    color: #55483c
}

body.ratgeber.ostern2015 .mod.modA.modMini .boxCon .box .teaser .mediaCon .media.mediaA a.mediaLink .img {
    float: left;
    width: 100%;
    padding: 0 0 5px 0;
    border: 0 solid #F00
}

body.ratgeber.vegan2015 {
    background-image: url(" /image/1744422/16x9/4788669309197003667/1600");
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #78776e
}

body.ratgeber.vegan2015 #content .wrapper .section.sectionC .con h2.conHeadline {
    font-size: 1.5em
}

body.ratgeber.vegan2015 #content .wrapper .section.sectionA, body.ratgeber.vegan2015 #content .wrapper .section.sectionB, body.ratgeber.vegan2015 #content .wrapper .section.sectionC, body.ratgeber.vegan2015 #content .wrapper .section.sectionZ {
    background: 0
}

body.ratgeber.vegan2015 #content .wrapper .section.sectionA.specialIntro .con.specialIntro, body.ratgeber.vegan2015 #content .wrapper .section.sectionC .con, body.ratgeber.vegan2015 #content .wrapper .section.sectionZ .con, body.ratgeber.vegan2015 #content .wrapper .section.sectionA .con {
    background-color: rgba(255, 255, 255, 0.9)
}

body.ratgeber.vegan2015 .modConStage .modMini .box, body.ratgeber.vegan2015 .modMini .box:hover, body.ratgeber.vegan2015 .modPicture .box:hover, body.ratgeber.vegan2015 .modTeaseronly .box:hover, body.ratgeber.vegan2015 .modConGallery .modPicture .box, body.ratgeber.vegan2015 .mod .controls {
    background-color: #d0c9c4
}

body.ratgeber.vegan2015 .con .mod .controls.sliding .next.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center -800px
}

body.ratgeber.vegan2015 .mod .controls.sliding .next.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center 0
}

body.ratgeber.vegan2015 .mod .controls.sliding .prev.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center -900px
}

body.ratgeber.vegan2015 #content .con .modCon .controls.sliding .labels .entries .entry.active {
    padding: 0;
    background: #566528
}

body.ratgeber.vegan2015 .modConStage .modMini .box, body.ratgeber.vegan2015 .modMini .box:hover, body.ratgeber.vegan2015 .modPicture .box:hover, body.ratgeber.vegan2015 .modTeaseronly .box:hover, body.ratgeber.vegan2015 .modConGallery .modPicture .box, body.ratgeber.vegan2015 .mod .controls {
    background-color: rgba(160, 170, 85, 0.5)
}

body.ratgeber.vegan2015 .conHeadline {
    color: #495a0b
}

body.ratgeber.vegan2015 .teaser h4.headline a {
    color: #566528
}

body.ratgeber.vegan2015 p.dachzeile {
    color: #403327
}

body.ratgeber.vegan2015 p.teasertext, {
    color: #24324c
}

body.ratgeber.vegan2015 h4.headline {
    color: #495a0b
}

body.ratgeber.vegan2015 .mod.modA.modMini .boxCon .box .teaser .mediaCon .media.mediaA a.mediaLink .img {
    float: left;
    width: 100%;
    padding: 0 0 5px 0;
    border: 0 solid #F00
}

body.ratgeber.spargel2015 {
    background-image: url("/image/1772802/16x9/4788674654240220499/1600");
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #78776e
}

body.ratgeber.spargel2015 #content .wrapper .section.sectionC .con h2.conHeadline {
    font-size: 1.5em
}

body.ratgeber.spargel2015 #content .wrapper .section.sectionA, body.ratgeber.spargel2015 #content .wrapper .section.sectionB, body.ratgeber.spargel2015 #content .wrapper .section.sectionC, body.ratgeber.spargel2015 #content .wrapper .section.sectionZ {
    background: 0
}

body.ratgeber.spargel2015 #content .wrapper .section.sectionA.specialIntro .con.specialIntro, body.ratgeber.spargel2015 #content .wrapper .section.sectionC .con, body.ratgeber.spargel2015 #content .wrapper .section.sectionZ .con, body.ratgeber.spargel2015 #content .wrapper .section.sectionA .con {
    background-color: rgba(255, 255, 255, 0.9)
}

body.ratgeber.spargel2015 .modConStage .modMini .box, body.ratgeber.spargel2015 .modMini .box:hover, body.ratgeber.spargel2015 .modPicture .box:hover, body.ratgeber .modTeaseronly .box:hover, body.ratgeber.spargel2015 .modConGallery .modPicture .box, body.ratgeber.spargel2015 .mod .controls {
    background-color: #d0c9c4
}

body.ratgeber.spargel2015 .con .mod .controls.sliding .next.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center -800px
}

body.ratgeber.spargel2015 .mod .controls.sliding .next.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center 0
}

body.ratgeber.spargel2015 .mod .controls.sliding .prev.active {
    background: url('/pool/img/base/icon/arrow_slider.png') no-repeat center -900px
}

body.ratgeber.spargel2015 #content .con .modCon .controls.sliding .labels .entries .entry.active {
    padding: 0;
    background: #736455
}

body.ratgeber.spargel2015 .modConStage .modMini .box, body.ratgeber.spargel2015 .modMini .box:hover, body.ratgeber.spargel2015 .modPicture .box:hover, body.ratgeber.spargel2015 .modTeaseronly .box:hover, body.ratgeber.spargel2015 .modConGallery .modPicture .box, body.ratgeber.spargel2015 .mod .controls {
    background-color: rgba(170, 160, 150, 0.5)
}

body.ratgeber.spargel2015 .conHeadline {
    color: #55483c
}

body.ratgeber.spargel2015 .teaser h4.headline a {
    color: #736455
}

body.ratgeber.spargel2015 p.dachzeile {
    color: #403327
}

body.ratgeber.spargel2015 p.teasertext {
    color: #736455
}

body.ratgeber.spargel2015 h4.headline {
    color: #55483c
}

body.ratgeber.spargel2015 .mod.modA.modMini .boxCon .box .teaser .mediaCon .media.mediaA a.mediaLink .img {
    float: left;
    width: 100%;
    padding: 0 0 5px 0;
    border: 0 solid #F00
}

#load {
    background-color: #054887;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 200000
}

#load img {
    left: 50%;
    margin-left: -45px;
    margin-top: -45px;
    max-width: 99px;
    min-width: 40px;
    position: fixed;
    top: 50%;
    width: 99px
}

.hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden
}

.screenreaderHidden {
    display: none;
    visibility: hidden
}

.zoomBox {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6)
}

.zoomContent {
    width: 50%;
    margin: 20% auto 0 auto
}

.zoomContent img {
    width: 100%;
    float: none
}


/*Update Mai 2015*/
#footer div h3{
    padding-bottom: 15px;
}

#footer .big-column{
    width: 73%;
    margin-left: 20px;
}

#footer .left-column {
    width: 100%;
}

#footer div ul{
    padding-top: 25px;
    display:inline-block;
    width: 32%;
    vertical-align: top;

}

#footer .logo img {
    height: 54px
}


.anmeldung{
    float: right;
    margin-top: 25px;
}
.anmeldung a{
    color: #fff;
    font-size: 14px;
    padding-top: 20px;
}

.anmelden{
    margin-right: 20px;
}

.vergessen {
    float: right;
    margin-top: 20px;
}


::-webkit-input-placeholder { color:#00305a; }
::-moz-placeholder { color:#00305a; } /* firefox 19+ */
:-ms-input-placeholder { color:#00305a; } /* ie */
input:-moz-placeholder { color:#00305a; }


.anmeldung form .kennung,
.anmeldung form .password {
    box-sizing: border-box;
    width: 135px;
    height: 25px;
    line-height: 25px;
    padding: 0 0 0 5px;
    margin: 0 5px 0 0;
    border: 0;
    color: #00305a;
    font-size: 12px;
    font-family: Thesis, arial, roboto, "droid sans", helvetica, sans-serif;
    float: left;
}

.anmeldung form .password{
    margin-right: 5px;
}

.anmeldung  form .login {
    border: 0;
    height: 25px;
    box-sizing: border-box;
    float: left;
    background: #00305a;
    color: #fff;
    border: none;
    padding: 0 15px;
    font-size: 12px;
    line-height: 25px;
    font-family: Thesis, arial, roboto, "droid sans", helvetica, sans-serif;
    -webkit-appearance:none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    
}

input {
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius:0px;
}

#header .logo{
    margin-top: 17px;
}



.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}


.no-js  #content {
}
.no-js .swiper-container {
    padding: 0;
}
.no-js .swiper-wrapper {
    display: block;
    padding: 20px;
}

.no-js .swiper-wrapper .swiper-slide {
    width: 100%;
    float: left;
    margin-bottom:  40px;
}
.no-js .swiper-wrapper .swiper-slide div {
    padding: 0 10px;
}