/* Global */
* {
 margin: 0;
 padding: 0;
}
body {
 font: 62.5% Arial, Helvetica, sans-serif;
 color: #333;
}
img {
 border: none;
}
/* links */
a {
 color: #0B3A6A;
 text-decoration: none;
}
a:hover,
a:active,
a:focus {
 text-decoration: underline;
}
a:visited {
 color: #0A5DAF;
}
/* hidden */
#stage h1,
#stage h2.isFirstInSlot,
.aural,
#navPrimary h2,
#navServiceMeta h2,
#navBreadcrumbs p,
#navSecondary h2.aural,
.navIndex span,
#intro-wrapper .label,
#wrapperStage .teaser-wrapper h2,
form#new-search fieldset h2,
#main #new-search input.reset,
#supplement .login-box form input.reset,
#supplement div.phone .label,
#supplement div.mail .label,
.js-on #supplement .login-box label,
.js-on #supplement .login-box .formNote,
#navService h2{
 display: block;
 position: absolute;
 overflow: hidden;
 left: -9999px;
 width: 1px;
 height: 1px;
}
#clear,
.clear {
 clear: both;
 height: 1px; /* avoid collapsing margins */
}
.rounded,
.roundedr {
 display: none;
}
.aural {
 position: absolute;
 top: -1000px;
 left: -1000px;
 overflow: hidden;
 width: 100px;
 height: 100px;
}
/* Skiplinks */
.navSkip {
    position:absolute;
 left:-2000px;
 top: -1000px;
 height:0px;
}
.navSkip a:link,
.navSkip a:visited {
  color: #000 !important;
}
.navSkip a:focus,
.navSkip a:hover,
.navSkip a:active {
    position: absolute;
    color: #000;
 left:4175px;
 top: 2075px;
    color: #fff;
    text-decoration: none;
    z-index: 4000;
 font-size: 140%;
 font-weight: bold;
}
/*****************************
1.0 module layout
*****************************/
#wrapperOuter {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/header_bg.png?__blob=normal&v=2) 0 0 repeat-x scroll transparent;
}
#wrapperInner {
 position: relative;
 width: 940px;
 margin: 0 auto;
}
#wrapperHeader {
 float: left;
 width: 100%;
 padding-bottom: 35px;
}
#branding {
 position: relative;
 padding: 4.3em 0 0;
 width: 940px;
 height: 11.7em;
 overflow: hidden;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/header_bg.png?__blob=normal&v=2) 0 0 repeat-x scroll transparent;
}
#branding .claim  {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
 width: 100%;
 background-color: #0B3A6A;
}
#branding .claim h2  {
 padding: 12px 41px 12px 12px;
 margin: 0;
 font-size: 150%;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/logo2.png?__blob=normal&v=2) 100% 50% no-repeat scroll transparent;
 color: #fff;
 text-align: right;
}
#branding p {
 float: left;
 overflow: hidden;
}
#branding p img {
 margin: 12px 0 0;
}
#search {
 position: absolute;
 top: 9.5em;
 right: 0;
}
#wrapperDivisions {
 clear: both;
 overflow: hidden;
}
#navBreadcrumbs {
 float: left;
 /*width: 100%;*/
}
#wrapperContent {
 float: left;
 display: inline;
 margin: 0 12px 0 0;
 padding: 0;
 width: 470px;
}
.modgrid #wrapperContent {
 margin-left: 238px;
}
#wrapperContent.altGrid,
.startseite #wrapperContent {
 padding: 0;
 margin: 0;
}
#wrapperContent.altGrid {
 width: 702px;
}
.startseite #wrapperContent {
 width: 710px;
}
#wrapperStage {
 clear: both;
 overflow: hidden;
 margin: 0 0 30px 0;
}
#wrapperStage #stage {
 float: left;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/dotted-line-vertical.png?__blob=normal&v=2) 100% 0 repeat-y;
 width: 590px;
 margin: 0 10px 0 0;
}
#column-wrapper {
 float: right;
 width: 702px;
}
#main {
    overflow: hidden;
    padding: 0 15px 0 0;
    margin-bottom: 30px;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/dotted-line-vertical.png?__blob=normal&v=2) repeat-y scroll 100% 0 transparent;
}
.startseite .altGrid #main {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/dotted-line-vertical-home.png?__blob=normal&v=2) 100% 0 repeat-y;
 padding: 0;
}
.altGrid #main {
 padding-right: 0;
 background-image: none;
}
#siteNav {
 float: right;
 overflow: hidden;
}
#navPrimary {
 position: relative;
 z-index: 2;
 float: left;
 width: 100%;
 margin: 12px 0 0 0;
 padding: 0;
}
#navSecondary {
 float: left;
 position: relative;
 z-index: 1;
 margin: 0 20px 0 0;
 height: 1%;
 width: 218px;
}
.altGrid #navSecondary {
 margin-right: 20px;
}
#supplement {
 overflow: hidden;
 float: right;
 margin: 0 0 30px 0;
 width: 220px;
}
#wrapperBase {
 display: block;
 overflow: hidden;
 clear: both;
 padding: 20px 0 40px 0;
}
#siteInfo {
 margin: 0;
 clear: both;
 position: relative;
}
#siteInfo ul {
 min-height: 148px;
}
/*****************************
2.0 superior styles
*****************************/
/******2.1 typo ******/
/******2.2 font sizes ******/
/**** 10px ****/
/**** 11px ****/
/**** 12px ****/
/**** 13px ****/
/**** 14px ****/
/**** 16px ****/
/**** 18px ****/
/**** 20px ****/
/****** 2.3 font colors ***/
/****** 2.4 backgrounds ******/
/****** 2.5 links ******/
/****** 2.6 images ******/
/****** 2.7 rounded corners ******/
/*****************************
3.0 branding
*****************************/
#branding img,
#brandingnobg img {
    border: 0;
}
/*****************************
4.0 serviceMeta
*****************************/
#navServiceMeta {
 text-align: right;
 padding: 35px 0 15px 170px;
    font-size: 110%;
}
#navServiceMeta li {
    display: inline-block;
}
#navServiceMeta a,
#navServiceMeta strong {
    padding: 1px 0 1px 10px;
 margin: 35px 0 15px 0;
}
#navServiceMeta a,
#navServiceMeta span {
 color: #666; /* Shop items counter */
}
#navServiceMeta strong {
 color: #000;
}
#navServiceMeta .cart {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-borders.png?__blob=normal&v=2) no-repeat 0 0 scroll transparent;
 margin-left: 15px;
}
#navServiceMeta .cart a,
#navServiceMeta .cart strong {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-borders.png?__blob=normal&v=2) no-repeat 100% 0 scroll transparent;
 padding-right: 15px;
}
#navServiceMeta .navServiceGebaerdensprache a,
#navServiceMeta .navServiceGebaerdensprache strong {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/icon_gebaerdensprache.jpg?__blob=normal&v=2) no-repeat 5px 0 scroll transparent;
 padding-left: 25px;
}
#navServiceMeta .navServiceLeichteSprache a,
#navServiceMeta .navServiceLeichteSprache strong  {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/icon_leichteSprache.png?__blob=normal&v=2) no-repeat 5px  0 scroll transparent;
 padding-left: 25px;
}
#navServiceMeta .navServiceTwitter a,
#navServiceMeta .navServiceTwitter strong {
  background:  url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/navTopServiceTwitter.png?__blob=normal&v=1) 10px 0px no-repeat;
 padding-left: 30px;
}
/*****************************
5.0 navigation
*****************************/
span.corner-tl,
span.corner-tr,
span.corner-bl,
span.corner-br {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1000;
 width: 5px;
 height: 5px;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/corners.png?__blob=normal&v=2) -5px -5px no-repeat;
}
span.corner-tr {
 top: 0;
 left: auto;
 right: 0;
 background-position: 0px -5px;
}
span.corner-bl {
 top: auto;
 bottom: 0;
 background-position: -5px 0px;
}
span.corner-br {
 top: auto;
 bottom: 0;
 left: auto;
 right: 0;
 background-position: 0 0;
}
/****** 5.1 primary ******/
#navPrimary {
    background-color: #474743;
}
/* Level 1 */
#navPrimary ul {
    margin-left: 10px;
}
#navPrimary li {
    float: left;
 height: 1%;
 font-size: 100%;
}
#navPrimary li a {
    color: #fff;
}
#navPrimary li a,
#navPrimary li strong {
 display: block;
    line-height: 1.2em; /* @ Safari, "em" length @ Firefox-Mac */
    font-weight: bold;
}
#navPrimary li h3 {
 font-size: 150%;
}
#navPrimary li h3 a,
#navPrimary li strong {
    padding: 15px 13px;
}
#navPrimary li a {
    background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/nav-primary-separator.png?__blob=normal&v=2) left 50% no-repeat transparent;
}
#navPrimary li:first-child a,
#navPrimary li.first-child a {
    background: none;
}
#navPrimary li a.on,
#navPrimary li strong {
    background: #717171;
 margin-right: -1px;
    text-decoration: none;
    color: #fff;
}
#navPrimary li.hovered h3 a,
#navPrimary li.hovered h3 a.on,
#navPrimary li a:hover,
#navPrimary li a:focus,
#navPrimary li a:active,
#navPrimary li a.on:hover,
#navPrimary li a.on:focus,
#navPrimary li a.on:active {
    background: #717171;
    text-decoration: none;
}
/* Dropdown box */
#navPrimary li .menu-box {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/nav-flyout-corners.png?__blob=normal&v=2) 0 100% no-repeat;
 width: 250px;
 padding-bottom: 6px;
 color: #fff;
}
#navPrimary .menu-box {
 position: absolute;
 top: -1000px;
 left: -1000px;
 overflow: hidden;
 z-index: 2000;
}
#navPrimary .menu-box * {
 z-index: 2000;
}
#navPrimary li:hover .menu-box,
#navPrimary li .menu-box.visible {
    top: 48px;
    left: auto;
    z-index: 2000;
}
/* Level 2 */
#navPrimary ul ul {
 background: #717171;
 overflow: hidden;
    margin-left: 0;
 padding: 10px 0;
}
#navPrimary li li {
    text-align: left;
    display: block;
    width: 100%;
}
#navPrimary li li a.on,
#navPrimary li li a:link,
#navPrimary li li a:visited,
#navPrimary li li strong {
 padding: 8px 10px;
 font-size: 130%;
 border-top: 1px solid #868686;
}
#navPrimary li li:first-child a.on,
#navPrimary li li.first-child a.on,
#navPrimary li li:first-child a:link,
#navPrimary li li.first-child a:link,
#navPrimary li li:first-child a:visited,
#navPrimary li li.first-child a:visited {
 border-top: none;
}
#navPrimary li li a:hover,
#navPrimary li li a:focus,
#navPrimary li li a:active,
#navPrimary li li a.on:hover,
#navPrimary li li a.on:focus,
#navPrimary li li a.on:active {
    background: #EC7404;
    text-decoration: none;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
 color: #000;
}
#navPrimary li:first-child li a:hover,
#navPrimary li:first-child li a:focus,
#navPrimary li:first-child li a:active,
#navPrimary li:first-child li a.on:hover,
#navPrimary li:first-child li a.on:focus,
#navPrimary li:first-child li a.on:active,
#navPrimary li li:first-child a:hover,
#navPrimary li li:first-child a:focus,
#navPrimary li li:first-child a:active,
#navPrimary li li:first-child a.on:hover,
#navPrimary li li:first-child a.on:focus,
#navPrimary li li:first-child a.on:active {
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
}
#navPrimary li li strong,
#navPrimary li li a.on {
 background: #ec7404;
 color: #000;
}
/****** 5.2 secondary ******/
#navSecondary h2 {
    font-size: 170%;
 color: #333;
}
#navSecondary h3 span,
#navSecondary h2 span {
    display: block;
}
/* Secondary nav's items */
#navSecondary .navMain a  {
 color: #333;
}
#navSecondary .navMain ul {
 padding: 10px 0;
 background-color: #d4d4d4;
}
#navSecondary .navMain li {
    display: block;
 height: 1%;
 font-size: 130%;
}
#navSecondary .navMain li a,
#navSecondary .navMain li strong {
 display: block;
 background-image: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/nav-line-level-1.png?__blob=normal&v=2);
 background-position: 0 0;
 background-repeat: no-repeat;
    font-weight: bold;
}
#navSecondary .navMain li strong {
 color: #000;
 margin-bottom: -1px;
}
#navSecondary .navMain li.first a {
 background-image: none;
}
/**** 5.2.1 level 1 ****/
#navSecondary .navMain a:hover,
#navSecondary .navMain a:focus,
#navSecondary .navMain a:active {
    text-decoration: underline;
}
#navSecondary .navMain em a {
 background-color: #eaeaea;
 color: #000;
}
#navSecondary .navMain a,
#navSecondary .navMain em,
#navSecondary .navMain strong { /* strong is for current page */
    line-height: 1.2;
    padding: 8px 14px 8px 14px;
    font-weight: bold;
}
#navSecondary .navMain em {
    padding: 0;
}
#navSecondary .navMain strong {
 background-color: #ec7404;
}
/**** 5.2.2 level 2 ****/
#navSecondary .navMain ul ul {
 padding: 0;
}
#navSecondary .navMain li li {
 font-size: 92.5%;
}
#navSecondary .navMain li li a,
#navSecondary .navMain li li strong {
 background-image: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/nav-line-level-2.png?__blob=normal&v=2);
    padding-left: 32px;
}
#navSecondary .navMain li.first li a {
 background-image: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/nav-line-level-2.png?__blob=normal&v=2);
}
#navSecondary .navMain li li:first-child a,
#navSecondary .navMain li li strong {
}
/**** 5.2.3 level 3 ****/
#navSecondary .navMain li li li {
 font-size: 100%;
}
#navSecondary .navMain li li li a,
#navSecondary .navMain li li li strong {
 background-image: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/nav-line-level-3.png?__blob=normal&v=2);
    padding-left: 54px;
 font-weight: normal;
}
#navSecondary .navMain li li li strong {
    font-weight: bold;
}
/**** 5.2.4 level 4 ****/
#navSecondary .navMain li li li li a,
#navSecondary .navMain li li li li strong {
 background-image: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/nav-line-level-4.png?__blob=normal&v=2);
 padding-left: 72px;
}
/**** 5.3 breadcrumb ****/
#navBreadcrumbs {
 padding: 0 0 7px;
 margin-bottom: 17px;
 width: 702px;
 font-size: 110%;
 border-bottom: 3px solid #ccc;
}
#navBreadcrumbs li {
    display: inline;
}     
#navBreadcrumbs a {
    background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) no-repeat scroll right -595px transparent;
    padding-right: 1.25em;
    margin-left: .5em;
}
#navBreadcrumbs strong {
    margin-left: .75em;
}
#navBreadcrumbs li.first a,
#navBreadcrumbs li.first strong {
 margin-left: 0;
}
/*****************************
6.0 search
*****************************/
#search {
 font-size: 120%;
}
#search form {
    padding: 0;
}
#search fieldset strong {
    font-weight: normal;
}
#search .formField {
    margin: 0;
    padding:0;
 float: left;
}
#search input {
    position: relative;
    width: 12.3em;
 background-color: #f2f1ee;
}
#search input.submit{
    float: left;
    width: 6em;
}
#search legend {
    display: none;
}
/*****************************
7.0 service
*****************************/
/*****************************
8.0 tagcloud
*****************************/
#wrapperDivisions #supplement .tagCloudBox {
 background: #f2f2f2;
 overflow: hidden;
 margin: 0 0 30px 0;
 padding: 10px 10px 5px 10px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
