/****** Webfonts ******/
@font-face {
    font-family: 'BundesSansWeb';
    src: url(/resource/crblob/58214/36c6828b02f1e7581099ca73e51d04be/bundessansweb-regular-eot-data.eot);
    src: url(/resource/crblob/58214/36c6828b02f1e7581099ca73e51d04be/bundessansweb-regular-eot-data.eot) format('embedded-opentype'),
    url(/resource/crblob/58218/6043df717373d30bc4447571aa41b6ea/bundessansweb-regular-woff-data.woff) format('woff'),
    url(/resource/crblob/58216/85cd154e873829ac3f1e83c858571b30/bundessansweb-regular-ttf-data.ttf) format('truetype'),
    url(/resource/crblob/58058/322e62d8e0d54ceafffc51069470bf7f/bundessansweb-regular-svgz-data.svg) format('svg'),
    url(/resource/crblob/58056/5871a25f0d65bd6d48a4eca20ddf2e2e/bundessansweb-regular-svg-data.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BundesSansWebBold';
    src: url(/resource/crblob/58208/bc1e03bb399a1c39f539b10df7b20e91/bundessansweb-bold-eot-data.eot);
    src: url(/resource/crblob/58208/bc1e03bb399a1c39f539b10df7b20e91/bundessansweb-bold-eot-data.eot) format('embedded-opentype'),
    url(/resource/crblob/58212/46c1b04354d4729dded17c44326e5c64/bundessansweb-bold-woff-data.woff) format('woff'),
    url(/resource/crblob/58210/7e4750223540b3a9f411648222dbced3/bundessansweb-bold-ttf-data.ttf) format('truetype'),
    url(/resource/crblob/58054/a4b20e2f482a3e73834c7ccdc3e09905/bundessansweb-bold-svgz-data.svg) format('svg'),
    url(/resource/crblob/58052/10c4e4e4d6a8baf83f8629612694a545/bundessansweb-bold-svg-data.svg) format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'BundesSerifWeb';
    src: url(/resource/crblob/58220/524312b30f3c797be669307dac7e9e56/bundesserifweb-regular-eot-data.eot);
    src: url(/resource/crblob/58220/524312b30f3c797be669307dac7e9e56/bundesserifweb-regular-eot-data.eot) format('embedded-opentype'),
    url(/resource/crblob/58224/1e654f64040d56a1842500f5b77a8ff7/bundesserifweb-regular-woff-data.woff) format('woff'),
    url(/resource/crblob/58222/968156724cfcc867d4b7511688d88668/bundesserifweb-regular-ttf-data.ttf) format('truetype'),
    url(/resource/crblob/58062/8bcccb807a1cee293ef054019b9cc261/bundesserifweb-regular-svgz-data.svg) format('svg'),
    url(/resource/crblob/58060/62fd7ddb01c1c29a027e89700e9d5272/bundesserifweb-regular-svg-data.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}
@media projection, screen, handheld {

    /****** Global ******/
    * {
        margin: 0;
        padding: 0;
    }

    body {
        font: 62.5% 'BundesSansWeb', Arial, helvetica, sans-serif;
        color: #435050;
        margin: 0 auto;
        /*min-width: 98em;*/
    }

    /****** Hidden ******/
    .aural,
    #search h2,
    #navPrimary h2,
    #navServiceMeta h2,
    #navBreadcrumbs p,
    #navSecondary h2.aural,
    .former-chancellors .rack-teaser .date .aural,
    .former-chancellors #main h2 span,
    em.more span,
    #supplement h2,
    #siteInfo h2,
    .today .date em span,
    .calendar-toggle span,
    .calendar td span,
    .mediathek-search label,
    .mediathek-filter label,
    #main .pagination h2,
    #main .mod .pagination h3,
    .mediathek-filter label,
    .mediathek .nav-pageposition li,
    #main .pW-mod h3,
    .toggle-view h2 span,
    #main .mediathek thumbnail-list h2,
    .mediathek #main .thumbnail-list .teaser p,
    .js-on #supplement .rack .caption-wrapper,
    #supplement .rack .image-wrapper span,
    .mediathek-box .caption-wrapper,
    #supplement .image-wrapper .caption-wrapper,
    #main .thumb-wrapper .caption-wrapper,
    .mediathek .pagination h3,
    .timetable .pagination h3,
    .more-media-band .caption-wrapper,
    .startpage .rack-teaser h2.aural {
        display: block;
        position: absolute;
        overflow: hidden;
        left: -9999px;
        width: 1px;
        height: 1px;
    }

    /****** Clear ******/
    #navPrimary .nav-global-box ul:after,
    #branding:after,
    #search p:after,
    #search form:after,
    #stage .teaser:after,
    #wrapperContent #content:after,
    .media-bar:after,
    #content .teaser:after,
    #content .paragraph:after,
    #content .all:after,
    #siteInfo:after,
    .former-chancellors .rack-teaser .teaser-box:after,
    .former-chancellors .rack-teaser .date:after,
    .former-chancellors .chancellor-1 .chancellor-box:after,
    .teaser-wrapper:after,
    .former-chancellors:after,
    #navBreadcrumbs ol:after,
    .picture-wrapper:after,
    .about-chancellor .pagination-wrapper:after,
    .about-chancellor .pagination-wrapper .pagination ul:after,
    .timetable-nav:after,
    .appointment-box:after,
    .calendar-toggle:after,
    .about-chancellor .inner-rack-teaser:after,
    .about-chancellor .sequence:after,
    .calendar-toggle:after,
    .pagination:after,
    .pagination ul:after,
    .media-box:after,
    .media-box .box:after,
    .mediathek-box .wrapper:after,
    .section:after,
    .mediathek .nav-pageposition ul:after,
    .mediathek .media-wrapper:after,
    .stage-wrapper:after,
    .mediathek .more-media:after,
    .mediathek-filter:after,
    .more-media-header:after,
    .gallery-supplement:after,
    .gallery-stage .meta .zoom:after,
    .content-navigation:after,
    .mediathek-filter .filter-controls:after,
    .mediathek-filter .toggle-item:after,
    .mediathek-list .media-list .teaser:after,
    .toggle-view:after,
    .mediathek-list .mediathek-filter:after,
    .mediathek-list #main .pagination:after,
    #main .tg-2-cols:after,
    .multimedia-box:after,
    .mediathek .main-stage:after,
    .thumbnail-list:after,
    #main .mediathek-box .toc:after,
    .showbox-head:after,
    .mediathek #main .content-navigation ul:after,
    .picture-credits:after {
        content: " ";
        clear: both;
        display: block;
    }

    /****** navSkip ******/
    .navSkip {
        position: absolute;
        left: -2000px;
        top: -1000px;
        width: 1px;
        height: 1px;
    }

    .navSkip a:active,
    .navSkip a:focus {
        position: absolute;
        left: 2010px;
        top: 1010px;
        width: auto;
        font-size: 130%;
        font-weight: bold;
        color: #000;
        text-decoration: underline;
        z-index: 1;
    }

    /****** Links and global Resets ******/
    a {
        color: #004f80;
        text-decoration: none;
    }

    a:hover,
    a:focus,
    a:active {
        color: #333;
        text-decoration: underline;
    }

    a:visited {
        color: #004f80;
    }

    /* focus */
    .a11y-focus-key {
        outline: 2px solid #912336;
    }

    .gsb img {
        border: none;
    }

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

    /* ***************************************
Layout
**************************************** */
    /* width / alignment */
    #wrapperHeader #branding,
    #navPrimary,
    #wrapperContent,
    #stage-2 .stage-wrapper,
    #stage .former-chancellors .teaser-head,
    .former-chancellors #stage .teaser-head,
    #navFunctionsWrapper,
    #siteInfo,
    .modgrid #wrapperContent #content,
    .modgrid #wrapperContent #main,
    .mt-navigation-wrapper,
    .media-section,
    .mediathek .content-navigation ul,
    .mediathek .main-stage {
        width: 98em;
        min-width: 98em;
        margin: 0 auto;
    }

    #wrapperOuter {
        border-top: 10px solid #004f80;
    }

    #wrapperHeader {
        background: #fff;
    }

    #navPrimary {
        background: #fff;
    }

    #navPrimary .nav-global-box {
        max-width: 98em;
        margin: 0 auto;
    }

    #wrapperContent #content {
        zoom: 1;
        width: 64.7em;
        position: relative;
    }

    #wrapperContent #main {
        position: relative;
        float: left;
        width: 64.7em;
        padding: 50px 0 0 0;
    }

    #wrapperDivisions {
        position: relative;
    }

    .startpage #wrapperContent #main {
        padding: 0;
    }

    .startpage #wrapperContent #supplement {
        padding: 11px 0 0 0;
        margin-right: -33.2em;
        width: 32.7em;
    }

    .modgrid #wrapperContent #content,
    .modgrid #wrapperContent #main {
        border: 0;
        zoom: 1;
    }

    #wrapperContent #supplement {
        float: right;
        width: 31.7em;
        margin-right: -33.2em;
        padding-top: 30px;
    }

    #navBreadcrumbs {
        background: #d9d9d9;
        margin: 0 auto;
        width: 72em;
        min-height: 2em;
        padding: 12px 26em 12px 0;
    }

    /****** Stage ******/
    #stage {
        clear: both;
        position: relative;
        height: auto;
        background: #004f80;
    }

    #stage .stage-wrapper {
        background: #004f80;
    }

    #stage .stage-wrapper .stage-navigation .nav-pageposition,
    #stage .stage-wrapper .stage-navigation .nav-pageposition ol li.first-level div {
        background: #004f80;
    }

    #stage-2 {
        background: #e8e8e8;
    }

    #stage-2 .stage-wrapper {
        border-top: 1px dotted #aaa;
        padding-top: 30px;
        background: #e8e8e8;
    }

    /* ***************************************
Branding
**************************************** */
    #branding {
        position: relative;
        height: 10.8em;
        border-top: 10px solid #004f80;
        position: relative;
        top: -10px;
        padding-top: 10px;
    }

    #branding #logo img {
        border: 0;
        margin-top: 28px;
    }

    /* ***************************************
All Navigations
**************************************** */
    /****** Primary navigation ******/
    ul.nav-global {
        float: right;
        position: relative;
        z-index: 7000;
        margin-bottom: -11px;
        list-style: none;
    }

    ul.nav-global li {
        float: left;
        position: relative;
        padding: 0 0 11px 0;
        z-index: 100;
    }

    ul.nav-global li.menu-is-visible,
    ul.nav-global li.active {
        background: url(/resource/crblob/58150/bff6c531a48e4aed3c5fed5215f42df7/nav-arrow-png-data.png) 50% 97% no-repeat;
    }

    .generatedcontent ul.nav-global li.menu-is-visible,
    .generatedcontent ul.nav-global li.active {
        background: none;
    }

    .generatedcontent ul.nav-global li.menu-is-visible:before,
    .generatedcontent ul.nav-global li.active:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 0;
        margin: 0 0 0 -11px;
        border-style: solid;
        border-color: #fff transparent;
        border-width: 11px 11px 0;
    }

    #navPrimary ul.nav-global li a,
    #navPrimary ul.nav-global li strong {
        display: block;
        padding: 0 17px 20px 17px;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-size: 180%;
        font-weight: normal;
        color: #2C3333;
        cursor: pointer;
    }

    #navPrimary ul.nav-global li.active strong,
    #navPrimary ul.nav-global li.active a,
    ul.nav-global li.menu-is-visible a,
    #navPrimary ul.nav-global li a:hover,
    #navPrimary ul.nav-global li a:active,
    #navPrimary ul.nav-global li a:focus {
        color: #004f80;
    }

    ul.nav-global li .menu {
        position: absolute;
        left: -9999em;
        z-index: 100000;
    }

    .js-on ul.nav-global li:hover .menu,
    ul.nav-global li .menu {
        position: absolute;
        left: 0;
        display: none;
        overflow: hidden;
        width: 20.5em;
    }

    .js-on ul.nav-global li.menu-visible .menu,
    .js-on.big-window ul.nav-global li.menu-visible .menu.last-menu,
    ul.nav-global li:hover .menu {
        display: block;
        padding-top: 18px;
    }

    #wrapperOuter ul.nav-global li.menu-visible .menu.last-menu {
        left: -13.3em;
    }

    .big-window #wrapperOuter ul.nav-global li.menu-visible .menu.last-menu {
        left: auto;
    }

    .menu-box-group {
        position: relative;
        top: 0;
        overflow: hidden;
    }

    ul.nav-global li {
        list-style: none;
    }

    ul.nav-global li li {
        float: none;
    }

    #navPrimary ul.nav-global li li a {
        border: none;
        padding: 2px 0;
    }

    ul.nav-global .menu-box {
        float: left;
        min-width: 17.3em;
        background: #fff;
        border: 1px solid #cdcdcd;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        padding: 6px 1.5em;
    }

    ul.nav-global .menu-box li {
        float: none;
        margin: 0;
        border-bottom: 1px solid #ebebeb;
        padding: 6px 0;
        color: #fff;
    }

    ul.nav-global .menu-box li:last-child {
        border-bottom: none;
    }

    ul.nav-global .menu-box li.last-child {
        border-bottom: none;
    }

    #navPrimary ul.nav-global .menu-box li a,
    #navPrimary ul.nav-global li.active li a {
        display: block;
        color: #373737;
        font-size: 140%;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    }

    ul.nav-global .menu-box li a:hover,
    ul.nav-global .menu-box li a:active,
    ul.nav-global .menu-box li a:focus {
        color: #004f80;
    }

    /* Textcontent inside Box */
    ul.nav-global .menu-box p {
        padding-bottom: 1em;
        font-size: 140%;
    }

    #navPrimary ul.nav-global .menu-box p a {
        padding: 0;
        display: inline;
        font-size: 100%;
        color: #004f80;
    }

    #navPrimary ul.nav-global .menu-box .more {
        display: block;
        padding-top: 1em;
        font-style: normal;
    }

    #navPrimary ul.nav-global .menu-box .more a {
        display: block;
        padding-left: 8px;
        background: url(/resource/crblob/58170/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) no-repeat 0 -3196px transparent;
    }

    /****** Service Meta Navigation ******/
    #navServiceMeta {
        position: absolute;
        right: 0;
        top: 10px;
        padding-left: 180px;
    }

    #navServiceMeta li {
        float: left;
        margin-left: 14px;
        padding: 2px 0;
        list-style: none;
    }

    #navServiceMeta a,
    #navServiceMeta strong {
        font-size: 120%;
        color: #767676;
        text-transform: uppercase;
    }

    #navServiceMeta a:hover,
    #navServiceMeta a:active,
    #navServiceMeta a:focus {
        color: #000;
    }

    #navServiceMeta strong {
        font-weight: normal;
        color: #000;
    }

    #navServiceMeta .lang_en,
    #navServiceMeta .lang_de {
        padding-left: 13px;
        background: url(/resource/crblob/58140/37fa2d0304233095a01c44f5c41ba370/languages-png-data.png) 0 -400px no-repeat;
    }

    #navServiceMeta li.sign-language {
        background: url(/resource/crblob/58140/37fa2d0304233095a01c44f5c41ba370/languages-png-data.png) 0 0 no-repeat;
        padding-left: 20px;
        white-space: nowrap;
    }

    #navServiceMeta li.easy-language {
        background: url(/resource/crblob/58140/37fa2d0304233095a01c44f5c41ba370/languages-png-data.png) 0 -196px no-repeat;
        padding-left: 20px;
        white-space: nowrap;
    }

    /****** Breadcrumb Navigation ******/
    #navBreadcrumbsWrapper {
        zoom: 1;
        padding: 0;
        background: #d9d9d9;
    }

    #navBreadcrumbs li {
        float: left;
        font-size: 150%;
        list-style: none;
    }

    #navBreadcrumbs a,
    #navBreadcrumbs strong {
        display: block;
        background: url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 0 -1200px no-repeat;
        margin-left: 10px;
        padding: 0 0 0 15px;
        color: #212121;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    }

    #navBreadcrumbs a:hover,
    #navBreadcrumbs a:active,
    #navBreadcrumbs a:focus {
        color: #004f80;
    }

    #navBreadcrumbs .first {
        width: 15px;
        text-indent: -9999em;
    }

    #navBreadcrumbs .first a {
        margin-left: 0;
        padding-left: 0;
        line-height: 1.1;
        overflow: hidden;
        background: url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 0 0 no-repeat;
    }

    #navBreadcrumbs .first a:hover,
    #navBreadcrumbs .first a:active,
    #navBreadcrumbs .first a:focus {
        background: url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 0 -200px no-repeat;
        border-bottom: 1px solid;
    }

    #navBreadcrumbs strong {
        font-weight: normal;
        color: #333;
    }

    /* ***************************************
Search
**************************************** */
    #search {
        position: absolute;
        top: 5.8em;
        right: 0;
        width: 18.2em;
        background: #EFEFEF;
        border: 1px solid #E6E6E6;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 0;
    }

    #search .button {
        position: absolute;
        top: 2px;
        right: 0;
        width: auto;
        border: none;
        margin: 0;
        padding: 0;
    }

    #search fieldset strong {
        font-weight: normal;
    }

    #search .formField {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #search input {
        float: left;
        width: 9.9em;
        background: none;
        border: none;
        margin: 0 0 0 0;
        padding: 7px 0;
    }

    #search input:focus {
        background: #fff;
        border: 1px solid #767676;
    }

    #search .submit {
        float: right;
        width: 5.25em;
        padding: .15em .2em .15em .2em;
        font-weight: bold;
    }

    #search legend {
        display: none;
    }

    #search .submit:focus,
    #search .submit:hover,
    #search .submit:active {
        text-decoration: underline;
        color: #fff;
    }

    #search .searchNode {
        float: left;
        margin: -0.4em 0 0.6em;
        padding-left: .5em;
    }

    /* ***************************************
Page Position Navigation
**************************************** */
    .stage-navigation {
        position: relative;
        margin: 0 auto;
        width: 100%;
        z-index: 1;
    }

    .nav-pageposition {
        position: relative;
        width: 100%;
        z-index: 2;
    }

    .nav-pageposition ol div {
        width: 98em;
        margin: 0 auto;
        position: relative;
    }

    .nav-pageposition ol li {
        display: block;
        float: none;
        list-style: none;
    }

    .nav-pageposition ol li a,
    .nav-pageposition ol li a,
    .nav-pageposition ol li strong {
        display: block;
        float: none;
        font-weight: normal;
    }

    .nav-pageposition ul li a span,
    .nav-pageposition ul li strong span {
        display: block;
        padding: 5px 10px 15px 10px;
    }

    .nav-pageposition .first-level a,
    .nav-pageposition .first-level strong {
        display: block;
        font-size: 300%;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        color: #fff;
        text-align: left;
    }

    .nav-pageposition ol li.first-level a span,
    .nav-pageposition ol li.first-level strong span {
        padding-right: 11em;
        padding-bottom: 23px;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
    }

    .nav-pageposition .second-level a,
    .nav-pageposition .second-level strong {
        display: block;
        font-size: 160%;
        color: #fff;
        text-align: left;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    }

    .nav-pageposition ol li.second-level {
        position: relative;
        height: 4em;
        background: #004f80;
        background: #004f80 url(/resource/crblob/58166/de7614c7af808e2acc31792ea3163bbf/second-level-bg-png-data.png) 0 0;
        z-index: 101;
    }

    .nav-pageposition ol li.second-level div {
        position: relative;
        height: 4em;
        background: #004f80 url(/resource/crblob/58166/de7614c7af808e2acc31792ea3163bbf/second-level-bg-png-data.png) 0 0;
        z-index: 101;
    }

    .nav-pageposition ol li.second-level div a {
        position: relative;
        height: 3.1em;
        z-index: 100;
        background: url(/resource/crblob/58148/7f9b2b775c3d7a3f8f75ea26be8070f5/nav-arrow-2-png-data.png) 25px 100% no-repeat;
    }

    .em-increased-1 .nav-pageposition ol li.second-level div,
    .em-increased-2 .nav-pageposition ol li.second-level div,
    .em-increased-3 .nav-pageposition ol li.second-level div,
    .em-increased-5 .nav-pageposition ol li.second-level div,
    .em-increased-6 .nav-pageposition ol li.second-level div,
    .em-increased-7 .nav-pageposition ol li.second-level div {
        background: none;
    }

    .nav-pageposition ol li a span,
    .nav-pageposition ol li strong span {
        display: block;
        padding: 20px 5px 10px 0;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    }

    .nav-pageposition ol li.second-level a span,
    .nav-pageposition ol li.second-level strong span {
        padding-top: 11px;
    }

    /****** Main Topic Navigation (in Stage) ******/
    .mt-navigation-wrapper {
        position: relative;
        top: -5.2em;
        z-index: 100;
    }

    #supplement .mt-navigation-wrapper {
        width: auto;
        min-width: 0;
        margin: 0;
        top: -8.3em;
        z-index: 1;
    }

    .main-topic-navigation {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 100;
        width: 31.7em;
    }

    #supplement .main-topic-navigation {
        z-index: 1;
        width: 31.7em;
        position: static;
    }

    #stage.mod .main-topic-navigation,
    #supplement .main-topic-navigation {
        top: 22.5em;
    }

    #stage.mod-2 .main-topic-navigation,
    #supplement .main-topic-navigation {
        top: 35.7em;
    }

    .main-topic-navigation .nav-box {
        position: absolute;
        width: 100%;
    }

    #supplement .main-topic-navigation .nav-box {
        position: static;
    }

    .main-topic-navigation .nav-box div {
        display: none;
    }

    .main-topic-navigation .nav-box:hover div,
    .js-on .main-topic-navigation .nav-box div {
        display: block;
    }

    .main-topic-navigation h3,
    #supplement .main-topic-navigation h3 {
        background: #003f66 url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 94% -1800px no-repeat;
        margin: 0;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        padding: 6px 40px 26px 12px;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 150%;
        text-transform: uppercase;
        color: #fff;
        text-align: left;
        cursor: pointer;
    }

    .main-topic-navigation .js-selected {
        background-position: 94% -2000px;
    }

    .js-on .main-topic-navigation h3 {
        cursor: pointer;
        outline: none;
    }

    #stage.mod .main-topic-navigation h3,
    #stage.mod-2 .main-topic-navigation h3 {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 2.9;
    }

    #stage.level-2 .main-topic-navigation h3 {
        line-height: 2.65;
        padding-top: 0;
        padding-bottom: 0;
        text-align: left;
    }

    .js-on #stage.mod .main-topic-navigation h3,
    .js-on #stage.mod-2 .main-topic-navigation h3,
    .js-on #supplement .main-topic-navigation h3,
    .js-on #supplement .main-topic-navigation h3 {
        cursor: auto;
    }

    .js-on .main-topic-navigation h3.ui-disabled {
        cursor: default;
    }

    .js-on .main-topic-navigation h3.a11y-focus-key {
        text-decoration: underline;
    }

    .main-topic-navigation ul {
        background: #545e60;
        overflow: hidden;
        margin: 0;
        padding-bottom: 1px;
    }

    .main-topic-navigation li {
        background: none;
        border-top: 1px solid #00619b;
        list-style: none;
    }

    .main-topic-navigation .nav-box li a,
    .main-topic-navigation .nav-box li strong {
        display: block;
        color: #fff;
        background: #003f66;
        padding: 10px 0 10px 10px;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
        font-size: 160%;
        font-weight: normal;
    }

    .main-topic-navigation .nav-box li strong,
    .main-topic-navigation li a:hover,
    .main-topic-navigation li a:active,
    .main-topic-navigation li a:focus {
        background: #333;
    }

    /* ***************************************
Content
**************************************** */
    /****** Headings and Textformats ******/
    h1 {
        margin: 0 0 30px 0;
        padding: 0;
        font-size: 300%;
        font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
        font-weight: normal;
        line-height: 1.2;
    }

    .startpage h1 {
        margin: 0 0 30px 0;
        padding: 0;
        font-size: 260%;
        font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
        font-weight: normal;
        line-height: 1.2;
    }

    .text h1 {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 260%;
        font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
        font-weight: normal;
        line-height: 1.2;
    }

    #page-intro h1 {
        padding: 0;
        font-size: 240%;
    }

    h2,
    #main h2,
    h3,
    h4,
    h5 {
        margin: 0 0 10px 0;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 160%;
        line-height: 1.3em;
    }

    .text h2,
    #main .text h2 {
        margin: 0 0 10px 0;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 220%;
        line-height: 1.3em;
    }

    .text h3,
    .text h4,
    .text h5 {
        margin: 0 0 10px 0;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 160%;
        line-height: 1.3em;
    }

    .startpage .text h2,
    .startpage #main .text h2 {
        font-size: 160%;
    }

    #stage h1 {
        width: 32.667em;
        margin: 0 auto;
        padding: 15px 0 30px;
        color: #fff;
    }

    .second-level {
        background: #384547;
    }

    #main h2,
    .startpage #main .text h2,
    #main .chancellor h2 {
        clear: both;
        margin: 0 0 38px 0;
        border-bottom: 1px solid #e5e5e5;
        text-align: center;
        zoom: 1;
    }

    #supplement h3 {
        clear: both;
        margin: 0 0 38px 0;
        background: url(/resource/crblob/58112/3de2473e0c1d7bb9ae2c196f829884d2/border-headline-png-data.png) 0 50% repeat-x;;
        text-align: center;
        zoom: 1;
    }

    #supplement .themeBox h3 {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        margin: 0 0 7px;
        padding: 10px 0 0;
        text-align: left;
    }

    #supplement h3 span {
        position: static;
        display: inline-block;
    }

    #supplement h3 {
        margin: 0 0 15px;
    }

    .former-chancellors #wrapperContent #content .paragraph h2 {
        display: block;
        position: static;
        overflow: visible;
        left: 0;
        width: auto;
        height: auto;
    }

    #main .paragraph h2 span,
    #main .teaser-group h2 span,
    h2 span,
    h3 span,
    .startpage #main .text h2 span,
    #main .chancellor h2 span {
        position: relative;
        top: .55em;
        padding: 0 2.4em;
        background: #fff;
        height: auto;
        left: auto;
        overflow: hidden;
        width: auto;
        display: inline;
    }

    #main .paragraph h2 span[lang],
    #main .teaser-group h2 span[lang],
    h2 span[lang],
    h3 span[lang],
    .startpage #main .text h2 span[lang],
    #main .chancellor h2 span[lang],
    #main .paragraph h2 span.lang,
    #main .teaser-group h2 span.lang,
    h2 span.lang,
    h3 span.lang,
    .startpage #main .text h2 span.lang,
    #main .chancellor h2 span.lang {
        position: static;
        padding: 0;
        background: none;
        height: auto;
        left: auto;
        overflow: visible;
        width: auto;
        display: inline;
    }

    #main .subheadline p {
        font-size: 160%;
        line-height: 1.3em;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin: 0 0 20px;
        padding: 0;
    }

    #main .text h2 span {
        background: #fff;
        padding: 0;
        display: block;
        position: static;
    }

    h2.more {
        margin-bottom: 20px;
        border-bottom: 2px dotted #cdcdcd;
        padding-bottom: 8px;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 150%;
        text-transform: uppercase;
        color: #373737;
    }

    h3 {
        font-size: 160%;
        margin: 0 0 5px;
    }

    h4 {
        font-size: 180%;
    }

    h5 {
        font-size: 150%;
    }

    #main p.navToTop {
        overflow: hidden;
        border-top: 2px dotted #CDCDCD;
        padding: 3px 0 15px 0;
    }

    #main p.navToTop a {
        float: right;
    }

    /* Text */
    .text {
        padding: 0 25px 50px 0;
    }

    #main p {
        padding-bottom: 20px;
        font-size: 150%;
        line-height: 1.4em;
    }

    .hinweis {
        background-color: #EEEEED;
        display: block;
        padding: 20px;
        margin-bottom: 20px;
    }

    .hinweis {
        clear: both;
    }

    /****** Blockquotes ******/
    #main blockquote {
        float: none;
        width: auto;
        background: #fff url(/resource/crblob/58162/399a41abebe84b46963946fe08b60d25/quote-png-data.png) 0 50% no-repeat;
        border-top: 1px dotted #CDCDCD;
        border-bottom: 1px dotted #CDCDCD;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
    }

    #main blockquote * {
        color: #3F4C4C;
    }

    #main blockquote p {
        background: none;
        padding: 20px 0 5px 50px;
        font-size: 150%;
        font-weight: normal;
        line-height: 1.55em;
    }

    #main blockquote cite {
        clear: both;
        display: block;
        width: auto;
        font-size: 80%; /* 12px */
        line-height: 1.2em;
        font-style: normal;
        padding-top: 15px;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans;
    }

    /* mod = no Image, bigger text than regular blockquote */
    #main blockquote.mod p {
        font-size: 180%;
        line-height: 1.3em;
        font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
    }

    #main blockquote.mod cite {
        font-size: 120%;
        padding-top: 0;
        padding-left: 50px;
    }

    /* mod-2 = blue background and image */
    #main blockquote.mod-2 {
        position: relative;
        float: left;
        width: 40em;
        background: #004F80;
        border: none;
        margin: 5px 18px 15px 0;
        padding: 0;
    }

    #main blockquote.mod-2 * {
        color: #fff;
    }

    #main blockquote.mod-2 img {
        float: left;
        padding: 0 10px 0 0;
    }

    #main blockquote.mod-2 p {
        position: relative;
        background: url(/resource/crblob/58082/ac9980869d115e68af36858f45433eee/arrow-blockquote-png-data.png) 10.5em 15px no-repeat;
        padding: 10px 10px 2.5em 0;
        font-size: 180%;
        line-height: 1.3em;
        font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
    }

    #main blockquote.mod-2 cite {
        position: absolute;
        left: 17.5em;
        bottom: 0.8em;
        width: 14.5em;
        padding: 0;
        font-size: 120%;
        line-height: 1.2em;
        font-style: normal;
    }

    /****** Section Related ******/
    #main .sectionRelated h2 {
        text-align: left;
        color: #333;
        font-size: 150%;
        text-transform: uppercase;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans;
    }

    #main .sectionRelated ul {
        margin: 0 0 30px 0;
        padding: 0;
    }

    #main .sectionRelated li {
        list-style: none;
        font-size: 150%;
    }

    #main .sectionRelated li a {
        background: url(/resource/crblob/58170/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) 0 -3196px no-repeat;
        padding-left: 12px;
    }

    #main .sectionRelated li a:hover,
    #main .sectionRelated li a:active,
    #main .sectionRelated li a:focus {
        background-position: 0 -3396px;
        color: #373737;
    }

    #main .abstract p {
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 150%;
        line-height: 1.4em;
    }

    #main .info-box {
        margin: 0 0 20px 23px;
        border: 5px solid #bfe7f4;
        padding: 20px 25px 0;
    }

    #main em.more a {
        margin: 0;
        padding-left: 10px;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 150%;
        font-style: normal;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 0 -1px no-repeat;
    }

    #main em.more a:hover,
    #main em.more a:focus,
    #main em.more a:active {
        background-position: 0 -201px;
        color: #333;
    }

    #main .appointment-box.hover-clickarea em.more a {
        background-position: 0 -201px;
        color: #333;
        text-decoration: underline;
    }

    /****** Toc ******/
    #main ul.toc {
        margin: 0;
        padding: 0 0 30px 0;
    }

    #main ul.toc li {
        background: none;
        font-size: 150%;
        list-style: none;
        float: none;
        width: auto;
    }

    #main ul.toc li a {
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 0 2px no-repeat;
        padding-left: 12px;
        line-height: 1.6em;
    }

    #main ul.toc li a:hover,
    #main ul.toc li a:active,
    #main ul.toc li a:focus {
        color: #333;
        text-decoration: underline;
    }

    #main ul.toc ul {
        margin: 2px 0 0 20px;
    }

    #main ul.toc li li {
        font-size: 100%;
    }

    /****** Content Links ******/
    .gsb abbr,
    .gsb acronym,
    .gsb dfn {
        border-bottom: 1px dotted #004f80;
    }

    .imagedownload {
        padding-left: 1.3em;
    }

    #content a.sortUp {
        color: #202020;
        text-decoration: underline;
        font-weight: normal;
    }

    #content a.sortDown {
        padding-right: 1em;
        color: #202020;
        text-decoration: underline;
        font-weight: normal;
    }

    #content a.sortUp:hover,
    #content a.sortUp:focus,
    #content a.sortDown:hover,
    #content a.sortDown:focus {
        text-decoration: none;
    }

    #content a.Publication:hover,
    #content a.shoppingCardLink:hover,
    #content a.RichTextIntLink:hover {
        text-decoration: underline;
    }

    #content a.Publication:active,
    #content a.Publication:focus,
    #content a.shoppingCardLink:active,
    #content a.shoppingCardLink:focus,
    #content a.RichTextIntLink:active,
    #content a.RichTextIntLink:focus {
        color: #373737;
    }

    #content a.ExternalLink {
        background: url(/resource/crblob/58170/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) 0 -4194px no-repeat;
        padding-left: 13px;
    }

    #content a.ExternalLink:hover,
    #content a.ExternalLink:active,
    #content a.ExternalLink:focus {
        background-position: 0 -4396px;
        color: #373737;
    }

    /****** Content Lists ******/
    #main ol {
        margin: 0 0 20px 24px;
    }

    #main ul {
        margin: 0 0 20px 16px;
    }

    #main li {
        font-size: 150%;
        line-height: 1.4em;
    }

    #main ol ol,
    #main ul ul {
        margin-bottom: 0;
    }

    #main li li,
    #main li p {
        font-size: 100%;
        padding-bottom: 0;
    }

    dl {
        overflow: hidden;
        margin: 0 0 20px 0;
        font-size: 150%;
        line-height: 1.4em;
    }

    dt {
        display: block;
        float: left;
        padding-right: 0.5em;
    }

    dd {
        display: block;
    }

    #main .links {
        margin-left: 0;
    }

    #main ul.links li {
        list-style: none;
        font-size: 140%;
    }

    #main ul.links a {
        margin: 0;
        padding-left: 14px;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 0 -1px no-repeat;
    }

    /****** Section Related ******/
    #main .sectionRelated ul {
        margin: 0 0 30px 0;
        padding: 0;
    }

    #main .sectionRelated li {
        list-style: none;
        font-size: 150%;
    }

    #main .sectionRelated li a {
        display: block;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 0 0 no-repeat;
        padding-left: 12px;
    }

    #main .sectionRelated li a:hover,
    #main .sectionRelated li a:active,
    #main .sectionRelated li a:focus {
        color: #333;
        text-decoration: underline;
    }

    /****** Content Images ******/
    .picture-wrapper {
        width: 48.3em;
    }

    #main .picture {
        position: relative;
        padding: 0;
        zoom: 1;
        font-size: 100%;
        float: left;
        margin: 4px 20px 10px 0;
        padding: 0;
        line-height: 1.2em;
    }

    #main p.links {
        float: left;
        margin-right: 15px;
    }

    #main p.rechts {
        float: right;
        margin-left: 15px;
    }

    #main .pos-1 {
        float: left;
        margin-right: 30px;
    }

    #main .pos-2 {
        float: right;
        margin-left: 15px;
    }

    .text span.wrapper {
        display: block;
        position: relative;
    }

    /* Small images in Content */
    #main .thumb-wrapper .odd,
    #main .thumb-wrapper .even {
        float: left;
        margin: 0 15px 15px 0;
        max-width: 23.4em;
    }

    #main .thumb-wrapper .even {
        margin: 0 0 15px 0;
    }

    #main .thumb-wrapper img {
        max-width: 100%;
    }

    #main .picture .caption-wrapper,
    #main .video .caption-wrapper {
        clear: both;
        display: block;
        padding-top: 0;
        border-left: 1px solid #EEEEEE;
        border-right: 1px solid #EEEEEE;
        border-bottom: 1px solid #EEEEEE;
    }

    .picture .caption,
    .picture .source,
    .video .caption,
    .video .source {
        position: relative;
        color: #575757;
        font-size: 130%;
        display: block;
        line-height: 1.3em;
        padding: 5px 10px;
    }

    #main .text .video {
        position: relative;
        font-size: 100%;
    }

    #main .text .video img {
        padding-bottom: 5px;
    }

    .pos-2 .caption {
        left: auto;
        right: 0;
    }

    #content .picture a {
        cursor: pointer;
    }

    #content .picture .wrapper span {
        display: none;
        overflow: hidden;
        position: absolute;
        right: 10px;
        bottom: 15px;
        background: url(/resource/crblob/58190/ed5cab8aa8fe9be849d18baeb5540f7f/zoom-png-data.png) 0 0 no-repeat;
        width: 53px;
        height: 53px;
        text-indent: -99999em;
    }

    #content .picture a:hover .wrapper span,
    #content .picture a:active .wrapper span,
    #content .picture a:focus .wrapper span {
        display: block;
    }

    #main p.linksOhne {
        float: none;
        margin-right: auto;
    }

    #main p.rechtsOhne {
        float: none;
        margin-left: auto;
    }

    #main p.mitte {
        float: none;
        margin: 0 auto 20px auto;
    }

    #content p.illustration,
    #content p.video {
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 120%;
    }

    #content a.lupe {
        display: none;
    }

    .image-wrapper {
        border: 5px solid #fff;
        box-shadow: 0 0 5px #aaa;
    }

    .teaser-wrapper .image-wrapper {
        border: none;
        box-shadow: none;
        padding: 0;
        background: none;
    }

    .mediathek .image-wrapper {
        border: none;
        box-shadow: none;
        padding: 0;
        background: none;
    }

    .image-wrapper a {
        display: block;
    }

    #stage-2 .image-wrapper img {
        border: none;
        box-shadow: none;
        padding: 0;
        background: none;
    }

    /****** Tables ******/
    #content table {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0 0 10px 0;
        table-layout: fixed;
        border-collapse: separate;
        font-size: 150%;
    }

    tbody {
        padding: 0 0 10px 0;
    }

    #content table.links {
        margin-right: 0;
    }

    caption {
        padding: .3em 0;
        text-align: left;
        color: #333;
        font-size: 100%; /* 15px */
        text-transform: uppercase;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    }

    table th {
        border-bottom: 1px dotted #cdcdcd;
        padding: 8px;
        font-weight: bold;
        text-align: left;
    }

    table thead th {
        padding: 23px 8px 15px;
    }

    table th.th_dateOfIssue {
        width: 20%;
    }

    table th.th_contact,
    table th.th_address {
        width: 15%;
    }

    table th.th_resultCount {
        width: 12%;
    }

    table th.th_resultPercent {
        width: 40%;
    }

    table td {
        border-bottom: 1px dotted #cdcdcd;
        padding: 8px;
        text-align: left;
        vertical-align: top;
    }

    table td a:hover,
    table td a:active,
    table td a:focus {
        color: #373737;
    }

    table tr.even,
    table td.even {
        background: url(/resource/crblob/58100/01073afa5ad8718b7300507ca8738635/bg-pictures-png-data.png) 0 0 repeat;
    }

    #main td p,
    #main td li {
        font-size: 100%;
    }

    .singleview table {
        margin-bottom: 1em;
    }

    .wrapperTable th a,
    .wrapperTable th img {
        clear: left;
        margin-left: .2em;
        padding-top: .2em;
    }

    .wrapperTable th img {
        width: auto;
    }

    .wrapperTable th a img {
        margin: 0;
        padding: 0;
    }

    .wrapperTable .percentBar,
    .wrapperTable .numericRange {
        display: block;
        background-color: #99AAC4;
    }

    .jobOfferList .th_title {
        width: 9em;
    }

    #main .text h2 {
        border: none;
        text-align: left;
        margin: 0 0 20px 0;
    }

    /* Content Elements */
    p.left {
        text-align: left;
    }

    p.center {
        text-align: center;
    }

    p.right {
        text-align: right;
    }

    p.justify {
        text-align: justify;
    }

    address,
    div.address {
        font-size: 150%;
        line-height: 1.4em;
        padding-bottom: 20px;
    }

    /****** Forms ******/
    #main dfn {
        border: none;
    }

    #main fieldset {
        border-bottom: 2px dotted #CDCDCD;
        padding: 10px 0 10px 0;
    }

    #main fieldset h2 {
        text-align: left;
        border: none;
    }

    #main fieldset p {
        overflow: hidden;
        font-size: 100%;
    }

    #main p.mandatory {
        border-bottom: 2px dotted #CDCDCD;
        font-size: 120%;
        color: #667B7B;
    }

    #main fieldset h2 {
        margin: 0 0 15px 0;
        font-size: 150%;
        font-family: Arial, Helvetica, sans-serif;
    }

    input,
    textarea,
    select {
        width: 30.25em;
        background: #F7F7F7;
        border: 1px solid #ccc;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 8px;
        line-height: 1.2;
        text-indent: 1px;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
        font-size: 140%;
    }

    input:focus,
    textarea:focus,
    select:focus {
        border: 1px solid #8EABCC;
    }

    .formField-xs input {
        width: 11em;
    }

    .formField-s input {
        width: 17em;
    }

    .warenkorb input,
    .warenkorb textarea,
    .warenkorb select {
        width: 8em;
    }

    input.radio {
        float: left;
        width: 3em;
        margin-top: .2em;
        margin-top: 0;
        border: none;
        padding-top: .3em;
    }

    select,
    textarea {
        overflow: auto;
    }

    select {
        width: 31.5em;
    }

    label {
        display: block;
        float: left;
        padding: 0 5px 0 0;
        font-size: 130%;
        cursor: pointer;
        line-height: 1.4em;
    }

    .formLabel {
        clear: both;
        display: block;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .formField {
        clear: both;
        display: block;
    }

    .formField-xs,
    .formField-s {
        clear: none;
        float: left;
        width: 18.5em;
    }

    .formField-xs {
        clear: both;
    }

    .formField-checkbox {
        clear: none;
        float: left;
    }

    .formField-s {
        width: 26em;
    }

    .formError,
    .formError * {
        color: #f00;
        font-weight: bold;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    }

    #main p.formError,
    #main strong.formError {
        display: block;
        margin: -3px 0 5px 0;
        font-size: 140%;
    }

    .formField strong + input,
    .formField strong + textarea {
        border-color: #f00;
    }

    .formError + .corner-wrapper input,
    .formError + .corner-wrapper textarea {
        border: 1px solid #E80101;
    }

    #main .errorJumpLinks p {
        margin: 0;
        padding: 15px 0 10px 0;
    }

    #main .errorJumpLinks ul {
        margin: 0;
    }

    #main .errorJumpLinks li {
        list-style: none;
    }

    #main .errorJumpLinks li a {
        display: block;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 0 2px no-repeat;
        padding: 0 0 0 14px;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    #main .errorJumpLinks li a:hover,
    #main .errorJumpLinks li a:active,
    #main .errorJumpLinks li a:focus {
        background-position: 0 -198px;
        color: #373737;
    }

    .altgrid .formLabel {
        width: 11em;
    }

    .formChoices {
        float: left;
    }

    .formField span {
        display: inline;
        overflow: hidden;
    }

    .formField span label {
        float: left;
    }

    .warenkorb input.reset,
    .warenkorb input.submit {
        height: 2.2em;
    }

    #content .formHelp {
        display: block;
        clear: both;
        font-size: 88%;
    }

    #main .form-col {
        float: left;
        width: 49.9%;
        position: relative;
    }

    #main .form-col-single {
        width: 100%;
    }

    #main .form-col-inner {
        width: 90%;
        padding-left: 10%;
        overflow: hidden;
    }

    #main .form-col input,
    #main .formField-checkbox input {
        float: left;
        background: none;
        border: none;
        width: auto;
        margin: 2px 15px 10px 0;
        padding: 0;
    }

    #main .form-col-single label {
        float: none
    }

    #main p.formHandle {
        padding: 25px 0 15px 0;
        font-size: 100%;
    }

    #main .formHandle input {
        float: right;
        width: auto;
        background: #004f80;
        margin: 0 20px 40px 0;
        border: none;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 3px 15px;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        font-size: 130%;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    }

    #main .formHandle input:hover,
    #main .formHandle input:active,
    #main .formHandle input:focus {
        background: #3F4C4C;
    }

    #main .formHandle .more {
        float: left;
        font-style: normal;
    }

    #main .formHandle .more a {
        background: url(/resource/crblob/58170/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) 0 -3596px no-repeat;
        padding-left: 10px;
        font-size: 160%;
    }

    #main .formHandle .more a:hover,
    #main .formHandle .more a:active,
    #main .formHandle .more a:focus {
        background-position: 0 -3796px;
        color: #373737;
    }

    /****** Styled Form Elements ******/
    .ui-helper-hidden-accessible {
        position: absolute;
        left: -99999em;
    }

    label.ui-checkbox,
    label.ui-radio {
        padding: 3px 0 2px 25px;
        background: url(/resource/crblob/58126/c8d4a2fc3af4d344837cf6b59ab96377/checkbox-radio-png-data.png) 0 4px no-repeat;
    }

    #supplement .ui-checkbox {
        float: none;
    }

    label.ui-radio {
        background-position: 0 -396px;
    }

    label.ui-checkbox-state-hover {
        background-position: 0 -96px;
    }

    label.ui-radio-state-hover {
        background-position: 0 -496px;
    }

    label.ui-checkbox-state-checked {
        background-position: 0 -196px;
    }

    label.ui-radio-state-checked {
        background-position: 0 -596px;
    }

    label.ui-checkbox-state-checked-hover {
        background-position: 0 -296px;
    }

    label.ui-radio-state-checked-hover {
        background-position: 0 -696px;
    }

    h3 label.ui-radio {
        padding: 2px 0 15px 47px;
        background-position: 0 -791px;
    }

    h3 label.ui-radio-state-hover {
        background-position: 0 -891px;
    }

    h3 label.ui-radio-state-checked {
        background-position: 0 -991px;
    }

    h3 label.ui-radio-state-checked-hover {
        background-position: 0 -1091px;
    }

    .rss label.ui-radio {
        padding: 2px 0 6px 29px;
        background-position: 0 -1195px;
    }

    .rss label.ui-radio-state-hover {
        background-position: 0 -1295px;
    }

    .rss label.ui-radio-state-checked {
        background-position: 0 -1395px;
    }

    .rss label.ui-radio-state-checked-hover {
        background-position: 0 -1495px;
    }

    .combobox {
        position: relative;
        outline: none;
        padding: 0;
        display: inline;
        cursor: pointer;
    }

    .combobox input {
        cursor: pointer;
    }

    .combobox span {
        cursor: pointer;
        position: absolute;
        right: .3em;
        top: 1.5em;
        height: 15px;
        width: 15px;
        text-indent: 4000px;
        background: #f7f7f7 url(/resource/crblob/58168/789831e02f0ab42e76ad8c02e97388a7/select-button-png-data.png) no-repeat 0 0;
        overflow: hidden;
        display: block;
    }

    .combobox.combobox-active input,
    .combobox.js-datalist-visible input {
        border: 1px solid #8EABCC;
        background-position: 97% -85px;
    }

    .datalist {
        position: absolute;
        z-index: 1000;
        left: 0;
        top: 0;
        margin-top: 9px;
        /*min-width: 120px;*/
        cursor: default;
    }

    .datalist div.datalist-box {
        zoom: 1; /* IE6 & IE 7 hover-bug */
    }

    .datalist-box {
        background: #f7f7f7;
        border: 1px solid #8EABCC;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #3F4C4C;
    }

    .datalist ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .datalist li {
        border-top: 1px solid #D7E0EA;
        margin: 0;
        padding: 8px 10px;
        outline: none;
        cursor: pointer;
        font-size: 130%;
    }

    .datalist li:first-child {
        border-top: none;
    }

    .datalist li.js-selected,
    .datalist li.js-checked {
        background: #E7EBF0;
    }

    /****** Blockquotes ******/
    #main blockquote {
        float: none;
        width: auto;
        background: #fff url(/resource/crblob/58162/399a41abebe84b46963946fe08b60d25/quote-png-data.png) 0 50% no-repeat;
        border-top: 1px dotted #CDCDCD;
        border-bottom: 1px dotted #CDCDCD;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
    }

    #main blockquote * {
        color: #3F4C4C;
    }

    #main blockquote p {
        background: none;
        padding: 20px 0 5px 50px;
        font-size: 150%;
        font-weight: normal;
        line-height: 1.55em;
    }

    #main blockquote cite {
        clear: both;
        display: block;
        width: auto;
        font-size: 80%; /* 12px */
        line-height: 1.2em;
        font-style: normal;
        padding-top: 15px;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
    }

    /* Buttons */
    .mediathek-box .button-wrapper {
        padding: 15px 20px 5px 20px;
        background: #fff;
    }

    .section-wrapper .button-wrapper {
        clear: both;
    }

    .button a,
    .button strong {
        display: block;
        border-radius: 3px;
        -moz-border-radius: 3px;
        padding: 4px 10px;
        color: #fff;
        font-style: normal;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 130%;
        line-height: 1.35;
        text-align: center;
        text-transform: uppercase;
        background: #912437;
    }

    .button .mod,
    .button .mod-1 {
        background: #f2f2f2;
        color: #333;
    }

    .button strong {
        background: #f8f8f8;
        color: #666;
    }

    .button a:hover,
    .button a:focus,
    .button a:active {
        background-color: #333;
        text-decoration: underline;
    }

    .button span {
        padding: 0 12px;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 0 -1200px no-repeat;
    }

    .button strong span {
        background-position: 0 -2600px;
    }

    .button .mod span {
        background-position: 0 -201px;
    }

    .button .mod-1 span {
        background-position: 0 -4000px;
    }

    .button .mod:hover,
    .button .mod:focus,
    .button .mod:active,
    .button .mod-1:hover,
    .button .mod-1:focus,
    .button .mod-1:active {
        color: #fff;
        text-decoration: underline;
        background: #333;
    }

    .button .mod:hover span,
    .button .mod:focus span,
    .button .mod:active span {
        background-position: 0 -1200px;
    }

    .button .mod-1:hover span,
    .button .mod-1:focus span,
    .button .mod-1:active span {
        background-position: 0 -4200px;
    }

    /* Button Mediathek */
    .mediathek .button {
        display: block;
        width: 100%;
        text-align: center;
    }

    .mediathek .button a {
        width: 600px;
        color: #333;
        background: #dbddde;
        display: inline-block;
    }

    .mediathek .button a:hover,
    .mediathek .button a:focus,
    .mediathek .button a:active {
        color: #fff;
        background-color: #333;
        text-decoration: none;
    }

    .mediathek .button a span {
        padding: 0 0 0 15px;
        background-position: 0 -2601px;
    }

    .mediathek .button a:hover span,
    .mediathek .button a:focus span,
    .mediathek .button a:active span {
        background-position: 0 -3797px;
    }

    /* Button Mediathek in Box */
    .media-series .button {
        margin-bottom: 25px;
        text-align: left;
        width: auto;
    }

    .media-series .button a {
        width: auto;
        background: #003f66;
        color: #fff;
        min-width: 200px;
    }

    .media-series .button a span {
        background-position: 0 -1201px;
    }

    #main .media-series .more a {
        font-size: 130%;
    }

    #supplement .arrow-button,
    .arrow-button {
        display: block;
        margin-top: 20px;
        padding: 3px 30px;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-style: normal;
        text-transform: uppercase;
        text-align: center;
        zoom: 1;
    }

    #supplement .arrow-button a,
    .arrow-button a {
        padding: 6px 20px 6px 15px;
        color: #fff;
        background: #474747 url(/resource/crblob/58086/ff40107c91b24355de1ff2922a81be4c/arrow-button-1-png-data.png) 100% 50% no-repeat;
        position: relative;
    }

    .arrow-button a:hover,
    .arrow-button a:focus,
    .arrow-button a:active,
    #supplement .arrow-button a:hover,
    #supplement .arrow-button a:focus,
    #supplement .arrow-button a:active,
    #supplement .hover-clickarea .arrow-buttonanimate,
    .hover-clickarea .arrow-button a,
    #supplement .hover-clickarea .arrow-button a {
        color: #333;
        background: #ccc url(/resource/crblob/58084/8359b5790fde4ad87350a6204c9031e0/arrow-button-1-h-png-data.png) 100% 50% no-repeat;
    }

    /* Arrow-Button in Mediathek */
    .mediathek .arrow-button {
        margin-top: 8px;
    }

    .mediathek .arrow-button a {
        font-size: 140%;
        background: #a9adaf url(/resource/crblob/58094/9b66b99c31d048a2764d9d20fa152b54/arrow-button-png-data.png) 100% 50% no-repeat;
    }

    .mediathek .arrow-button a:hover,
    .mediathek .arrow-button a:focus,
    .mediathek .arrow-button a:active,
    .mediathek .hover-clickarea .arrow-button a {
        color: #333;
        background: #fff url(/resource/crblob/58088/971e37ae11b5a77d86eaa9ba1767f032/arrow-button-h-png-data.png) 100% 50% no-repeat;
    }

    .mediathek-list .arrow-button a {
        font-size: 140%;
        background: #a9adaf url(/resource/crblob/58092/4e27c303cd3e77e1d71ee24da3c6b3f0/arrow-button-list-png-data.png) 100% 50% no-repeat;
    }

    .mediathek-list .arrow-button a:hover,
    .mediathek-list .arrow-button a:focus,
    .mediathek-list .arrow-button a:active,
    .mediathek-list .hover-clickarea .arrow-button a {
        color: #333;
        background: #fff url(/resource/crblob/58090/b1d5406b8126dc756e329affd0080648/arrow-button-list-h-png-data.png) 100% 50% no-repeat;
    }

    /* Teaser-switcher Pagination  */
    /* general */
    .pagination-wrapper {
        width: 100%;
        text-align: center;
    }

    .pagination-wrapper .pagination {
        display: inline-block;
    }

    .pagination-wrapper .pagination ul {
        display: inline-block;
    }

    .pagination-wrapper .pagination li {
        list-style: none;
        float: left;
    }

    .pagination li button {
        display: block;
        width: .6em;
        height: .6em;
        margin-left: 5px;
        border-radius: .3em;
        color: #000;
        cursor: pointer;
        background: none;
        border: 1px solid #b9b9b9;
    }

    .pagination li.on button,
    .pagination li button:hover,
    .pagination li button:focus,
    .pagination li button:active {
        background: #b9b9b9;
        color: #333;
    }

    .pagination li button span,
    .pagination li button strong,
    .pagination li button a {
        display: block;
        direction: ltr;
        text-indent: -9000px;
        font-size: 60%;
    }

    .pagination ul li button strong,
    .pagination ul li button a {
        background: none;
        border-radius: 0;
        font-size: 60%;
        padding: 0;
        text-align: center;
    }

    /* Stage */
    .stage-pagination-wrapper {
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 100%;
        text-align: center;
        z-index: 1001;
    }

    .stage-pagination-wrapper .pagination {
        clear: none;
        display: inline-block;
        padding: 3px 10px 3px 6px;
        position: relative;
        margin: 0 auto;
        right: 0;
        bottom: 0;
        border-radius: 20px;
        text-align: center;
        background: url(/resource/crblob/58102/3e46b92e28381d5172bfc877a6bb65a1/black-trans-30-png-data.png);
        background: rgba(0, 0, 0, 0.3);
        color: #333;
        color: rgba(0, 0, 0, 0.3);
    }

    .startpage .stage-pagination-wrapper .pagination {
        float: left;
    }

    .stage-pagination-inner-wrapper {
        clear: none;
        display: inline-block;
        position: relative;
        margin: 0 auto;
        /*right: 0;*/
        bottom: 0;
        text-align: center;
    }

    .stage-pagination-wrapper .pagination ul {
        display: inline-block;
    }

    #stage .stage-pagination-wrapper .pagination li,
    #main .stage-pagination-wrapper .pagination li,
    .stage-pagination-wrapper .pagination li {
        float: left;
        padding: 5px 0;
        line-height: 1;
        list-style: none;
        font-size: 100%;
    }

    .showbox .pagination li button,
    .stage-pagination-wrapper .pagination li button {
        width: .7em;
        height: .7em;
        /*margin-right: 0.3em;*/
        border-radius: .35em;
        color: #000;
        cursor: pointer;
        background: transparent;
        border: 1px solid #fff;
    }

    .stage-pagination-wrapper .pagination .on button,
    .stage-pagination-wrapper .pagination button:hover,
    .stage-pagination-wrapper .pagination button:focus,
    .stage-pagination-wrapper .pagination button:active {
        background: #fff;
        color: #fff;
    }

    .hcm .stage-pagination-wrapper .pagination .on button,
    .hcm .stage-pagination-wrapper .pagination button:hover,
    .hcm .stage-pagination-wrapper .pagination button:focus,
    .hcm .stage-pagination-wrapper .pagination button:active,
    .no-img .stage-pagination-wrapper .pagination .on button,
    .no-img .stage-pagination-wrapper .pagination button:hover,
    .no-img .stage-pagination-wrapper .pagination button:focus,
    .no-img .stage-pagination-wrapper .pagination button:active {
        border: 3px solid #fff;
    }

    /* Mediathek */
    .showbox .pagination li button,
    .mediathek .pagination li button {
        color: #d1d3d4;
        border: 1px solid #d1d3d4;
    }

    .showbox .pagination li.on button,
    .showbox .pagination li button:hover,
    .showbox .pagination li button:focus,
    .showbox .pagination li button:active,
    .mediathek .pagination li.on button,
    .mediathek .pagination li button:hover,
    .mediathek .pagination li button:focus,
    .mediathek .pagination li button:active {
        background: #d1d3d4;
        color: #d1d3d4;
    }

    .hcm .mediathek .pagination li.on button,
    .hcm .mediathek .pagination li button:hover,
    .hcm .mediathek .pagination li button:focus,
    .hcm .mediathek .pagination li button:active,
    .no-img .mediathek .pagination li.on button,
    .no-img .mediathek .pagination li button:hover,
    .no-img .mediathek .pagination li button:focus,
    .no-img .mediathek .pagination li button:active {
        border: 3px solid #fff;
    }

    .mediathek .pagination li button {
        color: #fff;
        border: 1px solid #fff;
    }

    .searchResults li .video-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        background: url(/resource/crblob/58182/2267e5c1abb1242483decc02b4fa7dfa/video-overlay-png-data.png) -70px 0 no-repeat;
        display: block;
        width: 44px;
        height: 44px;
        margin: -40px 0 0 -17px;
    }

    #searchResult li {
        position: relative;
    }

    .meta .subtitle-controls {
        background-position: 0 -1200px;
    }

    .meta .subtitle-controls:hover,
    .meta .subtitle-controls:focus,
    .meta .subtitle-controls:active {
        background-position: 0 -1400px;
    }

    .meta .subtitle-controls {
        display: block;
        padding: 4px 0 7px 35px;
    }

    .gallery .pagination li.on button,
    .gallery .pagination li button:hover,
    .gallery .pagination li button:focus,
    .gallery .pagination li button:active {
        background: #fff;
        color: #fff;
    }

    .hcm .gallery .pagination li.on button,
    .hcm .gallery .pagination li button:hover,
    .hcm .gallery .pagination li button:focus,
    .hcm .gallery .pagination li button:active,
    .no-img .gallery .pagination li.on button,
    .no-img .gallery .pagination li button:hover,
    .no-img .gallery .pagination li button:focus,
    .no-img .gallery .pagination li button:active {
        border: 3px solid #fff;
    }

    /* ***************************************
 TEASER
**************************************** */
    .teaser,
    .paragraph {
        margin: 0 0 45px;
    }

    .teaser {
        padding-bottom: 25px;
        width: auto;
        padding: 0;
        zoom: 1;
    }

    /* todo */
    #content .teaser .teaser-box {
        display: inline;
        padding: 0;
    }

    #content .chancellor-box .teaser .teaser-box {
        display: block;
        padding: 0;
    }

    #content .teaser img {
        background: none;
        box-shadow: none;
        margin: 0 13px 10px 0;
        padding: 0;
        padding: 0;
        border: 0;
        float: left;
    }

    #content .teaser a:hover img,
    #content .teaser a:active img,
    #content .teaser a:focus img {
        border: none;
        box-shadow: none;
        padding: 0;
        background: none;
    }

    #content .teaser .pos-1 img {
        margin-bottom: 0;
        margin-right: 0;
    }

    #content .teaser h2 {
        font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
        font-size: 180%;
        font-weight: normal;
        text-align: left;
        border: none;
        margin-bottom: 8px;
        clear: none;
        line-height: 1.2em;
    }

    #content .chancellor h2 {
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-size: 160%;
        font-weight: bold;
        line-height: 1.3em;
        border-bottom: 1px solid #E5E5E5;
        clear: both;
        margin: 0 0 38px;
        text-align: center;
    }

    .former-chancellors #content .chancellor h2 {
        display: block;
        position: absolute;
        overflow: hidden;
        left: -9999px;
        width: 1px;
        height: 1px;
    }

    #content .teaser h2 em {
        color: #000000;
        display: block;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans;
        font-size: 60%;
        padding: 0;
        font-style: normal;
        line-height: 1.2;
        text-transform: uppercase;
    }

    #main .teaser p em {
        display: inline;
    }

    #main .teaser p a {
        font-size: 100%;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) no-repeat 0 -1px;
    }

    #main .chancellor {
        position: relative;
    }

    #main .chancellor p {
        padding: 0 10px 20px 0;
    }

    #stage-2 .teaser-group {
        float: left;
    }

    .teaser-group {
        position: relative;
    }

    .teaser-group .teaser {
        width: 33%;
        float: left;
    }

    .teaser-group .teaser-box {
        padding-right: 20px;
    }

    .teaser-box em {
        font-size: 140%;
        font-style: normal;
        padding: 0 0 14px 0;
        display: block;
    }

    .teaser-box .more {
        font-size: 100%;
    }

    .teaser-box dl {
        font-size: 120%;
        line-height: 1.3;
        color: #666;
    }

    .teaser-box dt {
        float: none;
    }

    #main .teaser-group {
        position: relative;
    }

    #main .teaser-group .teaser img {
        float: left;
        margin: 0 15px 15px 0;
        padding: 3px;
        background: #fff;
        box-shadow: 1px 1px 3px #ccc;
        -moz-box-shadow: 1px 1px 3px #ccc;
        -webkit-box-shadow: 1px 1px 3px #ccc;
    }

    #main .teaser-group .teaser a:hover img,
    #main .teaser-group .teaser a:focus img,
    #main .teaser-group .teaser a:active img {
        float: left;
        margin: 0 15px 15px 0;
        padding: 3px;
        background: #fff;
        box-shadow: 1px 1px 3px #666;
        -moz-box-shadow: 1px 1px 3px #666;
        -webkit-box-shadow: 1px 1px 3px #666;
    }

    .teaser-group .teaser h3 {
        margin: 18px 0 0;
    }

    #main .teaser-group .teaser p {
        font-size: 140%;
        line-height: 1.35;
        padding: 0 0 6px 0;
    }

    #main .teaser-group .about {
        background: url(/resource/crblob/58116/b69fc3e00fe2ab27d03b262536ddb900/box-bg-png-data.png) 0 0;
        padding-bottom: 0;
        border-bottom: 45px solid #fff;
        margin-bottom: 0;
    }

    #main .teaser-group .about .teaser-box-content {
        background: #fff;
        margin: 10px;
        padding: 10px;
    }

    .teaser-group .about .teaser-box {
        padding: 10px;
    }

    .teaser-group .teaser-box-content {
        background: #fff;
        padding: 20px;
    }

    #main .teaser-group .about h3 {
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-size: 200%;
        line-height: 1.1;
        font-weight: normal;
        margin: 0 0 15px 0;
    }

    #main .teaser-group .about p {
        font-size: 150%; /*15px*/
    }

    .teaser-group .about em {
        font-size: 100%; /*15px*/
        font-style: normal;
    }

    /*Teaser-List*/
    .teaser-list-wrapper,
    .teaser-list {
        margin-bottom: 20px;
    }

    .teaser-list .teaser {
        margin-bottom: 25px;
        border-bottom: 1px dotted #aaa;
        padding-bottom: 7px;
    }

    .startpage .teaser-list .teaser:last-child {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .startpage .teaser-list .teaser.last-child {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .teaser-list h3 {
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-weight: normal;
        font-size: 240%;
    }

    .teaser-list h3 em {
        color: #000;
        display: block;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans;
        font-size: 55%;
        font-style: normal;
        line-height: 1;
        text-transform: uppercase;
    }

    #main .teaser-list p {
        font-size: 160%;
    }

    .teaser-list a {
        color: #004f80;
    }

    #main .teaser-list .more a {
        font-size: 87.5%; /*14px*/
        background-position: 0 -3201px;
    }

    #main .teaser-list .more a:hover,
    #main .teaser-list .more a:focus
    #main .teaser-list .more a:active {
        font-size: 87.5%; /*14px*/
        background-position: 0 -201px;
    }

    /* ***************************************
 Special Sites
**************************************** */
    /****** Die Kanzler ********/
    .former-chancellors #stage,
    .former-chancellors #stage-2,
    .former-chancellors #stage .stage-wrapper,
    #stage .former-chancellors,
    #stage-2 .former-chancellors {
        position: relative;
        height: auto;
        min-height: 0;
        width: auto;
        margin: 0 auto;
        z-index: 1000
    }

    .former-chancellors .timeline-switcher {
        position: relative;
        margin: 0 0 20px 0;
        z-index: 0;
        overflow: hidden;
        background: #e8e8e8;
        width: 100%;
    }

    .former-chancellors .teaser-group {
        width: 98em;
        margin: 0 auto;
        overflow: hidden;
        zoom: 1;
        height: 1%;
    }

    .former-chancellors .chancellor {
        width: 98em;
        margin: 0 auto 20px auto;
        clear: both;
        background: #fff;
    }

    .former-chancellors h1 {
        margin: 0 auto;
        width: 32.66em;
        padding-bottom: 30px;
    }

    .about-chancellor .button,
    .former-chancellors .button,
    .former-chancellors .download {
        width: 98em;
        margin: 0 auto;
        zoom: 1;
        overflow: hidden;
    }

    .about-chancellor .button,
    .former-chancellors .button,
    .picture-credits {
        display: block;
    }

    .picture-credits {
        zoom: 1;
    }

    .about-chancellor .button a,
    .former-chancellors .button a,
    .picture-credits a {
        float: right;
        width: auto;
        margin: 20px 0;
    }

    .former-chancellors .download a {
        width: auto;
        float: right;
        color: #333;
        padding: 7px 0 7px 35px;
        border: none;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 140%;
        cursor: pointer;
        background: url(/resource/crblob/58136/10cbc1c95d2bc24a1f2c22f9434ca26f/icon-sprite-3-png-data.png) 0 -1200px no-repeat;
    }

    .former-chancellors .teaser-wrapper {
        overflow: hidden;
        position: relative;
    }

    .former-chancellors .teaser-head {
        position: relative;
    }

    .former-chancellors .rack {
        /* IE braucht hier manchmal position: relative
      * und häufig die genaue Breite, welche man nicht nur über CSS,
      * sondern auch über JS mit der Option hidingWidth setzen kann
      */
        position: relative;
        background: #e8e8e8;
        /*width: auto;*/
        overflow-x: scroll;
        overflow-y: hidden;
        height: 40.2em;
        width: 100%;
        margin: 0 auto;
    }

    .js .former-chancellors .rack {
        overflow-x: hidden; /* verhindern von FOUC */
        height: 40.2em; /* verhindern von FOUC */
    }

    .hcm .former-chancellors .rack,
    .no-img .former-chancellors .rack {
        overflow: auto !important; /* browser scroller anzeigen */
        height: 430px; /* extra platz für scroller schaffen */
    }

    .offset-mask {
        position: absolute;
        bottom: 0;
        top: 0;
        z-index: 20;
        pointer-events: none;
    }

    .no-img .offset-mask {
        display: none;
    }

    .offset-mask.mask-left {
        left: 0;
    }

    .offset-mask.mask-right {
        right: 0;
    }

    .former-chancellors .offset-mask {
        top: auto;
        height: 40.2em;
    }

    .former-chancellors .mod .offset-mask {
        height: 22.5em;
    }

    .former-chancellors .mask-left {
        background: -moz-linear-gradient(left, rgba(232, 232, 232, 1) 90%, rgba(232, 232, 232, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, rgba(232, 232, 232, 1)), color-stop(100%, rgba(232, 232, 232, 0)));
        background: -webkit-linear-gradient(left, rgba(232, 232, 232, 1) 90%, rgba(232, 232, 232, 0) 100%);
        background: -o-linear-gradient(left, rgba(232, 232, 232, 1) 90%, rgba(232, 232, 232, 0) 100%);
        background: -ms-linear-gradient(left, rgba(232, 232, 232, 1) 90%, rgba(232, 232, 232, 0) 100%);
        background: linear-gradient(to right, rgba(232, 232, 232, 1) 90%, rgba(232, 232, 232, 0) 100%);
    }

    .former-chancellors .mask-right {
        background: -moz-linear-gradient(left, rgba(232, 232, 232, 0) 0%, rgba(232, 232, 232, 1) 10%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(232, 232, 232, 0)), color-stop(10%, rgba(232, 232, 232, 1)));
        background: -webkit-linear-gradient(left, rgba(232, 232, 232, 0) 0%, rgba(232, 232, 232, 1) 10%);
        background: -o-linear-gradient(left, rgba(232, 232, 232, 0) 0%, rgba(232, 232, 232, 1) 10%);
        background: -ms-linear-gradient(left, rgba(232, 232, 232, 0) 0%, rgba(232, 232, 232, 1) 10%);
        background: linear-gradient(to right, rgba(232, 232, 232, 0) 0%, rgba(232, 232, 232, 1) 10%);
    }

    #stage-2 .former-chancellors .offset-mask {
        height: 17em;
        z-index: 20;
        top: 0;
    }

    #stage-2 .mask-left {
        background: -moz-linear-gradient(right, rgba(232, 232, 232, 0) 5%, rgb(232, 232, 232) 10%);
        background: -webkit-gradient(linear, right top, left top, color-stop(5%, rgba(232, 232, 232, 0)), color-stop(10%, rgb(232, 232, 232)));
        background: -webkit-linear-gradient(right, rgba(232, 232, 232, 0) 5%, rgb(232, 232, 232) 10%);
        background: -o-linear-gradient(right, rgba(232, 232, 232, 0) 5%, rgb(232, 232, 232) 10%);
        background: -ms-linear-gradient(right, rgba(232, 232, 232, 0) 5%, rgb(232, 232, 232) 10%);
        background: linear-gradient(to left, rgba(232, 232, 232, 0) 5%, rgb(232, 232, 232) 10%);
    }

    #stage-2 .mask-right {
        background: -moz-linear-gradient(left, rgba(232, 232, 232, 0) 5%, rgb(232, 232, 232) 10%);
        background: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(232, 232, 232, 0)), color-stop(10%, rgb(232, 232, 232)));
        background: -webkit-linear-gradient(left, rgba(232, 232, 232, 0) 5%, rgb(232, 232, 232) 10%);
        background: -o-linear-gradient(left, rgba(232, 232, 232, 0) 5%, rgb(232, 232, 232) 10%);
        background: -ms-linear-gradient(left, rgba(232, 232, 232, 0) 5%, rgb(232, 232, 232) 10%);
        background: linear-gradient(to right, rgba(232, 232, 232, 0) 5%, rgb(232, 232, 232) 10%);
    }

    .former-chancellors .rack-design {
        width: 375.3em;
        height: 40.2em;
        position: relative;
        padding: 0 10em;
    }

    .js .former-chancellors .rack-design {
        width: auto;
        padding: 0;
    }

    .former-chancellors .rack-teaser {
        float: left;
        margin: 0;
        color: #fff;
        height: 40.2em;
        position: relative;
        padding: 0;
        z-index: 5;
    }

    .former-chancellors .chancellor-box {
        height: 40.2em;
    }

    .former-chancellors .chancellor-content {
        overflow: hidden;
        background: #fff;
        width: 98em;
        margin: 0 auto;
    }

    .former-chancellors .rack-teaser h2 {
        float: left;
        margin: 0;
        padding: 0;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-size: 160%;
        font-weight: bold;
        color: #912336;
    }

    .former-chancellors .mod .rack-teaser h2 {
        font-size: 150%;
    }

    .former-chancellors .rack-teaser h2 a {
        color: #912336;
        font-size: 100%;
    }

    .former-chancellors .hover-clickarea h2 a {
        color: #004f80;
        text-decoration: underline;
    }

    .former-chancellors .rack-teaser img {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .former-chancellors .odd img {
        z-index: 1;
    }

    .former-chancellors .rack-teaser .teaser {
        position: absolute;
        top: 22em;
        width: 57.9em;
    }

    .former-chancellors .mod .rack-teaser .teaser {
        top: 11em;
    }

    .former-chancellors .rack-teaser .date {
        display: block;
        display: block;
        position: relative;
        border-top: 4px solid #912336;
        zoom: 1;
        width: 57.9em;
    }

    .former-chancellors .hover-clickarea .date {
        border-top: 4px solid #004f80;
    }

    .former-chancellors .rack-teaser .date span {
        position: absolute;
        z-index: 3;
        top: -1em;
        left: -1.7em;
        width: 2.7em;
        display: block;
        border-radius: 10px;
        color: #fff;
        padding: 3px 5px;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-size: 150%;
        font-weight: bold;
        text-align: center;
        background: #912336;
    }

    .former-chancellors .hover-clickarea .date span {
        z-index: 19;
    }

    .former-chancellors .rack-teaser .date span.end {
        right: -1.67em;
        left: auto;
    }

    .former-chancellors .teaser-box {
        height: 13.7em;
        background: transparent url(/resource/crblob/58122/13af903001f361339e63ea4fc677aded/chancellor-bg-1-png-data.png) 0 0 repeat;
        zoom: 1;
    }

    .former-chancellors #content .teaser-box img {
        margin: 0;
    }

    .former-chancellors #main .teaser-box h2 {
        border: none;
        margin: 0;
        clear: none;
        text-align: left;
        font-size: 160%;
        font-weight: bold;
        padding: 10px 10px 0;
        width: auto;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    }

    .former-chancellors #stage-2 .teaser-box h2 {
        padding: 10px 10px 0;
    }

    .former-chancellors #main .mod .chancellor-2 .teaser-box h2,
    .former-chancellors #main .mod .chancellor-3 .teaser-box h2 {
        width: 5em;
    }

    .former-chancellors #main .chancellor-2 .teaser-box h2,
    .former-chancellors #main .chancellor-3 .teaser-box h2 {
        width: 2em;
    }

    .former-chancellors #main #stage-2 .chancellor-2 .teaser-box h2,
    .former-chancellors #main #stage-2 .chancellor-3 .teaser-box h2 {
        width: auto;
    }

    .former-chancellors .teaser-group h2 {
        zoom: 1;
    }

    .former-chancellors .teaser-group .teaser-box {
        height: auto;
        background: none;
        zoom: 1;
    }

    #stage-2 .former-chancellors .teaser-box {
        height: 13.7em;
        background: transparent url(/resource/crblob/58124/b58d4d82671e3a150175fb9a4cdf3537/chancellor-bg-png-data.png) 0 0 repeat;
        zoom: 1;
    }

    .former-chancellors .hover-clickarea .teaser-box,
    #stage-2 .former-chancellors .hover-clickarea .teaser-box {
        background: transparent url(/resource/crblob/58120/ebe3f87d5e369af7fdac15d2eb40ab47/chancellor-bg-1-hover-png-data.png) 0 0 repeat;
        cursor: pointer;
    }

    #stage-2 .former-chancellors .hover-clickarea .teaser-box {
        background: #fff url(/resource/crblob/58124/b58d4d82671e3a150175fb9a4cdf3537/chancellor-bg-png-data.png) 0 0 repeat;
    }

    .former-chancellors.teaser-box h2 {
        padding: 10px 10px 0 10px;
        width: auto;
        color: #004f80;
    }

    /* odd / even */
    .former-chancellors .even {
        z-index: 4;
    }

    .former-chancellors .hover-clickarea {
        z-index: 18;
    }

    .former-chancellors .even .teaser {
        position: absolute;
        top: 8.65em;
    }

    .former-chancellors .even .date {
        position: absolute;
        bottom: 0;
        z-index: 1;
        width: 20em;
    }

    .former-chancellors .hover-clickarea .date {
        z-index: 17;
    }

    .former-chancellors .mod .odd img {
        z-index: 18;
    }

    /* active */
    .former-chancellors .active,
    .former-chancellors .hover-clickarea {
        z-index: 6; /*IE7*/
    }

    .former-chancellors .active .teaser-box,
    .former-chancellors .hover-clickarea .teaser-box {
        background: transparent url(/resource/crblob/58120/ebe3f87d5e369af7fdac15d2eb40ab47/chancellor-bg-1-hover-png-data.png) 0 0 repeat;
    }

    .former-chancellors .active .date {
        border-top: 4px solid #004f80;
    }

    .former-chancellors .active h2 {
        color: #004f80;
    }

    .former-chancellors .active .date span,
    .former-chancellors .hover-clickarea .date span {
        background: #004f80;
    }

    /* PAGER */
    .former-chancellors .pager {
        position: relative;
        margin: 0 auto;
        top: 17.8em;
        width: 86em;
        z-index: 21;
    }

    .former-chancellors .mod .pager {
        top: 8.6em;
    }

    .former-chancellors .prev,
    .former-chancellors .next {
        position: absolute;
        top: 0;
        left: -66px;
        width: 40px;
    }

    .former-chancellors .next {
        left: auto;
        right: -66px;
    }

    .former-chancellors .next span,
    .former-chancellors .prev span {
        display: none;
        width: 56px;
        height: 87px;
        background: url(/resource/crblob/58160/7bf96f4ffda08a53ba7c008c1bb7a6f4/pager-stage-png-data.png) 0 0 no-repeat;
        text-indent: -9999px;
    }

    .former-chancellors .next.show span,
    .former-chancellors .prev.show span {
        cursor: pointer;
        background-position: 0 -87px;
    }

    .former-chancellors .next.show span {
        cursor: pointer;
        background-position: -56px -87px;
    }

    .js .former-chancellors .next span,
    .js .former-chancellors .prev span {
        display: block;
    }

    .former-chancellors .next span {
        float: right;
        background-position: -56px 0;
    }

    .former-chancellors .prev.show span:hover {
        background-position: 0 -87px;
    }

    .former-chancellors .next.show span:hover {
        background-position: -56px -87px;
    }

    /* hcm = highcontrastmode */
    .hcm .former-chancellors .next span,
    .hcm .former-chancellors .prev span,
    .no-img .former-chancellors .next span,
    .no-img .former-chancellors .prev span {
        display: none;
    }

    /* Timeline */
    .timeline {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0 15em;
    }

    .js .timeline {
        padding: 0;
    }

    .timeline .period {
        position: relative;
        float: left;
        height: 40.2em;
        border-left: 1px solid #fff;
    }

    .timeline .line {
        position: absolute;
        display: block;
        top: 22em;
        right: 0;
        left: 0;
        height: 0.4em;
        background: #ccc;
    }

    .mod .timeline .line {
        top: 13em;
    }

    .timeline-switcher,
    .timeline-switcher-small {
        position: relative;
    }

    .timeline-switcher .years-1 {
        width: 5em;
    }

    .timeline-switcher .first {
        margin: 0 0 0 2em;
    }

    .timeline-switcher .years-2 {
        width: 10em;
    }

    .timeline-switcher .years-10 {
        width: 50em;
    }

    .timeline span em {
        position: absolute;
        left: 19px;
        top: 7px;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 4.4em;
        color: #94999a;
    }

    /*
 FORMER CHANCELLORS (SMALL)
***********************************/
    .former-chancellors .mod .rack-design,
    .former-chancellors .mod .rack-teaser,
    .former-chancellors .mod .chancellor-box,
    .mod .timeline {
        height: 22.5em;
    }

    .former-chancellors .mod .rack {
        height: 22.2em;
    }

    .former-chancellors .mod .rack-design {
        padding-top: 20px;
    }

    .former-chancellors .mod .teaser-box {
        height: 7em;
    }

    .former-chancellors .mod .even .teaser {
        top: 4.4em;
    }

    /*
 FORMER CHANCELLORS IN FOOTER
***********************************/
    #stage-2 .former-chancellors .rack,
    #stage-2 .former-chancellors .rack-design {
        background: transparent;
        height: 17em;
    }

    #stage-2 .former-chancellors .timeline-switcher-small,
    .js #stage-2 .former-chancellors .rack,
    #stage-2 .former-chancellors .rack-teaser,
    #stage-2 .former-chancellors .rack-design,
    #stage-2 .former-chancellors .chancellor-box {
        height: 17em;
    }

    #stage-2 .timeline {
        height: 11em;
    }

    #stage-2 .timeline .line {
        top: 5.8em;
    }

    #stage-2 .former-chancellors .rack-teaser .teaser {
        top: 5.8em;
    }

    #stage-2 .former-chancellors .teaser-box {
        height: 5.8em;
    }

    #stage-2 .former-chancellors .even .teaser {
        position: absolute;
        top: 0.4em;
    }

    /* Pager */
    #stage-2 .former-chancellors .pager {
        position: relative;
        top: 4.4em;
        width: 80em;
    }

    #stage-2 .former-chancellors .prev,
    #stage-2 .former-chancellors .next {
        position: absolute;
        left: auto;
        right: -86px;
    }

    #stage-2 .former-chancellors .prev {
        left: -86px;
    }

    #stage-2 .former-chancellors .next span,
    #stage-2 .former-chancellors .prev span {
        width: 32px;
        height: 32px;
        background: url(/resource/crblob/58130/612d0fc5e5360de8086814bc753edef5/former-chancellors-2-pager-1-png-data.png) 0 0 no-repeat;
    }

    #stage-2 .former-chancellors .next span {
        background-position: -32px 0px;
    }

    #stage-2 .former-chancellors .prev.show span {
        background-position: 0 -64px;
    }

    #stage-2 .former-chancellors .next.show span {
        background-position: -32px -64px;
    }

    #stage-2 .former-chancellors .prev.show span:hover,
    #stage-2 .former-chancellors .prev.show span:focus,
    #stage-2 .former-chancellors .prev.show span:active {
        background-position: 0 -32px;
    }

    #stage-2 .former-chancellors .next.show span:hover,
    #stage-2 .former-chancellors .next.show span:focus,
    #stage-2 .former-chancellors .next.show span:active {
        background-position: -32px -32px;
    }

    /*
 CHANCELLORS
***********************************/
    /* chancellor 1 (Adenauer) */
    .former-chancellors .chancellor-1,
    .former-chancellors .chancellor-1 .teaser,
    .former-chancellors .chancellor-1 .date {
        width: 70em;
    }

    .former-chancellors .chancellor-1 img {
        right: 54%;
    }

    .former-chancellors .mod .chancellor-1 img {
        right: 64%;
    }

    .former-chancellors .mod img {
        height: 84px;
    }

    /* chancellor 2 (Erhard) */
    .former-chancellors .chancellor-2 {
        position: relative;
        padding-left: 0;
    }

    .former-chancellors .chancellor-2,
    .former-chancellors .chancellor-2 .teaser,
    .former-chancellors .chancellor-2 .date {
        width: 15em;
    }

    #stage .former-chancellors .chancellor-2 h2 {
        width: 4.5em;
    }

    /* chancellor 3 (Kiesinger) */
    .former-chancellors .chancellor-3,
    .former-chancellors .chancellor-3 .teaser,
    .former-chancellors .chancellor-3 .date {
        width: 15em;
    }

    #stage .former-chancellors .chancellor-3 h2 {
        width: 4.5em;
    }

    #stage .former-chancellors .mod .chancellor-3 h2 {
        width: 5.5em;
    }

    .former-chancellors .mod .chancellor-3 img {
        right: 20px
    }

    /* chancellor 4 (Brandt) */
    .former-chancellors .chancellor-4,
    .former-chancellors .chancellor-4 .teaser,
    .former-chancellors .chancellor-4 .date {
        width: 25em;
    }

    /* chancellor 5 (Schmidt) */
    .former-chancellors .chancellor-5,
    .former-chancellors .chancellor-5 .teaser,
    .former-chancellors .chancellor-5 .date {
        width: 40em;
    }

    .former-chancellors .chancellor-5 img {
        right: 32%;
    }

    .former-chancellors .mod .chancellor-5 img {
        right: 42%;
    }

    /* chancellor 6 (Kohl) */
    .former-chancellors .chancellor-6,
    .former-chancellors .chancellor-6 .teaser,
    .former-chancellors .chancellor-6 .date {
        width: 80em;
    }

    .former-chancellors .chancellor-6 img {
        right: 56%;
    }

    .former-chancellors .mod .chancellor-6 img {
        right: 69%;
    }

    /* chancellor 7 (Schröder) */
    .former-chancellors .chancellor-7,
    .former-chancellors .chancellor-7 .teaser,
    .former-chancellors .chancellor-7 .date {
        width: 35em;
    }

    .former-chancellors .chancellor-7 img {
        right: 13%;
    }

    .former-chancellors .mod .chancellor-7 img {
        right: 27%;
    }

    /* chancellor 8 (Merkel) */
    .former-chancellors .chancellor-8,
    .former-chancellors .chancellor-8 .teaser,
    .former-chancellors .chancellor-8 .date {
        width: 35em;
    }

    .former-chancellors .chancellor-8 img {
        right: 13%;
    }

    .former-chancellors .mod .chancellor-8 img {
        right: 35%;
    }

    /*
 CHANCELLORS TIMETABLE
***********************************/
    #main .timetable-nav {
        margin: 0 0 1.5em 3.9em;
        zoom: 1;
    }

    .timetable-nav li {
        float: left;
        margin: 0 0 0 8px;
        list-style-type: none;
    }

    .timetable-nav li a {
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .timetable-nav a,
    .timetable-nav strong {
        float: left;
        padding: 3px 10px 3px 24px;
        font-size: 86.7%; /*13px*/
        background-image: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png);
        background-position: 10px -800px;
        background-repeat: no-repeat;
    }

    .timetable-nav strong {
        background-color: #999;
        color: #333;
    }

    .timetable-nav .preview-btn a {
        background-image: none;
        padding: 3px 10px;
        color: #fff;
    }

    /* pager */
    .timetable-nav .pager {
        float: right;
    }

    .timetable-nav .pager a {
        background-color: #bbb;
        color: #333;
        background-position: 10px -2200px;
    }

    .timetable-nav .pager .next a,
    .timetable-nav .pager .next strong {
        padding: 3px 24px 3px 10px;
        background-position: 90% -2400px;
    }

    .timetable-nav .pager .prev strong {
        background-position: 10px -2200px;
    }

    .timetable-nav .pager .next strong {
        background-position: 90% -2400px;
    }

    .timetable-nav .pager a:hover,
    .timetable-nav .pager a:focus,
    .timetable-nav .pager a:active {
        background-color: #333;
        color: #fff;
        background-position: 10px -800px;
    }

    .timetable-nav .pager .next a:hover,
    .timetable-nav .pager .next a:focus,
    .timetable-nav .pager .next a:active {
        background-position: 90% -1000px;
    }

    .timetable .showmore {
        display: none;
        margin: 0 0 1.5em 4.9em;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .js .timetable .showmore {
        display: block;
    }

    .timetable .showmore span {
        position: relative;
        padding: 0 16px;
        background-position: 0 -1200px;
    }

    .timetable {
        clear: both;
        margin: 0 20px 20px 3em;
        border-left: 2px dotted #ccc;
        padding: 1em 0 0;
        min-height: 80em;
    }

    .timetable div.pagination:last-child {
        margin-bottom: 60px;
        padding-top: 5px;
    }

    .timetable div.pagination.last-child {
        margin-bottom: 60px;
        padding-top: 5px;
    }

    .appointment {
        position: relative;
        margin-bottom: 20px;
    }

    .js .appointment.past,
    .js .appointment.preview {
        display: none;
    }

    .appointment .date {
        position: absolute;
        top: 1em;
        left: -3em;
        width: 6.5em;
        height: auto;
        padding: 10px 0;
        background: #fff;
    }

    .today .date {
        background: #fff;
        border: 1px solid #ccc;
        border-top: none;
        height: 6.7em;
        width: 5.6em;
    }

    .today .date:before,
    .today .date:after {
        content: "";
        position: absolute;
        top: 0;
        left: 8%;
        background: #fff;
        width: .4em;
        height: .8em;
    }

    .today .date:after {
        left: auto;
        right: 8%;
    }

    .appointment.today .date {
        padding: 0;
    }

    .appointment .date em {
        display: block;
        margin: 0;
        text-align: center;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-style: normal;
        font-size: 180%;
        text-transform: uppercase;
        color: #373737;
        width: 100%;
    }

    .appointment .date span.abbr {
        border-bottom: none;
        display: block;
    }

    .today .date span.abbr {
        position: absolute;
        top: .1em;
        left: 0;
        border-bottom: none;
        display: block;
        width: 100%;
        font-size: 40%;
        margin: 0 auto;
    }

    .today .date em {
        border-top: .5em solid #ccc;
        line-height: 1.15;
        font-size: 400%;
    }

    .appointment-box {
        position: relative;
        margin-left: 4.9em;
        padding: 20px 20px 15px;
        background: #f2f2f2;
    }

    .appointment-box.hover-clickarea h3 {
        text-decoration: underline;
    }

    .appointment-box.hover-clickarea h2 {
        text-decoration: underline;
    }

    .preview .appointment-box {
        background: #f6f6f6;
    }

    .appointment .abroad {
        background: #bfe7f4 url(/resource/crblob/58080/b23e267943571a2989212ce68ce60483/appointment-bg-png-data.png) 0 0;
    }

    /* pointer */
    .appointment-box:before {
        display: block;
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 30px;
        left: -9px;
        border-style: solid;
        border-color: transparent #f2f2f2;
        border-color: rgba(255, 255, 255, 0) #f2f2f2;
        border-width: 9px 9px 9px 0;
    }

    .appointment .abroad:before {
        border-color: transparent #ccecf6;
        border-color: rgba(255, 255, 255, 0) #ccecf6;
    }

    /* mehrere Termine pro Tag */
    .appointment-box + .appointment-box:before,
    .appointment-box + .appointment-box:after {
        border: none;
    }

    .appointment-box + .appointment-box {
        margin-top: 1px;
    }

    #main .appointment-box h2 {
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-size: 180%;
        line-height: 1.1;
        font-weight: normal;
        color: #000;
        text-align: left;
        border: none;
        padding: 0;
        margin-bottom: 10px;
        clear: none;
    }

    #main .appointment-box h3 {
        font-size: 120%;
        color: #666;
        text-transform: uppercase;
    }

    #main .appointment-box p {
        padding: 0 0 5px;
        font-size: 140%;
    }

    .appointment-box em {
        color: #003f66;
        padding-right: 10px;
        font-style: normal;
    }

    #main .appointment-box em.more a {
        font-size: 100%;
        margin-left: 5px
    }

    #main .appointment-box a.RichTextIntLink {
        display: inline;
        font-size: 100%;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) no-repeat scroll 0 0 transparent;
        font-style: normal;
        margin-left: 5px;
        padding-left: 10px;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .appointment-box a img {
        margin-bottom: 5px;
        padding: 5px;
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    }

    .appointment .hover-clickarea a img,
    .appointment-box a:hover img,
    .appointment-box a:focus img,
    .appointment-box a:active img {
        box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    }

    .preview .appointment-box h2,
    .preview .appointment-box h3,
    .preview .appointment-box p {
        color: #666;
    }

    /* appointment-box mit Bild */
    .appointment .image {
        padding-left: 295px;
    }

    .appointment .image h3 {
        margin-left: -275px;
    }

    .appointment .image .pos-1 {
        margin-left: -275px;
    }

    /* pagination */
    .timetable .pagination {
        zoom: 1;
        margin-bottom: 20px;
    }

    .timetable .pagination ul {
        float: right;
        zoom: 1;
    }

    #main .pagination ul {
        margin: 0;
        padding: 0;
        zoom: 1;
    }

    #main .pagination ul li {
        display: inline-block;
        vertical-align: bottom;
        margin-right: .5em;
        line-height: 1em;
        padding: 0;
        list-style: none;
        font-size: 150%;
    }

    #main .pagination ul li.last-item {
        margin: 0;
    }

    #main .pagination ul li a,
    #main .pagination ul li strong {
        display: block;
        border-radius: 3px;
        -moz-border-radius: 3px;
        padding: 8px 10px;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 86.7%; /*13px*/
        color: #fff;
        font-style: normal;
        text-align: center;
        background: #912437;
        color: #fff;
    }

    #main .pagination ul li a:active,
    #main .pagination ul li a:focus,
    #main .pagination ul li a:hover,
    #main .pagination ul li strong {
        color: #3F4C4C;
        text-decoration: underline;
    }

    #main .pagination ul li strong {
        text-decoration: none;
        color: #fff;
        background: #003f66;
    }

    #main .pagination ul li a.prev,
    #main .pagination ul li a.next,
    #content .pagination ul li a.prev,
    #content .pagination ul li a.next {
        position: relative;
        overflow: hidden;
        top: 0;
        height: auto;
        background: #912437 url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) no-repeat 10px -3000px;
        width: 12px;
        display: block;
        text-indent: -9000px;
        margin: 0;
        right: 0;
    }

    .no-img .pagination ul li a.prev,
    .no-img .pagination ul li a.next {
        text-indent: 0;
        width: auto;
    }

    .pagination ul li a.prev,
    #content .pagination ul li a.prev {
        background-position: 10px -2800px;
    }

    .pagination ul li a:hover,
    .pagination ul li a:active,
    .pagination ul li a:focus,
    #content .pagination ul li a:hover,
    #content .pagination ul li a:active,
    #content .pagination ul li a:focus {
        background-color: #003f66;
        color: #fff;
    }

    .no-img .pagination ul li a.prev,
    .no-img .pagination ul li a.next,
    .hcm .pagination ul li a.prev,
    .hcm .pagination ul li a.next,
    .no-img #content .pagination ul li a.prev,
    .no-img #content .pagination ul li a.next,
    .hcm #content .pagination ul li a.prev,
    .hcm #content .pagination ul li a.next {
        width: auto;
        height: auto;
        text-indent: 0;
    }

    .no-img .pagination ul li a.prev:hover,
    .no-img .pagination ul li a.next:hover,
    .no-img .pagination ul li a.prev:focus,
    .no-img .pagination ul li a.next:focus,
    .no-img .pagination ul li a.prev:active,
    .no-img .pagination ul li a.next:active,
    .no-img #content .pagination ul li a.prev:hover,
    .no-img #content .pagination ul li a.next:hover,
    .no-img #content .pagination ul li a.prev:focus,
    .no-img #content .pagination ul li a.next:focus,
    .no-img #content .pagination ul li a.prev:active,
    .no-img #content .pagination ul li a.next:active {
        background: none;
        width: auto;
        height: auto;
        text-indent: 0;
        text-decoration: underline;
        color: #000;
    }

    /****** Fotoalbum ******/
    /* Äußerer Teaser-Switcher im Fototalbum */
    .modgrid #wrapperContent #main,
    .about-chancellor .modgrid #wrapperContent,
    .about-chancellor .modgrid #wrapperContent #content,
    .former-chancellors .modgrid #wrapperContent,
    .former-chancellors .modgrid #wrapperContent #content,
    #stage .about-chancellor {
        width: 100%;
        min-height: 0;
    }

    .modgrid #wrapperContent #main {
        padding: 0;
    }

    .about-chancellor #main .pagination-wrapper {
        width: 100%;
        padding: 0;
        background: #384547 url(/resource/crblob/58106/33551d9abf876f7380ce89b87029c780/border-about-png-data.png) repeat-x 0 2.5em;
    }

    .about-chancellor #main .sequences {
        width: 100%;
        position: relative;
        background: #fff;
    }

    .about-chancellor #main .sequences-wrapper {
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        width: 81.4em;
        padding: 0 83px;
        background: #fff;
    }

    .about-chancellor #main .sequence-switcher-inner .sequences-wrapper {
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        width: 81.4em;
        padding: 0;
    }

    .about-chancellor #main .linear-navigation .prev span,
    .about-chancellor #main .linear-navigation .next span {
        position: absolute;
        display: none;
        top: 38%;
        float: left;
        width: 60px;
        height: 85px;
        background: url(/resource/crblob/58152/a4f69d188e531ab719dff21264887200/pager-about-png-data.png) 0 10px no-repeat;
        text-indent: -9999px;
        z-index: 100;
    }

    .hcm .about-chancellor #main .linear-navigation .prev span,
    .hcm .about-chancellor #main .linear-navigation .next span,
    .no-img .about-chancellor #main .linear-navigation .prev span,
    .no-img .about-chancellor #main .linear-navigation .next span {
        font-size: 200%;
        text-indent: 0;
        width: auto;
        position: static;
        float: left;
        padding-top: 20px;
    }

    .hcm .about-chancellor #main .linear-navigation .next span,
    .no-img .about-chancellor #main .linear-navigation .next span {
        float: right;
    }

    .js .about-chancellor #main .linear-navigation .prev span,
    .js .about-chancellor #main .linear-navigation .next span {
        display: block;
        cursor: pointer;
    }

    .about-chancellor #main .linear-navigation .prev span {
        left: 10px;
    }

    .about-chancellor #main .linear-navigation .next span {
        right: 10px;
        background-position: -60px 10px;
    }

    .about-chancellor #main .linear-navigation .next span:hover {
        background-position: -60px -73px;
        cursor: pointer;
    }

    .about-chancellor #main .linear-navigation .prev span:hover {
        background-position: 0 -73px;
    }

    .about-chancellor #main .linear-navigation .prev.show span,
    .about-chancellor #main .linear-navigation .next.show span {
        display: block;
        cursor: pointer;
    }

    .about-chancellor #main .pagination-wrapper {
        border-bottom: 10px solid #fff;
        margin: 0;
        background: #fff url(/resource/crblob/58106/33551d9abf876f7380ce89b87029c780/border-about-png-data.png) repeat-x 0 50%;
    }

    .about-chancellor #main .pagination-wrapper .pagination {
        zoom: 1;
        background: #fff;
        padding: 20px 0;
        background: #fff url(/resource/crblob/58106/33551d9abf876f7380ce89b87029c780/border-about-png-data.png) repeat-x 0 50%;
    }

    .about-chancellor #main .pagination ol {
        width: 103em;
        margin: 0 auto;
        list-style: none;
    }

    .about-chancellor #main li {
        font-size: 100%;
        line-height: 1.7em;
    }

    .about-chancellor #main .pagination li {
        float: left;
    }

    .about-chancellor #main .pagination li.last-child,
    .about-chancellor #main .pagination li:last-child {
        background: url(/resource/crblob/58106/33551d9abf876f7380ce89b87029c780/border-about-png-data.png) repeat-x 0 50%;
    }

    .about-chancellor #main a.btn-reset,
    .about-chancellor #main .pagination li a {
        display: block;
        float: left;
        background: url(/resource/crblob/58114/5ffd2bfd676df44cd5b84cb82e645392/border-v-png-data.png) repeat-y 50% 0;
        -webkit-appearance: none;
        cursor: pointer;
        border: none;
    }

    .about-chancellor #main .pagination li a span {
        display: block;
        float: left;
        margin: .6em .5em .6em .6em;
        background: #912336;
        border-radius: 10px;
        color: #fff;
        display: block;
        font-size: 150%;
        padding: 3px 8px;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .about-chancellor #main .pagination li a:hover span,
    .about-chancellor #main .pagination li a:focus span,
    .about-chancellor #main .pagination li a:active span {
        background: #323232;
    }

    .about-chancellor #main .pagination li a.js-selected span {
        background: #003f66;
    }

    .about-chancellor .pagination li a.js-selected {
        cursor: auto;
    }

    .about-chancellor .pagination li button span {
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .about-chancellor #main .inner-rack-teaser {
        width: 81.4em;
        min-height: 47.7em;
    }

    .about-chancellor #main .sequence-switcher {
        background: #fff;
        min-height: 64em;
    }

    .about-chancellor #main .sequence {
        clear: both;
        min-height: 51.1em;
    }

    .about-chancellor #main .sequence h2,
    .about-chancellor #main .inner-rack-teaser h2 {
        font-size: 210%;
        color: #333;
        line-height: 1.2em;
        clear: none;
        border-bottom: none;
        margin: 0 0 28px 0;
        text-align: left;
    }

    .about-chancellor #main .sequence img,
    .about-chancellor #main .inner-rack-teaser img {
        float: left;
        display: block;
        margin: 0 15px 15px 0;
        padding: 5px;
        margin: 5px;
        background: #fff;
        box-shadow: 0 0 5px #aaa;
        -moz-box-shadow: 0 0 5px #aaa;
        -webkit-box-shadow: 0 0 5px #aaa;
    }

    .about-chancellor #main .sequence a:hover img,
    .about-chancellor #main .sequence a:focus img,
    .about-chancellor #main .sequence a:active img,
    .about-chancellor #main .inner-rack-teaser a:hover img,
    .about-chancellor #main .inner-rack-teaser a:focus img,
    .about-chancellor #main .inner-rack-teaser a:active img {
        box-shadow: 0 0 5px #333;
        -moz-box-shadow: 0 0 5px #333;
        -webkit-box-shadow: 0 0 5px #333;
    }

    .about-chancellor #main .sequence p,
    .about-chancellor #main .inner-rack-teaser p {
        font-size: 180%;
        color: #333;
        font-family: 'BundesSerifWeb', Georgia, "Times New Roman", sans-serif;
        font-weight: normal;
        line-height: 1.5em;
    }

    .about-chancellor #main .sequence blockquote,
    .about-chancellor #main .inner-rack-teaser blockquote {
        margin-left: -20px;
        font-size: 200%;
        color: #333;
        font-family: 'BundesSerifWeb', Georgia, "Times New Roman", sans-serif;
        font-weight: normal;
        line-height: 1.35em;
        padding: 64px 0 20px 20px;
        background: url(/resource/crblob/58104/716423dac180b0541a89d77826ade397/blockquote-png-data.png) 0 10px no-repeat;
        border: none;
    }

    .about-chancellor #main .sequence cite,
    .about-chancellor #main .inner-rack-teaser cite {
        margin-left: -20px;
        padding: 0 0 0 20px;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 200%;
        line-height: 1.5em;
        font-style: normal;
        color: #333;
    }

    .about-chancellor #main .t-mod-1 img {
        float: right;
        margin: 5px 5px 5px 25px;
    }

    .about-chancellor #main .t-mod-1 .teaser-box,
    .about-chancellor #main .t-mod-3 .teaser-box,
    .about-chancellor #main .t-mod-4,
    .about-chancellor #main .t-mod-5 .teaser-box,
    .about-chancellor #main .t-mod-6 .teaser-box {
        padding: 22px 0 0 0;
    }

    .about-chancellor #main .t-mod-2 .teaser-box {
        position: absolute;
        top: 95px;
        right: 82px;
        background: #fff;
        width: 27.7em;
        padding: 15px 20px 20px 20px;
    }

    .about-chancellor #main .t-mod-2 .teaser-box h2 {
        padding: 0;
        /*margin: 0;*/
        min-height: inherit;
    }

    .about-chancellor #main .teaser-box span,
    .about-chancellor #main .box span {
        font-size: 220%;
        color: #D1D1D1;
        padding-right: 10px;
    }

    .about-chancellor #main .t-mod-3 img {
        float: right;
        margin: 5px 5px 5px 25px;
    }

    .about-chancellor #main .t-mod-4 .box {
        float: left;
        min-height: 17em;
        margin-right: 25px;
        width: 37em;
    }

    .about-chancellor #main .t-mod-5 h2 {
    }

    .about-chancellor #main .t-mod-5 img {
        float: left;
        margin: 5px 25px 5px 5px;
    }

    .about-chancellor #main .t-mod-6 img {
        float: left;
        margin: 5px 25px 5px 5px;
    }

    .about-chancellor #main .pagination-inner {
        overflow: hidden;
        text-align: center;
        width: 98em;
        margin-top: 2em;
    }

    .about-chancellor #main .pagination-inner ol {
        display: inline-block;
    }

    .about-chancellor #main .pagination-inner li {
        list-style: none;
        float: left;
        margin-left: 8px;
        width: auto;
    }

    .about-chancellor #main .pagination-inner li a {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #ccc;
        border-radius: .4em;
        width: .6em;
        height: .6em;
        background: #f7f7f7;
    }

    .about-chancellor #main .pagination-inner li a.js-selected,
    .about-chancellor #main .pagination-inner li a:hover,
    .about-chancellor #main .pagination-inner li a:focus,
    .about-chancellor #main .pagination-inner li a:active {
        background: #ccc;
    }

    .about-chancellor #main .pagination-inner li a.js-selected {
        cursor: auto;
    }

    .about-chancellor #main .pagination-inner li a span {
        display: block;
        text-indent: -999em;
        overflow: hidden;
    }

    /* Teaser-switcher Stage Startseite */
    .startpage .teaser-wrapper {
        position: relative;
        overflow: hidden;
        width: 980px;
        margin: 0;
        padding: 0;
    }

    .startpage .teaser-wrapper {
        width: 980px;
        margin: 0 auto;
    }

    .startpage .rack {
        overflow: hidden;
        position: relative;
        width: 980px;
    }

    .js .startpage .rack {
        overflow: hidden;
        height: 550px;
    }

    .startpage #stage .prev,
    .startpage #stage .next {
        position: absolute;
        top: 0;
        left: 0;
        height: 550px;
        width: 175px;
        z-index: 1001;
    }

    .startpage #stage .next {
        left: auto;
        right: 0;
    }

    .startpage #stage .video-playing .prev,
    .startpage #stage .video-playing .next {
        visibility: hidden;
    }

    .startpage #stage .playbtn {
        float: left;
        margin-left: 15px;
        background: url(/resource/crblob/58102/3e46b92e28381d5172bfc877a6bb65a1/black-trans-30-png-data.png);
        background: rgba(0, 0, 0, .3);
        border-radius: 20px;
        bottom: 20px;
        color: white;
        cursor: pointer;
        z-index: 1;
        padding: 2px;
    }

    .startpage #stage .playbtn span {
        display: block;
        height: 23px;
        width: 23px;
        background: url(/resource/crblob/58172/3570a6564b81e0cfab6f32240bf9aae5/stage-play-pause-png-data.png) 0 -23px no-repeat;
        overflow: hidden;
        text-indent: -9999em;
    }

    .hcm .startpage #stage .playbtn span,
    .no-img .startpage #stage .playbtn span {
        text-indent: 0;
        width: auto;
        height: auto;
        padding: 5px;
    }

    .startpage #stage .playbtn span:hover,
    .startpage #stage .playbtn span:hover,
    .startpage #stage .playbtn span:active {
        background-position: -23px -23px;
    }

    .startpage #stage .state-playing span {
        background-position: 0 0px;
    }

    .startpage #stage .state-playing span:hover,
    .startpage #stage .state-playing span:hover,
    .startpage #stage .state-playing span:active {
        background-position: -23px 0;
    }

    .startpage .prev a,
    .startpage .next a {
        position: absolute;
        top: 40%;
        width: 56px;
        height: 87px;
        text-indent: -9999px;
        outline: none; /* nur wenn focus/active definiert wurde */
        background: url(/resource/crblob/58160/7bf96f4ffda08a53ba7c008c1bb7a6f4/pager-stage-png-data.png) 0 -87px no-repeat;
    }

    .hcm .startpage .prev a,
    .hcm .startpage .next a,
    .no-img .startpage .prev a,
    .no-img .startpage .next a {
        text-indent: 0;
        font-size: 150%;
    }

    .startpage .prev a {
        left: 0;
    }

    .startpage .next a {
        right: 0;
        background-position: -56px -87px;
    }

    .startpage .prev a:hover {
        background-position: 0 -87px;
    }

    .startpage .prev a,
    .startpage .next a {
        cursor: pointer;
        z-index: 1;
    }

    .startpage .pagination-wrapper {
        position: absolute;
        bottom: 15px;
    }

    .start-stop-nav .start,
    .start-stop-nav .stop {
        width: 30px;
        height: 30px;
        background: url(/resource/crblob/58128/0533dafebd66ce63035483082b660886/diashow-play-pause-png-data.png) 0 0 no-repeat;
        display: block;
        text-indent: -5000px;
        cursor: pointer;
    }

    .start-stop-nav .start {
        background-position: 0 -30px;
    }

    .start-stop-nav .start:hover,
    .start-stop-nav .start:focus,
    .start-stop-nav .start:active {
        background-position: -30px -30px;
    }

    .start-stop-nav .stop:hover,
    .start-stop-nav .stop:focus,
    .start-stop-nav .stop:active {
        background-position: -30px 0;
    }

    .start-stop-nav .hidden {
        display: none;
    }

    #stage .start-stop-nav {
        bottom: 17px;
        right: 20px;
        position: absolute;
        width: auto;
        z-index: 2;
    }

    .startpage .rack-teaser {
        position: relative;
        overflow: hidden;
        float: left;
        width: 980px;
    }

    .startpage .rack-teaser .mediaplayer {
        width: 980px;
        height: 550px;
        margin: 0;
        padding: 0;
        background: #000;
    }

    .startpage .rack-teaser .player-fullscreen,
    .embedded .mediaplayer.player-fullscreen {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    video.media-fullscreen {
        min-height: 420px;
    }

    .embedded .mediaplayer.player-fullscreen {
        background-color: #000;
    }

    .startpage .rack-teaser .player-fullscreen .polyfill-video {
        width: 100% !important;
        height: 100% !important;
    }

    .startpage #stage .rack-teaser.hide {
        display: none;
    }

    .startpage .rack-teaser h2 {
        position: absolute;
        top: 10%;
        left: 7.5%;
        width: 40%;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-weight: normal;
        font-size: 440%;
        line-height: 1.07;
        text-align: left;
    }

    .startpage .rack-teaser .pos-2 {
        left: 30%;
        text-align: center;
    }

    .startpage .rack-teaser .pos-3 {
        right: 7.5%;
        left: auto;
        text-align: right;
    }

    .startpage .rack-teaser .pos-4 {
        top: auto;
        bottom: 10%;
    }

    .startpage .rack-teaser .pos-5 {
        top: auto;
        bottom: 10%;
        left: 30%;
        text-align: center;
    }

    .startpage .rack-teaser .pos-6 {
        top: auto;
        right: 7.5%;
        bottom: 10%;
        left: auto;
        text-align: right;
    }

    .startpage .rack-teaser h2 a {
        color: #000;
    }

    .startpage .rack-teaser .color-1 a {
        color: #fff;
    }

    .startpage .rack-teaser img {
        display: block;
    }

    .startpage .rack-teaser p {
        font-size: 140%;
    }

    /* Media Section */
    .media-bar {
        margin: 1px 0 20px;
        min-height: 10em;
        zoom: 1;
        background: url(/resource/crblob/58116/b69fc3e00fe2ab27d03b262536ddb900/box-bg-png-data.png) 0 0;
    }

    .media-bar ul {
        zoom: 1;
    }

    .media-bar li {
        float: left;
        width: 12.45em;
        margin: 0;
        border-right: 1px solid #fff;
        list-style: none;
        text-align: center;
    }

    .media-bar ul li:first-child,
    .media-bar ul li:last-child {
        border: none;
    }

    .media-bar ul li.first-child,
    .media-bar ul li.last-child {
        border: none;
    }

    .media-bar li a {
        display: block;
        padding: 5.5em 0.25em 0.5em;
        color: #004f80;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 130%;
    }

    .media-bar a:hover,
    .media-bar a:focus,
    .media-bar a:active {
        color: #333;
    }

    .media-bar .appointment a,
    .media-bar .twitter a,
    .media-bar .chancellors-week a,
    .media-bar .podcast a,
    .media-bar .youtube a {
        background: url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 50% -1385px no-repeat;
    }

    .media-bar .instagram a {
        background: url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 60% -5758px no-repeat;
    }

    .media-bar .facebook a {
        background: url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 60% -5945px no-repeat;
    }

    .media-bar .twitter a {
        background-position: 50% -1785px;
    }

    /*.media-bar .chancellors-week a {
    background-position: 50% -2185px;
}*/
    .media-bar .chancellors-week a {
        background: url(/resource/crblob/58136/10cbc1c95d2bc24a1f2c22f9434ca26f/icon-sprite-3-png-data.png) 60% -3185px no-repeat;
    }

    .media-bar .podcast a {
        background-position: 50% -2585px;
    }

    .media-bar .youtube a {
        background-position: 50% -2985px;
    }

    /* Teaser Switcher "Termine" */
    .no-appointments {
        padding: 28px 20px 17px 107px;
        min-height: 47px;
    }

    .media-bar .teaser-switcher-small {
        display: inline;
        position: relative;
        width: 33em;
        margin: 10px;
        color: #333;
        background: #fff;
        text-align: left;
    }

    .startpage .media-bar .teaser-wrapper {
        width: 26em;
    }

    .startpage .media-bar .teaser-wrapper .rack-teaser {
        width: auto;
    }

    .js .startpage .media-bar .teaser-wrapper .rack-teaser {
        width: 22em;
    }

    .media-bar .teaser-wrapper .rack {
        width: auto;
        height: 10em;
        overflow: auto;
    }

    .js-on .media-bar .teaser-wrapper .rack {
        height: 9em;
        overflow: hidden;
    }

    .js-on .media-bar .teaser-wrapper {
        width: 26em;
        zoom: 1;
    }

    .media-bar .rack,
    .media-bar .rack-teaser {
        width: 22em;
    }

    .js .media-bar .rack {
        height: 9.4em;
        margin: 0 20px;
    }

    /* Pager left/right */
    .media-bar .prev,
    .media-bar .next {
        position: absolute;
        top: 3.5em;
        left: 0.2em;
    }

    .media-bar .next {
        left: auto;
        right: 0.2em;
    }

    .media-bar .prev span,
    .media-bar .next span {
        width: 15px;
        height: 24px;
        background: url(/resource/crblob/58156/4b96399eb2dc852891ca727fff3460eb/pager-content-png-data.png) 0 0 no-repeat;
    }

    .media-bar .show span {
        cursor: pointer;
    }

    .js .media-bar .prev span,
    .js .media-bar .next span {
        display: block;
    }

    .media-bar .next span {
        background-position: -20px 0;
    }

    .media-bar .next span:hover {
        background-position: -20px -25px;
    }

    .media-bar .prev span:hover {
        background-position: 0 -25px;
    }

    /* Pagination */
    .media-bar .pagination-wrapper {
        bottom: 0;
    }

    .media-bar .pagination {
        width: 35.5em;
    }

    .media-bar .pagination li {
        width: auto;
        min-height: 0;
    }

    .media-bar .pagination li button {
        border: 1px solid #ccc;
        color: #000;
        background: #f7f7f7;
        /*width: .65em;*/
        /*height: .65em;*/
    }

    .media-bar .pagination li.on button,
    .media-bar .pagination li button:hover,
    .media-bar .pagination li button:focus,
    .media-bar .pagination li button:active {
        background: #ccc;
        color: #333;
    }

    .hcm .media-bar .pagination li.on button,
    .hcm .media-bar .pagination li button:hover,
    .hcm .media-bar .pagination li button:focus,
    .hcm .media-bar .pagination li button:active {
        border: 3px solid #fff;
        color: #333;
    }

    /* Appointment-Switcher Content */
    .media-bar .date {
        margin-top: .25em;
        margin-left: .6em;
        float: left;
        display: block;
        text-align: center;
        width: 2.4em;
        font-size: 220%;
        font-weight: bold;
    }

    .media-bar .date em {
        display: block;
        font-size: 205%;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-style: normal;
        line-height: 1;
        text-align: center;
    }

    .media-bar abbr {
        display: block;
        border: none;
        text-transform: uppercase;
    }

    .media-bar .appointment-box,
    .media-bar .appointment-box:before {
        background: none;
        border: none;
    }

    .media-bar .appointment-box {
        margin-left: 0;
        padding: 11px 0 26px;
    }

    .media-bar .teaser-switcher-small h3 {
        margin: 0;
    }

    .media-bar .teaser-switcher-small h3 a,
    .media-bar .teaser-switcher-small p a {
        font-size: 100%; /*16px*/
        color: #333;
        text-transform: none;
        padding: 0;
    }

    .media-bar .teaser-switcher-small p a {
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

    .media-box {
        color: #fff;
        zoom: 1;
    }

    .media-box .box {
        padding: 20px 10px 20px 80px;
        font-size: 170%;
        margin-bottom: 20px;
        background: #912639 url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 18px -3376px no-repeat;
    }

    .media-box h3,
    .media-box p,
    .media-box em {
        float: left;
    }

    .media-box h3 {
        margin: 0;
        width: 10em;
        font-size: 100%; /*17px*/
        text-transform: uppercase;
    }

    .media-box p {
        width: 30em;
        margin-right: 20px;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-weight: normal;
    }

    .media-box .arrow-button {
        display: inline-block;
        margin: 5px 0 0 0;
        padding: 4px 30px 4px 0;
    }

    .media-box .arrow-button a {
        display: block;
        background: #651b28 url(/resource/crblob/58098/876b3ec126dcfc31eae2c6d18ca06feb/arrow-stream-png-data.png) 100% 50% no-repeat;
        color: #fff;
        font-size: 82.4%; /*14px*/
        padding: 6px 20px 6px 15px;
    }

    .media-box .arrow-button a:hover,
    .media-box .arrow-button a:focus,
    .media-box .arrow-button a:active,
    .media-box .hover-clickarea .arrow-button a {
        color: #651b28;
        background: #fff url(/resource/crblob/58096/f603519e0b46af0c42d8ffe23a8da6a3/arrow-stream-h-png-data.png) 100% 50% no-repeat;
        padding: 6px 20px 6px 15px;
    }

    .hover-clickarea:hover {
        cursor: pointer;
    }

    /* Teaserbox Mediathek */
    .mediathek-box {
        position: relative;
        background: url(/resource/crblob/58116/b69fc3e00fe2ab27d03b262536ddb900/box-bg-png-data.png) 0 0;
    }

    #main .mediathek-box .toc {
        margin: 0;
    }

    .startpage .toc li {
        float: left;
        list-style: none;
        width: 49.5%;
    }

    .startpage .toc .foto-btn {
        float: right;
    }

    .startpage .toc a {
        display: block;
        float: left;
        width: 100%;
        color: #333;
        cursor: pointer;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-align: center;
        font-size: 106.7%; /* 16px */
        padding: 10px 0;
        background: transparent url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 94px -3590px no-repeat;
    }

    .startpage .toc .video-btn a:hover,
    .startpage .toc .video-btn a:focus,
    .startpage .toc .video-btn a:active {
        background-position: 94px -3790px;
    }

    .startpage .toc .foto-btn a {
        background-position: 94px -3990px;
    }

    .startpage .toc .foto-btn a:hover,
    .startpage .toc .foto-btn a:focus,
    .startpage .toc .foto-btn a:active {
        background-position: 94px -4190px;
    }

    .startpage .toc a.js-selected {
        background-color: #fff;
    }

    .startpage .toc a:hover,
    .startpage .toc a:focus,
    .startpage .toc a.a11y-focus,
    .startpage .toc a:active {
        color: #004f80;
        background-color: #fff;
    }

    .startpage .toc a.ui-disabled {
        cursor: default;
        text-decoration: none;
    }

    .section-group {
        overflow: hidden;
    }

    .section {
        zoom: 1;
        padding: 20px 10px 15px 15px;
        background: #fff; /* IE opacity-Bug */
    }

    .section .image-wrapper {
        float: left;
        position: relative;
        margin: 0 15px 10px 0;
    }

    .mediathek-box .hover-clickarea .image-wrapper {
        -webkit-box-shadow: 0 0 5px #333;
        -moz-box-shadow: 0 0 5px #333;
        box-shadow: 0 0 5px #333;
    }

    .section h3 {
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-weight: normal;
        font-size: 180%;
    }

    .section h3 a {
        color: #004f80;
    }

    .mediathek-box a {
        position: relative;
        color: #004f80;
    }

    #main .mediathek-box .more a {
        background-position: 0 -3201px;
    }

    /* Startpage Supplement */
    .startpage #supplement h3 {
        position: relative;
        overflow: visible;
        left: auto;
        width: auto;
        height: auto;
    }

    .startpage #supplement .image-wrapper {
        position: relative;
    }

    #supplement .image-wrapper img {
        width: 306px;
    }

    .startpage #supplement .image-wrapper img {
        width: 317px;
    }

    .startpage #main .image-wrapper .video-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        background: url(/resource/crblob/58182/2267e5c1abb1242483decc02b4fa7dfa/video-overlay-png-data.png) 0 1px no-repeat;
        display: block;
        width: 65px;
        height: 65px;
        margin: -33px 0 0 -33px;
    }

    .startpage #supplement .hover-clickarea {
        -webkit-box-shadow: 0 0 5px #333;
        -moz-box-shadow: 0 0 5px #333;
        box-shadow: 0 0 5px #333;
    }

    .startpage #main .hover-clickarea .video-overlay {
        background-position: 0 -64px;
    }

    .startpage #supplement .image-wrapper .video-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        background: url(/resource/crblob/58182/2267e5c1abb1242483decc02b4fa7dfa/video-overlay-png-data.png) 0 1px no-repeat;
        display: block;
        width: 65px;
        height: 65px;
        margin: -33px 0 0 -33px;
    }

    .startpage #supplement .hover-clickarea .video-overlay {
        background-position: 0 -64px;
    }

    /* Teaser Switcher "Kanzlerin im Bild" */
    #supplement .teaser-switcher-small {
        position: relative;
        width: 317px;
        border: none;
        box-shadow: none;
        padding: 0;
        background: none;
        overflow: auto;
        height: 24em;
    }

    .js-on #supplement .teaser-switcher-small {
        width: 306px;
        padding: 5px;
        box-shadow: 0 0 4px #aaa;
        overflow: hidden;
        height: auto;
    }

    .js-on #supplement .teaser-switcher-small a {
        display: block;
    }

    .js-on .startpage #supplement .teaser-wrapper,
    .js-on .startpage #supplement .rack,
    .js-on .startpage #supplement .rack-teaser {
        width: 317px;
        overflow: hidden;
    }

    .startpage #supplement .teaser-wrapper,
    .startpage #supplement .rack,
    .startpage #supplement .rack-teaser {
        width: 300px;
        overflow: hidden;
    }

    #supplement .rack-teaser .image-wrapper {
        width: 306px;
        overflow: hidden;
    }

    .js-on #supplement .rack-teaser .image-wrapper {
        width: auto;
        overflow: hidden;
    }

    .js .startpage #supplement .rack {
        height: 212px;
    }

    /* Pager left/right */
    #supplement .prev span,
    #supplement .next span {
        width: 23px;
        height: 44px;
        background: url(/resource/crblob/58174/cdb6a5ce6e777e4c093826318b92571c/teaser-switcher-pager-small-png-data.png) 0 -44px no-repeat;
    }

    #supplement .prev,
    #supplement .next {
        position: absolute;
        width: 23px;
        height: 44px;
        top: 40%;
    }

    .hcm #supplement .prev,
    .hcm #supplement .next,
    .no-img #supplement .prev,
    .no-img #supplement .next {
        position: static;
    }

    .hcm #supplement .prev,
    .no-img #supplement .prev {
        float: left;
    }

    .hcm #supplement .next,
    .no-img #supplement .next {
        float: right;
    }

    .hcm #supplement .prev span,
    .hcm #supplement .next span,
    .no-img #supplement .prev span,
    .no-img #supplement .next span {
        top: 0;
        text-indent: 0;
        font-size: 150%;
    }

    .js #supplement .prev span,
    .js #supplement .next span {
        display: block;
    }

    #supplement .show span {
        cursor: pointer;
    }

    #supplement .prev {
        left: 0;
    }

    #supplement .next {
        right: 0;
    }

    #supplement .next span {
        background-position: -23px -44px;
    }

    #supplement .next span:hover {
        background-position: -23px 0;
    }

    #supplement .prev span:hover {
        background-position: 0 0;
    }

    .startpage .teaser-switcher-small img {
        border: none;
        box-shadow: none;
        padding: 0;
        background: none;
    }

    /* Startpage Footer */
    /* Teaser-switcher Footer */
    .startpage #stage-2 .rack {
        height: 178px;
        overflow: auto;
    }

    .js-on .startpage #stage-2 .rack {
        height: 188px;
        overflow: hidden;
    }

    .startpage #stage-2 .pager {
        position: relative;
        z-index: 1;
    }

    .startpage #stage-2 .prev,
    .startpage #stage-2 .next {
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 100;
        width: 23px;
        height: 44px;
    }

    .startpage #stage-2 .next {
        left: auto;
        right: 0;
    }

    .startpage #stage-2 .prev span,
    .startpage #stage-2 .next span {
        width: 23px;
        height: 44px;
        background: url(/resource/crblob/58174/cdb6a5ce6e777e4c093826318b92571c/teaser-switcher-pager-small-png-data.png) 0 -44px no-repeat;
        position: static;
        display: none;
    }

    .js .startpage #stage-2 .prev span,
    .js .startpage #stage-2 .next span {
        display: block;
        z-index: 2;
    }

    .startpage #stage-2 .show span {
        cursor: pointer;
    }

    .startpage #stage-2 .prev span {
        left: 0;
    }

    .startpage #stage-2 .next span {
        right: 0;
        background-position: -23px -44px;
    }

    .startpage #stage-2 .next span:hover {
        background-position: -23px 0;
    }

    .startpage #stage-2 .prev span:hover {
        background-position: 0 0;
    }

    .startpage #stage-2 .pagination-wrapper {
        position: relative;
        bottom: auto;
        padding: 10px 0 15px 0;
    }

    .startpage #stage-2 .pagination ul {
        display: inline-block;
    }

    .startpage #stage-2 .pagination li {
        list-style: none;
        float: left;
    }

    .startpage #stage-2 .pagination li button {
        display: block;
        width: .6em;
        height: .6em;
        margin-left: 10px;
        border: none;
        border-radius: .3;
        color: #000;
        cursor: pointer;
        background: transparent;
        border: 1px solid #b9b9b9;
        overflow: hidden;
    }

    .startpage #stage-2 .pagination li button span {
        display: block;
        text-indent: -9000px;
    }

    .startpage #stage-2 .pagination li.on button,
    .startpage #stage-2 .pagination li button:hover,
    .startpage #stage-2 .pagination li button:focus,
    .startpage #stage-2 .pagination li button:active {
        background: #b9b9b9;
    }

    .hcm .startpage #stage-2 .pagination li.on button,
    .hcm .startpage #stage-2 .pagination li button:hover,
    .hcm .startpage #stage-2 .pagination li button:focus,
    .hcm .startpage #stage-2 .pagination li button:active,
    .no-img .startpage #stage-2 .pagination li.on button,
    .no-img .startpage #stage-2 .pagination li button:hover,
    .no-img .startpage #stage-2 .pagination li button:focus,
    .no-img .startpage #stage-2 .pagination li button:active {
        border: 3px solid #fff;
    }

    .startpage #stage-2 .rack-teaser {
        width: 317px;
        margin-right: 6px;
        background: transparent;
    }

    .js-on .startpage #stage-2 .rack-teaser {
        margin-right: 14px;
    }

    .startpage #stage-2 .rack-teaser:last-child {
        margin-right: 0;
    }

    .startpage #stage-2 .rack-teaser.last-child {
        margin-right: 0;
    }

    .startpage #stage-2 .image-wrapper h4 {
        position: absolute;
        left: 4px;
        right: 4px;
        z-index: 1;
        display: inline;
        width: 309px;
        bottom: 4px;
        margin: 0;
        font-size: 140%;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    }

    .startpage #stage-2 .image-wrapper h4 a {
        display: block;
        color: #333;
        background: #fff;
        padding: 7px 8px 6px 8px;
        font-size: 107%;
        font-weight: bold;
        text-transform: uppercase;
    }

    .startpage #stage-2 .image-wrapper h4 a:hover,
    .startpage #stage-2 .image-wrapper h4 a:active,
    .startpage #stage-2 .image-wrapper h4 a:focus,
    .startpage #stage-2 .hover-clickarea h4 a {
        background: #004f80;
        color: #fff;
    }

    /* ***************************************
Mediathek
**************************************** */
    .mediathek .modgrid #wrapperContent #main,
    .mediathek .modgrid #wrapperContent,
    .mediathek .modgrid #wrapperContent #content,
    .mediathek #stage,
    .mediathek #stage .stage-wrapper {
        width: 100%;
        min-height: 0;
    }

    .mediathek .modgrid #wrapperContent #main {
        background: #384547;
    }

    .mediathek .modgrid #wrapperContent #main {
        background: #384547;
    }

    .mediathek #stage .stage-wrapper {
        width: auto;
        position: relative;
        margin: 0 auto;
        background: #384547;
    }

    .mediathek #wrapperDivisions {
        background: #707779;
    }

    /* Content-Navigation (Mediathek only) */
    .mediathek .content-navigation {
        position: relative;
        margin: 0 auto;
        background: #004f80;
    }

    .mediathek #main .content-navigation ul {
        margin: 0 auto;
        background: #004f80;
    }

    .mediathek #main .content-navigation li {
        float: left;
        position: relative;
        padding: 20px 10px 23px;
        list-style: none;
        font-size: 100%;
    }

    .mediathek .content-navigation li:first-child {
        padding-left: 0;
    }

    .mediathek .content-navigation a,
    .mediathek .content-navigation strong {
        position: relative;
        padding: 20px 0 34px 0;
        font-size: 300%;
        line-height: 1.23333;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-weight: bold;
        color: #fff;
    }

    .mediathek .content-navigation a {
        color: #c2d1db;
        text-decoration: none;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-weight: normal;
    }

    .mediathek .content-navigation strong,
    .mediathek .content-navigation a:hover,
    .mediathek .content-navigation a:focus,
    .mediathek .content-navigation a:active {
        color: #fff;
        background: url(/resource/crblob/58146/73bb2e2018ebf22e172885a74956f102/nav-arrow-1-png-data.png) 50% 100% no-repeat;
    }

    /* Stage Startseite */
    .mediathek .main-stage {
        padding: 30px 0;
        color: #fff;
        zoom: 1;
        background: #384547;
    }

    .mediathek .main-stage a {
        color: white;
    }

    #main .main-stage h2 {
        text-align: left;
        border: none;
        color: #fff;
        font-size: 240%;
        font-family: 'BundesSerifWeb', Georgia, "Times New Roman", serif;
        font-weight: normal;
        margin: 0 0 20px 0;
    }

    #main .main-stage h2 em {
        display: block;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-style: normal;
        font-size: 50%; /*12px*/
        line-height: 1.35;
        text-transform: uppercase;
    }

    /* Teaser-Switcher Band */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    button.btn-reset,
    .pagination li button {
        display: inline-block;
        border: none;
        padding: 0;
        background: transparent;
        -webkit-appearance: none;
        color: #000;
        cursor: pointer;
    }

    /* Gallery */
    .gallery-stage,
    .gallery .stage-pagination-wrapper,
    .gallery-description,
    .gallery-slider .offset-mask {
        display: none;
    }

    .gallery-slider .offset-mask {
        width: 140px;
    }

    .js .gallery-stage,
    .js .gallery .stage-pagination-wrapper,
    .js .gallery-description {
        display: block;
    }

    .js .gallery-slider .offset-mask {
        display: none;
    }

    .gallery {
        overflow: hidden;
    }

    .gallery-stage {
        position: relative;
        float: left;
        padding: 4px;
        width: 600px;
        height: 400px;
        background: #fff;
    }

    .showbox .gallery-stage {
        height: auto;
    }

    .mediathek .gallery .gallery-content .multimedia-box {
        position: relative;
        width: auto;
        height: 100%;
    }

    .gallery-stage-box {
        background: #fff;
        padding: 4px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .multimedia-box {
        float: none;
        width: 64.9em;
    }

    .multimedia-box img {
        display: block;
    }

    .mediathek .main-stage .multimedia-box {
        /*float: none;*/
        width: 65.7em;
        overflow: hidden;
    }

    .multimedia .multimedia-box {
        float: left;
    }

    /* VIDEO */
    .mediathek .mediaplayer {
        background: #fff;
        padding: 0;
        overflow: hidden;
        border: 4px solid #fff;
    }

    .mediaplayer {
        float: left;
        width: 64.9em;
        height: 36.5em;
        margin-bottom: 10px;
        padding: 4px;
        background: #004F80;
        position: relative;
        z-index: 100;
    }

    .embedded .mediaplayer {
        width: 64.7em;
        padding: 0;
    }

    .player-fullscreen.mediaplayer {
        z-index: 10001;
    }

    .mediaplayer video {
        width: 100%;
        height: 100%;
    }

    .jme-default-media-overlay {
        position: absolute;
        top: 0;
        left: 0;
        background: url(/resource/crblob/58184/7aebd4303447570c3fedb2fd3ec3b8eb/video-overlay-new-png-data.png) center no-repeat;
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .ios-youtube-fix-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .mediaplayer:hover .jme-default-media-overlay {
        background-image: url(/resource/crblob/58186/cec8c6670067f577abb1b91cb7ddfa01/video-overlay-new-hover-png-data.png);
    }

    .video-playing .jme-default-media-overlay,
    .state-playing .jme-default-media-overlay,
    .jme-default-media-overlay.state-playing {
        -moz-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: alpha(opacity=0);
        filter: alpha(opacity=0);
        zoom: 1;
        overflow: hidden;
    }

    .multimedia-box .player-fullscreen {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        background: #000;
        border: none;
    }

    .multimedia .gallery-supplement {
        float: right;
        width: 29.5em;
    }

    /* meta video */
    #main .meta ul {
        margin: 0;
    }

    .meta li {
        display: inline-block;
        vertical-align: top;
        width: 46%;
        list-style: none;
        margin-right: 20px;
    }

    .meta .download,
    .meta .download-hd,
    .meta .download-txt,
    .meta .download-audio,
    .meta .download-subtitles,
    .meta .podcast,
    .meta .audio-description,
    .meta .subtitle-controls {
        padding: 7px 0 7px 35px;
        color: #fff;
        background: none;
        border: none;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 86.7%; /*13px*/
        cursor: pointer;
        background: url(/resource/crblob/58136/10cbc1c95d2bc24a1f2c22f9434ca26f/icon-sprite-3-png-data.png) 0 -1200px no-repeat;
    }

    .meta .download {
        display: block;
        padding: 4px 0 7px 35px;
    }

    .meta .download em {
        font-style: normal;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

    .meta .download:hover,
    .meta .download:focus,
    .meta .download:active {
        background-position: 0 -1400px;
        text-decoration: underline;
    }

    .meta .download-hd {
        display: block;
        padding: 4px 0 7px 35px;
        background: url(/resource/crblob/58136/10cbc1c95d2bc24a1f2c22f9434ca26f/icon-sprite-3-png-data.png) 0 -4600px no-repeat;
    }

    .meta .download-hd em {
        font-style: normal;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

    .meta .download-hd:hover,
    .meta .download-hd:focus,
    .meta .download-hd:active {
        background-position: 0 -5500px;
        text-decoration: underline;
    }

    .meta .download-txt {
        display: block;
        padding: 4px 0 7px 35px;
        background: url(/resource/crblob/58136/10cbc1c95d2bc24a1f2c22f9434ca26f/icon-sprite-3-png-data.png) 0 -4150px no-repeat;
    }

    .meta .download-txt em {
        font-style: normal;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

    .meta .download-txt:hover,
    .meta .download-txt:focus,
    .meta .download-txt:active {
        background-position: 0 -5050px;
        text-decoration: underline;
    }

    .meta .podcast {
        display: block;
        padding: 4px 0 7px 35px;
        background: url(/resource/crblob/58136/10cbc1c95d2bc24a1f2c22f9434ca26f/icon-sprite-3-png-data.png) 0 -4300px no-repeat;
    }

    .meta .podcast em {
        font-style: normal;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

    .meta .podcast:hover,
    .meta .podcast:focus,
    .meta .podcast:active {
        background-position: 0 -5200px;
        text-decoration: underline;
    }

    .meta .download-subtitles {
        display: block;
        padding: 4px 0 7px 35px;
        background: url(/resource/crblob/58136/10cbc1c95d2bc24a1f2c22f9434ca26f/icon-sprite-3-png-data.png) 0 -4450px no-repeat;
    }

    .meta .download-subtitles em {
        font-style: normal;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

    .meta .download-subtitles:hover,
    .meta .download-subtitles:focus,
    .meta .download-subtitles:active {
        background-position: 0 -5350px;
        text-decoration: underline;
    }

    .meta .download-audio {
        display: block;
        padding: 4px 0 7px 35px;
        background: url(/resource/crblob/58136/10cbc1c95d2bc24a1f2c22f9434ca26f/icon-sprite-3-png-data.png) 0 -4750px no-repeat;
    }

    .meta .download-audio em {
        font-style: normal;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

    .meta .download-audio:hover,
    .meta .download-audio:focus,
    .meta .download-audio:active {
        background-position: 0 -5650px;
        text-decoration: underline;
    }

    .meta .subtitle-controls {
        background-position: 0 -1600px;
    }

    .meta .subtitle-controls:hover,
    .meta .subtitle-controls:focus,
    .meta .subtitle-controls:active {
        background-position: 0 -1800px;
        text-decoration: underline;
    }

    .on .subtitle-controls {
        background-position: 0 -2000px;
    }

    .meta .audio-description {
        background-position: 0 -2200px;
    }

    .meta .audio-description:hover,
    .meta .audio-description:focus,
    .meta .audio-description:active {
        background-position: 0 -2400px;
        text-decoration: underline;
    }

    .on .audio-description {
        background-position: 0 -2600px;
    }

    /* Mediathek Stage Pager */
    .gallery-content {
        float: right;
        zoom: 1;
    }

    .js .gallery-content {
        position: relative;
        float: none;
        margin-bottom: 40px;
        clear: both;
    }

    .gallery-stage .prev,
    .gallery-stage .next {
        display: none;
        position: absolute;
        top: 44%;
        width: 48px;
        height: 48px;
        text-indent: -9999px;
        /*outline: none; *//* nur wenn focus/active definiert wurde */
        overflow: hidden;
        background: url(/resource/crblob/58158/ef12fac2874179bd28fc15dd1291707c/pager-gallery-png-data.png) 0 0 no-repeat;
    }

    .js .gallery-stage .prev,
    .js .gallery-stage .next {
        display: block;
    }

    .gallery-stage .prev {
        left: 10px;
    }

    .gallery-stage .next {
        right: 10px;
        background-position: -48px 0;
    }

    .gallery-stage .next:hover {
        background-position: -48px -48px;
    }

    .gallery-stage .prev:hover {
        background-position: 0 -48px;
    }

    .gallery-stage .prev,
    .gallery-stage .next {
        display: none;
        cursor: pointer;
        z-index: 1;
    }

    .gallery-stage .gs-button.ui-disabled {
        display: none;
        cursor: pointer;
        z-index: 1;
    }

    .gallery-stage-box {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .gallery-stage img {
        position: absolute;
    }

    /* Mediathek Stage Pagination */
    .gallery .stage-pagination-wrapper {
        width: 608px;
    }

    /* gallery-stage meta */
    .gallery-stage .meta {
        clear: both;
        overflow: hidden;
        zoom: 1;
        margin-top: 10px;
    }

    .gallery-stage .meta .source {
        font-size: 110%;
        color: #fff;
        width: 80%;
        float: left;
        padding-left: 0;
    }

    .gallery-stage .meta .source cite {
        font-style: normal;
    }

    .gallery-stage .meta a {
        float: right;
        font-size: 130%;
        display: block;
        color: #fff;
        cursor: pointer;
        padding: 1px 23px 1px 0;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 100% -3600px no-repeat;
    }

    .noshowbox .gallery-stage .meta a {
        display: none;
    }

    /* gallery-description */
    .gallery-description {
        width: 29.5em;
        float: right;
        margin-bottom: 8px;
    }

    .gallery-description a.ExternalLink,
    #content .gallery-description a.ExternalLink,
    .gallery-description a.RichTextExtLink,
    #content .gallery-description a.RichTextExtLink {
        background: url(/resource/crblob/58136/10cbc1c95d2bc24a1f2c22f9434ca26f/icon-sprite-3-png-data.png) 0 -3595px no-repeat;
        padding-left: 12px;
    }

    .gallery-description a.ExternalLink:hover,
    .gallery-description a.ExternalLink:active,
    .gallery-description a.ExternalLink:focus,
    #content .gallery-description a.ExternalLink:hover,
    #content .gallery-description a.ExternalLink:active,
    #content .gallery-description a.ExternalLink:focus,
    .gallery-description a.RichTextExtLink:hover,
    .gallery-description a.RichTextExtLink:active,
    .gallery-description a.RichTextExtLink:focus,
    #content .gallery-description a.RichTextExtLink:hover,
    #content .gallery-description a.RichTextExtLink:active,
    #content .gallery-description a.RichTextExtLink:focus {
        background: url(/resource/crblob/58136/10cbc1c95d2bc24a1f2c22f9434ca26f/icon-sprite-3-png-data.png) 0 -3595px no-repeat;
        padding-left: 12px;
        text-decoration: underline;
        color: #fff;
    }

    .gallery-description a.RichTextIntLink {
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) no-repeat scroll 0 -1198px transparent;
        font-weight: normal;
        padding-left: 12px;
    }

    .gallery-description a.RichTextIntLink:hover,
    .gallery-description a.RichTextIntLink:active,
    .gallery-description a.RichTextIntLink:focus {
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) no-repeat scroll 0 -1198px transparent;
        font-weight: normal;
        padding-left: 12px;
        text-decoration: underline;
        color: #fff;
    }

    #main .gallery-description h2 {
        margin: 0 0 12px;
        border: none;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-weight: normal;
        font-size: 240%;
        text-align: left;
    }

    .gallery-description h2 em {
        display: block;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-style: normal;
        font-size: 50%; /*12px*/
        line-height: 1.35;
        text-transform: uppercase;
    }

    .gallery-readon {
        width: 29.5em;
        float: right;
    }

    #main .gallery-readon ul {
        margin: 0;
        padding-bottom: 17px;
    }

    #main .gallery-readon li {
        list-style-type: none;
    }

    .gallery-readon .toggle-item h3 {
        margin: 0 0 5px;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 120%; /*12px*/
        line-height: 1.1;
        text-transform: uppercase;
    }

    .gallery-readon li a {
        padding: 0 0 0 12px;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-weight: normal;
        font-size: 106.7%;
        color: #fff;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 0 -1199px no-repeat;
    }

    /* Gallery Toggle for supplements */
    #main .main-stage .toggle {
        display: none;
        border-top: 1px solid #ccc;
        padding: 3px 2px 2px;
    }

    .js #main .main-stage .toggle {
        display: block;
    }

    #main .main-stage .toggle h3 {
        cursor: pointer;
        font-style: normal;
        display: inline;
        padding: 0 14px 0 0;
        font-size: 130%;
        color: #fff;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 100% -1400px no-repeat;
    }

    #main .toggle h3:hover,
    #main .toggle h3:focus,
    #main .toggle h3:active {
        color: #fff;
        text-decoration: underline;
        cursor: pointer;
    }

    #main .main-stage .toggle .open {
        background-position: 100% -3395px;
    }

    /* gallery-slider */
    .gallery-slider .pagination-wrapper {
        margin: 10px 0 15px;
    }

    .showbox-box .pagination-wrapper {
        margin: 10px 0 25px;
        position: relative;
        bottom: 0;
    }

    #main .img-group {
        width: 64.5em;
        clear: both;
        padding: 0 33px 20px 0;
    }

    .js #main .img-group {
        position: relative;
        overflow: hidden;
        width: 91.4em;
        margin: 0;
        padding: 0 33px 20px 33px; /* space for prev and next */
    }

    #main .gallery .ig-box {
        overflow: hidden;
        position: relative;
        /*width: 91.4em;*/
        /* IE braucht hier manchmal position: relative
           * und häufig die genaue Breite, welche man nicht nur über CSS,
           * sondern auch über JS mit der Option hidingWidth setzen kann
           */
    }

    .js #main .gallery .ig-box {
        overflow: hidden; /* verhindern von FOUC */
        height: 121px; /* verhindern von FOUC */
    }

    .js #main .gallery .ig-box-design {
        /*overflow: hidden;*/
    }

    #main .gallery-slider dl {
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
        font-size: 100%;
        background: url(/resource/crblob/58108/3d870f0860fedd770ddfdda535721ab0/border-dotted-t-png-data.png) repeat-x 0 100%;
    }

    .js #main .gallery .ig-box dl {
        overflow: hidden;
        float: left;
        width: auto;
        height: auto;
        color: #fff;
        padding: 2px;
        margin: 0 10px;
        background: none;
    }

    #main .gallery-slider .ig-box dl.hover-clickarea,
    #main .gallery-slider .ig-box dl.js-active {
        background: #fff;
        padding: 2px;
    }

    #main .gallery-slider dt {
        padding: 0;
    }

    #main .gallery-slider dt a {
        width: 176px;
        height: auto;
        display: block;
        overflow: hidden;
        padding: 0;
        margin-right: 0;
        background: #fff;
    }

    .js #main .gallery-slider dt a {
        height: auto;
    }

    #main .gallery-slider .js-active dt a,
    #main .gallery-slider dt a:hover,
    #main .gallery-slider dt a:focus,
    #main .gallery-slider dt a:active {
    }

    .js #main .gallery-slider dd,
    #main .gallery-slider .zoom {
        display: none;
    }

    #main .gallery-slider .copyright {
        font-size: 120%;
    }

    #main .gallery .ig-box img {
        width: 100%;
    }

    #main .gallery .ig-box .js-active img {
        display: block;
    }

    #main .gallery .pager .scroll-prev span,
    #main .gallery .pager .scroll-next span {
        position: absolute;
        display: none;
        top: 23%;
        width: 32px;
        height: 33px;
        background: url(/resource/crblob/58154/d9630511e6312eb06c81463b51561508/pager-band-png-data.png) 0 -65px no-repeat;
        text-indent: -9999px;
        cursor: pointer;
        outline: none; /* nur wenn focus/active definiert wurde */
    }

    .js #main .gallery .pager .scroll-prev span,
    .js #main .gallery .pager .scroll-next span {
        display: block;
    }

    #main .gallery .pager .scroll-prev span {
        left: 0;
    }

    #main .gallery .pager .scroll-next span {
        right: 0;
        background-position: -32px -65px;
    }

    #main .gallery .pager .scroll-next span:hover {
        background-position: -32px -32px;
    }

    #main .gallery .pager .scroll-prev span:hover {
        background-position: 0 -32px;
    }

    #main .gallery .pager .prev.show span,
    #main .gallery .pager .next.show span {
        display: block;
        cursor: pointer;
    }

    #main .gallery .img-group .mask-left {
        background: -moz-linear-gradient(left, rgba(56, 69, 71, 1) 34%, rgba(56, 69, 71, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(34%, rgba(56, 69, 71, 1)), color-stop(100%, rgba(56, 69, 71, 0)));
        background: -webkit-linear-gradient(left, rgba(56, 69, 71, 1) 34%, rgba(56, 69, 71, 0) 100%);
        background: -o-linear-gradient(left, rgba(56, 69, 71, 1) 34%, rgba(56, 69, 71, 0) 100%);
        background: -ms-linear-gradient(left, rgba(56, 69, 71, 1) 34%, rgba(56, 69, 71, 0) 100%);
        background: linear-gradient(to right, rgba(56, 69, 71, 1) 34%, rgba(56, 69, 71, 0) 100%);
    }

    #main .gallery .img-group .mask-right {
        background: -moz-linear-gradient(left, rgba(56, 69, 71, 0) 0%, rgba(56, 69, 71, 1) 76%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(56, 69, 71, 0)), color-stop(76%, rgba(56, 69, 71, 1)));
        background: -webkit-linear-gradient(left, rgba(56, 69, 71, 0) 0%, rgba(56, 69, 71, 1) 76%);
        background: -o-linear-gradient(left, rgba(56, 69, 71, 0) 0%, rgba(56, 69, 71, 1) 76%);
        background: -ms-linear-gradient(left, rgba(56, 69, 71, 0) 0%, rgba(56, 69, 71, 1) 76%);
        background: linear-gradient(to right, rgba(56, 69, 71, 0) 0%, rgba(56, 69, 71, 1) 76%);
    }

    #main .gallery .img-group .offset-mask {
        height: 12em;
        z-index: 0;
    }

    /* More Media */
    .more-media-wrapper {
        background: #4B5759 url(/resource/crblob/58110/51bbcd60f38b30c22b445441621b91d0/border-dotted-png-data.png) 0 0 repeat-x;
        zoom: 1;
    }

    .more-media {
        width: 98em;
        margin: 0 auto;
        padding-bottom: 40px;
        background: #4B5759 url(/resource/crblob/58110/51bbcd60f38b30c22b445441621b91d0/border-dotted-png-data.png) 0 0 repeat-x;
    }

    .more-media-header {
        zoom: 1;
        padding: 20px 0 0 0;
    }

    #main .more-media-header h2 {
        text-align: left;
        border: none;
        color: #fff;
        font-size: 240%;
        font-family: 'BundesSerifWeb', Georgia, "Times New Roman", serif;
        font-weight: normal;
        margin: 0;
    }

    /* Media FilterBox */
    .mediathek-filter .filter-controls {
        float: right;
    }

    .mediathek-filter .toggle-item div {
        float: left;
        padding: 11px 20px;
        overflow: hidden;
    }

    .mediathek-filter .toggle-item div .series {
        width: 330px;
    }

    .mediathek-filter .toggle-item div .list {
        width: 214px;
    }

    .mediathek-filter .open div {
        margin-right: 15px;
    }

    .mediathek-filter {
        zoom: 1;
        margin-bottom: 50px;
    }

    .more-media-wrapper .mediathek-filter {
        margin: -28px 0 20px;
    }

    .mediathek-search {
        border: 1px solid #B8BBBC;
        width: 15.3em;
        float: left;
        padding: 3px;
        margin: 0 13px 10px 0;
        border-radius: 3px;
    }

    .mediathek-search input {
        border: none;
        width: 9em;
        float: left;
        padding: 0 0 2px 0;
        color: #fff;
        background: #4B5759;
    }

    .mediathek-search input.button,
    .mediathek-list .mediathek-search input.button {
        float: right;
        margin: 2px 1px 0 0;
        height: 15px;
        width: 15px;
        text-indent: 300px;
        background: url(/resource/crblob/58164/0caddcd78c025a27233f9e014d09f26d/search-sprite-png-data.png) 0 0 no-repeat;
        cursor: pointer;
    }

    .no-img .mediathek-search input.button,
    .no-img .mediathek-list .mediathek-search input.button {
        height: auto;
        width: auto;
        text-indent: 0;
    }

    .mediathek-search input.button:focus,
    .mediathek-search input.button:active,
    .mediathek-search input.button:hover,
    .mediathek-list .mediathek-search input.button:hover,
    .mediathek-list .mediathek-search input.button:hover,
    .mediathek-list .mediathek-search input.button:hover {
        float: right;
        margin: 2px 1px 0 0;
        height: 15px;
        width: 15px;
        text-indent: 300px;
        background: url(/resource/crblob/58164/0caddcd78c025a27233f9e014d09f26d/search-sprite-png-data.png) 0 0 no-repeat;
        cursor: pointer;
    }

    .no-img .mediathek-search input.button:focus,
    .no-img .mediathek-search input.button:active,
    .no-img .mediathek-search input.button:hover,
    .no-img .mediathek-list .mediathek-search input.button:hover,
    .no-img .mediathek-list .mediathek-search input.button:hover,
    .no-img .mediathek-list .mediathek-search input.button:hover {
        text-indent: 0;
        height: auto;
        width: auto;
        text-decoration: underline;
        color: #fff;
    }

    .no-img .mediathek-list .mediathek-search input.button {
        text-indent: 0;
        height: auto;
        width: auto;
    }

    .mediathek-filter .toggle {
        width: 14em;
        margin: -4px 20px 0 0;
        float: right;
    }

    .js .mediathek-filter .toggle {
        width: 15em;
    }

    .js .mediathek-filter .toggle {
        background-color: transparent;
    }

    #main .mediathek-filter .toggle h3 {
        position: relative;
        margin: 0;
        padding: 9px 30px 16px 10px;
        font-size: 130%;
        color: #fff;
        text-align: right;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .js #main .mediathek-filter .toggle h3 {
        background: transparent url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 75% -1391px no-repeat;
        cursor: pointer;
        padding-right: 50px;
    }

    #main .mediathek-filter .toggle h3,
    .js #main .mediathek-filter .toggle .open {
        background-color: #6b777b;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        background-position: 75% -3385px;
    }

    .mediathek-filter .filter-box {
        clear: both;
        background: #6b777b;
    }

    .toggle-item {
        position: relative;
    }

    #main .mediathek-filter .filter-box ul {
        margin: 0 0 10px;
    }

    .mediathek-filter .filter-box li {
        list-style-type: none;
    }

    .mediathek-filter .filter-box h3 {
        color: #fff;
        text-transform: uppercase;
        font-size: 130%;
    }

    .mediathek-filter .filter-box p,
    .mediathek-filter .filter-box a {
        color: #fff;
    }

    .mediathek-filter .list a,
    .mediathek-filter .list strong {
        display: block;
        padding: 2px 4px 2px 20px;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
        color: #fff;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 8px -1196px no-repeat;
    }

    .mediathek-filter .list strong {
        background-color: #fff;
        background-image: none;
        color: #333;
        font-weight: normal;
    }

    .mediathek-filter .list a:hover,
    .mediathek-filter .list a:focus,
    .mediathek-filter .list a:active {
        color: #333;
        text-decoration: none;
        background-position: 8px -196px;
        background-color: #fff;
    }

    .mediathek-filter .series li {
        padding-bottom: 20px;
    }

    .mediathek-filter .series strong,
    .mediathek-filter .series a {
        display: block;
        padding: 0 0 0 22px;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-weight: normal;
        font-size: 113.3%; /*17px*/
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 8px -1198px no-repeat;
    }

    .mediathek-filter .series p {
        padding-left: 8px;
    }

    .mediathek-filter .series strong {
        background-color: #fff;
        background-image: none;
        color: #333;
        font-weight: normal;
        padding: 2px 4px 2px 20px;
    }

    .mediathek-filter .series a:hover,
    .mediathek-filter .series a:focus,
    .mediathek-filter .series a:active {
        color: #333;
        text-decoration: none;
        background-position: 8px -198px;
        background-color: #fff;
    }

    .mediathek-filter .close-button {
        cursor: pointer;
        display: none;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 24px;
        height: 24px;
        text-indent: 100%;
        overflow: hidden;
        background: url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 100% -5400px no-repeat;
    }

    .js .mediathek-filter .close-button {
        display: block;
    }

    .mediathek-filter .close-button:hover,
    .mediathek-filter .close-button:focus,
    .mediathek-filter .close-button:active {
        background-position: 100% -5600px;
    }

    /* More Media Teaser-Switcher Band */
    #main .more-media-band {
        position: relative;
        overflow: hidden;
        width: 83.2em;
        margin: 0;
        padding: 0 74px 50px; /* space for prev and next */
    }

    #main .more-media-band .rack {
        overflow-y: scroll;
        position: relative;
        /*width: 85em;*/
        height: 24em;
        /* IE braucht hier manchmal position: relative
      * und häufig die genaue Breite, welche man nicht nur über CSS,
      * sondern auch über JS mit der Option hidingWidth setzen kann
      */
    }

    .js #main .more-media-band .rack {
        width: 83.2em;
        overflow: hidden; /* verhindern von FOUC */
    }

    #main .more-media-band .prev span,
    #main .more-media-band .next span {
        position: absolute;
        display: none;
        top: 17%;
        width: 32px;
        height: 33px;
        background: url(/resource/crblob/58154/d9630511e6312eb06c81463b51561508/pager-band-png-data.png) 0 0 no-repeat;
        text-indent: -9999px;
        outline: none; /* nur wenn focus/active definiert wurde */
    }

    #main .more-media-band .show span {
        cursor: pointer;
    }

    .js #main .more-media-band .prev span,
    .js #main .more-media-band .next span {
        display: block;
    }

    #main .more-media-band .prev span {
        left: 0;
    }

    #main .more-media-band .next span {
        right: 0;
        background-position: -32px 0;
    }

    #main .more-media-band .prev.show span {
        background-position: 0 -66px;
    }

    #main .more-media-band .next.show span {
        background-position: -32px -66px;
    }

    #main .more-media-band .next.show span:hover {
        background-position: -32px -33px;
    }

    #main .more-media-band .prev.show span:hover {
        background-position: 0 -33px;
    }

    #main .more-media-band .prev.show span,
    #main .more-media-band .next.show span {
        display: block;
        cursor: pointer;
    }

    #main .more-media-band .pagination-wrapper {
        margin-bottom: 40px;
    }

    #main .more-media-band .pagination {
        margin-top: 0;
    }

    #main .more-media-band .pagination li button span {
        display: block;
        text-indent: -9000px;
    }

    #main .more-media-band .pagination li.on button,
    #main .more-media-band .pagination li button:hover,
    #main .more-media-band .pagination li button:focus,
    #main .more-media-band .pagination li button:active {
        background: #fff;
        color: #fff;
    }

    #main .more-media-band .teaser-group {
        float: left;
    }

    #main .more-media-band .rack-teaser {
        overflow: hidden;
        float: left;
        margin: 0 1.7em;
        width: 242px;
    }

    #main .more-media-band .rt-mod {
        border: 1px solid #818A8B;
        width: 240px;
        height: 162px;
    }

    #main .more-media-band .rt-mod .arrow-button {
        display: block;
        margin-top: 29%;
    }

    #main .more-media-band .rack-teaser .image-wrapper {
        overflow: hidden;
        position: relative;
        width: 234px;
        height: auto;
        margin-bottom: 10px;
        border: 4px solid #fff;
        background: #fff;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }

    #main .image-wrapper .opener {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        height: 30px;
        width: 30px;
        text-indent: -9999px;
    }

    #main .image-wrapper .o-video span {
        background: url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 0 -4600px no-repeat;
    }

    #main .image-wrapper .o-foto span {
        background: url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 0 -4400px no-repeat;
    }

    #main .image-wrapper .image span {
        background: url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 0 -4400px no-repeat;
    }

    .mediathek #main .image-wrapper .video-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        background: url(/resource/crblob/58182/2267e5c1abb1242483decc02b4fa7dfa/video-overlay-png-data.png) -70px 0 no-repeat;
        display: block;
        width: 44px;
        height: 44px;
        margin: -22px 0 0 -22px;
    }

    .mediathek #main .hover-clickarea .video-overlay {
        background-position: -70px -65px;
    }

    #main .more-media-band .rack-teaser img {
        display: block;
        margin: 0 auto;
        border: none;
        box-shadow: none;
        padding: 0;
        background: none;
    }

    #main .more-media-band .rack-teaser h3 {
        font-weight: normal;
        clear: none;
        margin: 0 0 15px 0;
        text-align: left;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-weight: normal;
        font-size: 160%;
        border-bottom: none;
        line-height: 1em;
    }

    #main .more-media-band .rack-teaser h3 em {
        display: block;
        padding-bottom: 5px;
        font-size: 75%; /*12px*/
        font-style: normal;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    #main .more-media-band .rack-teaser h3 a {
        color: #fff;
    }

    .mediathek .more-media {
        zoom: 1;
    }

    .mediathek .more-media .teaser-group .teaser {
        border: 1px solid #818A8B;
        text-align: center;
        padding: 15px 15px 20px 15px;
        width: 28.5em;
        margin-left: 12px;
        min-height: 16.5em;
        zoom: 1;
        overflow: hidden;
        position: relative;
        display: inline-block;
        float: none;
        word-spacing: -1em;
    }

    .mediathek .more-media .teaser-group .teaser * {
        word-spacing: normal;
    }

    .mediathek .more-media .teaser-group .teaser:first-child {
        margin-left: 0;
    }

    .mediathek .more-media .teaser-group .teaser.first-child {
        margin-left: 0;
    }

    .mediathek #main .more-media .teaser h2 {
        display: inline-block;
        clear: none;
        margin: 0 0 10px 0;
        padding: 0;
        color: #fff;
        font-size: 160%;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        border: none;
    }

    .mediathek #main .more-media .teaser h2.podcast {
        background: url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 0 -4793px no-repeat;
        padding: 10px 0 10px 45px;
    }

    .mediathek #main .more-media .teaser h2.youtube {
        background: url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 0 -5000px no-repeat;
        padding: 10px 0 10px 40px;
    }

    .mediathek #main .more-media .teaser h2.image-channel {
        background: url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 0 -5200px no-repeat;
        padding: 10px 0 10px 45px;
    }

    .mediathek .more-media .teaser h2 a {
        color: #fff;
        font-size: 100%;
    }

    .mediathek #main .more-media .teaser p {
        color: #fff;
        font-size: 160%;
        padding-bottom: 20px;
    }

    .mediathek .more-media .teaser-group .hover-clickarea {
        border-color: #fff;
    }

    .media-series {
        width: 80.5em;
        margin: 0 auto 40px;
        background: #f2f2f2;
        padding: 20px;
        overflow: hidden;
        position: relative;
    }

    .media-series .image-wrapper {
        position: relative;
        width: auto;
        float: left;
        margin-right: 30px;
        border: 4px solid #fff;
        -moz-box-shadow: 0 0 5px #ccc;
        -webkit-box-shadow: 0 0 5px #ccc;
        box-shadow: 0 0 5px #ccc;
    }

    .more-media .mod .image-wrapper {
        float: right;
        margin-left: 20px;
    }

    .media-series .hover-clickarea {
        -moz-box-shadow: 0 0 5px #666;
        -webkit-box-shadow: 0 0 5px #666;
        box-shadow: 0 0 5px #666;
    }

    #content .media-series .image-wrapper img {
        margin: 0;
    }

    .media-series .image-wrapper .video-overlay {
        width: 66px;
        height: 66px;
        margin: -33px 0 0 -33px;
        background-position: 0 0;
    }

    .media-series .hover-clickarea .video-overlay {
        background-position: 0 -65px;
    }

    .media-series .image-wrapper img {
        border: none;
        box-shadow: none;
        padding: 0;
        background: none;
    }

    .mediathek #main .more-media .media-series h2 {
        display: block;
        clear: none;
        color: #333333;
        margin: 0 0 15px 0;
        text-align: left;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-weight: normal;
        font-size: 240%;
        border-bottom: none;
        line-height: 1em;
    }

    .mediathek #main .more-media .media-series h2 a {
        color: #333333;
        font-size: 100%;
    }

    .mediathek #main .more-media .media-series h2 em {
        display: block;
        font-size: 50%;
        font-style: normal;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
    }

    .mediathek #main .more-media .media-series p {
        font-size: 150%;
        color: #333;
    }

    .mediathek #main .more-media .media-series dd {
        font-weight: bold;
        display: inline;
    }

    .mediathek #main .more-media .media-series dt {
        font-weight: bold;
        display: inline;
    }

    .media-series .caption-wrapper,
    .media-list .caption-wrapper {
        display: block;
        position: absolute;
        overflow: hidden;
        left: -9999px;
        width: 1px;
        height: 1px;
    }

    /* ***********************************
Mediathek Listenansicht und Kachelansicht
**************************************** /
/* Listview and Thumbailview */
    .mediathek-list .more-media-header {
        margin-bottom: 30px;
    }

    .mediathek-list .mediathek-filter {
        margin: 0;
        zoom: 1;
    }

    .mediathek-list .mediathek-filter .toggle-item {
        border-bottom: 20px solid #384547;
    }

    .mediathek-list .mediathek-filter .open div {
        margin-right: 30px;
    }

    .mediathek-list .mediathek-search input {
        background: #384547;
    }

    .mediathek-search input:hover,
    .mediathek-search input:focus,
    .mediathek-search input:active {
        background: #fff;
        color: #384547;
    }

    .mediathek-list #main .more-media-header h2 {
        border: medium none;
        color: #fff;
        font-size: 130%;
        font-weight: normal;
        text-align: left;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
    }

    .mediathek-list .modgrid #wrapperContent #main .media-list {
        background: none;
    }

    .mediathek-list .more-media {
        background: #384547;
    }

    .mediathek-list #main .pagination {
        width: 100%;
        clear: both;
        color: #fff;
    }

    .more-media .media-list {
        padding-right: 15.75em;
        width: 73.2em;
        background: none;
    }

    #main .media-list .teaser-group .teaser {
        zoom: 1;
        float: none;
        padding: 20px;
        margin: 0 0 0 8.3em;
        border: none;
        border-top: 1px dotted #747d7f;
        min-height: 0;
        height: auto;
        text-align: left;
        width: 100%;
    }

    #main .media-list .teaser-group .hover-clickarea {
        background: #4c585a;
    }

    #main .media-list .teaser-group .teaser.first-child,
    #main .media-list .teaser-group .teaser:first-child {
        /*border: none;*/
        /*padding-top: 0;*/
    }

    #main .media-list .teaser-group .teaser img {
        margin: 0;
        background: none;
        border: none;
        box-shadow: none;
        padding: 0;
        float: left;
    }

    #main .thumbnail-list .teaser-group .teaser img,
    #main .thumbnail-list .teaser-group .teaser .image-wrapper {
        float: none;
    }

    #main .media-list .teaser-group .teaser a:hover img,
    #main .media-list .teaser-group .teaser a:active img,
    #main .media-list .teaser-group .teaser a:focus img {
        margin: 0;
        background: none;
        border: none;
        box-shadow: none;
        padding: 0;
        float: left;
    }

    .mediathek-list .more-media-wrapper {
        background: none;
    }

    #main .media-list h2 {
        position: absolute;
        margin-bottom: 0;
        text-align: left;
        border: none;
        border-top: 1px solid #747d7f;
    }

    #main .media-list h2 span {
        background: #384547;
        color: #fff;
        display: inline;
        height: auto;
        left: auto;
        overflow: hidden;
        padding: 0 0 0 1.5em;
        position: relative;
        top: -0.7em;
        width: auto;
    }

    #main .thumbnail-list h2,
    #main .media-list h2:first-child,
    #main .media-list h2.first-child {
        display: block;
        position: absolute;
        overflow: hidden;
        left: -9999px;
        width: 1px;
        height: 1px;
    }

    .media-list .teaser .image-wrapper {
        float: left;
        position: relative;
        margin: 0 20px 0 0;
        border: 4px solid #fff;
        background: #fff;
    }

    .media-list .teaser img {
        display: block;
        margin: 0;
        box-shadow: none;
        padding: 0;
    }

    .media-list .teaser h3 {
        clear: none;
        margin: 0 0 15px 0;
        text-align: left;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-weight: normal;
        font-size: 200%;
        border-bottom: none;
        line-height: 1.2em;
    }

    .media-list .teaser h3 em {
        display: block;
        font-size: 80%;
        font-style: normal;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
    }

    .media-list .teaser h3 a {
        color: #fff;
    }

    .mediathek #main .media-list .teaser p {
        font-size: 150%;
        padding-bottom: 10px;
    }

    .media-list .teaser span.timestamp {
        display: block;
        font-size: 120%;
        color: #fff;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .mediathek-list .pagination {
        width: 81.5em;
        margin: 40px 0 40px 0;
        text-align: center;
    }

    .mediathek-list .pagination ul {
        display: inline-block;
    }

    .mediathek-list .button {
        text-align: left;
        margin-bottom: 50px;
    }

    .mediathek-list .button a {
        width: 58.5em;
        margin-left: 6em;
    }

    .mediathek-list .toggle-view {
        float: left;
        zoom: 1;
        padding-left: 7em;
        width: 40%;
    }

    .mediathek-list #main .toggle-view h2 {
        float: left;
        padding: 3px 0 0 0;
        margin: 0 0 0 10px;
    }

    .mediathek-list #main .toggle-view ul {
        margin: 0;
        padding: 0;
    }

    .mediathek-list #main .toggle-view li {
        float: left;
        list-style: none;
        margin-left: 10px;
    }

    .mediathek-list .toggle-view strong,
    .mediathek-list .toggle-view a {
        display: block;
        height: 24px;
        width: 38px;
        overflow: hidden;
        text-indent: 9000px;
        background: url(/resource/crblob/58136/10cbc1c95d2bc24a1f2c22f9434ca26f/icon-sprite-3-png-data.png) 0 0;
    }

    .mediathek-list .toggle-view li.thumbnailview a:hover,
    .mediathek-list .toggle-view li.thumbnailview a:focus
    .mediathek-list .toggle-view li.thumbnailview a:active {
        background-position: 0 -200px;
    }

    .mediathek-list .toggle-view strong {
        background-position: 0 -400px;
    }

    .mediathek-list .toggle-view li.listview a {
        background-position: 0 -600px;
    }

    .mediathek-list .toggle-view li.listview a:hover,
    .mediathek-list .toggle-view li.listview a:focus
    .mediathek-list .toggle-view li.listview a:active {
        background-position: 0 -800px;
    }

    .mediathek-list .toggle-view .listview strong {
        background-position: 0 -1000px;
    }

    /* thumbnailview */
    .more-media .thumbnail-list {
        padding-right: 0;
        width: 85.5em;
        margin: 0 auto;
    }

    #main .thumbnail-list .teaser-group {
        display: inline;
        width: 100%;
    }

    #main .thumbnail-list .teaser-group .teaser {
        word-spacing: -1em;
        display: inline-block;
        width: 24.2em;
        float: none;
        padding: 15px;
        margin: 0 0 .6em;
        border: none;
        background: none;
        vertical-align: top;
    }

    #main .thumbnail-list .teaser-group .teaser * {
        word-spacing: 0;
    }

    #main .thumbnail-list .teaser-group .hover-clickarea {
        background: #4c585a;
    }

    #main .thumbnail-list .teaser-group .teaser h3 {
        font-size: 160%;
        margin-bottom: 3px;
    }

    #main .thumbnail-list .teaser-group .teaser .image-wrapper {
        overflow: hidden;
        /*float: none;*/
        margin: 0 0 7px 0;
        position: relative;
    }

    /****** Sitemap ******/
    #sitemap h2 {
        text-align: left;
    }

    #sitemap h2 {
        border-bottom: 1px solid #E5E5E5;
        clear: both;
        margin: 20px 0 15px 0;
    }

    #content #sitemap h2 a {
        background: none;
        padding: 0;
    }

    #sitemap li h2 a {
        background: none;
    }

    #main ul#sitemap li li {
        font-size: 100%;
    }

    /****** Faq ******/
    #content #faq dd {
        width: auto;
        margin: 0 0 2em;
        border-bottom: 1px dotted #2E5899;
        padding: 0 0 1.5em;
    }

    #content #faq dt {
        float: none;
        width: auto;
        margin: 0 0 .25em;
        padding: 0;
    }

    /* ***************************************
Supplementary Content
**************************************** */
    #supplement .boxWrapper {
        width: 31.7em;
    }

    .startpage #supplement .boxWrapper {
        width: 32.7em;
    }

    /* Teaser Switcher in Supplement */
    #supplement .teaser-wrapper {
        overflow: hidden;
        padding: 0;
        position: relative;
    }

    .js-on #supplement .teaser-switcher-small {
        width: 306px;
        padding: 5px;
        box-shadow: 0 0 4px #aaa;
    }

    .js-on .startpage #supplement .teaser-switcher-small {
        width: 317px;
    }

    .js-on .startpage #supplement .teaser-switcher-small .rack-design {
        width: 317px;
        overfloaw: hidden;
    }

    #supplement .teaser-switcher-small {
        border: none;
        box-shadow: none;
        padding: 0;
        background: none;
    }

    #supplement .teaser-switcher-small h3 {
        display: block;
        position: absolute;
        overflow: hidden;
        left: -9999px;
        width: 1px;
        height: 1px;
    }

    .js-on #supplement .teaser-wrapper,
    .js-on #supplement .rack,
    .js-on #supplement .rack-teaser {
        width: 306px;
    }

    .js #supplement .rack {
        height: 204px;
    }

    #supplement .prev,
    #supplement .next {
        display: none;
    }

    .js-on #supplement .prev,
    .js-on #supplement .next {
        display: block;
        z-index: 2;
    }

    #supplement .prev span,
    #supplement .next span {
        outline: medium none;
        position: relative;
        text-indent: -9999px;
        /*top: 40%;*/
        z-index: 1;
    }

    #supplement .rack-teaser {
        float: left;
        overflow: hidden;
        position: relative;
        margin-bottom: 10px;
    }

    .js-on #supplement .rack-teaser {
        margin-bottom: 0;
    }

    #supplement .rack-teaser .image-wrapper img {
        border: none;
        box-shadow: none;
        padding: 0;
        background: none;
    }

    .js-on #supplement .teaser-wrapper {
        height: auto;
        overflow: hidden;
    }

    #supplement .rack .caption-wrapper {
        position: static;
        height: auto;
        width: auto;
        text-indent: 0;
        margin-top: 3px;
        display: block;
    }

    #supplement .rack .caption-wrapper span {
        font-size: 120%;
        display: block;
    }

    #supplement .rack .caption-wrapper span cite {
        font-style: normal;
    }

    /****** Linklists in Supplement ******/
    #supplement .links {
        padding: 0 0 15px 0;
    }

    #supplement .links li {
        list-style: none;
        font-size: 150%;
    }

    #supplement .links li a {
        display: block;
        padding: 2px 2px 2px 12px;
        background: transparent url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 0 2px no-repeat;
    }

    #supplement .links li a:hover,
    #supplement .links li a:active,
    #supplement .links li a:focus {
        color: #333;
        background-position: 0px -198px;
    }

    #supplement .appointment-filter .links li a {
        padding-eft: 18px;
        background-position: 5px 2px;
    }

    #supplement .appointment-filter .links li a:hover,
    #supplement .appointment-filter .links li a:active,
    #supplement .appointment-filter .links li a:focus {
        background-position: 5px -198px;
        background-color: #d7dada;
    }

    /* Boxes */
    #supplement .boxWrapper {
        position: relative;
        margin-bottom: 20px;
        background: url(/resource/crblob/58116/b69fc3e00fe2ab27d03b262536ddb900/box-bg-png-data.png) 0 0;
    }

    #supplement .media-switcher,
    .startpage #supplement .boxWrapper {
        background: #fff;
        margin-bottom: 30px;
    }

    #main .box {
        padding: 6px;
    }

    #content #supplement .Box-SearchResults {
        padding: 0 10px 10px 10px;
        width: 29.7em;
    }

    #supplement .Box-SearchResults .box {
        background: #fff;
        padding: 17px 20px 0;
    }

    #supplement .Box-SearchResults h3 {
        border: 0;
        background: none;
        margin: 0 0 7px;
        padding: 10px 10px 0 10px;
        text-align: left;
    }

    #supplement .themeBox .links li {
        font-size: 150%;
        list-style: none;
        overflow: hidden;
    }

    #supplement .tagBox,
    #supplement .themeBox {
        padding: 10px;
        width: 29.7em;
    }

    #supplement .tagBox .box,
    #supplement .themeBox .box {
        background: #fff;
    }

    #supplement .themeBox .links li:first-child {
        border-top: none;
    }

    #supplement .themeBox .links li.first-child {
        border-top: none;
    }

    #supplement .themeBox .links li a.pdf {
        padding-left: 40px;
        display: block;
        background: url(/resource/crblob/58136/10cbc1c95d2bc24a1f2c22f9434ca26f/icon-sprite-3-png-data.png) 0 -3798px no-repeat;
    }

    #supplement .themeBox .links li a.download {
        font-family: 'BundesSansWebBold', Arial, sans-serif;
        margin: 5px 0;
        padding: 4px 0 4px 42px;
    }

    #supplement .themeBox .links li a span {
        color: #767676;
        display: block;
        font-size: 80%;
        padding-top: 3px;
    }

    /* supplement SEARCH / CALENDAR */
    .stickyWrapper {
        position: fixed;
        padding-bottom: 20px;
        top: 30px;
        /*-webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;*/
    }

    .stickyWrapper.nonFixed {
        position: relative;
        top: 0;
        /*-webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;*/
    }

    .stickyWrapper.nonFixedBottom {
        position: absolute;
        top: auto;
        bottom: 0;
        /*-webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;*/
    }

    #supplement .search fieldset {
        position: relative;
    }

    #supplement .search input {
        width: 20em;
        margin-bottom: 3px;
        background: #fff;
    }

    #supplement .search form .button {
        position: absolute;
        top: 7px;
        right: 8px;
        width: auto;
        border: none;
        padding: 0;
        margin: 0;
    }

    #supplement .box {
        padding: 10px;
    }

    #supplement .box-teaser {
        width: 29.7em;
        padding: 10px;
        background: url(/resource/crblob/58116/b69fc3e00fe2ab27d03b262536ddb900/box-bg-png-data.png) repeat scroll 0 0 transparent;
        margin-bottom: 20px;
        position: relative;
    }

    #supplement .box-teaser .box {
        background: #fff;
    }

    #supplement .box-teaser .box h3 {
        border: 0;
        background: none;
        color: #373737;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-size: 200%;
        font-weight: normal;
        margin: 0 0 12px;
        text-align: left;
        text-transform: none;
    }

    #supplement .box-teaser .box p {
        font-size: 140%;
        padding-bbottom: 15px;
    }

    #supplement .box + .box {
        padding-top: 0;
    }

    #supplement .content-box {
        background: #fff;
        padding: 17px 20px 0;
    }

    #supplement .content-box h4 {
        font-family: 'BundesSansWebBold', Arial, sans-serif;
        font-weight: bold;
        font-size: 130%;
        text-transform: uppercase;
    }

    #supplement .content-box em.back {
        border-bottom: 1px solid #E5E5E5;
        padding-bottom: 15px;
    }

    #supplement .box .content-box h3 {
        background: none;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-weight: normal;
        font-size: 200%;
        border: 0;
        text-align: left;
        margin: 0 0 12px 0;
        text-transform: none;
        color: #373737;
    }

    /* calendar */
    .calendar-toggle li {
        float: left;
        list-style: none;
        width: 14.4em;
    }

    .calendar-toggle .abroad {
        float: right;
    }

    .calendar-toggle li a,
    .calendar-toggle li strong {
        display: block;
        font-size: 150%;
        padding: 13px 18px;
        font-family: 'BundesSansWebBold', Arial, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        background: transparent;
    }

    .calendar-toggle li strong {
        color: #666;
    }

    .calendar-toggle li strong,
    .calendar-toggle li a:hover,
    .calendar-toggle li a:focus,
    .calendar-toggle li a:active {
        background: #fff;
    }

    /* Calendar module */
    .calendar-switcher {
        position: relative;
        margin: 0 0 20px 0;
        padding: 0 40px;
    }

    .calendar-switcher .rack-design {
        overflow: hidden;
    }

    .calendar-switcher .rack {
        position: relative;
        overflow: hidden;
    }

    .js-on #supplement .calendar-switcher .rack {
        position: relative;
        overflow: hidden;
        height: auto;
        width: 17.7em
    }

    #supplement .calendar-switcher .prev,
    #supplement .calendar-switcher .next {
        position: absolute;
        top: 2px;
        left: 0;
        display: none;
        overflow: hidden;
    }

    .js #supplement .calendar-switcher .prev,
    .js #supplement .calendar-switcher .next {
        display: block;
    }

    .hcm #supplement .calendar-switcher .prev,
    .hcm #supplement .calendar-switcher .next,
    .no-img #supplement .calendar-switcher .prev,
    .no-img #supplement .calendar-switcher .next {
        width: 4em;
        height: auto;
        word-break: break-all;
    }

    #supplement .calendar-switcher .next {
        left: auto;
        right: 0;
    }

    #supplement .calendar-switcher .prev a,
    #supplement .calendar-switcher .next a {
        display: block;
        background: url(/resource/crblob/58118/092eb25e57509e4968b2b633be5756e2/calendar-pager-png-data.png) 0 0 no-repeat;
        text-indent: -9999px;
        width: 21px;
        height: 20px;
    }

    .hcm #supplement .calendar-switcher .prev a,
    .hcm #supplement .calendar-switcher .next a,
    .no-img #supplement .calendar-switcher .prev a,
    .no-img #supplement .calendar-switcher .next a {
        text-indent: 0;
        width: auto;
        height: auto;
    }

    /*#supplement .years .next a {
    background-position: -29px 0;
}
#supplement .years .prev a:hover,
#supplement .years .prev a:focus,
#supplement .years .prev a:active {
    background-position: 0 -20px;
}
#supplement .years .next a:hover,
#supplement .years .next a:focus,
#supplement .years .next a:active {
    background-position: -29px -20px;
}
#supplement .years .prev,
#supplement .years .next {
    top: 6px;
}*/
    #supplement .months .prev a,
    #supplement .months .next a,
    #supplement .years .prev a,
    #supplement .years .next a {
        width: 25px;
        height: 25px;
        background-position: 0 -50px;
    }

    #supplement .months .prev, #supplement .months .next,
    #supplement .years .prev, #supplement .years .next {
        top: 2px;
        width: 25px;
    }

    #supplement .months .next a,
    #supplement .years .next a {
        background-position: -25px -50px;
    }

    #supplement .months .prev a:hover,
    #supplement .months .prev a:focus,
    #supplement .months .prev a:active,
    #supplement .years .prev a:hover,
    #supplement .years .prev a:focus,
    #supplement .years .prev a:active {
        background-position: 0 -75px;
        text-decoration: none;
    }

    #supplement .months .next a:hover,
    #supplement .months .next a:focus,
    #supplement .months .next a:active,
    #supplement .years .next a:hover,
    #supplement .years .next a:focus,
    #supplement .years .next a:active {
        background-position: -25px -75px;
        text-decoration: none;
    }

    .calendar-switcher ul {
        float: left;
        overflow: hidden;
        width: 17.7em;
        text-align: center;
    }

    .calendar-switcher li {
        display: inline;
        float: left;
        margin: 2px 0;
        padding: 0 3px;
        text-align: center;
        list-style: none;
        font-size: 180%;
        font-family: 'BundesSansWeb', sans-serif;
    }

    .calendar-switcher.months li {
        text-transform: uppercase;
    }

    .calendar-switcher li strong,
    .calendar-switcher li a {
        display: block;
        border-radius: 10px;
        padding: 2px 8px;
        color: #999;
        font-weight: normal;
    }

    .calendar .months li strong,
    .calendar .months li a {
        padding: 2px 9px;
    }

    .calendar-switcher li strong,
    .calendar-switcher li a:hover,
    .calendar-switcher li a:focus,
    .calendar-switcher li a:hover,
    .calendar-switcher li a:focus {
        color: #fff;
        background: #333;
    }

    .calendar-switcher .active a,
    .calendar-switcher .active strong {
        color: #fff;
        background: #003f66;
    }

    .calendar-switcher abbr {
        border: 0 none;
        outline: 0 none;
    }

    /* Calendar Table */
    #supplement .search h3 {
        border: none;
        background: none;
        margin-bottom: 7px;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-align: left;
        text-transform: uppercase;
        font-size: 120%;
        color: #666;
    }

    #supplement .calendar table {
        clear: both;
        width: 100%;
        border-collapse: collapse;
        padding: 0;
        border: 1px solid #d7d7d7;
        border-radius: 3px;
        color: #333;
        font-size: 130%;
        line-height: 1.2em;
    }

    .borderradius #supplement .calendar table {
        border-left: 0;
        border-collapse: separate;
        border-spacing: 0;
    }

    .calendar table td,
    .calendar table th {
        border: 1px solid #d7d7d7;
        padding: 8px 0;
        text-align: center;
    }

    .calendar th {
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .calendar table th,
    .borderradius .calendar table td {
        border: 0;
    }

    .borderradius .calendar thead th,
    .borderradius #supplement .calendar td {
        border-left: 1px solid #d7d7d7;
        padding: 8px 0;
        text-align: center;
    }

    .borderradius .calendar thead th {
        border: 0;
    }

    .borderradius #supplement .calendar td {
        border-top: 1px solid #d7d7d7;
    }

    .borderradius .calendar thead:first-child tr:first-child th:first-child,
    .borderradius .calendar tbody:first-child tr:first-child td:first-child {
        border-left: 1px solid #d7d7d7;
        border-radius: 3px 0 0 0;
    }

    .borderradius .calendar thead:last-child tr:last-child th:first-child,
    .borderradius .calendar tbody:last-child tr:last-child td:first-child {
        border-radius: 0 0 0 3px;
    }

    /* cell styling */
    .calendar th abbr {
        border: none;
    }

    #supplement .calendar table .home,
    #supplement .calendar table .abroad,
    #supplement .calendar table .today {
        padding: 1px;
    }

    .calendar td a,
    .calendar table .today strong {
        padding: 8px 0;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #333;
        display: block;
        background: #f2f2f2;
    }

    .calendar table .today strong,
    .calendar table .today a {
        color: #fff;
        background: #003f66;
    }

    table .abroad a {
        background: #bfe7f4 url(/resource/crblob/58080/b23e267943571a2989212ce68ce60483/appointment-bg-png-data.png) 0 0;
    }

    .home.abroad a {
        background: transparent url(/resource/crblob/58132/e8a53c6fb4ea8e5e8ac77c482d09ee2c/home-abroad-bg-png-data.png) 50% 50% no-repeat;
    }

    .calendar table a:hover,
    .calendar table a:focus,
    .calendar table a:active {
        color: #fff;
        background: #333;
    }

    .calendar .button {
        padding-bottom: 20px;
        display: block;
    }

    /* Appointment Filter */
    .appointment-filter .links {
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

    .appointment-filter .links:last-child {
        border: none;
        margin: 0;
    }

    .appointment-filter .links.last-child {
        border: none;
        margin: 0;
    }

    .appointment-filter .content-box strong {
        display: block;
        margin-bottom: 10px;
        padding: 3px 15px;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 150%;
        color: #333;
        background-color: #d7dada;
    }

    #supplement .appointment-filter h3 {
        border: 0;
        margin: 0 0 5px 0;
        text-align: left;
    }

    #supplement .back {
        display: block;
        margin-bottom: 10px;
    }

    #supplement .back a {
        margin: 0;
        padding-left: 13px;
        font-size: 140%;
        font-style: normal;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 0 -398px no-repeat;
    }

    #supplement .back a:hover,
    #supplement .back a:focus,
    #supplement .back a:active {
        color: #333;
        background-position: 0 -598px;
    }

    /* supplement TEASER */
    #supplement .teaser-rss {
        background: none;
        border: 1px solid #a3a3a3;
    }

    .appointments #supplement .hover-clickarea {
        border: 1px solid #333;
    }

    #supplement .teaser-rss .box {
        padding: 30px 25px 25px;
    }

    #supplement .teaser-rss h3 {
        margin-bottom: 20px;
        padding-left: 1.5em;
        color: #333;
        font-size: 180%;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        background: transparent url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 0 -1600px no-repeat;
        border: none;
    }

    #supplement .teaser-rss p {
        font-size: 160%;
        line-height: 1.4em;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-weight: normal;
    }

    #supplement .teaser-rss .arrow-button a {
        padding: 5px 20px 5px 15px;
    }

    #supplement .teaser-rss .arrow-button a:hover,
    #supplement .teaser-rss .arrow-button a:focus,
    #supplement .teaser-rss .arrow-button a:active,
    #supplement .teaser-rss .arrow-button a:hover,
    #supplement .teaser-rss .arrow-button a:focus,
    #supplement .teaser-rss .arrow-button a:active {
        padding: 5px 20px 5px 15px;
    }

    /* ***************************************
Footer
**************************************** */
    #wrapperFooter {
        background: #004f80;
    }

    /****** Article Functions ******/
    .home #navFunctionsWrapper {
        display: none;
    }

    #navFunctionsWrapper {
        position: relative;
        background: #004f80;
    }

    #navFunctions {
        overflow: hidden;
        position: absolute;
        right: 0;
        top: -3em;
        z-index: 1;
        zoom: 1;
    }

    #navFunctions li {
        list-style: none;
        float: left;
        margin: 0;
        font-size: 100%;
        margin-left: 30px;
    }

    #navFunctions li.print a,
    #navFunctionsRecommend a {
        float: left;
        display: block;
        height: 2.3em;
        padding-left: 30px;
        background: url(/resource/crblob/58134/e8f2aac9302ca6a08b12ba08543a889b/icon-sprite-2-png-data.png) 0 -400px no-repeat;
        color: #333;
        font-size: 130%;
    }

    #navFunctions li.print a:focus,
    #navFunctions li.print a:hover {
        color: #004f80;
        background-position: 0 -600px;
    }

    #navFunctionsRecommend a {
        background-position: 0 -800px;
    }

    #navFunctionsRecommend a:focus,
    #navFunctionsRecommend a:hover {
        color: #004f80;
        background-position: 0 -1000px;
    }

    #navFunctionsRecommend .NavigationNode {
        display: none;
    }

    /* Siteinfo */
    #siteInfo {
        position: relative;
        background: #004F80;
    }

    #siteInfo div {
        float: left;
        width: 17.6em;
        margin-right: 12px;
        padding: 50px 10px 0 0;
    }

    #siteInfo div.last {
        margin-right: 0;
    }

    #siteInfo div h3 {
        margin: 0 0 8px 0;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-size: 130%;
        font-weight: bold;
        text-transform: uppercase;
        color: #EAEAE7;
    }

    #siteInfo div ul {
        margin: 0 0 30px 0;
    }

    #siteInfo div ul li {
        margin: 0 0 5px 0;
        list-style: none;
    }

    #siteInfo div ul li a {
        color: #D5E1EE;
        font-weight: normal;
        font-size: 140%;
        line-height: 1.4em;
    }

    #siteInfo div ul li a:hover,
    #siteInfo div ul li a:active,
    #siteInfo div ul li a:focus {
        text-decoration: underline;
    }

    #siteInfo div ul li a strong {
        display: block;
        color: #fff;
    }

    #siteInfo p {
        clear: both;
        color: #d5e1ee;
        padding-bottom: 20px;
        font-size: 140%;
    }

    /****** Search Results ******/
    .pW-mod {
        margin-bottom: 30px;
    }

    #main .pagingWrapper {
        margin-bottom: 30px;
    }

    #main .pagingWrapper .pagination ul {
        float: right;
    }

    #main .pagination h3 {
        font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
        font-size: 300%;
        font-weight: normal;
        line-height: 1.2;
        margin: 0 0 30px;
        padding: 0;
    }

    #searchResult ol {
        margin: 0 30px 30px 0;
    }

    #searchResult .topResults ol {
        margin: 0 0 25px 0;
        border-bottom: 2px dotted #CDCDCD;
    }

    #searchResult h2 {
        margin-bottom: 16px;
        text-align: left;
        border: 0;
    }

    #searchResult li {
        padding: 0 0 35px 0;
        font-size: 100%;
        list-style: none;
    }

    #searchResult li h3 {
        font-size: 180%;
        margin-bottom: 4px;
    }

    #searchResult li h3 a {
        color: #373737;
    }

    #searchResult li h3 a:hover,
    #searchResult li h3 a:active,
    #searchResult li h3 a:focus {
        color: #004F80;
    }

    #searchResult li h3 em {
        color: #000000;
        display: block;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
        font-size: 60%;
        font-style: normal;
        line-height: 1.2;
        padding: 0;
        text-transform: uppercase;
    }

    #searchResult li p {
        padding: 0 0 7px 0;
        font-size: 150%;
        line-height: 1.3em;
    }

    #searchResult li p.metaData {
        padding: 0;
        color: #767676;
    }

    #searchResult li em.more {
        font-style: normal;
    }

    #searchResult li em.more a {
        background: url(/resource/crblob/58170/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) 0 -3197px no-repeat;
        margin-left: 5px;
        font-size: 100%;
        padding-left: 10px;
    }

    #searchResult li .more a:hover,
    #searchResult li .more a:active,
    #searchResult li .more a:focus {
        background-position: 0 -3397px;
        color: #373737;
    }

    /****** New Search ******/
    .new-search {
        width: 98em;
        margin: 0 auto;
    }

    .new-search h1 {
        display: block;
        padding: 20px 0;
        font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
        font-size: 300%;
        color: #fff;
        text-align: left;
    }

    .new-search p {
        float: left;
    }

    .new-search input {
        width: 33.5em;
        margin: 0 10px 0 0;
        border: none;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        font-size: 160%;
        color: #767676;
    }

    .new-search .formHandle input {
        width: auto;
        background: #373737;
        padding: 8px 14px;
        text-align: center;
        text-transform: uppercase;
        font-size: 150%;
        font-weight: normal;
        color: #fff;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans;
    }

    .new-search .formHandle input:focus,
    .new-search .formHandle input:hover {
        color: #373737;
        background: #F7F7F7;
    }

    /************************
 JME
*************************/
    .media-controls {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        height: 40px;
        padding-left: 0;
        background: #000;
        margin: 0 auto;
        /*width: 99%;*/
        width: 99.5%;
    }

    .no-img .media-controls {
        width: 100%;
    }

    .player-fullscreen .media-controls {
        bottom: 8px;
    }

    .media-controls button {
        background: url(/resource/crblob/58180/66bdcde521ca46f4b62f8bcd055551aa/video-controls-png-data.png) -10px -10px no-repeat;
        width: 28px;
        height: 24px;
        border: 0;
        text-indent: -9999em;
        overflow: hidden;
        border-radius: 4px;
        margin-top: 8px;
        cursor: pointer;
    }

    .hcm .media-controls button,
    .no-img .media-controls button {
        width: auto;
        text-indent: 0;
    }

    .no-img .media-controls button {
        color: #fff;
    }

    .media-controls button:hover,
    .media-controls button:focus,
    .media-controls button:active {
        background-color: #004f80;
    }

    .media-controls .play-pause {
        float: left;
        background-position: -1px -4px;
    }

    .no-img .media-controls .play-pause {
        width: 10%;
    }

    .mobile .media-controls .play-pause {
        width: 54px;
        background-color: #004F80;
        background-position: 13px -4px;
        margin-right: 2px;
    }

    .mobile .media-controls .state-playing {
        background-position: -37px -5px;
    }

    .media-controls .state-playing {
        background-position: -51px -5px;
    }

    .media-controls .media-bar {
        float: left;
        width: 95%;
        height: 100%;
        background: #000;
        min-height: 0;
        margin: 0;
    }

    .mobile .media-controls .media-bar {
        width: 90%;
    }

    .hcm .media-controls .media-bar,
    .no-img .media-controls .media-bar {
        width: 90%;
        float: right;
    }

    .mobile.hcm .media-controls .media-bar,
    .mobile.no-img .media-controls .media-bar {
        width: 85%;
    }

    .media-controls .time-slider {
        width: 355px;
        float: left;
        height: 8px;
        margin-top: 16px;
        background-color: #333;
        position: relative;
        border-radius: 5px;
        box-shadow: inset 1px 1px 2px #161616;
    }

    .no-img .media-controls .time-slider {
        width: auto;
    }

    .media-controls .time-slider .buffer-progress-indicator {
        background-color: #424242;
        background-color: rgba(255, 255, 255, 0.2);
        height: 8px;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 5px;
        box-shadow: inset 1px 1px 2px rgba(22, 22, 22, 0.2);
    }

    .hcm .media-controls .time-slider .buffer-progress-indicator,
    .no-img .media-controls .time-slider .buffer-progress-indicator {
        border: 2px solid #000;
    }

    .hcm .media-controls .time-slider .ui-slider-range,
    .no-img .media-controls .time-slider .ui-slider-range {
        border: 2px solid #000;
    }

    .media-controls .time-slider .ui-slider-range {
        background-color: #fff;
        height: 8px;
        position: relative;
        top: 0;
        left: 0;
        border-radius: 5px;
    }

    .media-controls .time-slider:hover .ui-slider-range {
        background-color: #004f80;
    }

    .media-controls .volume-controls {
        float: right;
        width: 30px;
        position: relative;
    }

    .media-controls .volume-slider-wrapper {
        position: absolute;
        bottom: 35px;
        height: 100px;
        width: 30px;
        background: url(/resource/crblob/58180/66bdcde521ca46f4b62f8bcd055551aa/video-controls-png-data.png) -145px -158px;
    }

    .no-img .media-controls .volume-controls {
        width: auto;
        margin-right: 10px;
    }

    .no-js .media-controls .volume-slider-wrapper {
        width: auto;
    }

    .js-on .media-controls .volume-slider-wrapper {
        display: none;
    }

    .media-controls .volume-controls .volume-slider {
        position: absolute;
        bottom: 0;
        height: 80px;
        width: 30px;
    }

    #navBreadcrumbsWrapper,
    #wrapperFooter {
        position: static;
        z-index: 1000;
    }

    #navBreadcrumbsWrapper #navBreadcrumbs {
        background: #D9D9D9;
    }

    .stickyWrapper {
        z-index: 100;
    }

    .media-controls .volume-controls .ui-slider-range {
        background-color: #fff;
        width: 6px;
        border-radius: 5px;
        position: absolute;
        bottom: 10px;
        left: 12px;
        right: 12px;
    }

    .media-controls .volume-controls button {
        background-position: -156px -107px;
    }

    .media-controls .volume-controls .state-unmute {
        background-position: -6px -107px;
    }

    .media-controls .fullscreen {
        float: right;
        background-position: -4px -56px;
    }

    html.mobile .media-controls .audio-description,
    html.mobile .media-controls .volume-controls {
        display: none;
    }

    .media-controls .state-exitfullscreen {
        background-position: -54px -56px;
    }

    .media-controls .times {
        float: left;
        width: 110px;
    }

    .no-img .media-controls .times {
        width: auto;
        margin-right: 10px;
    }

    .controll-wrapper {
        float: left;
        width: 237px;
        padding-left: 10px;
    }

    #stage .controll-wrapper {
        width: 210px;
    }

    .no-img .controll-wrapper {
        width: auto
    }

    .media-controls .times * {
        float: left;
        padding-top: 9px;
        line-height: 1.35;
        font-size: 150%;
    }

    .media-controls .times span {
        margin: 0 4px;
    }

    .media-controls .times .duration-display {
        color: #aaa;
    }

    div.no-duration .times .duration-display {
        display: none;
    }

    .media-controls .subtitle-controls,
    .media-controls .audio-description {
        float: right;
        width: 28px;
        /*position: relative;*/
        margin-right: 2px;
    }

    .media-controls .subtitle-controls button {
        display: block;
    }

    .no-img .media-controls .subtitle-controls,
    .no-img .media-controls .audio-description {
        width: auto;
        margin-right: 10px;
    }

    div.no-track .subtitle-controls,
    div.no-ad .audio-description {
        display: none;
    }

    .media-controls .audio-description {
        background: url(/resource/crblob/58188/d3efb5fa4a16a72a6455344517731a08/video-extra-png-data.png) -60px 2px no-repeat;
    }

    .media-controls .captions {
        background: url(/resource/crblob/58188/d3efb5fa4a16a72a6455344517731a08/video-extra-png-data.png) 5px 2px no-repeat;
    }

    .media-controls button.state-adenabled,
    .media-controls button.state-captionsenabled {
        background-color: #004f80;
    }

    .media-controls button.state-addisabled,
    .media-controls button.state-captionsdisabled {
        background-color: transparent;
    }

    .subtitle-controls .subtitle-menu {
        position: absolute;
        right: 0;
        bottom: 33px;
        width: 160px;
        display: none;
    }

    .subtitle-controls .visible-menu {
        display: block;
    }

    .subtitle-controls .subtitle-menu ul,
    #main .subtitle-controls .subtitle-menu ul {
        background: #000;
        overflow: hidden;
        margin: 0;
    }

    .subtitle-controls .subtitle-menu button {
        background: none;
        width: 100%;
        text-indent: 0;
        color: white;
        margin: 5px 0;
    }

    .subtitle-controls .subtitle-menu .active {
        background-color: #004f80;
    }

    .subtitle-controls .subtitle-menu .track-lang {
        display: none;
    }

    .mask {
        background-color: #000;
        z-index: 8000;
    }

    .showbox {
        position: absolute;
        z-index: 9000;
    }

    .showbox-box {
        padding-top: 20px;
    }

    .showbox .content-box {
        position: relative;
    }

    .showbox .multimedia-box {
        float: none;
        padding: 0;
        width: auto;
    }

    .showbox .showbox-toolbar {
        display: none;
    }

    .showbox .close-button {
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 0;
        display: block;
        width: 25px;
        height: 25px;
        overflow: hidden;
        text-indent: -50000px;
        background: url(/resource/crblob/58136/10cbc1c95d2bc24a1f2c22f9434ca26f/icon-sprite-3-png-data.png) 0 -3000px no-repeat;
    }

    .showbox .gallery-stage {
        width: auto;
        min-height: 0;
        float: none;
        padding: 0;
    }

    .showbox-title {
        width: 88%;
    }

    .showbox-head h1,
    .showbox-title h2 {
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 240%;
        font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
        font-weight: normal;
        line-height: 1.2;
        color: #fff;
    }

    .showbox-head h1 a {
        font-size: 100%;
        margin: 0;
        padding: 0;
        background: none;
        position: static;
        font-weight: normal;
        font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
    }

    .showbox-head h1 em,
    .showbox-title h2 em {
        display: block;
        margin-top: 0;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-style: normal;
        font-size: 50%; /*12px*/
        line-height: 1.35;
        text-transform: uppercase;
        color: #fff;
    }

    .showbox-head {
        zoom: 1;
        position: relative;
        min-height: 6em;
    }

    .showbox-head a {
        margin-top: 20px;
        float: right;
        cursor: pointer;
        position: static;
        color: #fff;
        font-size: 140%;
        font-weight: bold;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 0 -1200px no-repeat;
        padding-left: 11px;
        margin-bottom: 10px;
    }

    .showbox-head h1 a {
        margin-top: 0;
        float: none;
    }

    .showbox .gallery-stage img {
        position: static;
        padding: 5px;
        background: #fff;
        margin-bottom: 5px;
    }

    .showbox .gallery-description {
        float: none;
        width: auto;
    }

    .showbox .gallery-description p {
        font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
        font-weight: normal;
        font-size: 170%;
        color: #fff;
        margin-top: 15px;
    }

    .js .showbox .teaser-wrapper,
    .js .showbox .img-group {
        position: relative;
        overflow: hidden;
        width: auto;
        margin: 30px 0 0 0;
        padding: 0 42px 20px 42px; /* space for prev and next */
    }

    .js .showbox .rack {
        width: auto;
        height: auto;
    }

    .js .showbox .rack-teaser,
    .js .showbox .ig-box dl {
        background: #fff;
        color: #fff;
        float: left;
        height: auto;
        margin: 0 10px;
        overflow: hidden;
        padding: 2px;
        width: auto;
    }

    .js .showbox .gallery-description .meta span {
        color: #fff;
        padding: 0;
    }

    .js .showbox .rack-teaser a .image-wrapper span,
    .js .showbox .rack-teaser h3,
    .js .showbox .rack-teaser .caption-wrapper {
        display: none;
    }

    .js .showbox dt {
        padding: 0;
    }

    .js .showbox .ig-box dl.hover-clickarea,
    .js .showbox .ig-box dl.js-active {
        background: #fff;
        padding: 2px;
    }

    .js .showbox .ig-box dl.first-teaser {
        margin-left: 0;
    }

    .js .startpage .showbox .stage-pagination-wrapper .pagination {
        float: none;
    }

    .showbox dt a {
        background: #fff;
        display: block;
        margin-right: 0;
        overflow: hidden;
        padding: 0;
        width: auto;
    }

    .js .showbox dt a {
        height: auto;
    }

    .showbox .toggle-item {
        padding: 0 0 20px 0;
    }

    .js .showbox dd,
    #main .gallery-slider .zoom {
        display: none;
    }

    #main .showbox .copyright {
        font-size: 120%;
    }

    .showbox .ig-box {
        overflow: hidden;
        position: relative;
        /*width: 91.4em;*/
        /* IE braucht hier manchmal position: relative
           * und häufig die genaue Breite, welche man nicht nur über CSS,
           * sondern auch über JS mit der Option hidingWidth setzen kann
           */
    }

    .showbox .ig-box {
        overflow: hidden; /* verhindern von FOUC */
        height: 121px; /* verhindern von FOUC */
    }

    .js .showbox .ig-box-design {
        /*overflow: hidden;*/
    }

    .js .startpage .showbox .ig-box {
        height: auto;
    }

    .js .showbox .image-wrapper {
        border: none;
        box-shadow: 0;
    }

    .showbox .ig-box img {
        width: 100%;
    }

    .showbox .ig-box .js-active img {
        display: block;
    }

    .showbox .pager .scroll-prev span,
    .showbox .pager .scroll-next span {
        position: absolute;
        display: none;
        top: 23%;
        width: 32px;
        height: 33px;
        background: url(/resource/crblob/58154/d9630511e6312eb06c81463b51561508/pager-band-png-data.png) 0 -65px no-repeat;
        text-indent: -9999px;
        cursor: pointer;
        outline: none; /* nur wenn focus/active definiert wurde */
    }

    .showbox .pager .scroll-prev span,
    .showbox .pager .scroll-next span {
        display: block;
    }

    .showbox .pager .scroll-prev span {
        left: 0;
    }

    .showbox .pager .scroll-next span {
        right: 0;
        background-position: -32px -65px;
    }

    .showbox .pager .scroll-next span:hover {
        background-position: -32px -32px;
    }

    .showbox .pager .scroll-prev span:hover {
        background-position: 0 -32px;
    }

    .showbox .pager .prev.show span,
    .showbox .pager .next.show span {
        display: block;
        cursor: pointer;
    }

    .showbox .img-group .offset-mask {
        display: none;
    }

    .showbox pagination-wrapper {
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 100%;
        text-align: center;
        z-index: 1001;
    }

    .showbox pagination-wrapper .pagination {
        clear: none;
        display: inline-block;
        padding: 3px 6px;
        position: relative;
        margin: 0 auto;
        right: 0;
        bottom: 0;
        border-radius: 20px;
        text-align: center;
        background: url(/resource/crblob/58102/3e46b92e28381d5172bfc877a6bb65a1/black-trans-30-png-data.png);
        background: rgba(0, 0, 0, 0.3);
        color: #333;
        color: rgba(0, 0, 0, 0.3);
    }

    .showbox pagination-inner-wrapper {
        clear: none;
        display: inline-block;
        position: relative;
        margin: 0 auto;
        /*right: 0;*/
        bottom: 0;
        text-align: center;
    }

    .showbox pagination-wrapper .pagination ul {
        display: inline-block;
    }

    .showbox .pagination-wrapper .pagination li {
        float: left;
        padding: 5px 0;
        line-height: 1;
        list-style: none;
        font-size: 100%;
    }

    .showbox pagination-wrapper .pagination li button {
        width: .7em;
        height: .7em;
        /*margin-right: 0.3em;*/
        border-radius: .35em;
        color: #000;
        cursor: pointer;
        background: transparent;
        border: 1px solid #fff;
    }

    .showbox pagination-wrapper .pagination .on button,
    .showbox pagination-wrapper .pagination button:hover,
    .showbox pagination-wrapper .pagination button:focus,
    .showbox pagination-wrapper .pagination button:active {
        background: #fff;
        color: #fff;
    }

    .hcm .showbox pagination-wrapper .pagination .on button,
    .hcm .showbox pagination-wrapper .pagination button:hover,
    .hcm .showbox pagination-wrapper .pagination button:focus,
    .hcm .showbox pagination-wrapper .pagination button:active,
    .no-img .showbox pagination-wrapper .pagination .on button,
    .no-img .showbox pagination-wrapper .pagination button:hover,
    .no-img .showbox pagination-wrapper .pagination button:focus,
    .no-img .showbox .pagination-wrapper .pagination button:active {
        border: 3px solid #fff;
    }

    .showbox .prev,
    .showbox .next {
        display: none;
        position: absolute;
        top: 44%;
        width: 48px;
        height: 48px;
        text-indent: -9999px;
        /*outline: none; *//* nur wenn focus/active definiert wurde */
        overflow: hidden;
        background: url(/resource/crblob/58158/ef12fac2874179bd28fc15dd1291707c/pager-gallery-png-data.png) 0 0 no-repeat;
    }

    .js .showbox .prev,
    .js .showbox .next {
        display: block;
    }

    .showbox .prev {
        left: 5px;
    }

    .showbox .next {
        right: 5px;
        background-position: -48px 0;
    }

    .showbox .next:hover {
        background-position: -48px -48px;
    }

    .showbox .prev:hover {
        background-position: 0 -48px;
    }

    .showbox .prev,
    .showbox .next {
        display: none;
        cursor: pointer;
        z-index: 1;
    }

    .showbox .gs-button.ui-disabled,
    .showbox .overlay-control.ui-disabled {
        display: none;
        cursor: pointer;
        z-index: 1;
    }

    .showbox .toggle {
        display: none;
        border-top: 1px solid #888A89;
        padding: 3px 2px 2px;
    }

    .showbox .toggle {
        display: block;
        margin-top: 15px;
        text-align: center;
    }

    .showbox .toggle h3 {
        display: inline-block;
        cursor: pointer;
        font-style: normal;
        padding: 0 22px 0 0;
        font-size: 130%;
        color: #fff;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 100% -1400px no-repeat;
    }

    .showbox .toggle h3 em {
        display: block;
        font-style: normal;
        padding: 0 0 0 22px;
        font-size: 100%;
        color: #fff;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) -39px -1400px no-repeat;
    }

    .showbox .toggle h3:hover em,
    .showbox .toggle h3:active em,
    .showbox .toggle h3:focus em {
        display: block;
        font-style: normal;
        padding: 0 0 0 22px;
        font-size: 100%;
        color: #fff;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) -39px -3395px no-repeat;
    }

    .showbox h3:hover,
    .showbox h3:focus,
    .showbox h3:active {
        color: #fff;
        text-decoration: underline;
        cursor: pointer;
        background-position: 100% -3395px;
    }

    .showbox .toggle {
        background-position: 100% -3395px;
    }

    .mediaplayer .cue-display {
        bottom: 40px !important;
        height: auto !important;
        width: 100% !important;
    }

    #stage .mediaplayer .cue-display {
        bottom: 100px !important;
    }

    /* Media Controls Stage */
    #stage .media-controls {
        left: 290px;
        right: 290px;
        bottom: 66px;
        height: 28px;
        background: url(/resource/crblob/58102/3e46b92e28381d5172bfc877a6bb65a1/black-trans-30-png-data.png);
        background: rgba(0, 0, 0, .3);
        border-radius: 20px;
        width: auto;
    }

    #stage .media-controls .media-bar {
        width: 360px;
        background-color: transparent;
    }

    .mobile #stage .media-controls .media-bar {
        width: 330px;
    }

    #stage .player-fullscreen .media-controls .media-bar {
        width: 95%;
    }

    .mobile #stage .player-fullscreen .media-controls .media-bar {
        width: 90%;
    }

    #stage .media-controls button {
        margin-top: 2px;
    }

    #stage .media-controls button:hover,
    #stage .media-controls button:focus,
    #stage .media-controls button:active {
        opacity: .5;
        background-color: transparent;
    }

    #stage .media-controls .time-slider {
        margin-top: 10px;
        background-color: #424242;
        background-color: rgba(0, 0, 0, .5);
        border: none;
        box-shadow: none;
        padding: 0;
    }

    #stage .player-fullscreen .media-controls .time-slider {
        /*width: auto !important;*/
    }

    #stage .media-controls .times {
        color: #fff;
        width: 100px;
        margin-right: -110px;
    }

    #stage .media-controls .times * {
        color: #fff;
        padding-top: 3px;
    }

    .no-fullscreen .media-controls .fullscreen {
        display: none;
    }

    #stage .media-controls .volume-slider-wrapper {
        background-position: -185px -158px;
    }

    #stage .media-controls button.state-adenabled,
    #stage .media-controls button.state-captionsenabled,
    #stage .subtitle-controls .subtitle-menu .active {
        background-color: #004F80;
    }

    /* Standard Übersichtsseite */
    #content .tg-2-cols {
        background: url(/resource/crblob/58108/3d870f0860fedd770ddfdda535721ab0/border-dotted-t-png-data.png) repeat-x 0 100%;
        margin-bottom: 30px;
    }

    #content .tg-2-cols:last-child,
    #content .tg-2-cols.last-child {
        background: none;
    }

    #content .tg-2-cols .teaser.first-child,
    #content .tg-2-cols .teaser:first-child {
        float: left;
        overflow: hidden;
        padding-left: 0;
    }

    #content .tg-2-cols .teaser {
        width: 31.69em;
        padding: 0 0 0 13px;
        margin-bottom: 20px;
    }

    #content .tg-2-cols .onecol {
        width: auto;
        padding: 0;
        margin-bottom: 20px;
    }

    #content .tg-2-cols .onecol .teaser-box {
        display: inline;
        padding: 0;
    }

    #content .tg-2-cols .teaser img {
        background: none;
        border: none;
        box-shadow: none;
        padding: 0;
        background: none;
        float: none;
        margin: 0 0 10px 0;
    }

    #content .tg-2-cols .teaser a:hover img,
    #content .tg-2-cols .teaser a:active img,
    #content .tg-2-cols .teaser a:focus img {
        border: none;
        box-shadow: none;
        padding: 0;
        margin: 0 13px 10px 0;
        background: none;
    }

    #content .tg-2-cols .onecol img {
        float: left;
        margin-right: 13px;
    }

    #content .tg-2-cols .teaser h2 {
        font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
        font-size: 180%;
        font-weight: normal;
        text-align: left;
        border: none;
        margin-bottom: 8px;
        clear: none;
    }

    #main .tg-2-cols .teaser p em {
        display: inline;
    }

    #main .tg-2-cols .teaser p a {
        font-size: 100%;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) no-repeat 0 -2px;
    }

    #content .teaser p em.more a {
        margin-left: 5px;
        padding-left: 8px;
    }

    #supplement .button {
        margin-top: 15px;
        display: block;
    }

    #supplement .button a,
    #supplement .button strong {
        background: #f2f2f2;
    }

    #supplement .content-box .button a {
        background: #912437;
    }

    #supplement .content-box .button span {
        color: #fff;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 0 -3796px no-repeat;
    }

    #supplement .button a span,
    #supplement .button strong span {
        color: #333;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 0 -201px no-repeat;
    }

    #supplement .button a:hover,
    #supplement .button a:focus,
    #supplement .button a:active {
        background-color: #333;
        color: #fff;
    }

    #supplement .button a:hover span,
    #supplement .button a:focus span,
    #supplement .button a:active span {
        background-color: #333;
        color: #fff;
        text-decoration: none;
        background-position: 0 -3796px;
    }

    /* Aktuelles Artikel */
    .article {
        border-bottom: 1px dotted #aaa;
        padding-bottom: 10px;
    }

    #main h1 em,
    #main .headerTopLine h3 em {
        display: block;
        margin-top: 25px;
        font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 50%; /*12px*/
        line-height: 1.3;
        text-transform: uppercase;
    }

    #main .headerTopLine h3 em {
        font-size: 75%; /*12px*/
        margin: 0;
        padding: 0;
        line-height: 1em;
    }

    #main .article .meta {
        margin-bottom: 20px;
    }

    .meta strong {
        font-size: 120%;
        text-transform: uppercase;
        padding-right: 15px;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .article .meta em {
        font-size: 120%;
        font-style: normal;
        color: #666;
    }

    .tags dt {
        float: left;
        padding-top: 2px;
    }

    .tags dd a {
        float: left;
        padding: 2px 10px;
        margin: 0 8px;
        color: #333;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 86.7%;
        text-transform: uppercase;
        background: #f2f2f2;
        border-radius: 3px;
    }

    .tags dd a:hover,
    .tags dd a:focus,
    .tags dd a:active {
        background: #333;
        color: #fff;
        text-decoration: underline;
    }

    .to-top {
        float: right;
        margin: 4px 0 40px;
        padding: 2px 2px 2px 14px;
        color: #004f80;
        font-size: 140%;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-weight: bold;
        background: url(/resource/crblob/58138/ffd032c93c24a07d9167b72606f736c0/icon-sprite-png-data.png) 0 -4400px no-repeat;
    }

    .to-top:hover,
    .to-top:focus,
    .to-top:active {
        color: #333;
        background-position: 0 -4600px;
    }

    #supplement .divided {
        padding-bottom: 20px;
    }

    #supplement .divided li {
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
    }

    #supplement .divided li:last-child {
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0;
    }

    #supplement .divided li.last-child {
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0;
    }

    #supplement .links h4 {
        font-size: 80%; /*12px*/
        margin: 0;
        padding-left: 13px;
    }

    #supplement .links em {
        font-style: normal;
        font-size: 80%;
        color: #666;
        text-indent: 13px;
        display: block;
    }

    /****** Teaser Switcher on Article ******/
    .text .teaser-switcher {
        position: relative;
    }

    .text .article-teaser-switcher h3 {
        border: medium none;
        clear: none;
        font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
        font-size: 160%;
        font-weight: normal;
        line-height: 1.2em;
        margin-bottom: 4px;
        text-align: left;
    }

    #content .article-teaser-switcher .teaser .source {
        font-size: 120%;
        margin: 0;
        padding: 0;
    }

    .text .teaser-switcher {
        width: 62em;
        padding: 0 0 15px 0;
    }

    .text .teaser-switcher .teaser {
        float: left;
    }

    .js .text .teaser-switcher {
        width: 57.6em;
        padding: 0 30px 25px;
    }

    .text .teaser-switcher .rack {
        width: 62em;
        height: auto;
        overflow: hidden;
    }

    .js-on .text .teaser-switcher .rack {
        width: 56.8em;
        height: auto;
    }

    #content .text .teaser-switcher .rack .teaser {
        display: inline-block;
        vertical-align: top;
        width: 17.6em;
        margin: 0;
        padding: 10px 8px;
        float: none;
    }

    .js #content .text .teaser-switcher .rack .teaser {
        width: 17.6em;
        margin: 0;
        padding: 10px 8px;
        float: left;
        display: block;
    }

    #content .text .teaser-switcher .rack .teaser img {
        margin: 0 0 5px 0;
        width: 17.6em;
        float: none;
    }

    #content .text .teaser-switcher .rack .teaser .image-wrapper {
        border: 0;
        box-shadow: none;
    }

    #content .text .teaser-switcher .rack .last-teaser {
        padding-right: 0;
    }

    #content .text .pager {
        position: relative;
        z-index: 1;
    }

    #content .text .prev,
    #content .text .next {
        position: absolute;
        top: 60px;
        left: -15px;
        z-index: 100;
        width: 23px;
        height: 44px;
    }

    #content .text .next {
        left: auto;
        right: -15px;
    }

    #content .text .prev span,
    #content .text .next span {
        width: 23px;
        height: 44px;
        background: url(/resource/crblob/58176/04df19d827b9c8825f34029f84a78567/teaser-switcher-pager-png-data.png) 0 0 no-repeat;
        position: static;
        display: none;
    }

    .js #content .text .prev span,
    .js #content .text .next span {
        display: block;
        z-index: 2;
    }

    #content .text .show span {
        cursor: pointer;
    }

    #content .text .prev span {
        left: 0;
    }

    #content .text .next span {
        right: 0;
        background-position: -37px 0;
    }

    #content .text .next span:hover {
        background-position: -37px -45px;
    }

    #content .text .prev span:hover {
        background-position: 0 -45px;
    }

    /* Auto Complete Function */
    .ui-autocomplete {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CDCDCD;
        border-radius: 6px 6px 6px 6px;
        float: left;
        padding: 6px 1.5em;
        z-index: 100000 !important
    }

    .ui-autocomplete li a {
        color: #373737;
        display: block;
        font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
        font-size: 140%;
    }

    .ui-autocomplete li {
        border-bottom: 1px solid #EBEBEB;
        color: #FFFFFF;
        float: none;
        margin: 0;
        padding: 6px 0;
        list-style: none;
        cursor: pointer;
    }

    .ui-autocomplete li:last-child {
        border: none;
    }

    .ui-autocomplete li.last-child {
        border: none;
    }

    #siteInfo div.copyright_area {
        width: 100%;
    }

    #siteInfo div.copyright_area div {
        width: 50%;
    }

    #siteInfo div.copyright_area div:last-child {
        width: 40%;
        float: left;
    }

    #siteInfo div.copyright_area div:last-child p {
        display: inline;
    }

    #siteInfo div.copyright_area div:last-child p a {
        color: #fff;
        background: url(/resource/crblob/58194/16c8e12acab113d1936b58ebf717bdd1/sprite-png-data.png) no-repeat 5px -9054px;
        padding: 0 0 0 16px;
    }

    #stage {
        min-height: 5em;
    }
}