@media projection,screen,handheld {

    /* ***************************************
    Layout
    **************************************** */
    #wrapperHeader #branding {
        max-width: 98em;
    }

    .NaviAndContent {
        width: 98em;
    }

    .contentOnly {
        width: 72em !important;
    }

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

    #wrapperDivisions.modgrid #supplement {
        padding-top: 0;
    }

    /* ***************************************
    All Navigations
    **************************************** */
    #navBreadcrumbs {
        width: 98em;
    }

    /****** Page Position Navigation ******/
    .nav-pageposition ol div {
        width: 98em;
    }

    /* Footer */
    .footerList {
        width: 81em;
    }

    /* ***************************************
    Contentbereich
    /* ****************************************/
    #wrapperContent {
        width: 50.2em;
    }

    #content .all a {
        font-size: 110%;
    }

    /* Start Hauptseite Styles Marginalspalte */
    /* ***************************************
    Supplementary Content
    **************************************** */
    #supplement h3 {
        margin: 0 0 10px;
        padding: 0;
        color: #890D48;
        font-family: 'bundes-serif', Georgia, Times New roman, serif;
        font-size: 160%;
        font-weight: normal;
    }

    #supplement .boxWrapper {
        position: relative;
        height: 1%;
        width: 31.7em;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 2px dotted #cdcdcd;
    }

    #supplement .Box-SearchResults {
        padding-top: 56px;
    }

    #supplement .text-box .section-group,
    #supplement .text-box .toc {
        padding: 0 1em;
    }

    #content .all {
        height: 1%;
        background: transparent repeat 0 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin-top: 15px;
        margin-bottom: 5px;
        font-family: 'bundes-sans', Arial, Helvetica, sans;
    }

    /****** Linklists in Supplement ******/
    #supplement .links li {
        overflow: hidden;
        border-top: 1px dotted #CDCDCD;
        list-style: none;
        font-size: 160%;
    }

    #supplement .links li:first-child,
    #supplement .links li.first-child {
        border-top: none;
    }

    #supplement .links li a {
        display: block;
        background: url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) 0 -3592px no-repeat;
        padding: 4px 0 4px 13px;
    }

    #supplement .links li a:hover,
    #supplement .links li a:active,
    #supplement .links li a:focus {
        background-position: 0 -3792px;
        color: #373737;
    }

    #supplement .links li a.download {
        background: url(/resource/crblob/59552/23b3e16e9ba48177f6adc0f0ec6838e5/sprite-file-types-png-data.png) 4px 10px no-repeat;
        margin: 5px 0;
        padding: 4px 0 4px 42px;
    }

    #supplement .links li a.download:hover,
    #supplement .links li a.download:active,
    #supplement .links li a.download:focus {
        background-color: #E2E2E1;
        color: #373737;
        text-decoration: none;
    }

    #supplement .links li a.pdf {
        background-position: 4px 10px;
    }

    #supplement .links li a.xls {
        background-position: 4px -140px;
    }

    #supplement .links li a.doc {
        background-position: 4px -290px;
    }

    #supplement .links li a.ppt {
        background-position: 4px -440px;
    }

    #supplement .links li a.zip {
        background-position: 4px -590px;
    }

    #supplement .links li a.img {
        background-position: 4px -740px;
    }

    #supplement .links li a span {
        display: block;
        color: #666;
        padding-top: 3px;
        font-size: 75%; /* 12px */
    }

    /****** Tags in Supplement ******/
    #supplement .tagBox .links {
        overflow: hidden;
        border: none;
        padding-top: 8px;
    }

    #supplement .tagBox .links li {
        float: left;
        border: none;
        margin: 0 8px 8px 0;
        font-size: 130%;
    }

    #supplement .tagBox .links li a {
        background: #004F80;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        padding: 3px 5px;
        color: #fff;
        text-transform: uppercase;
    }

    #supplement .tagBox .links li a:hover,
    #supplement .tagBox .links li a:active,
    #supplement .tagBox .links li a:focus {
        background: #373737;
        color: #fff;
    }

    /****** Teaser in Supplement ******/
    #supplement .boxWrapper.box-teaser {
        border: none;
        padding-bottom: 0;
    }

    #supplement .box-teaser .box {
        overflow: hidden;
        position: relative;
        width: 31.7em;
        background: url(/resource/crblob/59526/d5126677a17c0723e2274801b299ebf1/bg-box-png-data.png) 0 0 repeat;
    }

    #supplement .box-teaser.box-teaser-mod .box {
        background: #fafafa;
    }

    #supplement .box-teaser.hover-clickarea * {
        text-decoration: underline;
        cursor: pointer;
    }

    #supplement .box-teaser .teaserText {
        float: left;
        width: 16em;
        padding: 20px 15px 40px 15px;
    }

    #supplement .box-teaser.box-teaser-no-img .teaserText {
        float: none;
        width: auto;
    }

    #supplement .box-teaser .teaserText h3 {
        margin-bottom: 20px;
        font-family: 'bundes-sans', Arial, Helvetica, sans;
    }

    #supplement .box-teaser .teaserText p {
        font-size: 200%;
        font-family: 'bundes-serif', Georgia, Times New roman, serif;
    }

    #supplement .box-teaser p.picture {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 12em;
        border: none;
        margin: 0;
        line-height: 0;
        font-size: 100%;
    }

    #supplement .box-teaser p.picture img {
        width: 12em;
        height: auto;
    }

    #supplement .box-teaser-mod-2 .box {
        background: #004F80;
        min-height: 15.5em;
    }

    #supplement .box-teaser-mod-2 .teaserText {
        float: right;
        width: 13em;
    }

    #supplement .box-teaser-mod-2 .teaserText h3 a {
        color: #fff;
    }

    #supplement .box-teaser-mod-2 p.picture {
        left: 0;
        right: auto;
        bottom: auto;
        top: 0;
        width: 15.5em;
    }

    #supplement .box-teaser-mod-2 p.picture img {
        width: 15.5em;
        height: 17em;
    }

    /****** Map/Vcard in Supplement ******/
    #supplement .box-map .box {
        background: url(/resource/crblob/59526/d5126677a17c0723e2274801b299ebf1/bg-box-png-data.png) 0 0 repeat;
        padding-bottom: 20px;
    }

    #supplement .box-map p.picture {
        margin-top: 0;
        border: none;
    }

    #supplement .box-map iframe {
        margin-bottom: 15px;
    }

    #supplement .box-map .vcard {
        clear: both;
        padding: 0 15px;
    }

    #supplement .box-map .vcard .org {
        padding: 0 0 15px 0;
        font-size: 180%;
        font-family: 'bundes-serif', Georgia, Times New roman, serif;
        color: #373737;
    }

    #supplement .box-map .vcard .org p {
        padding: 0 0 3px 0;
    }

    #supplement .box-map .vcard .adr,
    #supplement .box-map .vcard .phone {
        padding: 0 0 15px 0;
        font-size: 160%;
        font-family: 'bundes-sans', Arial, Helvetica, sans;
        color: #373737;
    }

    #supplement .box-map .vcard .phone dl {
        margin: 0;
        font-size: 100%;
    }

    #supplement .box-map em.more a {
        background: url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) 0 -3596px no-repeat;
        margin: 0 0 0 20px;
        padding-left: 14px;
        font-style: normal;
        font-size: 160%;
    }

    #supplement .box-map em.more a:hover,
    #supplement .box-map em.more a:active,
    #supplement .box-map em.more a:focus {
        background-position: 0 -3796px;
        color: #373737;
    }

    /****** Banner ******/
    #supplement .boxWrapperGroup:last-child .boxWrapper {
        border: none;
    }

    #supplement .boxWrapperGroup.last-child .boxWrapper {
        border: none;
    }

    #supplement .boxWrapperGroup {
        position: relative;
        height: 1%;
    }

    #supplement .boxWrapperGroup h3 {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
        font-size: 180%;
        font-family: 'bundes-serif', Georgia, Times New roman, serif;
        color: #890D48;
    }

    #supplement .banner {
        position: relative;
        height: 1%;
        margin-bottom: 10px;
    }

    #supplement .banner.hover-clickarea {
        cursor: pointer;
    }

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

    #supplement .banner .image-wrapper img {
        display: block;
        float: none;
    }

    #supplement .banner .image-wrapper h4 {
        position: absolute;
        left: 4px;
        right: 4px;
        z-index: 1;
        display: inline;
        width: 309px;
        bottom: 4px;
        margin: 0;
        font-size: 140%;
        font-family: 'bundes-sans', Arial, Helvetica, sans;
    }

    #supplement .banner .image-wrapper h4 a {
        display: block;
        background: #fff;
        padding: 7px 8px 7px 8px;
        font-size: 100%;
        font-weight: bold;
        text-transform: uppercase;
    }

    #supplement .banner .image-wrapper h4 a:hover,
    #supplement .banner .image-wrapper h4 a:active,
    #supplement .banner .image-wrapper h4 a:focus,
    #supplement .banner.hover-clickarea .image-wrapper h4 a {
        background: #004F80;
        color: #fff;
        text-decoration: none;
    }

    /* Ende Hauptseite Styles Marginalspalte */
    /* Start Subsite Styles Marginalspalte */
    #wrapperContent #supplement {
        margin-top: -1em; /* Padding-Top des #wrapperContent für vertikale Ausrichtung abziehen  */
        padding-top: 0;
        margin-right: -24.7em;
        position: relative;
    }

    #wrapperDivisions #wrapperContent #supplement {
        padding-left: 0;
    }

    * + html #wrapperContent #supplement {
        right: -2em;
    }

    #wrapperContent #supplement,
    #supplement .boxWrapper {
        width: 22.7em;
    }

    #supplement .formHandle input {
        background: none repeat scroll 0 0 #004F80;
        border: medium none;
        border-radius: 3px 3px 3px 3px;
        color: #FFFFFF;
        cursor: pointer;
        float: left;
        font-size: 130%;
        margin: 0 20px 20px 0;
        padding: 3px 15px;
        text-transform: uppercase;
        width: 100%;
    }

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

    /* Teaser-Bausteine in generischer Tabelle */
    #supplement .boxWrapper.container .teaser h4 {
        font-size: 160%;
        font-weight: bold;
    }

    /* Ende Subsite Styles Marginalspalte */
    /* RSS-Links */
    #content .all a.rsslink {
        float: left;
        padding-left: 2em;
        background: url(/resource/crblob/59436/4d6b2e3de792275360218b5242bd8acb/icon-rss-inactive-gif-data.gif) no-repeat scroll 1px 5px #004F80;
    }

    #content .all a.rsslink:hover,
    #content .all a.rsslink:focus,
    #content .all a.rsslink:active {
        background-image: url(/resource/crblob/59434/d70e79dda6bf9801dcd3f5f35ac60bdb/icon-rss-active-gif-data.gif);
        background-color: #373737;
    }

    /* Tabreiter */
    .text-box {
        padding: 5px;
        border: 1px solid #ccc;
    }

    #main .section-group ul {
        list-style-type: none;
        margin-left: 0;
    }

    #main .section-group ul li {
        padding: 5px 0;
        border-bottom: 1px dotted #ccc;
    }

    #main .section-group ul li .date {
        font-size: 80%;
    }

    #supplement .text-box {
        border: none;
        padding: 0;
    }

    #supplement .text-box .toc {
        margin: 0 0 10px;
        overflow: hidden;
    }

    #supplement .text-box ul li {
        border-bottom: 1px solid #aaa;
        padding: 0.5em 0;
    }

    #supplement #Termine_Heute ul {
        border-top: 1px solid #aaa;
    }

    #supplement .text-box .toc li {
        float: left;
        font-family: 'bundes-sans', Arial, Helvetica, sans, sans-serif;
        font-size: 100%;
        list-style: none outside none;
        text-transform: uppercase;
    }

    #supplement .text-box li {
        line-height: 1.4em;
        font-size: 150%;
    }

    #supplement .text-box .toc a span {
        padding: 5px 20px;
    }

    /* iCal */
    .section-wrapper ul {
        overflow: hidden;
    }

    .section-wrapper .news {
        float: left;
        width: 100%;
    }

    p.iCal {
        float: right;
        width: 2em;
    }

    p.iCal a {
        display: block;
        background: url(/resource/crblob/59432/57c974d5b3672724e00c91a2bf364eac/icon-ical-gif-data.gif) no-repeat scroll 50% 50% transparent;
        text-indent: -9999em;
        width: 30px;
        height: 21px;
    }

    /* Content */
    #main p span.hinweis {
        display: block;
        line-height: 1.55em;
        padding-bottom: 20px;
    }

    /* mehr-Links Supplement */
    #content #supplement .all a {
        clear: both;
        float: left;
        margin-top: 1em;
    }

    #content #supplement .all a.rsslink {
        margin-top: 0;
    }

    /* Seite drucken und Seite empfehlen Links Footer */
    .printlink a,
    .seiteempfehlen a,
    .seiteempfehlen strong {
        color: #fff;
        height: 1.2em;
        padding: 0 0 0 1.8em;
    }

    .printlink a {
        background: url(/resource/crblob/59558/197fcb479cc5e4108761d5c42a21eaa8/sprites-icons2-png-data.png) no-repeat 0px 50%;
    }

    .printlink,
    .seiteempfehlen {
        padding: 0 0 0.3em 2em;
    }

    .seiteempfehlen a,
    .seiteempfehlen strong {
        background: url(/resource/crblob/59560/59675d9ce64c477bfba7553f8b7f166c/sprites-icons3-png-data.png) no-repeat 0px 50%;
    }
}