#supplement #navTagCloud h3 {
 position: static;
 width: auto;
 height: auto;
 padding: 3px 0 10px 0;
 font-size: 170%;
}
#supplement .tagcloud ul {
 width: 200px;
 text-align: center;
}
#supplement .tagcloud li {
 display: inline;
 margin: 0 5px 5px 0;
 font-size: 120%;
 line-height: 2em;
}
#supplement .tagcloud li a {
 padding: 3px;
 color: #0B3A6A;
 font-weight: bold;
}
#supplement .tagcloud li a:hover,
#supplement .tagcloud li a:active,
#supplement .tagcloud li a:focus {
 text-decoration: underline;
}
#supplement .tagcloud li a.prio1 {
 font-size: 160%;
}
#supplement .tagcloud li a.prio2 {
 font-size: 140%;
}
#supplement .tagcloud li a.prio3 {
 font-size: 120%;
}
#supplement .tagcloud li a.prio4 {
 font-size: 120%;
 font-weight: normal;
}
#supplement .tagcloud li a.prio5 {
 font-size: 100%;
 font-weight: normal;
}
/*****************************
9.0 content
*****************************/
/* Startseite */
.startseite #main .boxWrapper {
 float: left;
 width: 460px;
 margin: 0 20px 0 0;
}
/**** 9.1 headings ****/
#umfrage h1,
#main h1,
#intro-wrapper h1 {
 display: block;
 margin: 3px 0 20px 0;
 font-size: 200%;
 font-weight: bold;
}
#umfrage h2,
#main h2 {
 margin: 0 0 10px 0;
 font-size: 160%;
 font-weight: bold;
}
#main h3 {
 margin: 0 0 10px 0;
 font-size: 140%;
}
#main h4 {
 margin: 0 0 10px 0;
 font-size: 130%;
}
#main h5 {
 margin: 0 0 10px 0;
 font-size: 120%;
 font-weight: bold;
}
#main .subheadline p {
 display: block;
 margin: 0 0 20px 0;
 font-size: 140%;
 font-weight: bold;
}
/**** 9.2 boxes ****/
#main .newsBox {
 border-top: 3px solid #ccc;
 margin-bottom: 38px;
}
#main .newsBox h2 { /* Section headline */
 margin: 0 0 15px 0;
 padding: 3px 0 0 0;
 font-size: 160%;
 font-weight: bold;
}
#main .newsBox li {
 height: 1%;
 margin: 0 0 12px 0;
 border-bottom: 1px solid #ccc;
 font-size: 100%;
}
#main .newsBox h3 { /* Dedicated items' headlines */
 font-size: 150%;
 font-weight: bold;
}
#main .newsBox h3 a {
 background: none;
 padding: 0;
}
#main .newsBox h3 em {
 display: block;
 margin: 0 0 4px 0;
 font-size: 80%; /* 12px */
 font-weight: normal;
 font-style: normal;
}
#main .newsBox h3 em .category,
.singleview .category {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/date-separator.png?__blob=normal&v=2) 0 50% no-repeat;
 margin-left: 4px;
 padding-left: 10px;
}
#main .newsBox h3 em strong {
 color: #ec7404;
}
#main .newsBox li p {
 display: block;
 padding: 0 0 12px 0;
 font-size: 120%;
 font-weight: normal;
}
#main .newsBox li p.picture {
 float: left;
 margin: 0 13px 0 0;
 padding: 0;
}
#main .newsBox li p.picture img {
 border-color: #fff;
}
#main .newsBox li p .more {
 display: block;
 margin: -6px 0 0 0;
}
#main .newsBox p.all {
 display: block;
 margin: -10px 0 0 0;
 padding: 0;
}
/* newsbox inside fis & aknz */
.fis #main .boxWrapper,
.aknz #main .boxWrapper {
 clear: both;
}
.fis #main .boxWrapper li,
.aknz #main .boxWrapper li {
 overflow: hidden;
}
.fis #main .newsBox p.picture,
.aknz #main .newsBox p.picture {
 width: auto;
}
 
/**** 9.3 teasers ****/
#main .teaser {
 float: left;
 margin: 0 15px 20px 0;
 border-top: 3px solid #ccc;
 padding: 10px 0 20px 0;
