/*//////////////////////////////////////////////////
    Cascading StyleSheets - Objekte
//////////////////////////////////////////////////*/
    html { height:100%; }
    body {
        margin: 0px;
        padding: 0px;
        color: #000000;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 180%;
        background-color: #e2e2e2;
        height: 100%;
    }

    td, p {
        font-size: 12px;
        line-height: 180%;
        color: #000000;
    }

    td {
        vertical-align: top;
    }

    p {
        margin: 0px;
        margin-bottom: 20px;
        padding: 0px;
        display: block;
    }

    a:link {
        color: #E20015;
        text-decoration: underline;
    }
    
    a:visited {
        color: #E20015;
        text-decoration: underline;
    }

    a:active {
        color: #E20015;
        text-decoration: underline;
    }

    a:hover {
        color: #E20015;
        text-decoration: underline;
    }
    
    h1 {
        font-size: 21px;
        line-height: 120%;
        color: #E20015; 
        padding: 0px 0px 5px 0px;
        margin: 0px;
        font-weight: bold;
    }

    h2 {
        font-size: 12px;
        line-height: 120%;
        color: #000000; 
        padding: 0px 0px 5px 0px;
        margin: 0px;
        font-weight: bold;
    }

    h4,
    h4 a:link,
    h4 a:visited,
    h4 a:active,
    h4 a:hover {
        font-size: 14px;
        font-weight: normal;
        color: #000000;
        padding: 0px;
        margin: 0px 0px 3px;
        text-decoration: none;
    }

    h5,
    h5 a:link,
    h5 a:visited,
    h5 a:active,
    h5 a:hover {
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        padding: 0px;
        margin: 0px;
        text-decoration: none;
    }
    
    li {
        font-size: 11px;
        line-height: 120%;
        color: #76662B;
        font-weight: bold;  
    }  

