/** Alex extra clases **/

.sprite { background: url('../../img/sprite/sprite.png') no-repeat top left;  }
.sprite.navi_on { background-position: 0px -380px; width: 115px; height: 37px;  }
.sprite.navi_off { background-position: 0px -427px; width: 115px; height: 37px;  }

/** END Alex extra clases **/

@media screen,projection{
    /*-------------------------------------------------------------------------*/
    /* (en) Marginal areas & page background */
    /* (de) Randbereiche & Seitenhintergrund */
    html, body{
        height: 100.1%;
        z-index: 5;
    }
    body{
        padding:0;
        font-size: 100%;
        font-family: 'Mulish',Arial,sans-serif;
        color: #363636;
        min-height: 100%;
        background-color: transparent;
    }
    #yoohoo {
        position: absolute;
        top: 0px;
        left: 250px;
        width: 700px;
        height: 80px;
        z-index: 999;
    }
    #yoohoo a#startseite {
        height: 70px;
        width: 700px;
        display: block;
        float: left;
    }
    #yoohoo a#ticketkaufen {
        background:transparent url(../../img/ticket-kaufen.png) repeat-y scroll right top;
        height: 72px;
        width: 70px;
        margin-left: 266px;
        display: block;
        float: left;
    }

    #yoohoo a#ticketvorhanden {
        height: 72px;
        width: 76px;
        display: block;
        float: left;
        margin-top: 20px
    }
    #yoohoo a#programmheft {
        height: 72px;
        width: 76px;
        display: block;
        float: left;
        margin-top: 20px
    }
    #fb-event a{
        position: absolute;
        top:222px;
        left:892px;
        z-index: 10000;
        display: block;
        float: left;
        height: 40px;
        width: 40px;
    }
    /* Layout Alignment | Layout-Ausrichtung */

    * html .page_margins{
        height:100% !important;
    }
    #header{
        height:180px;
        padding:0;
        color:#000;
        text-align: center;
    }

    /* ---- MAIN NAV ----*/

    #header #mainnav{
        color: #565656;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        width: 100%;
        z-index: 1000;
        background-color: #d1e3e0;
        height: 40px;
    }
    #header #mainnav ul{
        list-style: none;
        margin: 7px auto 0 auto;
        max-width: 1000px;
        text-align: left;
        padding: 0px;
    }
    #header #mainnav ul li {
        display: inline-block;
        text-align: center;
        font-size: 1em;
        margin: 3px 0 0 0;
        padding: 0 0 8px 0;
    }
    #header #mainnav ul li#social {
        height: 36px;
        width: 36px;
        padding: 0;
        margin: 0;
        float: right;
        position: relative;
        top: -5px;
    }
    #header #mainnav ul li.loginmeintag a,
    #header #mainnav ul li.warenkorb a {
        border: none;
    }
    #header #mainnav ul li.loginmeintag {
        padding-left: 20px;
    }
    #header #mainnav ul li a {
        padding: 0 12px;
        border-right: 1px solid #e8f1ef;
        line-height: 22px;
    }
    #header #mainnav ul li a img,
    #header #mainnav ul li a svg {
        height: 18px;
        vertical-align: text-top;
    }
    #header #mainnav ul li#social a {
        border-right: none;
    }
    #header #mainnav ul li a.br{
        border-right: none;
    }
    #header #mainnav a{
        color:#1b7263;
        text-decoration: none;
        font-size: 16px;
        text-align:center;
        text-transform: uppercase;
        font-family: 'Mulish',Arial,sans-serif;
    }
    #header #mainnav a.navi_off:hover{
        background-position: 0px -380px;
        color: #FFF;
    }
    #header #mainnav ul li ul.sub-menu{
        position: absolute;
        height: auto;
        display: none;
        padding: 0;
        /*display: block !important;*/
    }
    #header #mainnav ul li ul.sub-menu li {
        clear: both;
        position: relative;
        display: block;
        background: #d1e3e0;
        border-right: none;
        margin: 0 -5px;
        height: auto;
        padding: 0 5px;
    }
    #header #mainnav ul li ul.sub-menu li a {
        clear: both;
        position: relative;
        display: block;
        height: auto;
        text-align: left;
        padding: 10px 6px;
        border-right: none;
        width: auto;
        border-bottom: 1px dotted #fff;
        text-transform: unset;
    }
    #header #mainnav ul li ul.sub-menu li:last-child a {
        border-bottom: none;
    }

    #header #mainnav ul li ul.sub-menu li:hover,
    #header #mainnav ul li ul.sub-menu li a:hover{
        color: #FFF;
        background: RGBA(188, 209, 197, 1.00);
    }

    /* ---- END: MAIN NAV ----*/

    #header .topnav_back_right{
        width: 12px;
        height: 28px;
        background:url(../../img/back_topnav_right.png) top left no-repeat;
        background-color: transparent;
        position: absolute;
        top: -1px;
        right: 0px;
    }
    #header #topnav{
        color: #565656;
        padding: 1px 0px 5px 10px;
        height: 21px;
        position: relative;
        top: 25px;
        z-index: 30;
        float: right;
        display: block;
        margin: 0;
    }
    #header #topnav ul{
        height: 21px;
        /*min-width: 300px;*/
        list-style: none;
    }
    #header #topnav ul li{
        padding: 5px 10px 10px;
        font-size: 1em;
        background-color: #fff;
        box-shadow: 0px 0px 2px #92c4b0;
        margin-right: 0;
        display: inline-block;
    }
    #header #topnav a {
        color:#d1e3e0;
        text-decoration: none;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
    }
    #header #topnav a:hover{
        color:#1b7263;
    }
    #header #topnav a.textstyle_login{
        color:#047AA0;
        font-weight: bold;
    }
    /*------- Suche "Seite durchsuchen" in Metanavi--------*/


    #sitesearch{
        width: 210px;
    }
    .sitesearch_input{
        border: 1px solid #FFF;
        color: #6B7478;
        width: 140px;
        height: 14px;
    }
    .sitesearch_button{
        background:url(../../img/back_sitesearch_submit.png) top left no-repeat;
        border: none;
        width: 25px;
        height: 18px;
        cursor: pointer;
        margin: 4px 0 0 5px;
        vertical-align: bottom;
    }
    .sitesearch_button:hover{
        background-position: 0px -18px;
    }
    .facebook_button{
        background:url(../../img/facebook-button-18x18.png) top left no-repeat;
        border: none;
        width: 18px;
        height: 18px;
        cursor: pointer;
        margin-right: 10px;
        vertical-align: bottom;
    }
    /*-------------------------------------------------------------------------*/
    #main{
        margin:0 0 0 0;
        padding: 0 0 20px 0;
    }
    #footer-holder {
        background-color: #1b7263;
        width: 100%;
    }
    #footer{
        padding: 30px 10px 13px 10px;
        color: #FFF;
        margin: 0 auto;
        max-width: 1024px;
    }
    #footer ul#footer-meta li a,
    #footer li{
        list-style: none;
        margin: 0;
        line-height: 1em;
        font-size: 15px;
        text-transform: none;
        font-weight: normal;
        text-transform: uppercase;
        padding: 0 6px 6px 6px;
    }
    #footer li#footer-logo {
        margin: 0;
    }
    #footer ul#footer-social li.social-footer {
        margin-bottom:20px;
    }
    #footer ul#footer-social li#footer-logo .footer-logo--snb,
    #footer ul#footer-social li#footer-logo .footer-logo--ltbundesweit {
        height:auto;
        display:block;
        margin-bottom:20px;
    }
    #footer ul#footer-social li#footer-logo .footer-logo--snb img,
    #footer ul#footer-social li#footer-logo .footer-logo--ltbundesweit img {
        width:140px;
        height:auto;
    }
    #footer ul {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin: 0 0 30px 0;
        padding: 0;
        width: 24.5%;
    }
    #footer ul#snb {
        display: none;
    }
    #footer a{
        padding:0;
        color: #ffffff;
        font-size: 13px;
        text-transform: initial;
    }

    #footer a:hover{
        color: #CCC;
    }
    #footernav {
        background: RGBA(188, 209, 197, 1.00);
        height: 40px;
        text-transform: uppercase;
        width: 100%;
    }
    #footernav ul {
        /* text-align: center; */
        padding: 10px 20px;
        /* margin: 0 auto; */
        max-width: 1000px;
        margin: 0 auto;
    }
    #footernav ul li {
        color: RGBA(32, 103, 31, 1.00);
        list-style: none;
        display: inline-block;
        padding: 0;
    }
    #footernav ul li span.trenner {
        padding: 0 10px;
        display: inline-block;
    }
    #footernav a {
        color: RGBA(32, 103, 31, 1.00);
    }
    #footernav a:hover {
        color:#fff;
    }


    /* --------------------------------------------------------------------------------------------- */
    /* ------------------------------- CONTENT COL1 ------------------------------------------------ */
    /* --------------------------------------------------------------------------------------------- */
    .sponsor_box{ /*  SPONSORENLOGOS  */
        position: absolute;
        top: 7px;
        left: 0px;
        z-index: 10;
        width: 330px;
        height: 50px;
        display: none;
    }
    .sponsor_box span.senat{
        display: block;
        float: left;
        width: 178px;
        height: 48px;
        background:url(../../img/logo_senat.png) top left no-repeat;
        display: none;
    }
    .sponsor_box span.bsr{
        display: block;
        float: left;
        width: 45px;/*  */
        height: 45px;
        background:url(../../img/logo_bsr.png) top left no-repeat;
        margin: 5px 0px 0px 10px;
        display: none;
    }
    .sponsor_box span.veolia{
        display: block;
        float: left;
        width: 90px;
        height: 46px;
        background:url(../../img/logo_veolia.png) top left no-repeat;
        margin: 0px 0px 0px 10px;
        display:none;
    }
    #home_link{   /*  UMKA-LOGO  */
        position: absolute;
        top: 100px;
        left: 0px;
        z-index: 10;
        width: 411px;
        height: 53px;
        background:url(../../img/logo_umka.png) top left no-repeat;
        display: none;
    }
    #home_link a{
        width: 411px;
        height: 53px;
        display: block;
        text-decoration: none;
    }
    #mobil_stempel{   /*  MOBIL STEMPEL  */
        position: absolute;
        top: 114px;
        left: 418px;
        z-index: 10;
        width: 67px;
        height: 44px;
        background:url(../../img/mobil_stempel.png) top left no-repeat;
        display: none;
    }
    #mobil_stempel a{
        width: 67px;
        height: 44px;
        display: block;
        text-decoration: none;
    }
    #beta{
        display: none;
        width: 33px;
        height: 14px;
        position: absolute;
        top: 103px;
        left: 440px;
        background:url(../../img/back_beta.png) top left no-repeat;
        z-index: 10;
    }
    #veranst_ticker{
        width: 455px;
        height: 148px;
        background:url(../../img/back_veranst_ticker.jpg) top left no-repeat;
        padding: 15px;
    }

    #headline{   /*  HEADLINE INDEX */
        z-index: 10;
        width: 99.8%;
        height: 28px;
        display: block;
        background: url(../../img/banner/head/headline.png) center no-repeat;
        border: 1px solid #111;
        color: #FFF;
        text-align: center;
        margin-bottom: 12px;
    }
    #headline h1{   /*  HEADLINE INDEX */
        font-size:16px;
    }

    #veranst_abgelaufen {
        color: #0494B9;
        font-size: 16px;
        font-weight:bold;
        height: 40px;
        z-index: 10;
    }
    /*#veranst_abgelaufen {
        color: #0494B9;
        font-size: 16px;
        font-weight:bold;
        height: 20px;
        left: 41px;
        position: absolute;
        top: 179px;
        width: 800px;
        z-index: 10;
    }
    */
    #veranst_abgelaufen a {
        color: #0494B9;
        text-decoration: underline;
    }

    /* -------------------------- RGACCORDION -------------------------- */
    /* Toggle default */
    h3.rgaccord1-toggle {
        font-size: 1.05em;
        font-weight:bold;
        color:#363636;
        line-height: 16px;
        background: #bcdcec url(../../img/more_green.png) right 7px no-repeat;
        padding:3px 80px 3px 5px;
        margin-right:10px;
        cursor:pointer;
        width:553px;
    }

    /* ~~~~~~~~~~~~~~~~ Fehlermeldungen bei Anmeldung etc. ~~~~~~~~~~~~~~~~ */
    .messagebox{
        z-index:100;
        position:absolute;
        top:140px;
        left: 250px;
        width:360px;
        height: 67px;
        padding:15px;
        background:#FFF;
        border:1px solid #65C300;
        color: #C8196C;
        font-weight: bold;
        vertical-align: middle;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px ;
        box-shadow: 3px 3px 3px #AAA; /* äusserer Schatten */
        -moz-box-shadow:1px 1px 2px #AAA;
        -webkit-box-shadow:3px 3px 3px #AAA;
    }

    /* hoehe browser alert message */

    #buorg.buorg{
        height:16px;
        overflow: hidden;
        padding:5px 36px 5px 40px;
        margin: 0;
    }

    .buorg div {
        padding:0px 36px 0px 40px;
        margin: 0;
    }
    .msgtrace{
        display: none;
    }
}