width: 100%;
}
#main .teaser-mod {
 width: 220px;
}
.startseite #main .teaser {
 margin: 0;
}
#main .teaser h2 {
 display: block;
 margin: 5px 0 10px 0;
 font-size: 150%;
 font-weight: bold;
}
#main .teaser h2 a {
 background: none;
 padding: 0;
}
#main .teaser p {
 margin: 0;
}
#main .teaser p.picture {
 background: none;
}
#main .teaser p.picture img {
 border-color: #fff;
}
#main .teaser .teaserText {
 display: block;
 margin: 0 0 10px 0;
 font-size: 120%;
}
#wrapperInner .teaser .teaserText p{
  font-size:100%;
}
/* Teaser Special (orange) */
#main .teaser-special {
 background: #ec7404;
 width: 200px;
 border: none;
 padding: 10px;
}
#main .ts-mod {
 margin: 0;
}
#main .teaser-special p.picture {
 background: none;
}
#main .teaser-special p.picture img {
 border-color: #ec7404;
}
#main .teaser-special p.picture a:hover img,
#main .teaser-special p.picture a:active img,
#main .teaser-special p.picture a:focus img {
 border-color: #000;
}
#main .teaser-special h2,
#main .teaser-special h2 a,
#main .teaser-special .more a {
 color: #000;
}
#main .teaser-special .more a {
 background-position: 0 -1800px;
}
/* Teaser in Teaser-Group */
#main .teaser-group {
 float: left;
 width: 455px;
 margin: 10px 0 20px 0;
 border-top: 3px solid #ccc;
 padding: 10px 0 0 0;
}
#main .teaser-group .teaser {
 width: 455px;
 border-top: none;
 margin: 0 -3px 0 0; /* ie6 double character bug */
 padding: 0 0 15px 0;
}
#main .teaser-group p.picture {
 float: left;
 margin: 7px 20px 0 0;
}
#main .teaser-group p.picture img {
 width: 140px;
 height: auto;
}
#main .teaser-group h2 {
 float: left;
 width: 295px;
 margin-bottom: 5px;
}
#main .newsBox .teaser-group {
 padding: 0 0 10px;
 margin: 0 0 10px;
 border-top: 0;
 border-bottom: 1px solid #ccc;
}
/* Teaser group within start pages */
.startseite .teaser-col {
 width: 220px;
 float: left;
}
/* Teaser-mod for FIS */
.fis #main .teaser-group-mod {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/dotted-line-vertical.png?__blob=normal&v=2) repeat-y scroll 50% 0 transparent;
 overflow: hidden;
 width: 100%;
 margin-bottom: 30px;
}
.fis #main .teaser-group-mod .teaser {
 padding-bottom: 0;
}
#main .event .label,
#main .event .value {
  font-weight: bold;
  font-size:120%;
}
#main .event .value {
   font-weight: normal;
}
/**** 9.4 main content ****/
#main p,
#umfrage p,
#main .ContactData,
#main .ExternalLink{
 margin: 0 0 15px 0;
 font-size: 120%;
 line-height: 1.4em;
}
#main p a,
#main td a,
#main li a,
#main a.RichTextIntLink {
  background: none;
  padding: 0;
  font-weight: bold;
}
#wrapperInner p.navToTop a {
  background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) no-repeat;
  padding-left: 22px;
  font-weight: bold;
}
#main .all a,
#main .more a,
#main a.themenLink{
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 0 no-repeat;
 padding-left: 22px;
 font-weight: bold;
}
#main a.themenLink {
 font-size: 120%;
 line-height: 1.4em;
}
#main li a.themenLink {
 font-size: 100%;
}
#main a:hover,
#main a:active,
#main a:focus {
 text-decoration: underline;
}
#main a.Publication,
#main .illustration a,
#main .video a,
#main .picture a {
 background: none;
 padding-left: 0;
}
#main a.RichTextIntLink {
 background: none;
 padding: 0;
 font-weight: bold;
}
#main .ExternalLink,
#main a.RichTextExtLink,
#main a.external,
#main a.wiki {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 -200px no-repeat;
 padding-left: 22px;
 font-weight: bold;
 font-size: 100%
}
#main a.shoppingCartLink {
 background-position: 0 -400px;
}
#main .RichTextGlossarLink {
 background: none;
    border-bottom: 1px dotted #333;
 padding: 0;
    color: #333;
 text-decoration: none;
 cursor: help;
 font-weight: normal;
}
#main .RichTextGlossarLink:hover,
#main .RichTextGlossarLink:active,
#main .RichTextGlossarLink:focus {
 text-decoration: none;
}
#main .sectionRelated {
 clear: both;
}
#main .center {
 text-align: center;
}
#main .right {
 text-align: right;
}
#main .justify {
 text-align: justify;
}
#main .abstract p {
 display: block;
 margin: 0 0 15px 0;
 font-size: 120%;
 font-weight: bold;
}
#main blockquote,
#main q {
 font-style: italic;
 quotes: "\201C" "\201C" "\203A" "\2039";
}
#main em {
 font-style: italic;
}
#main abbr,
#main acronym,
#main dfn {
 border-bottom: 1px dotted #333;
}
#content div.address,
#content div.contactData {
 margin: 0 0 20px 0;
}
#content div.sectionDirection {
 margin: 0 0 20px 0;
}
#content div.sectionDirection a {
 font-size: 120%
}
#wrapperInner .navToTop {
 clear: both;
 display: block;
 border-top: 3px solid #ccc;
 margin: 20px 0;
 padding: 5px 0 0 0;
 text-align: right;
}
#wrapperInner p.navToTop a {
 background-position: 0 -1200px;
}
#main .docData {
    margin-bottom: 20px;
}
#main .docData span {
    font-size: 120%;
    display: block;
}
#main .docData span.label {
    font-weight: bold;
    margin-bottom: 2px;
}
/**** 9.5 lists ****/
#main ul,
#main ol {
 margin: 0 0 20px 23px;
}
#main li {
 padding: 0 0 3px 0;
 font-size: 130%;
}
#main li li,
#main li p,
#main li ul,
#main li ol {
 margin-bottom: 0;
 padding: 0 0 3px 0;
 font-size: 100%;
}
#main li p {
 padding: 0;
}
#main li ul,
#main li ol {
 padding: 3px 0 0 0;
}
#main ul.links {
 clear: both;
 margin-left: 0;
 list-style: none;
 font-weight: bold;
}
#main ul.links .first-child {
    overflow: hidden;
}
#main ul.downloads li a {
 background-position: 0 -400px;
}
#main dl {
 margin: 0 0 20px 0;
 font-size: 130%;
}
#main dt {
 font-weight: bold;
}
#main dd {
 padding-left: 20px;
}
#main dd li{
 font-size:100%;
}
/**** 9.6 images ****/
#main p.illustration,
#main p.video,
#main p.audio {
 background: #f2f2f2;
 font-size: 120%;
}
#main p.picture span.source,
#main p.picture span.caption{
 background: #f2f2f2;
}
#main p.picture
{
   display: table;
   margin-bottom: 0;
}
#main p.audio object {
margin-bottom: 0;
}
p.illustration a img,
p.picture a img {
 border-bottom: 3px solid transparent;
}
#wrapperDivisions p.illustration a:hover,
#wrapperDivisions p.illustration a:active,
#wrapperDivisions p.illustration a:focus,
#wrapperDivisions p.picture a:hover,
#wrapperDivisions p.picture a:active,
#wrapperDivisions p.picture a:focus {
 text-decoration: none;
}
#wrapperDivisions #wrapperContent p.illustration a:hover img,
#wrapperDivisions #wrapperContent p.illustration a:active img,
#wrapperDivisions #wrapperContent p.illustration a:focus img,
#wrapperDivisions #wrapperContent p.picture a:hover img,
#wrapperDivisions #wrapperContent p.picture a:active img,
#wrapperDivisions #wrapperContent p.picture a:focus img {
 border-bottom: 3px solid #0B3A6A;
}
#main p.linksOhne {
 float: none;
 margin-right: auto;
 margin-bottom: 20px;
}
#main p.rechtsOhne {
 float: none;
 margin-left: auto;
 margin-bottom: 20px;
}
#main p.mitte {
 float: none;
 margin: 0 auto 20px auto;
}
#main p.links {
 float: left;
 margin: 3px 20px 20px 0;
}
#main p.rechts {
 float: right;
 margin: 3px 0 20px 20px;
}
#main .caption,
#main .source {
 display: block;
 padding: 4px 10px 6px 10px;
}
#main .source {
 padding-bottom: 7px;
}
#main p.picture .wrapper {
 line-height: 0;
}
#main a.lupe {
 float: right;
 padding: 5px;
}
#main a.lupe img {
 border: none !important;
}
/**** 9.7 calendar ****/
#wrapperDivisions #supplement .calendar h3 {
    float: left;
    font-size:170%;
margin:0 0 8px;
}
#wrapperDivisions .live-calendar {
 background: #f2f2f2;
 padding: 10px 10px 5px 10px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
