/*****************************
2.0 superior styles
*****************************/
body {
    max-width: 480px;
    width: 100%;
}
#siteInfo p,
#siteInfo{
    width: auto;
}
/* Content not displayed for non-js mobile */
#wrapperStage > .generictable:nth-child(1),
#wrapperBase,
.tagCloudBox,
#siteInfo div,
#navBreadcrumbs,
#main .newsBox p.all,
#siteInfo hr,
#wrapperStage,
#intro-wrapper p.picture,
#wrapperInner .teaser p.picture,
#supplement .box p.picture,
#main .seitenkopf p.picture,
.top-themen img,
#supplement .top-themen .teaser p,
#supplement .tagCloudBox,
#supplement .serviceBox,
#main .metainfo{
    display: none;
}
#wrapperContent,
.startseite #supplement .serviceBox,
#main .teaser.teaser-special p.picture,
.startseite .teaser.teaser-mod p.picture{
    display: block;
}
#wrapperInner,
#branding,
#wrapperDivisions,
.startseite #wrapperContent,
#wrapperContent,
#wrapperContent.altGrid {
    width: auto;
    overflow: hidden;
    float: none;
}
#wrapperContent {
    margin: 0;
}
#column-wrapper,
.startseite .teaser-col,
.startseite #wrapperInner .boxWrapper,
#wrapperStage .teaser-wrapper,
#supplement,
#main .teaser,
#intro-wrapper .teaser{
    float: none;
    width: 100%;
}
#branding {
    height: auto;
    padding: 0;
    position: static;
    background-image: none;
}
#branding .claim{
    position: static;
    top: auto;
    left: auto;
    width: auto;
}
#branding .claim h2{
    padding-right: 54px;
    background-position: 96% 50%;
}
#search{
    position: static;
    top: auto;
    float: none;
}
#branding p{
    float: none;
}
fieldset {
    border: none;
}
.startseite .altGrid #main,
#main,
#wrapperFooter,
#wrapperHeader,
#main .teaser-special,
#wrapperContent.fis  .teaser-group-mod{
    background-image: none;
    background-color: transparent;
    padding: 0;
}
#wrapperHeader {
    background-color: #FFF;
}
.startseite .altGrid #main div:first-child,
/*#main div:first-child,*/
#main div.generictable div.newsBox li *,
#supplement h2,
.subheadline h2{
    padding-left: 10px;
}
#supplement .teaser-col h2,
.startseite .altGrid #main div.generictable,
.startseite .altGrid #main .generictable div.newsBox,
#main div.generictable div.newsBox li * *,
.startseite .altGrid #supplement .teaser-col .teaser-mod,
#content #main .singleview,
#main .teaser-group-mod .teaser-mod,
#main div.generictable div.newsBox .box,
#wrapperInner div.generictable div.newsBox li * *,
#supplement .newsBox ul.links{
    padding: 0;
}
.startseite #supplement .teaser-mod .picture,
#wrapperInner .generictable div.newsBox li .category,
#content #main .singleview p,
#wrapperInner .teaser .teaserText p,
#supplement .singleview p,
#glossarEntry h2,
#glossarEntry h3,
#supplement .teaserText p,
#main ul,
#main ol,
a.ContactData,
#content #main .NewsDetail p,
#main .NewsDetail .docData,
#main h2,
#main h3{
    padding-left: 10px;
}
#content #main .teaser.NewsDetail {
    padding-bottom: 0px;
}
#wrapperInner #wrapperDivisions p.navToTop {
    padding: 0 0 7px;
    margin: 0;
    border-top: 0;
}
strong.more,
.boxWrapper p.all{
    padding: 0 0 0 10px;
    display: block;
}
.teaser-col strong.more {
    padding: 0;
}
.boxWrapper strong.more{
    padding: 0;
}
#wrapperInner div.generictable div.newsBox li p strong.more a{
    padding-left: 22px;
    background-position: 0 2px;
}
#main .generictable div.newsBox ul,
#supplement .singleview .links p,
.teaser-special strong.more,
.teaser-group-mod strong.more,
#content #main .NewsDetail p strong.more,
#content #main .singleview li p,
#main .teaser h2,
#main .teaser-group h2 {
    padding-left: 0;
}
#content #main .NewsDetail p strong.more{
    margin-top: 5px;
}
.startseite #supplement .boxWrapper,
#supplement,
#main,
#main .newsBox{
    margin: 0;
}
#supplement .box .teaserText p {
    padding-bottom: 10px;
}
#supplement .box .teaserText,
#supplement .box .teaserText p{
    margin-bottom: 0;
}
/* News-Box */
.newsBox img,
#main .newsBox li p{
    display: none;
}
#main ul.links,
#main .newsBox li{
    margin: 0;
}
#main ul.links li:last-child{
    border-bottom: 0;
}
/* Content */
#main a{
    color: #0B3A6A;
}
#main p.links,
#main p.rechts {
    float: none;
}
/* font-size overwrite */
p,
li,
a,
label,
dt,
dd,
address,
strong,
#main p{
    font-size: 16px!important;
}