/*//////////////////////////////////////////////////
    Cascading StyleSheets - Klassen
//////////////////////////////////////////////////*/

    #statusleiste {
        vertical-align: middle;
        height: 18px;
        padding-left: 15px;
        color: #76662B;
        font-size: 10px;
        line-height: 120%;
    }

    #nav {
        padding-left: 9px;
        vertical-align: middle;
        height: 20px;
    } 

    #nav a {
        color: #000000;
        font-size: 11px;
        line-height: 120%;
        font-weight: bold;
        text-decoration: none;
    }  

    #nav a:hover {
        color: #E20015;
        font-size: 11px;
        line-height: 120%;
        font-weight: bold;
        text-decoration: none;
    } 

    #esy_nav_active a {
        color: #E20015;
        font-size: 11px;
        line-height: 120%;
        font-weight: bold;
        text-decoration: none;
    }

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

    .claNav ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }

    .claNav a:link,
    .claNav a:visited {
        color: #000000;
        display: block;
        text-decoration: none;
    }

    .claNav a:active,
    .claNav a:hover {
        color: #E20015;
        display: block;
        text-decoration: none;
    }

    .Nav1Active {
        width:  196px;
    }

    .Nav1InActive {
        width:  196px;        
    }

    .Nav1LiActive {
        line-height: 20px;
        border-bottom: 1px #000 solid;
    }

    .Nav1LiActive a:link,
    .Nav1LiActive a:visited,
    .Nav1LiActive a:active,
    .Nav1LiActive a:hover {
        padding-left: 11px;
        color: #E20015;
    }

    .Nav1LiInActive {
        line-height: 20px;
        border-bottom: 1px #000 solid;
    }

    .Nav1LiInActive a:link,
    .Nav1LiInActive a:visited,
    .Nav1LiInActive a:active,
    .Nav1LiInActive a:hover {
        padding-left: 11px;
    }

    .Nav2Active {
        
    }

    .Nav2InActive {
        
    }

    .Nav2LiActive {
        line-height: 20px;
        border-top: 1px #000 solid;
    }

    .Nav2LiActive a:link,
    .Nav2LiActive a:visited,
    .Nav2LiActive a:active,
    .Nav2LiActive a:hover {
        padding-left: 24px;
        font-weight: normal;
    }

    .Nav2LiInActive {
        line-height: 20px;
        border-top: 1px #000 solid;
    }

    .Nav2LiInActive a:link,
    .Nav2LiInActive a:visited,
    .Nav2LiInActive a:active,
    .Nav2LiInActive a:hover {
        padding-left: 24px;
        color: #000000;
        font-weight: normal;
    }

    .Nav2LiInActive a:hover {
        color: #E20015;
    }

    #rechte_spalte_headline {
        height: 25px;
        background-color: #000000;
        vertical-align: middle;
        color: #ffffff;
        padding-left: 8px;
    }

    #rechte_spalte_headline_rot {
        height: 25px;
        background-color: #E20015;
        vertical-align: middle;
        color: #ffffff;
        padding-left: 8px;
    }

    #kalender {
        width: 100%;
        padding: 12px 8px 12px 8px;
    }

    #kalender td,
    #kalender p {
        color: #000000;
        font-size: 10px;
        line-height: 120%;
        vertical-align: middle;
    }     

    #kalenderaktive {
        border: 1px #000000 solid;
    } 

    #kalender a {
        color: #76662B;
        font-size: 10px;
        line-height: 120%;
        font-weight: normal;
        text-decoration: none;
    }

    .pink1 {
        color: #EC177B;
        font-size: 20px;
        line-height: 120%;
        font-weight: normal;        
    }    

    .pink2 {
        color: #EC177B;
        font-size: 12px;
        line-height: 120%;
        font-weight: bold;
    }

    .pink3 {
        color: #EC177B;
        font-size: 10px;
        line-height: 120%;
        font-weight: bold;
    }
    .schwarz1 {
        color: #000000;
        font-size: 12px;
        line-height: 120%;
        font-weight: bold;        
    }
    
    .schwarz2 {
        color: #76662B;
        font-size: 12px;
        line-height: 120%;
        font-weight: normal;        
    }

    .rot1 {
        color: #E20015;
        font-weight: normal; 
    }

    .rot3 {
        color: #E20015;
        font-size: 10px;
        line-height: 120%;
        font-weight: bold;
    }
    
    .short_termine h2 {
        font: bold 12px verdana;
        color: #EE1775;
        margin: 0;
        padding: 0;
    }   

    .short_termine h3 {
        font: bold 10px verdana;
        color: #656452;
        margin: 0;
        padding: 0;
    }
    
    .short_termine p {
        font: normal 10px verdana;
        color: #656452;
        margin: 5px 0;
        padding: 0;
    }
    
    #unsichtbar {
        visibility: hidden;
        display: none;
    }

    .claShadowLeft {
        background-repeat: repeat-y;
        background-position: right;
    }
    .claShadowRight {
        background-repeat: repeat-y;
        background-position: left;
    }  
    .claLeft {
        background-repeat: no-repeat;
        background-position: right top;
    }
    .claRight {
        background-repeat: no-repeat;
        background-position: left top;
    }  

    .claCalHeadLeft {
        padding-top: 3px;
    }
        
    .claCalHeadLeft a:link,
    .claCalHeadLeft a:visited,
    .claCalHeadLeft a:active,
    .claCalHeadLeft a:hover {
        text-decoration: none;
        color: #000000;
        font-size: 16px;
    }

    .claCalHead1 {
        color: #e2001a;
        font-size: 16px;
        font-weight: bold;
    }

    .claCalHead2 {
        font-size: 14px;
        padding-top: 2px;
    }

    .claCalHeadRight {
        padding-top: 3px;
    }

    .claCalHeadRight a:link,
    .claCalHeadRight a:visited,
    .claCalHeadRight a:active,
    .claCalHeadRight a:hover {
        text-decoration: none;
        color: #000000;
        font-size: 16px;
    }

    .claCal a:link,
    .claCal a:visited,
    .claCal a:active,
    .claCal a:hover {
        text-decoration: none;
        line-height: 18px;
    }      

    .claSubBox {
        background-color: #e2001a;
        min-height: 64px;
        width: 724px;        
    }

    .claSubBox a:link,
    .claSubBox a:visited,
    .claSubBox a:active,
    .claSubBox a:hover {
        color: #ffffff;
        text-decoration: none;
    }

    .claSubBoxText1 {
        padding: 15px 0 10px 0;
        color: #ffffff;
        font-size: 16px;
    }

    .claSubBoxText2 {
        padding: 10px 0 10px 0;
        color: #ffffff;
        font-size: 30px;
        line-height: 120%;
    }

    .claFooter {
        background-repeat: repeat-x;
        text-align:center;
        padding-top: 10px;
        line-height: 120%;
    }

    .claFooter td,
    .claFooter a:link,
    .claFooter a:visited,
    .claFooter a:active,
    .claFooter a:hover {
        font-size: 12px;
        line-height: 120%;
        color: #000000;
        text-decoration: none;
    }         

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

    .claProgrammOrt {
        color: #6a6a6a;
    }                 


    .claTeaserRight {
        width: 200px;
        border: 1px #000000 solid;
        background-color: #ffffff;
    }

    .claTeaserRightPad {
        padding: 15px 10px 15px 10px;
    }     

#charitySchmuckbildSub {
    width:724px;
    background-color: #e90523; 
}

#charitySchmuckbildSubPad {
    width:694px;
    padding: 6px 15px 4px 15px;
    background-color: #e90523; 
    color:#ffffff;
    font-size: 22px;
    font-weight:bold;    
    line-height: 120%;       
}    

.claTeaserCharityRight {
    width: 200px;
/*    border: 1px #ffffff solid;*/
    background-color: #ffffff;
}

.claTeaserCharityRightPad {
    padding: 15px 10px 15px 10px;
}     

.claTeaserCharityRightPad p,
.claTeaserCharityRightPad td {
    font-size:11px;
    line-height: 130%;
}