#wrapperDivisions .live-calendar {
   position: relative;
   z-index: 1;
}
#wrapperDivisions .live-calendar table {
    border-top: 1px solid #cdcdcd;
    clear:both;
    font-size:130%;
    line-height:1.2em;
    width:100%;
}
#wrapperDivisions  .calendar thead th {
    padding:4px 0;
    text-align:center;
}
#wrapperDivisions .calendar tbody td {
    padding:4px 0;
    text-align:center;
}
#wrapperDivisions .live-calendar table td.today {
    background: #fff;
    border: 1px solid #ccc;
}
#wrapperDivisions .calendar tbody td.on a {
    background: #0B396A;
    color: #fff;
    padding: 1px 3px;
}
#wrapperDivisions .live-calendar .pager {
    clear: none;
    float: right;
    margin: 2px 0 0 0;
    padding-left: 10px;
    width: 40px;
}
#wrapperDivisions .live-calendar .pager .prev {
   float: left;
}
#wrapperDivisions .live-calendar .pager .next {
   float: right;
}
#wrapperDivisions .live-calendar .pager .prev a,
#wrapperDivisions .live-calendar .pager .next a {
    display: block;
    text-indent: -2000px;
    height: 15px;
    width: 15px;
    background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 0 no-repeat;
    overflow: hidden;
}
#wrapperDivisions .live-calendar .pager .prev a {
    background-position: 0 -2800px;
}
#wrapperDivisions .live-calendar .pager .next a {
    background-position: 0 0;
}
#wrapperDivisions .live-calendar .pager div.next {
   margin-right: 0;
}
#wrapperDivisions .live-calendar p {
    padding-top: 10px;
}
#wrapperDivisions .live-calendar p a {
    padding-left: 20px;
    font-weight: bold;
    background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 0 no-repeat;
}
.js-on #wrapperDivisions .calendar-details {
    position: absolute;
    left: 0;
    border: 1px solid #CDCDCD;
    padding: 10px;
    background: #fff;
    width: 15.3em;
    text-align: left;
}
#wrapperDivisions .calendar-details {
    display: none;
}
.js-on #wrapperDivisions .calendar-details h4 {
    outline: none;
    margin: 0 0 10px 0;
}
.js-on #wrapperDivisions .calendar-details ul li a {
    display: block;
    height: 1%;
    margin-bottom: 4px;
    color: #0B396A;
    padding-left: 20px;
    background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 1px no-repeat;
}
/**** 9.8 tables ****/
#main table {
 width: 100%;
 margin: 0 0 35px 0;
 font-size: 130%;
}
#main .wrapperTable,
#main .tableWrapper {
  clear: both;
  margin-top: 10px;
}
#main caption {
 background: #f2f2f2;
 padding: 5px;
 font-weight: bold;
 text-align: left;
}
#main th {
 background: #f2f2f2;
 padding: 5px;
 vertical-align: top;
}
#main td  {
 border-bottom: 1px solid #f2f2f2;
 padding: 10px 5px;
 vertical-align: top;
}
#main td p,
#main td li,
#main td dl  {
 font-size: 100%;
}
#main .even td  {
 background: #f2f2f2;
}
.wrapperTable th a,
.wrapperTable th img {
 clear: left;
 display: block;
 float: left;
 margin: 0 5px 2px 2px;
}
#main .wrapperTable th a {
 background: none;
 padding: 0;
}
/**** 9.9 forms ****/
form input,
form select,
form textarea {
    padding: 4px;
 margin: 0;
 border-color: #999 #f2f1ee #f2f1ee #999;
 border-width: 1px;
 border-style: solid;
 -moz-border-radius: 2px 0 2px 2px;
 -webkit-border-radius: 2px 0 2px 2px;
 border-radius: 2px 0 2px 2px;
}
#main form input,
#main form select,
#main form textarea {
 font-size: 100%;
}
#main form input:focus,
#main form textarea:focus,
#supplement form input:focus {
 border: 1px solid #EC7404;
}
form input.submit,
form input.reset {
    padding: 3px;
    font-weight: bold;
 border-color: #fcfcfc #bfbfbf #b5b5b2 #f9f9f9;
 border-width: 1px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 cursor: pointer;
}
form input.reset,
form input.submit {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/search-submit-bg.png?__blob=normal&v=2);
 color: #333;
}
#wrapperInner form .submit:focus,
#wrapperInner form .submit:hover,
#wrapperInner form .submit:active,
#wrapperInner form .reset:focus,
#wrapperInner form .reset:hover,
#wrapperInner form .reset:active {
 text-decoration: none;
    color: #fff;
 background: #0b3a6a none;
}
#main .formLabel {
   display: block;
}
#main input.radio,
#main input.checkbox {
    float: left;
    clear: left;
    width: auto;
    margin-right: .5em;
    margin-top: .15em;
}
form .formError {
 color: #E10000;
}
#supplement form .formError {
 font-size: 120%;
}
form .error input
form .error select,
form .error textarea {
 border: 1px solid #FF0000;
}
/* error skip */
#main .errorJumpLinks p {
 margin-bottom: 5px;
 font-size: 140%;
 color: #E20000;
}
#main .errorJumpLinks ul a {
 padding-left: 12px;
 text-decoration: underline;
 color: #E20000;
 background-position: 0 -2696px;
}
#main .errorJumpLinks ul {
 margin-left: 0;
 list-style-type: none;
}
#main .errorJumpLinks li {
 font-size: 120%;
}
#main fieldset {
    margin: 25px 0;
    padding: 15px 10px 7px;
    -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
    background: none repeat scroll 0 0 #F2F2F2;
}
#main fieldset h2 {
 margin-bottom: 25px;
}
#main fieldset label,
#main fieldset input {
 display: block;
}
#main fieldset input,
#main fieldset textarea {
 width: 425px;
 background-color: #fff;
}
#main fieldset select {
 width: 435px;
}
#main fieldset label {
 margin-bottom: 3px;
}
#main fieldset a {
 background-image: none;
 padding: 0;
}
#main fieldset p {
 margin-bottom: 20px;
}
/* Combobox select */
.a11y-focus-key {
/*  outline: 5px solid #ff0;
 outline-offset: 9px;  */
}
select {
}
.combobox {
    position: relative;
    outline: none;
 padding: 0;
    display: inline;
    cursor: default; /* oder pointer? */
}
.combobox input {
    margin: 0;
    padding: 4px 20px 4px 4px;;
    cursor: default;
    background: #fff url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/select-button.png?__blob=normal&v=2) no-repeat 98% 9px;
}
.combobox.combobox-active input {
 border: 1px solid #EC7404;
    background-color: #f9f9f9;
    background-position: 98% -91px;
}
.combobox.js-datalist-visible input {
    background-color: #fff;
}
.datalist {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
    /*min-width: 120px;*/
    cursor: default;
}
.datalist-box {
font-size: 120%;
    padding: 4px;
    color: #fff;
    background: #717171;
}
.datalist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.datalist li {
    padding: 2px 4px;
    outline: none;
    cursor: default; /* oder pointer? */
}
.datalist li.js-selected {
    background: #ec7404;
 color: #000;
}
.datalist li.js-checked {
    background: #ec7404;
 color: #000;
}
/**** 9.10 Table of Content ****/
#main ul.toc {
 background: #F2F2F2;
 margin: 25px 0;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 padding: 15px 10px 7px 10px;
}
#main ul.toc li {
 padding-bottom: 10px;
 list-style: none;
 font-size: 120%;
}
#main ul.toc li a {
 display: block;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 -1000px no-repeat;
 padding-left: 22px;
}
#main ul.toc ul {
 margin: 10px 0 -7px 20px;
}
#main ul.toc li li {
 font-size: 100%;
}
/*** Intro section ***/
#intro-wrapper {
 float: left;
 margin: 0 0 30px 0;
}
#intro {
 float: left;
 width: 470px;
 margin: 0 12px 0 0;
}
#intro-wrapper .teaser {
 float: left;
 width: 200px;
 background: #f2f2f2;
 padding: 10px 10px 5px 10px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
#intro-wrapper .teaser {
 min-height: 245px;
}
.aknz #intro-wrapper .teaser {
 min-height: 312px;
}
#intro-wrapper .teaser h2 {
 display: block;
 margin: 0 0 8px 0;
 font-size: 170%;
}
#intro-wrapper p {
 display: block;
 margin: 0 0 10px 0;
 font-size: 120%;
 padding-top: 15px;
 border-top: 1px dotted #bcbcbc;
}
#intro-wrapper p.picture {
 padding-top: 0;
 margin: 0;
 border-width: 0;
}
/* Intro address teaser */
#intro-wrapper div.address {
 margin: 0 0 15px 0;
}
#intro-wrapper div.address p {
 margin: 0;
 padding-top: 0;
 border-width: 0;
}
#intro-wrapper div.phone,
#intro-wrapper div.mail {
 margin: 0 0 5px 0;
 font-size: 120%;
}
#intro-wrapper div.mail {
 margin: 0 0 10px 0;
}
#intro-wrapper div.phone .value,
#intro-wrapper div.mail .value {
 display: block;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 10px -1400px no-repeat;
 padding: 3px 0 3px 45px;
}
#intro-wrapper div.mail .value {
 background-position: 10px -1597px;
 font-weight: bold;
}
/*****************************
10.0 special sites
*****************************/
/****** 10.1 sitemap ******/
ul#sitemap {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#sitemap li {
/*    font-size: 120%;*/
    list-style: none outside none;
    margin: 0 0 25px;
    padding: 0 0 20px;
}
#sitemap li h2 {
    margin: 0 0 10px;
    padding: 3px 0 7px;
    font-size: 170%;
    font-weight: bold;
    border-bottom: 3px solid #ccc;
}
#sitemap li a {
 display: block;
 background-image: none;
 padding-left: 0;
}
#sitemap li ul {
    margin: 5px 0 -11px;
    padding: 5px 0 0;
}
#sitemap li li {
    border-bottom: 1px solid #DFDFDF;
    font-size: 100%;
    margin: 0 0 5px;
    padding: 0 0 5px;
}
#sitemap li ul ul {
    border-top: 1px solid #DFDFDF;
}
#sitemap li li li a {
    padding: 0 0 0 20px;
}
#sitemap li li li li a {
 padding: 0 0 0 40px;
}
 /****** 10.2 glossary ******/
 #content .RichTextGlossarLink {
  cursor: help;
  text-decoration:none;
  border-bottom:1px dotted;
  color:#333333;
 }
 #popup #wrapperInner {
  padding: 1.7em;
  min-height: 800px;
 }
 #popup #wrapperDivisions {
   width: 37em;
 }
 #popup #wrapperContent {
   width: 37em;
 }
 #popup #glossarEntry {
  border:0;
 }
 #popup #navFunctions {
  padding-left: 0;
 }
 #popup #popupLinks li {
  background: transparent;
  padding-left: 0;
 }
 #content #glossaryHits {
  overflow: auto;
  margin: 1em 0;
  padding-left: 0;
 }
 #content #glossaryHits li {
  display: block;
  margin: 0 20px 0 0; /* avoid vertical scrollbar in #glossaryHits */
 }
/****** 10.3 search results ******/
#main .index-help {
 float: left;
 padding-top: 10px;
 margin: 0;
}
#main #searchResult {
 clear: both;
 overflow: hidden;
 border-bottom: 1px solid #ccc;
 padding: 0 0 5px 0;
 margin: 0 0 20px 0;
}
#main #searchResult li {
 margin: 20px 0 15px 0;
 padding: 20px 0 0 0;
 border-top: 1px solid #ccc;
 list-style: none;
 font-size: 100%;
}
#main #searchResult a {
 background-position: 0 2px;
 display: block;
 font-size: 160%;
 margin: 0 0 5px 0;
 padding-left: 20px;
}
#main #searchResult li p {
 font-size: 120%;
}
#main #searchResult li p.metaData {
 margin: 5px 0 0 0;
 font-size: 120%;
 font-style: italic;
}
#main .searchString {
 padding: 0 2px;
 font-style: normal;
 background: #EC7404;
 color: #000;
}
/* Search box */
#new-search {
 clear: both;
 width: 350px;
 margin-bottom: 30px;
 position: relative;
}
#new-search fieldset {
 margin: 0;
 padding: 0;
 background-color: transparent;
}
#main #new-search p {
 margin-bottom: 0;
}
#new-search p.formHandle {
 position: absolute;
 bottom: 0;
 right: 0;
}
#main #new-search label {
 display: block;
}
#main #new-search input {
 width: 283px;
 background-color: #f2f1ee;
}
#main #new-search .submit {
 width: auto;
 background-color: #0B3A6A;
}
#new-search p {
 margin-bottom:0;
}
/* Paging */
#main .navIndex {
 float: right;
 overflow: hidden;
 margin: 0;
}
#main .navIndex li {
 float: left;
 margin: 5px 0;
 padding: 0 6px;
 list-style: none;
}
#main .navIndex li.first {
 background: none;
}
#main .navIndex li a,
#main .navIndex li strong {
 background: none;
 padding: 0 4px;
 text-align: center;
 font-weight: bold;
}
#main .navIndex li strong {
 text-decoration: underline;
}
#main .navIndex li.forward,
#main .navIndex li.back {
 background: none;
 margin: 0;
 padding: 0;
}
#main .navIndex li.back {
 margin: 0 -3px 0 0;
}
#main .navIndex li.forward a,
#main .navIndex li.back a {
 display: block;
 position: relative;
 z-index: 1;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) no-repeat scroll 10px -1992px #0B3A6A;
 width: 25px;
 height: 23px;
 border: 2px solid #fff;
 padding: 0;
 text-indent: -9999px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
