@charset 'UTF-8';
/**************************************/
/* aus screen_v von BKin übernommen */
/**************************************/
/****** Hidden ******/
.aural,
#search h2,
#navPrimary h2,
#navServiceMeta h2,
#navBreadcrumbs p,
#navSecondary h2.aural {
  display: block;
  position: absolute;
  overflow: hidden;
  left: -9999px;
  width: 1px;
  height: 1px;
}
.former-chancellors .rack-teaser .date .aural,
.former-chancellors #main h2 span {
  display: block;
  position: absolute;
  overflow: hidden;
  left: -9999px;
  width: 1px;
  height: 1px;
}
em.more span,
#supplement h2,
#siteInfo h2,
.today .date em span,
.calendar-toggle span,
.calendar td span,
.mediathek-search label,
.mediathek-filter label {
  display: block;
  position: absolute;
  overflow: hidden;
  left: -9999px;
  width: 1px;
  height: 1px;
}
#main .pagination h2,
#main .mod .pagination h3 {
  display: block;
  position: absolute;
  overflow: hidden;
  left: -9999px;
  width: 1px;
  height: 1px;
}
.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 {
  content: ' ';
  clear: both;
  display: block;
}
#search p:after,
#search form:after {
  content: ' ';
  clear: both;
  display: block;
}
#stage .teaser:after,
#wrapperContent #content:after,
.media-bar:after {
  content: ' ';
  clear: both;
  display: block;
}
#content .teaser:after,
#content .paragraph:after,
#content .all:after {
  content: ' ';
  clear: both;
  display: block;
}
#siteInfo:after,
.teaser-wrapper:after,
.former-chancellors:after,
#navBreadcrumbs ol:after,
.picture-wrapper:after,
.timetable-nav:after,
.appointment-box:after,
.calendar-toggle:after {
  content: ' ';
  clear: both;
  display: block;
}
.pagination:after,
.pagination ul:after {
  content: ' ';
  clear: both;
  display: block;
}
.media-box:after,
.media-box .box:after {
  content: ' ';
  clear: both;
  display: block;
}
.mediathek-box .wrapper:after,
.section:after {
  content: ' ';
  clear: both;
  display: block;
}
.mediathek .nav-pageposition ul:after,
.mediathek .media-wrapper:after {
  content: ' ';
  clear: both;
  display: block;
}
.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 {
  content: ' ';
  clear: both;
  display: block;
}
.mediathek-filter .filter-controls:after,
.mediathek-filter .toggle-item:after {
  content: ' ';
  clear: both;
  display: block;
}
.mediathek-list .media-list .teaser:after,
.toggle-view:after {
  content: ' ';
  clear: both;
  display: block;
}
.mediathek-list .mediathek-filter:after,
.mediathek-list #main .pagination:after {
  content: ' ';
  clear: both;
  display: block;
}
#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;
}
.modgrid #wrapperContent #main {
  padding: 0;
}
.mediathek .gallery {
  width: 100%;
}
.mediathek #wrapperDivisions {
  background: none repeat scroll 0 0 #707779;
}
.mediathek #wrapperContent #content {
  border-right: 0;
}
.mediathek .modgrid #wrapperContent {
  min-height: 0;
  width: 100%;
}
.mediathek .modgrid #wrapperContent #main,
.mediathek .modgrid #wrapperContent #content {
  min-height: 0;
  width: 100%;
}
.mediathek #stage {
  min-height: 0;
  width: 100%;
}
.mediathek #stage .stage-wrapper {
  min-height: 0;
  width: 100%;
}
.mediathek .main-stage {
  background: none repeat scroll 0 0 #384547;
  color: #ffffff;
  padding: 30px 0;
}
#wrapperHeader #branding,
#navPrimary,
#wrapperContent,
#stage-2 .stage-wrapper,
#stage .former-chancellors .teaser-head,
.former-chancellors #stage .teaser-head,
#navFunctionsWrapper,
#siteInfo {
  width: 98em;
  min-width: 98em;
  margin: 0 auto;
}
.modgrid #wrapperContent #content,
.modgrid #wrapperContent #main {
  width: 98em;
  min-width: 98em;
  margin: 0 auto;
}
.mt-navigation-wrapper,
.media-section {
  width: 98em;
  min-width: 98em;
  margin: 0 auto;
}
.mediathek .content-navigation ul,
.mediathek .main-stage {
  width: 98em;
  min-width: 98em;
  margin: 0 auto;
}
.mediathek .image-wrapper {
  border: none;
  box-shadow: none;
  padding: 0;
  background: none;
}
/* Buttons */
.mediathek-box .button-wrapper {
  padding: 15px 20px 5px 20px;
  background: #ffffff;
}
.section-wrapper .button-wrapper {
  clear: both;
}
.button a,
.button strong {
  display: block;
       border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 4px 10px;
  color: #ffffff;
  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: #333333;
}
.button strong {
  background: #f8f8f8;
  color: #666666;
}
.button a:hover,
.button a:focus,
.button a:active {
  background-color: #333333;
  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 {
  color: #ffffff;
  text-decoration: underline;
  background: #333333;
}
.button .mod-1:hover,
.button .mod-1:focus,
.button .mod-1:active {
  color: #ffffff;
  text-decoration: underline;
  background: #333333;
}
.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;
}
.mediathek .button {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 21px;
}
.mediathek .button a {
  width: 600px;
  color: #333333;
  background: #dbddde;
  display: inline-block;
}
.mediathek #main .button a:hover,
.mediathek #main .button a:focus,
.mediathek #main .button a:active {
  color: #ffffff;
  background-color: #333333;
  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;
}
#main .media-series .button a {
  width: auto;
  background: #003f66;
  color: #ffffff;
  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 {
  font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
#supplement .arrow-button a {
  padding: 6px 20px 6px 15px;
  color: #ffffff;
  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 {
  padding: 6px 20px 6px 15px;
  color: #ffffff;
  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 {
  color: #333333;
  background: #cccccc url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-button-1-h.png?__blob=normal&v=1) 100% 50% no-repeat;
}
#supplement .arrow-button a:hover,
#supplement .arrow-button a:focus,
#supplement .arrow-button a:active {
  color: #333333;
  background: #cccccc url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-button-1-h.png?__blob=normal&v=1) 100% 50% no-repeat;
}
#supplement .hover-clickarea .arrow-buttonanimate {
  color: #333333;
  background: #cccccc url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-button-1-h.png?__blob=normal&v=1) 100% 50% no-repeat;
}
.hover-clickarea .arrow-button a,
#supplement .hover-clickarea .arrow-button a {
  color: #333333;
  background: #cccccc url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-button-1-h.png?__blob=normal&v=1) 100% 50% no-repeat;
}
.mediathek .arrow-button {
  margin-top: 8px;
}
.mediathek #main .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 #content .arrow-button a:hover,
.mediathek #content .arrow-button a:focus,
.mediathek #content .arrow-button a:active {
  color: #333333;
  background: white url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-button-h.png?__blob=normal&v=1) 100% 50% no-repeat;
}
.mediathek #content .hover-clickarea .arrow-button a {
  color: #333333;
  background: white url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-button-h.png?__blob=normal&v=1) 100% 50% no-repeat;
}
.mediathek-list #main .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 #main .arrow-button a:hover,
.mediathek-list #main .arrow-button a:focus,
.mediathek-list #main .arrow-button a:active {
  color: #333333;
  background: white url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-button-list-h.png?__blob=normal&v=1) 100% 50% no-repeat;
}
.mediathek-list #main .hover-clickarea .arrow-button a {
  color: #333333;
  background: white url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/arrow-button-list-h.png?__blob=normal&v=1) 100% 50% no-repeat;
}
#main .pagination ul {
  margin: 0;
  padding: 0;
}
#main .pagination ul li {
  display: inline-block;
  font-size: 150%;
  line-height: 1em;
  list-style: none outside none;
  margin-right: .5em;
  padding: 0;
  vertical-align: bottom;
}
#main .pagination ul li.last-item {
  margin: 0;
}
#main .pagination ul li a,
#main .pagination ul li strong {
  background: none repeat scroll 0 0 #912437;
  border-radius: 3px 3px 3px 3px;
  color: #ffffff;
  display: block;
  font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  font-size: 86.7%;
  font-style: normal;
  font-weight: bold;
  padding: 8px 10px;
  text-align: center;
}
#main .pagination ul li a:active,
#main .pagination ul li a:focus,
#main .pagination ul li a:hover {
  color: #3f4c4c;
  text-decoration: underline;
}
#main .pagination ul li strong {
  color: #3f4c4c;
  text-decoration: underline;
  background: none repeat scroll 0 0 #003f66;
  color: #ffffff;
  text-decoration: none;
}
#main .pagination ul li a.prev,
#main .pagination ul li a.next {
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) no-repeat scroll 10px -3000px #912437;
  display: block;
  height: auto;
  margin: 0;
  overflow: hidden;
  position: relative;
  right: 0;
  text-indent: -9000px;
  top: 0;
  width: 12px;
}
#content .pagination ul li a.prev,
#content .pagination ul li a.next {
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) no-repeat scroll 10px -3000px #912437;
  display: block;
  height: auto;
  margin: 0;
  overflow: hidden;
  position: relative;
  right: 0;
  text-indent: -9000px;
  top: 0;
  width: 12px;
}
.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 {
  background-color: #003f66;
  color: #ffffff;
}
#content .pagination ul li a:hover,
#content .pagination ul li a:active,
#content .pagination ul li a:focus {
  background-color: #003f66;
  color: #ffffff;
}
.showbox .pagination li button,
.mediathek .pagination li button {
  color: #d1d3d4;
  background: none repeat scroll 0 0 transparent;
  border: 1px solid #b9b9b9;
  border-radius: .3em .3em .3em .3em;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  height: .6em;
  margin-left: 5px;
  width: .6em;
}
.showbox .pagination li.on button {
  background: #d1d3d4;
  color: #d1d3d4;
}
.showbox .pagination li button:hover,
.showbox .pagination li button:focus,
.showbox .pagination li button:active {
  background: #d1d3d4;
  color: #d1d3d4;
}
.mediathek .pagination li.on button {
  background: #d1d3d4;
  color: #d1d3d4;
}
.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 {
  border: 3px solid #ffffff;
}
.hcm .mediathek .pagination li button:hover,
.hcm .mediathek .pagination li button:focus,
.hcm .mediathek .pagination li button:active {
  border: 3px solid #ffffff;
}
.no-img .mediathek .pagination li.on button {
  border: 3px solid #ffffff;
}
.no-img .mediathek .pagination li button:hover,
.no-img .mediathek .pagination li button:focus,
.no-img .mediathek .pagination li button:active {
  border: 3px solid #ffffff;
}
.mediathek .pagination li button {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.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;
  display: block;
  padding: 4px 0 7px 35px;
}
.meta .subtitle-controls:hover,
.meta .subtitle-controls:focus,
.meta .subtitle-controls:active {
  background-position: 0 -1400px;
}
.gallery .pagination li.on button {
  background: #ffffff;
  color: #ffffff;
}
.gallery .pagination li button:hover,
.gallery .pagination li button:focus,
.gallery .pagination li button:active {
  background: #ffffff;
  color: #ffffff;
}
.hcm .gallery .pagination li.on button {
  border: 3px solid #ffffff;
}
.hcm .gallery .pagination li button:hover,
.hcm .gallery .pagination li button:focus,
.hcm .gallery .pagination li button:active {
  border: 3px solid #ffffff;
}
.no-img .gallery .pagination li.on button {
  border: 3px solid #ffffff;
}
.no-img .gallery .pagination li button:hover,
.no-img .gallery .pagination li button:focus,
.no-img .gallery .pagination li button:active {
  border: 3px solid #ffffff;
}
.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 .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 .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;
}
#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: #666666;
}
.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: #ffffff;
          box-shadow: 1px 1px 3px #cccccc;
     -moz-box-shadow: 1px 1px 3px #cccccc;
  -webkit-box-shadow: 1px 1px 3px #cccccc;
}
#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: #ffffff;
          box-shadow: 1px 1px 3px #666666;
     -moz-box-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 1px 1px 3px #666666;
}
.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 #ffffff;
  margin-bottom: 0;
}
#main .teaser-group .about .teaser-box-content {
  background: #ffffff;
  margin: 10px;
  padding: 10px;
}
.teaser-group .about .teaser-box {
  padding: 10px;
}
.teaser-group .teaser-box-content {
  background: #ffffff;
  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 {
  margin-bottom: 20px;
}
.teaser-list {
  margin-bottom: 20px;
}
.teaser-list .teaser {
  margin-bottom: 25px;
  border-bottom: 1px dotted #aaaaaa;
  padding-bottom: 7px;
}
.startpage .teaser-list .teaser:last-child,
.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: #000000;
  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;
}
.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;
}
.mediathek-box .hover-clickarea .image-wrapper {
  box-shadow: 0 0 5px #333333;
}
.mediathek-box a {
  position: relative;
  color: #004f80;
}
#main .mediathek-box .more a {
  background-position: 0 -3201px;
}
.mediathek .modgrid #wrapperContent {
  width: 100%;
  min-height: 0;
}
.mediathek .modgrid #wrapperContent #main,
.mediathek .modgrid #wrapperContent #content {
  width: 100%;
  min-height: 0;
}
.mediathek #stage {
  width: 100%;
  min-height: 0;
}
.mediathek #stage .stage-wrapper {
  width: 100%;
  min-height: 0;
}
.mediathek .modgrid #wrapperContent #main {
  background: #384547;
  background: #384547;
}
.mediathek #stage .stage-wrapper {
  width: auto;
  position: relative;
  margin: 0 auto;
  background: #384547;
}
.mediathek #wrapperDivisions {
  background: #707779;
}
.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: #ffffff;
}
.mediathek .content-navigation a {
  text-decoration: none;
  font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
  font-weight: normal;
}
.mediathek .content-navigation a:hover,
.mediathek .content-navigation a:focus,
.mediathek .content-navigation a:active {
  text-decoration: underline;
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/nav-arrow-1.png?__blob=normal&v=1) 50% 100% no-repeat;
}
.mediathek .main-stage {
  padding: 30px 0;
  color: #ffffff;
  zoom: 1;
  background: #384547;
}
.mediathek .main-stage a {
  color: white;
}
/* Content-Navigation (Mediathek only) */
/* Stage Startseite */
#main .main-stage h2 {
  text-align: left;
  border: none;
  color: #ffffff;
  font-size: 240%;
  font-family: 'BundesSerifWeb', Georgia, 'Times New Roman', serif;
  font-weight: normal;
  margin: 0 0 20px 0;
  width: 27em;
}
#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: #000000;
  cursor: pointer;
}
/* Gallery */
.gallery-stage,
.gallery .stage-pagination-wrapper,
.gallery-description {
  display: none;
}
.gallery-slider .offset-mask {
  display: none;
  width: 140px;
}
.js .gallery-stage,
.js .gallery .stage-pagination-wrapper,
.js .gallery-description {
  display: block;
}
.js .multimedia {
  position: relative;
}
.js .gallery-slider .offset-mask {
  display: none;
}
.gallery {
  overflow: hidden;
}
.mediathek #content .gallery .gallery-stage {
  position: relative;
  float: left;
  padding: 4px;
  width: 600px;
  height: 400px;
  background: #ffffff;
  min-height: 1%;
}
.gallery-stage {
  background: none repeat scroll 0 0 #ffffff;
  float: left;
  height: 400px;
  padding: 4px;
  position: relative;
  width: 600px;
}
.showbox .gallery-stage {
  height: auto;
}
.mediathek .gallery .gallery-content .multimedia-box {
  position: relative;
  width: auto;
  height: 100%;
  border: none;
  margin: 0;
}
.gallery-stage-box {
  background: #ffffff;
  padding: 4px;
  box-sizing: border-box;
}
.js .gallery-stage .prev,
.js .gallery-stage .next {
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/pager-gallery.png?__blob=normal&v=1) no-repeat scroll 0 0 transparent;
  display: none;
  height: 48px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 44%;
  width: 48px;
}
.js .gallery-stage .prev,
.js .gallery-stage .next {
  display: block;
}
.js .gallery-stage .prev {
  left: 10px;
}
.js .gallery-stage .next {
  background-position: -48px 0;
  right: 10px;
}
.js .gallery-stage .next:hover {
  background-position: -48px -48px;
}
.js .gallery-stage .prev {
  cursor: pointer;
  display: none;
  z-index: 1;
}
.js .gallery-stage .prev:hover {
  background-position: 0 -48px;
}
.gallery-stage .next,
.js .gallery-stage .gs-button.ui-disabled {
  cursor: pointer;
  display: none;
  z-index: 1;
}
.multimedia-box {
  float: none;
  width: 64.9em;
}
.multimedia-box img {
  display: block;
}
.mediathek .main-stage .multimedia-box {
  /*float: none;*/
  width: 100%;
  overflow: hidden;
}
.mediathek .mediaplayer {
  background: #ffffff;
  padding: 0;
  overflow: hidden;
  border: 4px solid #ffffff;
}
/* VIDEO */
.mediaplayer {
  float: left;
  width: 65em;
  height: 36.6em;
  margin-bottom: 10px;
  padding: 4px;
  background: #004f80;
  position: relative;
  z-index: 1;
}
.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: 0;
  top: 0;
}
.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: #000000;
  border: none;
}
.multimedia .gallery-supplement {
  width: 29.5em;
  position: absolute;
  right: 0;
  bottom: 6px;
}
.gallery-content .gallery-supplement {
  position: absolute;
  bottom: -4px;
  right: 0;
  width: 29.5em;
}
.gallery-content .gallery-supplement .gallery-description,
.gallery-content .gallery-supplement .gallery-readon {
  float: right;
}
/* 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: #ffffff;
  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;
  display: inline-block;
  width: 100%;
}
.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 {
  display: none;
  cursor: pointer;
  z-index: 1;
}
.gallery-stage .prev:hover {
  background-position: 0 -48px;
}
.gallery-stage .next,
.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 */
.stage-pagination-wrapper {
  bottom: 20px;
  left: 0;
  position: absolute;
  text-align: center;
  z-index: 1001;
  width: 100%;
}
.stage-pagination-wrapper .pagination {
  background: none repeat scroll 0 0 rgba(0, 0, 0, .3);
  border-radius: 20px 20px 20px 20px;
  bottom: 0;
  clear: none;
  color: rgba(0, 0, 0, .3);
  display: inline-block;
  margin: 0 auto;
  padding: 3px 10px 3px 6px;
  position: relative;
  right: 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;
  font-size: 100%;
  line-height: 1;
  list-style: none outside none;
  padding: 5px 0;
}
.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: #ffffff;
  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: #ffffff;
  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 {
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) 0 -3595px no-repeat;
  padding-left: 12px;
}
#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 {
  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: #ffffff;
}
#content .gallery-description a.ExternalLink:hover,
#content .gallery-description a.ExternalLink:active,
#content .gallery-description a.ExternalLink: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: #ffffff;
}
.gallery-description a.RichTextExtLink:hover,
.gallery-description a.RichTextExtLink:active,
.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: #ffffff;
}
#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: #ffffff;
}
.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: #ffffff;
}
#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;
  margin-top: 20px;
}
#main .gallery-readon ul {
  margin: 0;
  padding-bottom: 0;
}
#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: #ffffff;
  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 #cccccc;
  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: #ffffff;
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 100% -1400px no-repeat;
  margin: 0 0 5px;
}
#main .toggle h3:hover,
#main .toggle h3:focus,
#main .toggle h3:active {
  color: #ffffff;
  text-decoration: underline;
  cursor: pointer;
}
#main .main-stage .toggle .open {
  background-position: 100% -3395px;
}
/* gallery-slider */
.gallery-slider {
  clear: both;
}
.gallery-slider .pagination-wrapper {
  margin: 10px 0 15px;
}
.pagination-wrapper {
  text-align: center;
  width: 100%;
}
.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: #ffffff;
  padding: 2px;
  margin: 0 10px;
  background: none;
}
#main .gallery-slider .ig-box dl.hover-clickarea,
#main .gallery-slider .ig-box dl.js-active {
  background: #ffffff;
  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: #ffffff;
}
.js #main .gallery-slider dd {
  display: none;
}
#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: -webkit-gradient(linear, left top, right top, color-stop(34%, #384547), color-stop(100%, rgba(56, 69, 71, 0)));
  background: -webkit-linear-gradient(left, #384547 34%, rgba(56, 69, 71, 0) 100%);
  background:         linear-gradient(to right, #384547 34%, rgba(56, 69, 71, 0) 100%);
}
#main .gallery .img-group .mask-right {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(56, 69, 71, 0)), color-stop(76%, #384547));
  background: -webkit-linear-gradient(left, rgba(56, 69, 71, 0) 0%, #384547 76%);
  background:         linear-gradient(to right, rgba(56, 69, 71, 0) 0%, #384547 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: #ffffff;
  font-size: 240%;
  font-family: 'BundesSerifWeb', Georgia, 'Times New Roman', serif;
  font-weight: normal;
  margin: 0;
}
/* Media FilterBox */
.mediathek-filter {
  zoom: 1;
  margin-bottom: 50px;
}
.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;
}
.more-media-wrapper .mediathek-filter {
  margin: 10px 0 20px;
}
.mediathek-search-border {
  border: 1px solid #b8bbbc;
  border-radius: 3px;
}
.mediathek-search-inline {
  float: left;
}
.mediathek-search-inline p {
  padding: 5px;
  color: #ffffff;
}
.mediathek-search-offset {
  margin-left: 10px;
}
.mediathek-search-datepicker {
  position: relative;
}
.mediathek-search-datepicker .ui-datepicker-trigger {
  top: 5px;
  right: 5px;
}
.mediathek-search {
  float: left;
  margin: 0 13px 10px 0;
}
.mediathek-search input {
  border: none;
  width: 9em;
  padding: 5px;
  color: #ffffff;
  background: #4b5759;
}
.mediathek-search input.submit {
  height: 26px;
  width: 26px;
  text-indent: 300px;
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/search-sprite.png?__blob=normal&v=1) no-repeat 5px 5px;
  cursor: pointer;
}
.mediathek-list .mediathek-search input.submit {
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/search-sprite.png?__blob=normal&v=1) 5px 5px no-repeat;
}
.no-img .mediathek-search input.submit,
.no-img .mediathek-list .mediathek-search input.submit {
  height: auto;
  width: auto;
  text-indent: 0;
}
.mediathek-search input.submit:focus,
.mediathek-search input.submit:active,
.mediathek-search input.submit:hover {
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/search-sprite.png?__blob=normal&v=1) 5px 5px no-repeat;
}
.mediathek-list .mediathek-search input.submit:hover {
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/search-sprite.png?__blob=normal&v=1) 5px 5px no-repeat;
}
.no-img .mediathek-search input.submit:focus,
.no-img .mediathek-search input.submit:active,
.no-img .mediathek-search input.submit:hover {
  text-indent: 0;
  height: auto;
  width: auto;
  text-decoration: underline;
  color: #ffffff;
}
.no-img .mediathek-list .mediathek-search input.submit {
  text-indent: 0;
  height: auto;
  width: auto;
}
.no-img .mediathek-list .mediathek-search input.submit:hover {
  text-indent: 0;
  height: auto;
  width: auto;
  text-decoration: underline;
  color: #ffffff;
}
.mediathek-filter .toggle {
  width: 14em;
  margin: -4px 20px 0 0;
  float: right;
}
.js .mediathek-filter .toggle {
  width: 15em;
  background-color: transparent;
}
#main .mediathek-filter .toggle h3 {
  position: relative;
  margin: 0;
  padding: 9px 30px 16px 10px;
  font-size: 130%;
  color: #ffffff;
  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: #ffffff;
  text-transform: uppercase;
  font-size: 130%;
}
.mediathek-filter .filter-box p,
.mediathek-filter .filter-box a {
  color: #ffffff;
}
.mediathek-filter .list a {
  display: block;
  padding: 2px 4px 2px 20px;
  font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 8px -1196px no-repeat;
}
.mediathek-filter .list strong {
  display: block;
  padding: 2px 4px 2px 20px;
  font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 8px -1196px no-repeat;
  background-color: #ffffff;
  background-image: none;
  color: #333333;
  font-weight: normal;
}
.mediathek-filter .list a:hover,
.mediathek-filter .list a:focus,
.mediathek-filter .list a:active {
  color: #333333;
  text-decoration: none;
  background-position: 8px -196px;
  background-color: #ffffff;
}
.mediathek-filter .series li {
  padding-bottom: 4px;
}
.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: #ffffff;
  background-image: none;
  color: #333333;
  font-weight: normal;
  padding: 2px 4px 2px 20px;
}
.mediathek-filter .series a:hover,
.mediathek-filter .series a:focus,
.mediathek-filter .series a:active {
  color: #333333;
  text-decoration: none;
  background-position: 8px -198px;
  background-color: #ffffff;
}
.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 {
  display: block;
  cursor: pointer;
}
#main .more-media-band .prev.show span:hover {
  background-position: 0 -33px;
}
#main .more-media-band .next.show span {
  display: block;
  cursor: pointer;
}
.pagination-wrapper .pagination {
  display: inline-block;
}
.pagination-wrapper .pagination ul {
  display: inline-block;
}
.pagination-wrapper .pagination li {
  float: left;
  list-style: none outside none;
}
#main .more-media-band .pagination-wrapper {
  margin-bottom: 40px;
}
#main .more-media-band .pagination {
  margin-top: 0;
}
.pagination li button span,
.pagination li button strong,
.pagination li button a {
  direction: ltr;
  display: block;
  font-size: 60%;
  text-indent: -9000px;
}
#main .more-media-band .pagination li button span {
  display: block;
  text-indent: -9000px;
}
#main .more-media-band .pagination li.on button {
  background: #ffffff;
  color: #ffffff;
}
#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: #ffffff;
  color: #ffffff;
}
#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: 156px;
  margin-bottom: 10px;
  border: 4px solid #ffffff;
  background: #ffffff;
  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 .o-foto.fotoreihe span {
  background: white url(/SiteGlobals/StyleBundles/Bilder/Farbschema/icon-fotoreihe.png?__blob=normal&v=2) 0 5px 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 .image-wrapper:hover .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-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: #ffffff;
}
.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,
.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: #ffffff;
  font-size: 160%;
  font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
}
.mediathek #main .more-media .teaser h2.flickr {
  background: url(/SiteGlobals/StyleBundles/Bilder/Farbschema/icon-flickr-mediathek.png?__blob=normal&v=1) 0 0 no-repeat;
  padding: 10px 0 10px 45px;
}
.mediathek #main .more-media .teaser h2.instagram {
  background: url(/SiteGlobals/StyleBundles/Bilder/Farbschema/instagram-weiss-mediathek.png?__blob=normal&v=3) 0 0 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 #content .more-media .teaser h2 a {
  color: #ffffff;
  font-size: 100%;
}
.mediathek #main .more-media .teaser p {
  color: #ffffff;
  font-size: 160%;
  padding-bottom: 20px;
}
.mediathek .more-media .teaser-group .hover-clickarea {
  border-color: #ffffff;
}
.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 #ffffff;
  box-shadow: 0 0 5px #cccccc;
}
.more-media .mod .image-wrapper {
  float: right;
  margin-left: 20px;
}
.media-series .hover-clickarea {
  box-shadow: 0 0 5px #666666;
}
#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: #333333;
}
.mediathek #main .more-media .media-series dd,
.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: #ffffff;
  color: #384547;
}
.mediathek-list #main .more-media-header h2 {
  border: medium none;
  color: #ffffff;
  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: #ffffff;
}
.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: #ffffff;
  display: inline;
  height: auto;
  left: auto;
  overflow: hidden;
  padding: 0 0 0 1.5em;
  position: relative;
  top: -.7em;
  width: auto;
}
#main .thumbnail-list h2 {
  display: block;
  position: absolute;
  overflow: hidden;
  left: -9999px;
  width: 1px;
  height: 1px;
}
#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 #ffffff;
  background: #ffffff;
}
.media-list .teaser img {
  display: block;
  margin: 0;
  box-shadow: none;
  padding: 0;
}
#content .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: #ffffff;
}
.mediathek #main .media-list .teaser p {
  font-size: 150%;
  padding-bottom: 10px;
}
.media-list .teaser span.timestamp {
  display: block;
  font-size: 120%;
  color: #ffffff;
  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: 20%;
}
.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;
}
/* JME */
.media-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  padding-left: 0;
  background: #000000;
  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 {
  width: auto;
  text-indent: 0;
}
.no-img .media-controls button {
  width: auto;
  text-indent: 0;
  color: #ffffff;
}
.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: #000000;
  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: #333333;
  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, .2);
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  box-shadow: inset 1px 1px 2px rgba(22, 22, 22, .2);
}
.hcm .media-controls .time-slider .buffer-progress-indicator,
.no-img .media-controls .time-slider .buffer-progress-indicator,
.hcm .media-controls .time-slider .ui-slider-range,
.no-img .media-controls .time-slider .ui-slider-range {
  border: 2px solid #000000;
}
.media-controls .time-slider .ui-slider-range {
  background-color: #ffffff;
  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: #ffffff;
  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: #aaaaaa;
}
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-captions.png?__blob=normal&v=3) 3px 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 {
  background: #000000;
  overflow: hidden;
  margin: 0;
}
#main .subtitle-controls .subtitle-menu ul {
  background: #000000;
  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;
}
/*** Showbox ***/
.mask {
  background-color: #000000;
  z-index: 8000;
}
.showbox {
  position: absolute;
  z-index: 9000;
}
.showbox-box {
  padding-top: 20px;
}
.showbox .content-box {
  position: relative;
  margin: 0;
  background: none;
}
.showbox .multimedia-box {
  float: none;
  padding: 0;
  width: auto;
}
.showbox .showbox-toolbar {
  display: none;
}
.showbox .close-button {
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite-3.png?__blob=normal&v=7) no-repeat scroll 0 -3000px transparent;
  cursor: pointer;
  display: block;
  height: 25px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: -50000px;
  top: 20px;
  width: 25px;
}
.showbox .gallery-stage {
  float: none;
  min-height: 0;
  padding: 0;
  width: auto;
}
.showbox-head {
  background: transparent;
  height: auto;
  width: auto;
  text-align: left;
  padding: 0;
  font-size: 100%;
  margin: 0;
  overflow: visible;
}
.showbox-title {
  width: 88%;
}
.showbox-head h1,
.showbox-title h2 {
  color: #ffffff;
  font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
  font-size: 240%;
  font-weight: normal;
  line-height: 1.2;
  margin: 0 0 20px;
  padding: 0;
}
.showbox-head h1 a {
  background: none repeat scroll 0 0 transparent;
  font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
  position: static;
}
.showbox-head h1 em {
  color: #ffffff;
  display: block;
  font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  font-size: 50%;
  font-style: normal;
  font-weight: bold;
  line-height: 1.35;
  margin-top: 0;
  text-transform: uppercase;
}
.showbox-title h2 em {
  color: #ffffff;
  display: block;
  font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  font-size: 50%;
  font-style: normal;
  font-weight: bold;
  line-height: 1.35;
  margin-top: 0;
  text-transform: uppercase;
}
.showbox-head {
  min-height: 6em;
  position: relative;
}
.showbox-head a {
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) no-repeat scroll 0 -1200px transparent;
  color: #ffffff;
  cursor: pointer;
  float: right;
  font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 20px;
  padding-left: 11px;
  position: static;
}
.showbox-head h1 a {
  float: none;
  margin-top: 0;
}
.showbox .gallery-stage img {
  background: none repeat scroll 0 0 #ffffff;
  margin-bottom: 5px;
  padding: 5px;
  position: static;
}
.showbox .gallery-description {
  float: none;
  width: auto;
}
.showbox .gallery-description p {
  color: #ffffff;
  font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
  font-size: 170%;
  font-weight: normal;
  margin-top: 15px;
}
.js .showbox .img-group {
  margin: 30px 0 0;
  overflow: hidden;
  padding: 0 42px 20px;
  position: relative;
  width: auto;
}
.js .showbox .ig-box dl {
  background: none repeat scroll 0 0 #ffffff;
  color: #ffffff;
  float: left;
  height: 117px;
  margin: 0 10px;
  overflow: hidden;
  padding: 2px;
  width: 176px;
}
.js .showbox dt {
  padding: 0;
}
.js .showbox .ig-box dl.hover-clickarea,
.js .showbox .ig-box dl.js-active {
  background: none repeat scroll 0 0 #ffffff;
  padding: 2px;
}
.js .showbox .ig-box dl.first-teaser {
  margin-left: 0;
}
.showbox dt a {
  background: none repeat scroll 0 0 #ffffff;
  display: block;
  margin-right: 0;
  overflow: hidden;
  padding: 0;
  width: 176px;
}
.js .showbox dt a {
  height: 117px;
}
.showbox .toggle-item {
  padding: 0 0 20px;
}
.js .showbox dd {
  display: none;
}
#main .gallery-slider .zoom {
  display: none;
}
#main .showbox .copyright {
  font-size: 120%;
}
.showbox .ig-box {
  overflow: hidden;
  position: relative;
  height: 121px;
  overflow: hidden;
}
.showbox .ig-box img {
  width: 100%;
}
.showbox .ig-box .js-active img {
  display: block;
}
.showbox .pager .scroll-prev span,
.showbox .pager .scroll-next span {
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/pager-band.png?__blob=normal&v=1) no-repeat scroll 0 -65px transparent;
  cursor: pointer;
  display: none;
  height: 33px;
  outline: medium none;
  position: absolute;
  text-indent: -9999px;
  top: 23%;
  width: 32px;
}
.showbox .pager .scroll-prev span,
.showbox .pager .scroll-next span {
  display: block;
}
.showbox .pager .scroll-prev span {
  left: 0;
}
.showbox .pager .scroll-next span {
  background-position: -32px -65px;
  right: 0;
}
.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 {
  cursor: pointer;
  display: block;
}
.showbox .img-group .offset-mask {
  display: none;
}
.showbox .pagination-wrapper {
  bottom: 20px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1001;
}
.showbox .pagination-wrapper .pagination {
  background: none repeat scroll 0 0 rgba(0, 0, 0, .3);
  border-radius: 20px 20px 20px 20px;
  bottom: 0;
  clear: none;
  color: rgba(0, 0, 0, .3);
  display: inline-block;
  margin: 0 auto;
  padding: 3px 6px;
  position: relative;
  right: 0;
  text-align: center;
}
.showbox .pagination-inner-wrapper {
  bottom: 0;
  clear: none;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.showbox .pagination-wrapper .pagination ul {
  display: inline-block;
}
.showbox .pagination-wrapper .pagination li {
  float: left;
  font-size: 100%;
  line-height: 1;
  list-style: none outside none;
  padding: 5px 0;
}
.showbox .pagination-wrapper .pagination li button {
  background: none repeat scroll 0 0 transparent;
  border: 1px solid #ffffff;
  border-radius: .35em .35em .35em .35em;
  color: #000000;
  cursor: pointer;
  height: .7em;
  width: .7em;
}
.showbox .pagination-wrapper .pagination .on button {
  background: none repeat scroll 0 0 #ffffff;
  color: #ffffff;
}
.showbox .pagination-wrapper .pagination button:hover,
.showbox .pagination-wrapper .pagination button:focus,
.showbox .pagination-wrapper .pagination button:active {
  background: none repeat scroll 0 0 #ffffff;
  color: #ffffff;
}
.hcm .showbox .pagination-wrapper .pagination .on button {
  border: 3px solid #ffffff;
}
.hcm .showbox .pagination-wrapper .pagination button:hover,
.hcm .showbox .pagination-wrapper .pagination button:focus,
.hcm .showbox .pagination-wrapper .pagination button:active {
  border: 3px solid #ffffff;
}
.no-img .showbox .pagination-wrapper .pagination .on button {
  border: 3px solid #ffffff;
}
.no-img .showbox .pagination-wrapper .pagination button:hover,
.no-img .showbox .pagination-wrapper .pagination button:focus {
  border: 3px solid #ffffff;
}
.no-img .showbox .pagination-wrapper .pagination button:active {
  border: 3px solid #ffffff;
}
.showbox .prev,
.showbox .next {
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/pager-gallery.png?__blob=normal&v=1) no-repeat scroll 0 0 transparent;
  display: none;
  height: 48px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 44%;
  width: 48px;
}
.js .showbox .prev,
.js .showbox .next {
  display: block;
}
.showbox .prev {
  left: 5px;
}
.showbox .next {
  background-position: -48px 0;
  right: 5px;
}
.showbox .next:hover {
  background-position: -48px -48px;
}
.showbox .prev {
  cursor: pointer;
  display: none;
  z-index: 1;
}
.showbox .prev:hover {
  background-position: 0 -48px;
}
.showbox .next,
.showbox .gs-button.ui-disabled,
.showbox .overlay-control.ui-disabled {
  cursor: pointer;
  display: none;
  z-index: 1;
}
.showbox .toggle {
  border-top: 1px solid #888a89;
  display: none;
  padding: 3px 2px 2px;
  display: block;
  margin-top: 15px;
  text-align: center;
}
.showbox .toggle h3 {
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) no-repeat scroll 100% -1400px transparent;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 130%;
  font-style: normal;
  padding: 0 22px 0 0;
}
.showbox .toggle h3 em {
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) no-repeat scroll -39px -1400px transparent;
  color: #ffffff;
  display: block;
  font-size: 100%;
  font-style: normal;
  padding: 0 0 0 22px;
}
.showbox .toggle h3:hover em,
.showbox .toggle h3:active em,
.showbox .toggle h3:focus em {
  background: url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) no-repeat scroll -39px -3395px transparent;
  color: #ffffff;
  display: block;
  font-size: 100%;
  font-style: normal;
  padding: 0 0 0 22px;
}
.showbox h3:hover,
.showbox h3:focus,
.showbox h3:active {
  background-position: 100% -3395px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: underline;
}
.showbox .toggle {
  background-position: 100% -3395px;
}
.picture .caption,
.picture .source {
  color: #575757;
  display: block;
  font-size: 130%;
  line-height: 1.3em;
  padding: 5px 10px;
  position: relative;
}
.video .caption,
.video .source {
  color: #575757;
  display: block;
  font-size: 130%;
  line-height: 1.3em;
  padding: 5px 10px;
  position: relative;
}
/*****************************/
/* Inhalt screen_sync V74 EW */
/*****************************/
#main .more-media-band .rack-teaser .image-wrapper,
.js #main .gallery-slider dt a {
  height: auto;
}
/* Entfernen der festen Größen der Vorschaubilder Fotoreihe in der Mediathek - Bilder werden immer in ihrer Originalgröße ausgegeben! */
#main .gallery-slider dt a {
  width: auto;
}
.js #main .gallery .ig-box dl {
  width: auto;
  height: auto;
}
.showbox dt a {
  width: auto;
}
.js .showbox dt a {
  height: auto;
}
.js .showbox .ig-box dl {
  width: auto;
  height: auto;
}
/***************************************/
/* überschrieben aus screen_v von Breg */
/***************************************/
#content .teaser-group .teaser h3 a {
  line-height: 1.2em;
  color: #ffffff;
}
#content .teaser-group .teaser h3 a:hover,
#content .teaser-group .teaser h3 a:active,
#content .teaser-group .teaser h3 a:focus {
  color: #ffffff;
}
#content .teaser-group .teaser h3 em {
  color: #ffffff;
}
.gallery .gallery-stage {
  overflow: visible;
}
#content .teaser-group {
  border-bottom: 0;
  margin-bottom: 0;
  overflow: visible;
  padding-bottom: 0;
}
#content .teaser-group .teaser h3 em {
  font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif;
  font-size: 80%;
  text-transform: none;
  margin-bottom: 0;
}
.gallery-stage {
  border-bottom: none;
  width: 580px;
  height: 387px;
}
/**********************/
/* Neu für Einzelfotos */
/**********************/
.mediathek .main-stage .gallery-content-picture .multimedia-box {
  width: 580px;
  height: 387px;
}
.mediathek .content-navigation a strong {
  font-size: 100%;
}
/*********************/
/* nachträgliche CRs  */
/*********************/
/* BPAINT-237 */
/* BPAINT-233 */
.mediathek-filter .list strong {
  background: white url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 8px -198px no-repeat;
}
.mediathek-filter .series strong {
  background: white url(/SiteGlobals/StyleBundles/Webs/BKin/Bilder/Farbschema/icon-sprite.png?__blob=normal&v=2) 8px -198px no-repeat;
  font-size: 100%;
  font-family: 'BundesSansWeb', Georgia, Times New roman, serif;
}
.mediathek-filter .series a {
  font-size: 100%;
  font-family: 'BundesSansWeb', Georgia, Times New roman, serif;
}
.mediathek-list .mediathek-filter .open div {
  width: 26%;
}
/* Neues Video-Icon in der Mediathek BPAINT-455*/
#main .image-wrapper .o-video span {
  background: url(/SiteGlobals/StyleBundles/Webs/BKinm/CSS/Bilder/mediathek_videoteaser_icon.png?__blob=normal&v=3) no-repeat 7px 7px white;
  height: 29px;
  width: 29px;
}
/* BPAINT-279 */
.gallery-stage .gs-button.ui-disabled {
  display: block !important;
  cursor: default !important;
  opacity: .1 !important;
}
.gallery-stage .gs-button.ui-disabled:hover {
  display: block !important;
  cursor: default !important;
  opacity: .1 !important;
}
.gallery-stage .next.gs-button.ui-disabled {
  background-position: -48px 0 !important;
}
.gallery-stage .next.gs-button.ui-disabled:hover {
  background-position: -48px 0 !important;
}
.gallery-stage .prev.gs-button.ui-disabled {
  background-position: 0 0 !important;
}
.gallery-stage .prev.gs-button.ui-disabled:hover {
  background-position: 0 0 !important;
}
/* Livestream Mediathek */
.livestream .gallery-stage,
.livestream .gallery-stage-box {
  background: none;
}
.livestream .gallery-stage {
  height: 280px;
}
.wrapperPlayerSupplement {
  height: 384px;
  position: relative;
}
/* Schwerpunkt-Navigation */
.mediathek .main-stage {
  position: relative;
}
.mediathek #main .main-topic-navigation {
  top: -39px;
  right: -18px;
  position: absolute;
}
.mediathek #main .main-topic-navigation ul {
  margin: 0;
}
.mediathek #main .main-topic-navigation ul li a,
.mediathek #main .main-topic-navigation ul li strong {
  font-size: 90%;
}
.mediathek #main .gallery-description p {
  padding-bottom: 0;
}