/****** Webfonts ******/
@font-face {
    font-family: 'BundesSansWeb';
    src: url('/static/webfonts/bundessansweb-regular.eot');
    src: url('/static/webfonts/bundessansweb-regular.eot?#iefix') format('embedded-opentype'),
         url('/static/webfonts/bundessansweb-regular.woff') format('woff'),
         url('/static/webfonts/bundessansweb-regular.ttf') format('truetype'),
         url('/static/webfonts/bundessansweb-regular.svgz#BundesSansWebRegular') format('svg'),
         url('/static/webfonts/bundessansweb-regular.svg#BundesSansWebRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BundesSansWebBold';
    src: url('/static/webfonts/bundessansweb-bold.eot');
    src: url('/static/webfonts/bundessansweb-bold.eot?#iefix') format('embedded-opentype'),
         url('/static/webfonts/bundessansweb-bold.woff') format('woff'),
         url('/static/webfonts/bundessansweb-bold.ttf') format('truetype'),
         url('/static/webfonts/bundessansweb-bold.svgz#BundesSansWebBold') format('svg'),
         url('/static/webfonts/bundessansweb-bold.svg#BundesSansWebBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'BundesSerifWeb';
    src: url('/static/webfonts/bundesserifweb-regular.eot');
    src: url('/static/webfonts/bundesserifweb-regular.eot?#iefix') format('embedded-opentype'),
         url('/static/webfonts/bundesserifweb-regular.woff') format('woff'),
         url('/static/webfonts/bundesserifweb-regular.ttf') format('truetype'),
         url('/static/webfonts/bundesserifweb-regular.svgz#BundesSerifWebRegular') format('svg'),
         url('/static/webfonts/bundesserifweb-regular.svg#BundesSerifWebRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/****** 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/nav-arrow.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/sprites-icons.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/languages.png?__blob=normal&v=1) 0 -400px no-repeat;
}
#navServiceMeta li.sign-language {
    background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/languages.png?__blob=normal&v=1) 0 0 no-repeat;
    padding-left: 20px;
    white-space: nowrap;
}
#navServiceMeta li.easy-language {
    background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/languages.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 0 0 no-repeat;
}
#navBreadcrumbs .first a:hover,
#navBreadcrumbs .first a:active,
#navBreadcrumbs .first a:focus {
    background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/second-level-bg.png?__blob=normal&v=2) 0 0;
    z-index: 101;
}
.nav-pageposition ol li.second-level div {
    position: relative;
    height: 4em;
    background: #004f80 url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/second-level-bg.png?__blob=normal&v=2) 0 0;
    z-index: 101;
}
.nav-pageposition ol li.second-level div a {
    position: relative;
    height: 3.1em;
    z-index: 100;
    background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/nav-arrow-2.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/border-headline.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/quote.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-blockquote.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/sprites-icons.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/sprites-icons.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/zoom.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/bg-pictures.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/sprites-icons.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/checkbox-radio.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/select-button.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/quote.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-button-1.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-button-1-h.png?__blob=normal&v=1) 100% 50% no-repeat;
}
/* Arrow-Button in Mediathek */
.mediathek .arrow-button {
    margin-top: 8px;
}
.mediathek .arrow-button a {
    font-size: 140%;
    background: #a9adaf url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-button.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-button-h.png?__blob=normal&v=1) 100% 50% no-repeat;
}
.mediathek-list .arrow-button a {
    font-size: 140%;
    background: #a9adaf url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-button-list.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-button-list-h.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/black-trans-30.png?__blob=normal&v=1);
    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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/video-overlay.png?__blob=normal&v=1) -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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/box-bg.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/chancellor-bg-1.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/chancellor-bg.png?__blob=normal&v=1) 0 0 repeat;
    zoom: 1;
}
.former-chancellors .hover-clickarea .teaser-box,
#stage-2 .former-chancellors .hover-clickarea .teaser-box {
    background: transparent url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/chancellor-bg-1-hover.png?__blob=normal&v=1) 0 0 repeat;
    cursor: pointer;
}
#stage-2 .former-chancellors .hover-clickarea .teaser-box {
    background: #fff url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/chancellor-bg.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/chancellor-bg-1-hover.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/pager-stage.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/former-chancellors-2-pager-1.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2);
    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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/appointment-bg.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/border-about.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/pager-about.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/border-about.png?__blob=normal&v=1) repeat-x 0 50%;
}
.about-chancellor #main .pagination-wrapper .pagination {
    zoom: 1;
    background: #fff;
    padding: 20px 0;
    background: #fff url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/border-about.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/border-about.png?__blob=normal&v=1) repeat-x 0 50%;
}
.about-chancellor #main a.btn-reset,
.about-chancellor #main .pagination li a {
    display: block;
    float: left;
    background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/border-v.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/blockquote.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/black-trans-30.png?__blob=normal&v=1);
    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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/stage-play-pause.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/pager-stage.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/diashow-play-pause.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/box-bg.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 50% -1385px no-repeat;
}
.media-bar .instagram a {
    background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 60% -5758px no-repeat;
}
.media-bar .facebook a {
    background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/pager-content.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-stream.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-stream-h.png?__blob=normal&v=1) 100% 50% no-repeat;
    padding: 6px 20px 6px 15px;
}
.hover-clickarea:hover {
    cursor: pointer;
}
/* Teaserbox Mediathek */
.mediathek-box {
    position: relative;
    background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/box-bg.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/video-overlay.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/video-overlay.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/teaser-switcher-pager-small.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/teaser-switcher-pager-small.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/nav-arrow-1.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/video-overlay_new.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/video-overlay_new_hover.png?__blob=normal&v=1);
}
.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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/pager-gallery.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) 0 -3595px no-repeat;
    padding-left: 12px;
    text-decoration: underline;
    color: #fff;
}
.gallery-description a.RichTextIntLink {
    background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/border-dotted-t.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/pager-band.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/border-dotted.png?__blob=normal&v=1) 0 0 repeat-x;
    zoom: 1;
}
.more-media {
    width: 98em;
    margin: 0 auto;
    padding-bottom: 40px;
    background: #4B5759 url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/border-dotted.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/search-sprite.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/search-sprite.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/pager-band.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 0 -4600px no-repeat;
}
#main .image-wrapper .o-foto span {
    background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 0 -4400px no-repeat;
}
#main .image-wrapper .image span {
 background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 0 -4400px no-repeat;
}
.mediathek #main .image-wrapper .video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/video-overlay.png?__blob=normal&v=1) -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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 0 -4793px no-repeat;
    padding: 10px 0 10px 45px;
}
.mediathek  #main .more-media .teaser h2.youtube {
    background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 0 -5000px no-repeat;
    padding: 10px 0 10px 40px;
}
.mediathek  #main .more-media .teaser h2.image-channel {
    background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/box-bg.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/box-bg.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/calendar-pager.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/appointment-bg.png?__blob=normal&v=1) 0 0;
}
.home.abroad a {
    background: transparent url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/home-abroad-bg.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-2.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/sprites-icons.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/video-controls.png?__blob=normal&v=1) -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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/video-controls.png?__blob=normal&v=1) -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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/video_extra.png?__blob=normal&v=1) -60px 2px no-repeat;
}
.media-controls .captions {
 background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/video_extra.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/pager-band.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/black-trans-30.png?__blob=normal&v=1);
    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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/pager-gallery.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) -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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) -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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/black-trans-30.png?__blob=normal&v=1);
    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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/border-dotted-t.png?__blob=normal&v=1) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 0 -3796px no-repeat;
}
#supplement .button a span,
#supplement .button strong span {
    color: #333;
    background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 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(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/teaser-switcher-pager.png?__blob=normal&v=1) 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;
}