#main .navIndex li.back a {
 background-position: 10px -2192px;
}
#main .navIndex li.forward a:hover,
#main .navIndex li.back a:hover {
 background-color: #474743;
}
#main .navIndex li.forward a:focus,
#main .navIndex li.back a:focus {
 border: 2px solid #369;
}
/****** 10.4 faq ******/
/* Navigation */
#main #navContent {
 background: #F2F2F2;
 margin: 25px 0;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 padding: 15px 10px 7px 10px;
}
#main #navContent li {
 padding-bottom: 10px;
 list-style: none;
 font-size: 120%;
}
#main #navContent li a {
 display: block;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 -1000px no-repeat;
 padding-left: 22px;
}
#main #faq {
 font-size: 120%;
}
#main #faq dt {
 margin: 0 0 5px;
}
#main #faq p,
#main #faq a {
 font-size: 100%;
}
#main #faq a {
 display: block;
}
#main #faq dt a {
 display: block;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 0 no-repeat;
 padding-left: 22px;
 font-weight: bold;
}
#main #faq dd p {
 font-size: 100%;
}
/****** 10.5 newsletter ******/
#content #newsletterUnsubscribe {
 margin-top: 4em;
}
/****** 10.6 shopping cart ******/
#content #shoppingCartMessage {
 margin: 0 0 2em;
}
#content #shoppingCartMessage strong {
 display: block;
 margin: 0 0 .33em;
}
#content #shoppingCart td,
#content #shoppingCart th {
 text-align: left;
}
#content #shoppingCart td input { /* quantity */
 width: 2em;
 text-align: right;
}
#content #shoppingCart td .submit {
 display: block; /* @ Firefox, enable text-decoration */
 margin: 0;
 border: 0;
 padding: .17em 0 0; /* padding-top: text baseline in line with quantity */
 background: none;
 font-weight: normal;
 text-align: left;
 cursor: pointer;
}
#shoppingCart td .submit:hover,
#shoppingCart td .submit:focus,
#shoppingCart td .submit:active {
 text-decoration: underline;
}
#content #shoppingCart .formHandle {
 padding-left: 0;
}
#content .shoppingCartLink,
#supplement .shoppingCartLink {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 0 no-repeat;
 padding-left: 18px;
 font-weight: bold;
}
/****** 10.7 guestbook ******/
#content .gbtext{
 border-bottom-style: solid;
 border-bottom-width: 1px;
 padding-bottom: 1em;
}
#content #glossaryIndex {
 margin-bottom: 1em;
}
/****** 10.8 photogallery ******/
#content .photogalleryDocuments {
 overflow: hidden;
 margin-bottom: 1em;
}
#content .photogalleryDocuments p{
 float: left;
}
#content .photogallery .scrollLinksFirst,
#content .photogallery .scrollLinks {
 height:2em;
 margin: 1em 0;
 text-align: center;
}
#content .photogalleryDocuments img {
  margin: 3px 3px 0 0;
  float: left;
}
#content .photogalleryDocuments .active img {
  margin: 0;
}
/****** 10.9 dossier ******/
#content .dossier .scrollLinksFirst,
#content .dossier .scrollLinks {
 height:2em;
 margin: 1em 0;
 text-align: center;
}
#content .dossier .tableOfDocuments {
 padding-left: 0;
}
/******  10.10 download confirm ******/
#content .formDLConfirm {
 float:left;
}
/*****************************
11.0 supplementary content
*****************************/
#supplement .boxWrapper {
 padding: 0 0 30px 0;
}
#supplement .box {
 background: #f2f2f2;
 padding: 10px 10px 5px 10px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
#supplement .box h3 {
 display: block;
 margin: 0 0 8px 0;
 font-size: 170%;
}
#supplement .box h3 a {
 font-size: 88.5%; /* 15px */
}
#supplement p,
#supplement .teaserText {
 display: block;
 margin: 0 0 10px 0;
 font-size: 120%;
}
#supplement .teaserText p {
   font-size: 100%;
}
#supplement .box p.picture {
 display: block;
 margin: 0 0 3px 0;
}
#supplement p .more a {
 display: block;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 0 no-repeat;
 padding-left: 22px;
 font-weight: bold;
}
/* linklist */
#supplement .box .links li {
 border-top: 1px solid #dfdfdf;
 list-style: none;
 font-size: 120%;
}
#supplement .box .links li:first-child,
#supplement .box .links li.first-child {
 border-top: none;
}
#supplement .box .links li a {
 display: block;
 height: 1%;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 10px no-repeat;
 padding: 10px 0 10px 23px;
 font-weight: bold;
}
#supplement .box .links li a.external {
 background-position: 0 -190px;
}
#supplement .box .links li a.download {
 background-position: 0 -390px;
}
#supplement .box .links li a.download em {
 font-weight: normal;
 font-style: normal;
 font-size: 84%; /* 10px */
}
/* Address teaser */
#supplement div.address {
 margin: 0 0 15px 0;
}
#supplement div.address p {
 margin: 0;
}
#supplement div.phone,
#supplement div.mail {
 margin: 0 0 5px 0;
 font-size: 120%;
}
#supplement div.mail {
 margin: 0 0 10px 0;
}
#supplement div.phone .value,
#supplement div.mail .value {
 display: block;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 10px -1400px no-repeat;
 padding: 3px 0 3px 45px;
}
#supplement div.mail .value {
 background-position: 10px -1597px;
 font-weight: bold;
}
/* navService */
#supplement #navService li {
 font-weight: bold;
 font-size: 130%;
}
#supplement #navService li a,
#supplement #navService li strong {
 display: block;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-navService.png?__blob=normal&v=2) 15px 9px no-repeat;
 border-top: 1px solid #496b90;
 padding: 12px 10px 13px 45px;
 color: #fff;
}
#supplement #navService li a {
 background-color: #0b396a;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
#supplement #navService li strong {
 background-color: #474743;
}
#supplement #navService li a:hover,
#supplement #navService li a:active,
#supplement #navService li a:focus {
 text-decoration: underline;
}
#supplement #navService li:first-child a,
#supplement #navService li:first-child strong,
#supplement #navService li.first-child a,
#supplement #navService li.first-child strong {
 border-top: none;
}
#supplement #navService li#navServiceAnmeldung a,
#supplement #navService li#navServiceAnmeldung strong {
 background-position: 15px -89px;
}
#supplement #navService li#navServiceAnsprechpartner a,
#supplement #navService li#navServiceAnsprechpartner strong {
 background-position: 15px -189px;
}
#supplement #navService li#navServiceElearning a,
#supplement #navService li#navServiceElearning strong {
 background-position: 9px -287px;
}
#supplement #navService li#navServiceFaq a,
#supplement #navService li#navServiceFaq strong {
 background-position: 15px -389px;
}
#supplement #navService li#navServiceNotfall a,
#supplement #navService li#navServiceNotfall strong {
 background-position: 18px -689px;
}
#supplement #navService li#navServiceGlossar a,
#supplement #navService li#navServiceGlossar strong {
 background-position: 15px -489px;
}
#supplement #navService li#navServiceDownloads a,
#supplement #navService li#navServiceDownloads strong {
 background-position: 17px -589px;
}
#supplement #navService li#navServiceFis a,
#supplement #navService li#navServiceFis strong {
 background-position: 17px -889px;
}
#supplement #navService li#navServiceTwitter a,
#supplement #navService li#navServiceTwitter strong {
  background: #0b396a url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/navServiceTwitter.png?__blob=normal&v=1) 12px 10px no-repeat;
}

/* Supplementary login box */
#supplement .login-box .box {
 padding: 10px 0 5px 0;
 border-top: 3px solid #ccc;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
 background-color: #fff;
}
#supplement .login-box h3 {
 padding: 0 64px 0 0;
 }
#supplement .login-box form {
 margin-bottom: 10px;
}
#supplement .login-box label {
 display: block;
 font-size: 120%;
}
#supplement .login-box input {
    width: 17.5em;
    padding: 4px;
 margin: 0 0 5px;
 font-size: 120%;
 background-color: #f2f1ee;
}
#supplement .login-box input.submit{
 position: absolute;
 bottom: 0;
 right: 0;
    width: 4.2em;
    padding: 3px;
 margin: 0;
}
#supplement .login-box .formHandle {
 overflow: hidden;
 margin: 0;
}
#supplement .login-box form div {
 position: relative;
 padding-bottom: 2.6em;
}
#supplement .login-box form div a {
 position: absolute;
 bottom: 0;
 left: 0;
    display: block;
    font-weight: bold;
 width: 142px;
    padding: 5px 0 5px 23px;
 margin-right: 4.583em
    border: medium none;
 font-size: 120%;
 font-weight: normal;
    background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) no-repeat scroll 0 5px transparent;
}
#supplement .login-box  .links li {
 border: none;
}
#supplement .login-box .links li a {
 padding: 3px 0 3px 23px;
 border: none;
 background-position: 0 3px;
}
/* Publications and Events in Supplement */
#supplement .publications,
#supplement .events {
 background: #f2f2f2;
 overflow: hidden;
 margin: 0 0 30px 0;
 padding: 10px 10px 5px 10px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