h1,
h2,
h3,
h4,
h5,
h6,
#wrapperInner .newsBox h2,
#main h1,
#intro-wrapper h1,
span{
    font-size: 16px!important;
}
#main span.caption,
#main span.source{
    font-size: 16px!important;
}
#main .teaser h2 a,
#wrapperInner .newsBox h2 *,
#search,
#search *,
#siteInfo p,
#navServiceMeta li a,
#navServiceMeta li strong{
    font-size: 16px;
}
#wrapperDivisions .newsBox h3 em,
#wrapperDivisions .publications li h4 em,
#wrapperDivisions .events li h4 em{
    font-size: 14px;
}
.date,
.category{
    color: #333;
    font-weight: normal;
}
em{
    font-style: normal;
}
a:link,
a:visited{
    color: #333;
}
p.illustration a img,
p.picture a img{
    border: 0;
}
#main abbr,
#main acronym,
#main dfn{
    border: 0;
}
#navServiceMeta {
    padding: 0;
    text-align: left;
}
#navServiceMeta ul {
    margin: 10px;
}
#siteInfo{
    padding: 10px;
}
#siteInfo div,
#siteInfo p{
    min-height: auto;
}
#navServiceMeta li{
    display: inline-block;
}
#navServiceMeta li:first-child a,
#navServiceMeta li:first-child strong {
    padding-left: 0 7px;
}
#navServiceMeta li a,
#navServiceMeta li strong,
#navServiceMeta .cart a,
#navServiceMeta .cart strong {
    background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-borders.png?__blob=normal&v=2) no-repeat 100% 0;
    padding: 0 7px;
}
#navServiceMeta .cart {
    background-image: none;
    margin-left: 0;
}
#navServiceMeta li:last-child a,
#navServiceMeta li:last-child strong {
    background-image: none;
    margin-left: 0;
}
/****** Navigation ******/
#mobileNav h2{
    padding: 6px 0 6px 10px;
}
#mobileNav li a,
#mobileNav strong,
#wrapperOuter p.skip a,
#wrapperInner p.navToTop a{
    display: block;
    font-weight: bold;
    padding: 6px 12px 6px;
}
#mobileNav li a,
#mobileNav li strong,
#wrapperHeader p.skip a,
#wrapperInner p.navToTop a{
    background: #474743 url(/SiteGlobals/StyleBundles/BBK/Bilder/mobile/icon_sprite.png?__blob=normal&v=1) no-repeat 100% -193px;
    color: #FFF;
    border-top: 1px solid #FFFFFF;
}
#wrapperHeader p.skip a{
    background-position: 98% -587px;
}
#mobileNav li strong{
    background: #EC7404 url(/SiteGlobals/StyleBundles/BBK/Bilder/mobile/icon_sprite.png?__blob=normal&v=1) no-repeat 16px -991px;
    color: #000;
    padding-left: 29px;
}
#wrapperFooter p.skip a,
#wrapperInner p.navToTop a{
    background: #474743 url(/SiteGlobals/StyleBundles/BBK/Bilder/mobile/icon_sprite.png?__blob=normal&v=1) no-repeat 98% -389px;
    color: #FFF;
}
#mobileNav li li a {
    background: #ECECEC url(/SiteGlobals/StyleBundles/BBK/Bilder/mobile/icon_sprite.png?__blob=normal&v=1) no-repeat 16px -1190px;
    color: #333;
}
#mobileNav li li strong {
    background: #EC7404 url(/SiteGlobals/StyleBundles/BBK/Bilder/mobile/icon_sprite.png?__blob=normal&v=1) no-repeat 21px -991px;
    color: #000;
}
#mobileNav li li a {
    padding-left: 36px;
}
#mobileNav li li a{
    background-color: #DDD;
    background-position: 16px -1190px;
}
#mobileNav li li strong{
    padding-left: 34px;
}
#mobileNav li li.childs li a{
    background-position: 36px -993px;
}
#mobileNav li li.childs strong{
    background-position: 13px -1190px;
}
#mobileNav li li li a{
    padding-left: 48px;
}
#mobileNav li li li strong{
    padding-left: 48px;
    background-position: 34px -993px;
}
#mobileNav li li li a{
    background-color: #ECECEC;
    background-position: 28px -1190px;
}
#mobileNav li li li.childs a{
    background-position: 52px -993px;
}
#mobileNav li li li.childs strong{
    background-position: 28px -1190px;
}
#mobileNav li li li li a{
    padding-left: 66px;
}
#mobileNav li li li li strong{
    padding-left: 56px;
    background-position: 44px -993px;
}
#mobileNav li li li li a{
    background-color: #F7F7F7;
    background-position: 48px -1190px;
}
#mobileNav li li li li.childs a{
    background-position: 62px -993px;
}
#mobileNav li li li li.childs strong{
    background-position: 38px -1190px;
}
#mobileNav li li li li li a,
#mobileNav li li li li li strong{
    padding-left: 76px;
}
#mobileNav li li li li li a{
    background-color: #F7F7F7;
    background-position: 62px -993px;
}
#mobileNav li li li li li strong{
    background-position: 62px -993px;
}
/* Search */
#search {
    background-color: #FFF;
    border: 1px solid #B7B7B7;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: auto;
    margin: 0 10px 10px;
}
#search form input{
    border: 0!important;
}
#search input{
    width: 240px;
    background-color: #fff;
}
#search input.submit {
    background-image: url(/SiteGlobals/StyleBundles/BBK/Bilder/mobile/icon_sprite.png?__blob=normal&v=1);
    background-position: 4px 3px;
    background-repeat: no-repeat;
    color: transparent;
    float: right;
    width: 26px;
}
#wrapperInner form .submit:focus,
#wrapperInner form .submit:hover,
#wrapperInner form .submit:active{
    background: transparent url(/SiteGlobals/StyleBundles/BBK/Bilder/mobile/icon_sprite.png?__blob=normal&v=1) no-repeat 4px 3px;
    color: transparent;
}
#branding p img{
    margin: 0;
}
#branding #search p {
    border-radius: 3px 3px 3px 3px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float: none;
    margin-left: 0;
    padding-left: 2px;
}
#mobileNav,
#supplement .boxWrapper,
p.skip,
.top-themen{
    padding-bottom: 7px;
}
.startseite .teaser-col ,
#main .teaser-special .teaser,
#main .teaser-group .teaser,
#teaser-special,
.startseite #main .teaser-col .teaser-mod,
#intro-wrapper h1,
.generictable{
    margin-bottom: 7px;
}
#mobileNav,
#navServiceMeta,
#wrapperStage .teaser-wrapper,
.generictable,
#wrapperInner #intro-wrapper .teaser.contactData{
    border-bottom: 3px solid #9FA7B3;
}
#wrapperInner .newsBox,
#main .teaser{
    border-top: 0;
}
h1,
#main h1,
#intro-wrapper h1,
#wrapperInner .newsBox h2,
#wrapperInner .teaser h2 a,
.top-themen h2,
#supplement .boxWrapper h3 {
    border-top: 0;
    background-color: #0B396A;
    color: #FFF;
    padding: 6px 0 6px 10px;
    margin: 0 0 7px;
}
#wrapperInner .teaser h2 a,
#wrapperInner .box h3 a{
    display: block;
    color: #FFF;
}
#wrapperInner .newsBox h3 a{
    color: #333;
}
#supplement .boxWrapper .newsBox h3 {
    background-color: transparent;
    color: #FFF;
}
.startseite #wrapperInner .teaser-mod h2 a{
    background-color: #EC7404;
    color: #000;
    padding: 6px 0 6px 10px;
    margin: 0 0 10px;
    display: block;
}
#wrapperInner #wrapperDivisions ul.links li h3 a,
.top-themen .teaser h3 a,
#wrapperInner #wrapperDivisions ul.links li h4 a,
#supplement .generictable p.all a{
    background-image: url(/SiteGlobals/StyleBundles/BBK/Bilder/mobile/icon_sprite.png?__blob=normal&v=1);
    background-repeat: no-repeat;
    background-position: 100% -998px;
    display: block;
    padding: 0 20px 0 0;
}
#supplement .generictable p.all{
    padding: 5px 0;
    border-top: 3px solid #FFF;
}
#supplement .generictable p.all{
    padding-left: 10px;
}
.top-themen .teaser h3 a{
    background-position: 100% -985px;
}
#wrapperInner .box ul.links li {
    background-color: #F2F2F2;
    padding-bottom: 0;
}
#wrapperInner ul.links li h3 {
    padding: 6px 0 5px 0;
    margin-bottom: 0;
}
#wrapperInner ul.links li h4 {
    padding-bottom: 5px;
}
#wrapperInner ul.links li:last-child h3,
#wrapperInner ul.links li.first-child h3 {
    border-bottom: 0;
}
#wrapperInner .newsBox ul.links li.first-child h3 {
    border-top: 0;
}
#wrapperInner .newsBox li,
.top-themen .teaser{
    border-bottom: 3px solid #CCC;
}
#main .newsBox li h3{
    border-top: 3px solid #FFF;
}
#wrapperInner ul.links li h3 a {
    background-position: 100% -998px;
    padding-right: 15px;
}
#main .teaser-group h2,
#main .teaser h2{
    float: none;
    width: auto;
    margin: 0 0 7px;
}
#main .teaser-group,
#main .teaser-group .teaser{
    float: none;
    width: auto;
    padding: 0;
}
#main .newsBox .teaser-group{
    border: 0;
    margin: 0;
    padding: 0;
}
#main .teaser-special h3{
    background-color: #EC7404;
    color: #000;
    padding: 6px 0 6px 10px;
    margin: 0 0 7px;
    display: block;
    font-size: 18px;
}
#main .teaser,
#main .teaser-group,
#main .seitenkopf,
#main .newsBox {
    margin: 0 0 7px;
}
#main .teaser-group {
    border-top: 0;
}
#main .seitenkopf p{
    margin: 0;
    padding-bottom: 7px;
}
#wrapperInner .navToTop a {
    text-align: left;
}
#supplement ul.links li,
#supplement .teaserText p,
#intro-wrapper .teaser.contactData{
    padding-left: 10px;
}
#supplement .boxWrapper .box {
    padding: 0;
}
.top-themen .teaser{
    padding: 5px 0 5px 10px;
}
#supplement .box,
#supplement .publications,
#supplement .events,
#intro-wrapper .teaser{
    margin-bottom: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
}
#intro-wrapper .teaser{
    width: auto;
}
#intro-wrapper div.phone .value{
    background-position: 0 -1400px;
    padding-left: 35px;
}
#intro-wrapper div.mail .value {
    background-position: 0 -1597px;
    padding-left: 35px;
}
#intro-wrapper,
#intro{
    float: none;
    margin-bottom: 7px;
}
#main{
    overflow: visible;
}
#wrapperInner #intro-wrapper .teaser.contactData{
    height: auto!important;
}
.fis #main .teaser-group-mod {
    margin-bottom: 7px;
}
#supplement ul{
    padding-left: 35px;
}
#supplement ul.links{
    padding-left: 0;
}
#supplement li{
    list-style-type: square;
}
#supplement #navService ul{
    padding-left: 0;
}
#supplement ul.links li,
#supplement #navService li,
#wrapperInner .navIndex li{
    list-style-type: none;
}
#supplement ul#glossaryIndex{
    padding-left: 10px;
    overflow: hidden;
}
#wrapperInner .navIndex li{
    float: left;
    margin: 5px 0;
    padding: 0 6px;
}
#wrapperInner .navIndex li strong,
#wrapperInner .navIndex li a{
    font-weight: bold;
    padding: 0 4px;
}
#wrapperInner #glossaryHits{
    clear: both;
    margin: 16px 0;
}
#supplement p.all{
    margin-bottom: 0;
    padding: 4px 0 4px 10px;
}
#wrapperInner .all a {
    background: url(/SiteGlobals/StyleBundles/BBK/Bilder/Aperto/sprite-icons.png?__blob=normal&v=2) no-repeat 0 0;
    font-weight: bold;
    padding-left: 22px;
}
#supplement .box .links li,
#supplement .publications li,
#supplement .events li{
    border-top: 3px solid #FFF;
    border-bottom: 3px solid #CCC;
    margin-bottom: 0;
}
#supplement .box .links li:last-child{
    border-bottom: 0;
}
#wrapperDivisions #supplement .links li:first-child{
    border-top: 0;
}
#intro-wrapper span.value{
    font-weight: bold;
}
/* special sites */
#supplement #searchResultIndex{
    padding-left: 10px;
}
#supplement #searchResultIndex:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
ol#searchResult {
    overflow: hidden;
    padding-left: 25px;
}
#searchResult a {
    display: block;
    margin: 0 0 5px;
    font-weight: bold;
    color: #0B3A6A;
}


#main .combobox input,
#supplement .combobox input{
    width: 95%;
}
#supplement fieldset {
    background-color: #F2F2F2;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 25px 0;
    padding: 15px 10px 7px;
}
#supplement fieldset label,
#supplement fieldset input {
    display: block;
}
#content #main p.picture {
    max-width: 310px!important;
}
#main table {
  table-layout: fixed;
}
#main fieldset input, 
#main fieldset textarea {
    padding-right: 0;
    padding-left 0;
    width: 99%;
}
#main fieldset select{
    width: 98%;
}
/* Breakpoint < 480px */
@media only screen and (max-width: 320px) {

#main fieldset input[type="text"],
#supplement input[type="text"]{
    width: 280px!important;
}
#main .wrapperTable .downloadList colgroup col:first-child,
#main .wrapperTable .downloadList thead th:first-child,
#main .wrapperTable .downloadList td p.picture{
display: none;
}
#main .wrapperTable .downloadList colgroup col {
width: 33%;
}