/**************************************************/
/*    CSS Document Mannheimer Mozartsommer        */
/*    Screen Ausgabe                              */
/*    Erstellt: 26.03.2010, Andreas Walch         */
/*    Änderung: 26.03.2010, Andreas Walch         */
/**************************************************/

    html {
        height: 100%;
    }

    body {
        height: 100%;
        padding: 0px;
        margin: 0px;
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 80%;
        line-height: 130%;
        text-align: center;
        color: #000000;
        /*background-color: #e2007a;*/
        background-color: #d31f75;
        background-position: center center; 
        background-repeat: no-repeat;

    }

    img {
        display: block;
    }
    
    p {
        padding: 0em;
        margin: 0em 0em 1.5em 0em;
    }

    th,
    td {

    }
    
    form {
        padding: 0px;
        margin: 0px;
    }

    ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }
    
    input, textarea, select {

    }
    
    a:link, a:visited {
        text-decoration: underline;
        color: #000000;
    }
    
    a:active, a:hover {
        text-decoration: underline;
        color: #000000;
    }

    h1 {
        font-size: 140%;
        font-weight: normal;
        line-height: 130%;
        text-transform: uppercase;
        color: #e2007a;
        margin: 0em 0em 15px 0em;
        padding: 0em;
    }
   
    h2 {
        font-size: 120%;
        font-weight: normal;
        line-height: 130%;
        color: #000000;
        margin: 0em 0em 5px 0em;
        padding: 0em;
    }
    
    h3 {
        font-weight: bold;
        font-size: 100%;
        line-height: 130%;
        color: #000000;
        margin: 0em 0em 3px 0em;
        padding: 0em;
    }

    h4 {
        font-weight: bold;
        font-size: 100%;
        line-height: 130%;
        color: #000000;
        margin: 0em 0em 20px 0em;
        padding: 0em;
    }

    hr {
        margin: 0px;
        padding: 0px;
    }

    .highlight {
        background-color: #000000;
        color: #ffffff;
        font-size: 80%;
        font-weight: bold;
        padding: 0px 3px;
    }

 /*//////////////////////////////////////////
// Layout                                   //
 //////////////////////////////////////////*/       

    .claStart {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 123px;
        height: 43px;
    }

    .claStartInner {
        position: relative;
        top: -50%;
        left: -50%;
    }

    .claLayout {
        width: 529px;
        height: 100%;
        margin: auto;
        background-color: #fefbea;
    }

    .claBorderLeft {
        height: 100%;
    }

    .claBorderRight {
        height: 100%;
    }

    .claBorderTop {
        position: relative;
        height: 4px;
        width: 100%;
        background-color: #fefbea;
    }

    .claBorderTopLeft {
        width: 100%;
        height: 4px;
        background-image: url("/bilder/layout/ecke_links.gif");
        background-repeat: no-repeat;
        background-position: left top;
    }

    .claBorderTopRight {
        width: 100%;
        height: 4px;
        background-image: url("/bilder/layout/ecke_rechts.gif");
        background-repeat: no-repeat;
        background-position: right top;
    }

    .claContent {
        text-align: left;
        background-color: #fefbea;
    }

    .claContentBorderLeft {
        background-color: #fefbea;
    }

    .claContentBorderRight {
        background-color: #fefbea;
        background-position: right;
    }

    .claContentInner {
        padding: 15px 11px 15px 11px;
    }

    .claUebersicht {
        min-height: 52px;
        border-bottom: 1px solid #e2017b;
        padding: 0px 0px 8px 0px;
        position: relative;
    }

    .claDatum {
        width: 96px;
        float: left;
        padding: 3px 0px 0px 9px;
    }

    .claDatum h1 {
        font-size: 200%;
        font-weight: normal;
        margin-bottom: 4px;
    }

    .claVeranst {
        float: left;
        width: 360px;
    }

    .claVeranstPad {
        padding: 7px 11px 0px 0px;
    }

    .claVeranst a:link,
    .claVeranst a:visited {
        text-decoration: none;
        padding: 1px 3px;
    }

    .claVeranst a:active,
    .claVeranst a:hover {
        text-decoration: none;
        color: #ffffff;
        background-color: #000000;
        padding: 1px 3px;
    }

    .claVeranst p {
        font-size: 90%;
        line-height: 140%;
        margin-bottom: 0;
        padding-left: 3px;
    }

    .claVeranst h3 {
        margin-bottom: 0px;
    }

    div.claGreyEvent,
    div.claGreyEvent h3,
    div.claGreyEvent p,
    div.claGreyEvent a:link,
    div.claGreyEvent a:visited {
        color: #605e5f;
    }

    div.claGreyEvent a:active,
    div.claGreyEvent a:hover {
        color: #ffffff;
        background-color: #605e5f;
    }

    .claKarten {
        position: absolute;
        right: 11px;
        bottom: 8px;
        float: right;
    }

    .claKarten a {
        text-decoration: none;
    }

    .claUhr {
        font-size: 85%;
    }

    .uhr1700,
    .uhr1700 h1,
    .uhr1700 a:link,
    .uhr1700 a:visited {
        color: #020001;
    }

    .uhr1700 a:active,
    .uhr1700 a:hover {
        color: #fff;
        background-color: #020001;
    }

    .uhr1800,
    .uhr1800 h1,
    .uhr1800 a:link,
    .uhr1800 a:visited {
        color: #020001;
    }

    .uhr1800 a:active,
    .uhr1800 a:hover {
        color: #fff;
        background-color: #020001;
    }

    .uhr1900,
    .uhr1900 h1,
    .uhr1900 a:link,
    .uhr1900 a:visited {
        color: #020001;
    }

    .uhr1900 a:active,
    .uhr1900 a:hover {
        color: #fff;
        background-color: #020001;
    }

    .uhr2200,
    .uhr2200 h1,
    .uhr2200 a:link,
    .uhr2200 a:visited {
        color: #020001;
    }

    .uhr2200 a:active,
    .uhr2200 a:hover {
        color: #fff;
        background-color: #020001;
    }

    .uhr2230,
    .uhr2230 h1,
    .uhr2230 a:link,
    .uhr2230 a:visited {
        color: #020001;
    }

    .uhr2230 a:active,
    .uhr2230 a:hover {
        color: #fff;
        background-color: #020001;
    }

    .claBack {
        padding-right: 7px;
        text-align: right;
    }

    .claBack a {
        font-size: 100%;
        font-weight: bold;
        text-decoration: none;
    }

    .claDetail {
        float: left;
    }

    .claDetailLeft {
        width: 160px;
        text-align: right;
        padding: 9px 0 11px 0;
        float: left;
    }

    .claDetailRight {
        width: 317px;
        padding: 4px 0 11px 19px;
        float: left;
    }

    .claContentInner .claLeft {
        float: left;
        width: 150px;
    }

    .claContentInner .claRight {
        float: right;
        width: 330px;
    }

 /*//////////////////////////////////////////
// Navigation                               //
 //////////////////////////////////////////*/ 

    .claNavigationOuter {
        text-align: left;
        position: relative;
    }

    .claNavigation {
        position: absolute;
        left: -195px;
        text-align: left;
    }

    .claNavigation ul {
        margin: 0px;
        padding: 0px;
    }
    
    .claNavigation li {
        margin: 0px 0px 3px;
        padding: 0px;
        /*background: #ffffff;*/
        width: 170px;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
    } 

    .claNavigation a:link,
    .claNavigation a:visited,
    .claNavigation a:active,
    .claNavigation a:hover {
        text-decoration: none;
        width: 100%;
    }

    .claNavigation .claNavBorder1 {
        /*background: #e2007a;*/
        background: #d31f75;
        padding: 3px 4px 3px 3px;
        margin: 1px 0px 0px 1px;
    }

    .claNavigation .claNavBorder1Active {
        background: #ffffff;
        padding: 3px 4px 3px 3px;
        margin: 1px 0px 0px 1px;
    }

    .claNavigation .claNavBorder2 {
        padding: 1px 8px 8px 1px;
    }

    .claNavigation .claNav2Ul {
        margin-top: 5px;
    }

    .claNavigation .claNav2Li {
        margin: 0px 0px 3px 8px;
        padding: 0px;
        background: transparent;
        width: 140px;
        font-weight: normal;
        font-size: 12px;
        background-image: url("trans.gif");
    }

    .claNavigation .claNav2LiActive {
        margin: 0px 0px 3px 8px;
        padding: 0px;
        background: transparent;
        width: 140px;
        font-weight: bold;
        font-size: 12px;
        background-image: url("trans.gif");
    }

    .claNav2Ul a:link,
    .claNav2Ul a:visited,
    .claNav2Ul a:active {
        font-weight: normal;
    }

    .claNav2LiActive a:link,
    .claNav2LiActive a:visited,
    .claNav2LiActive a:active,
    .claNav2LiActive a:hover,
    .claNav2Ul a:hover {
        font-weight: bold;
    }

 /*//////////////////////////////////////////
// Special                                  //
 //////////////////////////////////////////*/       

    #BgpEmedia {
        display: none;
    }


 /*//////////////////////////////////////////
// Tabellen                                 //
 //////////////////////////////////////////*/       

    .claTablePreisHead {
        font-size: 120%;
    }  

    .claBorderBottom {
        border-bottom: 1px #000 solid;
    } 

    .claTablePreisFooter {
        font-size: 86%;
    }                                             

    .claDatum h1.claPink,
    .claDatum div.claUhr {
        color: #e2007a;
    }