#supplement .publications h3,
#supplement .events h3 {
 position: static;
 height: auto;
 width: auto;
 padding: 0 0 5px 0;
 font-size: 170%;
}
#supplement .publications li,
#supplement .events li {
 margin-bottom: 10px;
 border-bottom: 1px solid #dfdfdf;
 padding-bottom: 10px;
 font-size: 100%;
}
#supplement .publications li p + p,
#supplement .events li p + p {
 margin-bottom: 0;
}
#supplement .publications li h4,
#supplement .events li h4 {
 font-size: 120%;
}
#supplement .publications li h4 em,
#supplement .events li h4 em {
 display: block;
 padding: 0 0 3px 0;
 font-weight: normal;
 font-size: 92%;
}
#supplement .events li h4 em span.location  {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/date-separator.png?__blob=normal&v=2) 0 50% no-repeat;
 margin-left: 4px;
 padding-left: 10px;
}
#supplement .publications li img,
#supplement .events li img {
 border-bottom: 2px solid #f2f2f2;
}
#supplement .publications li a:hover img,
#supplement .publications li a:active img,
#supplement .publications li a:focus img,
#supplement .events li a:hover img,
#supplement .events li a:active img,
#supplement .events li a:focus img {
 border-bottom: 2px solid #0B3A6A;
}
#supplement .publications p.all a,
#supplement .events p.all a {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 0 no-repeat;
 padding-left: 22px;
 font-weight: bold;
}
/*****************************
12.0 footer (siteInfo)
*****************************/
#wrapperFooter {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/footer_bg.png?__blob=normal&v=2) repeat-x 0 0 scroll #f2f1ee;
}
#siteInfo {
 width: 940px;
 margin: 0 auto;
 padding: 30px 0 60px;
 overflow: hidden;
}
#siteInfo div,
#siteInfo p {
 float: left;
 min-height: 150px;
 height: auto !important; /* IE6 */
 height: 150px;
}
#siteInfo div {
 width: 229px;
 margin-right: 9px;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/footer_separator.png?__blob=normal&v=2) 100% 0 repeat-y scroll transparent;
}
#siteInfo p {
 width: 224px;
 margin-left: 2px;
}
#siteInfo h2 {
 font-size: 130%;
}
#siteInfo p {
 font-size: 120%;
 line-height: 1.4em;
}
#siteInfo ul {
    margin: 8px 10px 0 0;
}
#siteInfo ul li {
 border-bottom: 1px solid #ccc;
 font-size: 120%;
}
#siteInfo ul li a,
#siteInfo ul li strong {
 display: block;
 padding: 10px 0 10px 20px;
 font-weight: normal;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 10px no-repeat scroll transparent;
}
/*****************************
Stage on Homepage
*****************************/
.js-on #stage {
 position: relative;
 height: 32.7em;
}
#stage img.stage-image {
 display: none;
}
.js-on #stage img.stage-image {
 display: block;
}
#stage ul {
 margin: 10px 20px 0 0;
}
.js-on #stage ul {
 position: absolute;
 bottom: 10px;
 left: 10px;
 width: 165px;
 margin: 0;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 z-index: 0;
}
#stage li {
 border-bottom: 1px solid #ccc;
 margin: 0 0 10px 0;
 padding: 0 0 10px 0;
 float: left;
 clear: both;
}
.js-on #stage li {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/bg-0B3A6A-90.png?__blob=normal&v=2) 0 0 repeat;
 width: 165px;
}
.js-on #stage li {
 border-bottom: none;
 margin: 0;
 padding: 0;
 z-index: 10;
}
#stage li h3 {
 display: block;
 padding: 0 0 6px 0;
 font-size: 200%;
 font-weight: bold;
}
.js-on #stage li h3 {
 border-top: 1px solid #3a6085;
 padding: 7px 10px 6px 10px;
 color: #fff;
 font-size: 130%;
}
.js-on #stage li.on h3,
.js-on #stage li h3:hover,
.js-on #stage li h3:active,
.js-on #stage li h3:focus {
 background: #474743 0 0 repeat;
 color: #fff;
 text-decoration: none;
 cursor: pointer;
}
.js-on #stage.stage-warning li h3:hover,
.js-on #stage.stage-warning li h3:active,
.js-on #stage.stage-warning li h3:focus {
 background: #474743;
 color: #fff;
 text-shadow: 1px 1px 1px #000;
}
#stage li:first-child h3,
#stage li.first-child h3 {
 border-top: none;
 padding-top: 10px;
}
.js-on #stage li:first-child,
.js-on #stage li.on:first-child h3,
.js-on #stage li:first-child h3:hover,
.js-on #stage li.first-child h3:hover,
.js-on #stage li:first-child h3:active,
.js-on #stage li.first-child h3:active,
.js-on #stage li:first-child h3:focus,
.js-on #stage li.first-child h3:focus {
 -webkit-border-top-left-radius: 6px;
 -webkit-border-top-right-radius: 6px;
 -moz-border-radius-topleft: 6px;
 -moz-border-radius-topright: 6px;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
}
#stage li:last-child h3,
#stage li.last-child h3 {
 padding-bottom: 10px;
}
.js-on #stage li:last-child,
.js-on #stage li.on:last-child h3,
.js-on #stage li:last-child h3:hover,
.js-on #stage li.last-child h3:hover,
.js-on #stage li:last-child h3:active,
.js-on #stage li.last-child h3:active,
.js-on #stage li:last-child h3:focus,
.js-on #stage li.last-child h3:focus {
 -webkit-border-bottom-right-radius: 6px;
 -webkit-border-bottom-left-radius: 6px;
 -moz-border-radius-bottomright: 6px;
 -moz-border-radius-bottomleft: 6px;
 border-bottom-right-radius: 6px;
 border-bottom-left-radius: 6px;
}
#stage li img {
 display: none;
 margin: 0 0 10px 0;
}
.js-on .stage-image {
 margin-top: -2px\9
}
.js-on #stage li img {
 display: none;
 position: absolute;
 margin: 0;
 left: -10px;
 bottom: -10px;
 z-index: -2;
}
/* Layer */
.js-on #stage .stage-teaser-wrapper {
 position: absolute;
 bottom: 0;
 left: -9999em;
 width: 375px;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/arrow-90.png?__blob=normal&v=2) 0 10px no-repeat;
 padding: 0 0 0 12px;
 z-index: -1;
}
.js-on #stage li.on .stage-teaser-wrapper {
 left: 172px;
}
.js-on #stage .stage-teaser {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/bg-ffffff-90.png.png?__blob=normal&v=2) 0 0 repeat;
 min-height: 166px;
 height: auto !important;
 height: 166px; /* IE6 */
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 padding: 10px 15px;
}
#stage li .stage-teaser strong {
 display: none;
 padding: 0 0 8px 0;
 font-weight: bold;
 font-size: 200%;
 color: #333;
 text-shadow: none;
 filter: none;
 border: 0;
}
.js-on #stage li .stage-teaser strong {
 display: block;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
 background: none;
}
#stage li .stage-teaser strong:hover,
#stage li .stage-teaser strong:active,
#stage li .stage-teaser strong:focus,
#stage.stage-warning li .stage-teaser strong:hover,
#stage.stage-warning li .stage-teaser strong:active,
#stage.stage-warning li .stage-teaser strong:focus {
 background: none;
 text-decoration: none;
 color: #333;
 cursor: default;
 text-shadow: none;
}
#stage .stage-teaser p {
 padding: 0 0 6px 0;
 font-size: 120%;
 color: #333;
}
#stage .stage-teaser ul {
 position: static;
 background: none;
 overflow: hidden;
 width: 100%;
 margin: 0 0 10px 0;
}
.js-on #stage .stage-teaser ul {
 margin: 0;
}
#stage .stage-teaser li {
 margin: 0;
 border-bottom: none;
 padding: 0;
 background: none;
}
.js-on #stage .stage-teaser li {
 float: left;
 clear: none;
 width: 162px;
 margin: 0 10px 0 0;
 border-bottom: 1px solid #ccc;
}
#stage .stage-teaser li a {
 display: block;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 8px no-repeat;
 padding: 8px 0 8px 20px;
 color: #0B3A6A;
 font-size: 120%;
 font-weight: bold;
}
/* Warning */
#stage #warning {
 background: #ec7404;
 width: 355px;
 min-height: 302px;
 height: auto !important;
 height: 302px; /* IE6 */
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 padding: 15px 20px 10px 205px;
}
#stage #warning h2 {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/arrow.png?__blob=normal&v=2) 100% 10px no-repeat;
 margin: 0 0 20px 0;
 border-bottom: 3px solid #000;
 padding: 0 80px 10px 0;
 font-size: 320%;
 color: #000;
}
#stage #warning h3 {
 display: block;
 margin: 0 0 10px 0;
 font-size: 170%;
 font-weight: bold;
 color: #000;
}
#stage #warning h3 em {
 display: block;
 font-style: normal;
 font-weight: normal;
 font-size: 70%; /* 12px */
}
#stage #warning p {
 display: block;
 font-size: 150%;
 line-height: 1.4em;
}
#stage #warning .more a {
 display: block;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 -1798px no-repeat;
 margin: 10px 0 0 0;
 padding: 0 0 0 20px;
 color: #000;
 font-weight: bold;
}
#main h1.warning {
 background: #EC7404 url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/arrow.png?__blob=normal&v=2) 99% 10px no-repeat;
 margin: 0 0 20px 0;
 border-bottom: 3px solid #000;
 padding: 0 80px 10px 0;
 font-size: 220%;
 color: #000;
 padding: 1.2em 0.2em 0.2em 0.5em;
 line-height:1.2em;
}
#main h1.warning span {
font-size: 120%;
display:block;
height: 50px;
}
/*****************************
Carousel on Homepage (Stage)
*****************************/
#wrapperStage .teaser-wrapper {
 position: relative;
 overflow: hidden;
 display: block;
 float: right;
 width: 320px;
 background: #f2f2f2;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 padding: 10px;
}
.js-on #wrapperStage .teaser-wrapper {
 min-height: 30.7em;
}
#wrapperStage .rack {
 overflow: hidden;
 position: relative;
 width: 320px;
}
.js-on #wrapperStage  .rack {
 overflow: hidden;
 min-height: 28.7em
}
/*Anpassung Faden statt scrollen*/
.js-on #wrapperStage .rack .teaser {
 position: absolute;
}
.js-on #wrapperStage .rack .teaser.active {
   z-index: 1;
   display: block !important;
}
#wrapperStage .rack .teaser {
 overflow: hidden; 
 /*float: left;*/
 width: 320px;
 margin: 0 0 20px 0;
}
#wrapperStage .rack .teaser h3 {
 margin: 0 0 10px 0;
 font-size: 150%;
}
#wrapperStage .rack .teaser h2 {
 margin: 0 0 10px 0;
 font-size: 150%;
}   
#wrapperStage .rack .teaser img {
 margin: 0 5px 5px 0;
 border-bottom: 3px solid #f2f2f2;
}
#wrapperStage .rack .teaser a:hover img,
#wrapperStage .rack .teaser a:active img,
#wrapperStage .rack .teaser a:focus img {  
 border-bottom: 3px solid #0B3A6A;
}
#wrapperStage .rack .teaser a.topThemaLinks {
   float:left;
}
#wrapperStage .rack .teaser p {  
 font-size: 120%;
}
#wrapperStage .rack .teaser p .more {
 display: block;
 margin: 8px 0 0 0;
}
#wrapperStage .rack .teaser p .more a {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 0 no-repeat;
 padding-left: 22px;
 font-weight: bold;
}
#wrapperStage .topThemaMitte {
display:block;
text-align: center;
}
#wrapperStage .pagination {
 position: absolute;
 right: 10px;
 bottom: 8px;
 width: 320px;
}
#wrapperStage .pagination ul {
 float: right;
}
#wrapperStage .pagination li {
 list-style: none;
 float: left;
}
#wrapperStage .pagination li strong,
#wrapperStage .pagination li a {
 display: block;
 background: #707070;
 margin-left: 1px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 padding: 2px 7px 2px 7px;
 color: #fff;
 font-weight: bold;
 font-size: 110%;
 text-decoration: none;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
#wrapperStage .pagination li strong,
#wrapperStage .pagination li.on a {
 background: #ee8728;
 color: #000;
 -webkit-box-shadow: inset 1px 1px 2px #525252;
 -moz-box-shadow: inset 1px 1px 2px #525252;
 box-shadow: inset 1px 1px 2px #525252;
}
/*****************************
Carousel in BaseArea
*****************************/
#wrapperBase h3 {
 border-top: 3px solid #ccc;
 padding: 5px 0 15px 0;
 font-size: 170%;
 font-weight: bold;
}
#wrapperBase .teaser-wrapper {
 position: relative;
 display: block;
 float: right;
 width: 100%;
}
.startseite.js-on #wrapperBase .teaser-wrapper .rack {
 width: 880px;
 margin: 0 0 0 20px;
}
.js-on #wrapperBase .teaser-wrapper .rack {
 width: 660px;
 margin: 0 0 0 10px;
}
#wrapperBase .teaser-wrapper .teaser {
 float: left;
 width: 200px;
 margin: 0 0 20px 20px;
}
#wrapperBase .teaser-wrapper .teaser a {
 display: block;
 min-height: 103px;
 background-color: #f2f2f2;
 border-bottom: 2px solid #fff;
}
#wrapperBase .teaser-wrapper .teaser img {
 margin: 0 0 0 0;
}
#wrapperBase .teaser-wrapper .teaser a:hover,
#wrapperBase .teaser-wrapper .teaser a:active,
#wrapperBase .teaser-wrapper .teaser a:focus {
 border-bottom: 2px solid #0B3A6A;
 border-bottom: 2px solid #0B3A6A;
 text-decoration: none;
}
#wrapperBase .teaser-wrapper .teaser h2 {
 display: block;
 margin: 8px 0 5px 0;
 font-size: 130%;
}
#wrapperBase .teaser-wrapper .teaser h2 a {
 display: inline;
 height: auto;
 background-color: transparent;
}
#wrapperBase .teaser-wrapper .teaser p {
 font-size: 120%;
}
/* paging */
#wrapperBase .teaser-wrapper .prev,
#wrapperBase .teaser-wrapper .next {
 display: none;
}
.js-on #wrapperBase .teaser-wrapper .prev,
.js-on #wrapperBase .teaser-wrapper .next {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 20px;
 height: 190px;
}
.js-on #wrapperBase .teaser-wrapper .next {
 left: auto;
 right: 0;
}
.js-on #wrapperBase .teaser-wrapper .prev a,
.js-on #wrapperBase .teaser-wrapper .next a {
 display: block;
 background: #f2f2f2 url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-carousel.png?__blob=normal&v=2) 5px 87px no-repeat;
 width: 20px;
 height: 190px;
 padding: 0;
 text-indent: -9999px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 cursor: default;
 outline: none;
}
.js-on #wrapperBase .teaser-wrapper .next a {
 background-position: 5px -163px;
}
.js-on #wrapperBase .teaser-wrapper .prev a.show,
.js-on #wrapperBase .teaser-wrapper .next a.show {
 background-color: #999;
 cursor: pointer;
}
.js-on #wrapperBase .teaser-wrapper .prev a.show:hover,
.js-on #wrapperBase .teaser-wrapper .next a.show:hover,
.js-on #wrapperBase .teaser-wrapper .prev a.show:focus,
.js-on #wrapperBase .teaser-wrapper .next a.show:focus,
.js-on #wrapperBase .teaser-wrapper .prev a.show:active,
.js-on #wrapperBase .teaser-wrapper .next a.show:active {
 background-color: #0B3A6A;
}
/****************************************\
 *                                      *
 *  MEDIA PLAYER (video)                *
 *                                      *
\****************************************/
#main .mediaPlayer {
 background-color: #eee;
 padding: 10px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border-radius: 7px;
 position: relative;
 margin-bottom: 20px;
}
#main .mediaPlayer video {
 width: 435px;
}
#main .mediaPlayer .media-state {
 position: absolute;
 left: 10px;
 width: 435px;
 bottom: 45px;
 height: 210px;
 cursor: pointer;
}
#main .mediaPlayer.idle .media-state {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/videosprite.png?__blob=normal&v=2) -1730px 69px no-repeat;
}
#main .mediaPlayer .media-controls-wrapper {
 height: 35px;
 bottom: 10px;
 left: 10px;
 background-color: #474742;
 overflow: hidden;
 width: 435px;
 position: absolute;
}
#main .mediaPlayer .media-controls {
 padding-left: 40px;
 float: left;
 position: relative;
 width: 395px;
}
#main .mediaPlayer .handle-label {
 display: none;
}
#main .mediaPlayer .play-pause {
 float: left;
 width: 40px;
 margin-left: -40px;
 padding: 0;
 text-indent: -9999em;
 display: block;
 height: 35px;
 background: transparent url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/videosprite.png?__blob=normal&v=2) 10px 7px no-repeat scroll;
 position: relative;
 cursor: pointer;
 overflow: hidden;
}
#main .mediaPlayer.playing .play-pause {
 background-position: 10px -93px;
}
#main .mediaPlayer .controls-inner {
 height: 22px;
 padding-right: 110px;
 width: 285px;
 position: relative;
 float: left;
 padding-top: 13px;
}
#main .mediaPlayer .controls-buttons {
 margin-right: -110px;
 float: left;
 position: relative;
 width: 110px;
 margin-top: -13px;
}
#main .mediaPlayer .time {
 line-height: 35px;
 color: #fff;
 font-size: 120%;
 display: block;
 margin-right: 5px;
}
#main .mediaPlayer .volume-slider {
 float: left;
 height: 35px;
 width: 23px;
 margin: 0 5px;
 position: relative;
}
#main .mediaPlayer .volumebar {
 width: 23px;
 height: 35px;
 background: transparent url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/videosprite.png?__blob=normal&v=2) 0px -293px no-repeat scroll;
}
#main .mediaPlayer .volume-slider .ui-slider-handle {
 display: none;
}
#main .mediaPlayer .volume-slider .ui-slider-range {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/videosprite.png?__blob=normal&v=2) no-repeat scroll 0 -393px transparent;
 height: 35px;
 top: 0;
 left: 0;
 position: absolute;
}
#main .mediaPlayer .timeline-slider {
 width: 257px;
 position: relative;
 float: left;
 background-color: white;
 height: 9px;
 margin: 0px 14px 0;
 position: relative;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
#main .mediaPlayer .timeline-slider .ui-slider-range {
 position: absolute;
 height: 9px;
 left: 0;
 top: 0px;
 background-color: #EC7404;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
#main .mediaPlayer .timeline-slider .ui-slider-handle {
 width: 28px;
 position: absolute;
 top: -3px;
 height: 16px;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/videosprite.png?__blob=normal&v=2) no-repeat scroll 0 -200px transparent;
 padding-left: 0;
 margin-left: -14px;
}
/****************************************\
 *                                      *
 *  GALLERY                             *
 *                                      *
\****************************************/
#main .photo-index {
 background-color: #eee;
 padding: 10px 7px; /* IE6 */
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 margin-bottom: 20px;
 position: relative;
}
html>body #main .photo-index {
 padding: 10px;
}
#main .photo-index .gallery-stage {
 display: none;
}
.js-on #main .photo-index .gallery-stage {
 margin-bottom: 10px;
 overflow: hidden;
 position: relative;
 display: block;
}
.js-on #main .photo-index .gallery-stage.empty {
 min-height: 330px;
 height: auto !important;
 height: 330px;
}
#main .photo-index .gallery-stage .pager div {
 position: absolute;
 left: 5px;
 top: 127px;
 height: 40px;
 width: 20px;
 z-index: 10;
}
#main .photo-index .gallery-stage div.next {
 left: auto;
 right: 5px;
}
* html #main .photo-index .gallery-stage div.next {
 right: 15px;
}
#main .photo-index .gallery-stage div.ui-disabled {
 display: none;
}
#main .photo-index .gallery-stage .pager a {
 display: block;
 text-indent: -9999em;
 overflow: hidden;
 padding: 0;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-carousel.png?__blob=normal&v=2) no-repeat scroll 4px 9px #999999;
 width: 20px;
 height: 40px;
 -moz-border-radius: 10px 10px 10px 10px;
 -webkit-border-radius: 10px 10px 10px 10px;
 border-radius: 10px 10px 10px 10px;
}
#main .photo-index .gallery-stage .next a {
 background-position: 5px -241px;
}
#main .photo-index img {
 margin: 0 auto 5px;
 display: block;
}
#main .photo-index .multimedia-description {
 overflow: hidden;
}
#main .photo-index span.copy {
 float: right;
 font-size: 120%;
 font-style: italic;
}
#main .photo-index .teaser-wrapper {
 position: relative;
 width: 435px;
 overflow: hidden;
}
#main .photo-index .teaser-wrapper .pager {
 display: none;
}
.js-on #main .photo-index .teaser-wrapper .pager {
 display: block;
}
#main .photo-index .teaser-wrapper .tw-prev,
#main .photo-index .teaser-wrapper .tw-next {
 position: absolute;
 left: 0;
 top: 0;
 width: 20px;
 height: 100px;
}
#main .photo-index .teaser-wrapper .tw-next {
 left: auto;
 right: 0;
}
#main .photo-index .teaser-wrapper .pager a {
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-carousel.png?__blob=normal&v=2) no-repeat scroll 4px 38px #999;
 display: block;
 text-indent: -9999em;
 padding-left: 0;
 height: 100px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 overflow: hidden;
}
#main .photo-index .teaser-wrapper .tw-next a {
 background-position: 4px -211px;
}
#main .photo-index .teaser-wrapper .ui-disabled a {
 background-color: transparent;
}
#main .photo-index .teaser-wrapper .rack {
 margin: 0;
 width: auto;
}
.js-on #main .photo-index .teaser-wrapper .rack {
 margin: 0 30px;
 width: 375px;
}
#main .photo-index .teaser-wrapper .teaser {
 width: 100%;
 float: none;
 margin: 0;
 padding: 10px 0;
}
.js-on #main .photo-index .teaser-wrapper .teaser {
 margin: 0 10px 10px 0;
 width: 185px;
 border: none;
 padding: 0;
 float: left;
}
#main .photo-index .teaser-wrapper .teaser:first-child {
 border: none;
}
#main .photo-index .teaser-wrapper dl {
 overflow: hidden;
 margin: 0;
}
#main .photo-index .teaser-wrapper dt {
 position: relative;
 float: left;
 margin-right: 10px;
}
.js-on #main .photo-index.teaser-wrapper dt {
 margin-right: 0;
}
#main .photo-index .teaser-wrapper dt a {
 background: none;
 padding: 0;
 display: block;
}
.js-on #main .photo-index .teaser-wrapper dt span {
 display: block;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 position: absolute;
 background: transparent url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/bg-ffffff-75.png.png?__blob=normal&v=2);
}
#main .photo-index .teaser-wrapper .js-active dt span {
 background: none;
}
#main .photo-index .teaser-wrapper dd {
 margin-bottom: 5px;
}
.js-on #main .photo-index .teaser-wrapper  dd {
 display: none;
}
#main .photo-index .teaser-wrapper dd.title {
 font-size: 110%;
 font-weight: bold;
}
#popup #glossarEntry h1 {
     display: block;
 margin: 3px 0 20px 0;
 font-size: 280%;
 font-weight: bold;
}
#popup #glossarEntry p {
    font-size:120%;
    line-height:1.4em;
    margin:0 0 25px;
}
#popup #glossarEntry h2 {
 margin: 0 0 10px 0;
 font-size: 170%;
 font-weight: bold;
}
#popup #glossarEntry h3 {
 margin: 0 0 10px 0;
 font-size: 160%;
}
#popup #glossarEntry h4 {
 margin: 0 0 10px 0;
 font-size: 140%;
}
#popup #glossarEntry li p {
 padding: 0;
}
#popup #glossarEntry li ul,
#popup #glossarEntry li ol {
 padding: 3px 0 0 0;
}
#popup #glossarEntry ul.links {
 clear: both;
 margin-left: 0;
    margin-bottom: 20px;
 list-style: none;
 font-weight: bold;
}
#popup #glossarEntry ul.links li {
 height: 1%;
    margin-bottom: 5px;
}
#popup #glossarEntry ul.links a {
    display: block;
    height: 1%;
 background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 0 no-repeat;
 padding-left: 22px;
 font-weight: bold;
}
#popup #glossarEntry ul.links a {
 font-size: 120%;
 line-height: 1.4em;
}
#popup #glossarEntry ul#navFunctions {
    height: 1%;
    overflow: hidden;
    margin-top: 40px;
}
#popup #glossarEntry ul#navFunctions li {
    list-style: none;
}
#popup #glossarEntry #navFunctionsClose {
    width: 40%;
    float: right;
}
#popup #glossarEntry #navFunctionsClose a {
    font-size: 120%;
    display: block;
    background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 -3000px no-repeat;
 padding-left: 22px;
}
#popup #glossarEntry #navFunctionsGlossary {
    width: 40%;
    float: left;
}
#popup #glossarEntry #navFunctionsGlossary a {
    font-size: 120%;
    display: block;
    background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) 0 0 no-repeat;
 padding-left: 22px;
}
#main .metainfo span.value,
#main .metainfo span.category{
font-size: 120%
}
#main object {
  margin: 0 0 10px;
}
#content #glossaryIndex {
   float:none;
}
#wrapperStage .rack .active  .teaser {
 display: block;
}
#wrapperStage .rack .teaser {
   display: none;
}

.js-on #wrapperStage .rack .teaser {
   display: none;
}
.js-on #wrapperStage .rack .active .teaser {
    display: none;
}
.js-on #wrapperStage .rack .active active.teaser {
   display: block !important;
}
.js-on #wrapperStage .rack .teaser {
 display: none;
 z-index: 0;
}
.js-on #wrapperStage .rack .active {
 z-index: 10
 display:block;
}

.wrapperTable th span.UpDownLink {
 clear: left;
 display: block;
 float: left;
 margin: 0 5px 2px 2px;
}
#main #faq .navToTop a {
    display:inline;
}
#main dd table {
   font-size: 100%;
}
#main .contactData,
#main table .ContactData,
#content div.address {
 font-size: 100%;
}
#main .contactData div,
#content div.address div,
#content div.address strong,
#content div.contactData div,
#content div.contactData strong{
 font-size: 120%;
}
/*----------Materna Additional -------------------------------------------------------------------*/
#dictionary h2 {
  margin-top: .5em;
}
#dictionary fieldset {
padding: 0.5em;
clear:both;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#dictionary p {
margin:0;
padding:0;
}
#dictionary ul {
margin-top: 1em;
list-style-type: none;
}
#dictionary li {
line-height: 1.5em;
}
#dictionary li input {
width: auto;
margin:0;
padding:0;
}
#dictionary .dictSearchCount {
  margin-top: .5em;
}
#dictionary table {
margin-top: 0.5em;
margin-bottom: 0.5em;
width: 100%;
}
#dictionary dl {
margin:0;
padding:0;
margin-top: 1em;
border-bottom: 2px solid;
}
#dictionary dt {
margin:0;
padding:0.25em;
font-weight: bold;
}
#dictionary dd {
margin:0;
padding:0.25em;
}
/*-----------------------------------------------------------------------------*/
#dictionary li a.newTerm {
padding-bottom: 0.25em;
font-weight: bold;
}
#dictEdit .dictEditPanel {
padding: 0.5em;
}
#dictionary p.backLink,
#dictionary p.backLink {
padding:0.5em;
margin-bottom: 0.5em;
}
#dictionary p.backLink a,
#dictionary p.backLink a {
padding-left: 20px;
}
.startseite #wrapperBase .teaser-wrapper .rack .teaser .header {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 200px;
  height: 103px;
}
#main #new-search p.formHandle {
   position: relative;
   text-align: right;
   width: 36.3em;
   padding-top: 0.5em;
}
#main fieldset input[type="hidden"] {
   display: none;
}
/*------------For Rotator StopButton----------*/
.stopButton {
 position: absolute;
 right: 10px;
 bottom: 8px;
 width: 320px;
 margin-right:130px;
}
.stopButton ul {
 float: right;
}
.stopButton li {
 list-style: none;
 float: left;
}
.stopButton li strong,
.stopButton li a {
 display: block;
 background: #707070;
 margin-left: 1px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 padding: 2px 7px 2px 7px;
 color: #fff;
 font-weight: bold;
 font-size: 110%;
 text-decoration: none;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.stopButton li strong,
.stopButton li.on a {
 background: #ee8728;
 color: #000;
 -webkit-box-shadow: inset 1px 1px 2px #525252;
 -moz-box-shadow: inset 1px 1px 2px #525252;
 box-shadow: inset 1px 1px 2px #525252;
}
#main fieldset .radio {
background:none;
border:none;
}
.photogalleryDocuments p img {
height:100px;}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 90;
 width: 100%;
 height: 500px;
}
#jquery-lightbox {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 100;
 text-align: center;
 line-height: 0;
}
#jquery-lightbox a img { border: none; display:none; }
#lightbox-container-image-box {
 position: relative;
 background-color: #fff;
 /*width: 250px;
 height: 250px;*/
 margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
 position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;
}
#lightbox-nav {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
 width: 49%;
 height: 100%;
 zoom: 1;
 display: block;
}
#lightbox-nav-btnPrev {
 left: 0;
 float: left;
}
#lightbox-nav-btnNext {
 right: 0;
 float: right;
}
#lightbox-container-image-data-box {
 font: 10px Verdana, Helvetica, sans-serif;
 background-color: #fff;
 margin: 0 auto;
 line-height: 1.4em;
 overflow: auto;
 width: 100%;
}
#lightbox-container-image-data {
 padding: 0 10px;
 color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
 width: 70%;
 float: left;
 text-align: left;
 font-size: 120%;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
 display: block;
 clear: left;
 padding-bottom: 1.0em;
}  
#lightbox-secNav-btnClose {
 float: right;
 font-size: 120%;
 padding-bottom: 0.7em;
 text-decoration:none;
 color: #000000;
}
#jquery-lightbox #lightbox-secNav-btnClose img{
 display:inline;
}
/* Umfrage-Box */
#umfrage-wrapper {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: center;
   -ms-flex-line-pack: center;
   -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    background: rgba(0, 0, 0,.5);
}
#umfrage {
    background: #fff;
    z-index: 4001;
    opacity: 1;
    max-width: 40%;
    max-height: 90%;
    box-sizing: border-box;
    padding: 20px;
}
#umfrage .button-container{
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: justify;
   -ms-flex-line-pack: space-between;
   -ms-flex-align: space-between;
   justify-content: space-between;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
#umfrage a {
    padding: 3px;
    font-weight: bold;
 border-color: #fcfcfc #bfbfbf #b5b5b2 #f9f9f9;
 border-width: 1px;
 background: #eee;
 color: #333;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 cursor: pointer;
 padding: 5px;
 display: block;
 max-width: 20em;
 font-size: 120%;
 -ms-flex: 1 1 auto;
 flex: 1 1 auto;
 margin: 0 5px;
}
#umfrage a:hover,
#umfrage a:focus {
 text-decoration: none;
    color: #fff;
 background: #0b3a6a none;
}
/*-------- Einzelansicht Video --------*/
#content .singleview .videodescription{
   margin-top:5px;
}
.headerKarussell #wrapperStage .teaser-wrapper {
   width:455px;
   padding:0 0 10px 0;
   min-height:34.7em;
   float:left;
   margin:0 27px 0 0;
}
.headerKarussell #wrapperStage .rack {
   width:455px;
   min-height:32.7em;
}
.headerKarussell #wrapperStage .rack .teaser{
   width:455px;
   padding:0;
}
.headerKarussell #wrapperStage {
margin:0;
}
.headerKarussell #wrapperStage {
margin:0;
}
#intro-wrapper.headerKarussell .teaser {
height:auto !important;
}
#intro-wrapper.headerKarussell .teaser.contactData {
min-height:308px;
}