/*//////////////////////////////////////////////////
    Cascading StyleSheets - Objekte
//////////////////////////////////////////////////*/
    @font-face {
        font-family: "Hooge";
        src: url('/css/hoog0557_webfont.eot');
        src: url('/css/hoog0557_webfont.eot?#iefix') format('embedded-opentype'),
        url('/css/hoog0557_webfont.woff') format('woff'),
        url('/css/hoog0557_webfont.ttf') format('truetype'),
        url('/css/hoog0557_webfont.svg#hooge0557Regular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    html { height:100%; }
    body {
        margin: 0px;
        padding: 0px;
        color: #000000;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 12px;
        line-height: 180%;
        background-color: #e2e2e2;
        height: 100%;
        overflow-y: scroll;
    }

    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: #000000;
        text-decoration: underline;
    }
    
    a:visited {
        color: #000000;
        text-decoration: underline;
    }

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

    a:hover {
        color: #000000;
        text-decoration: underline;
    }
    
    h1 {
        font-family: Hooge;
        font-size: 32px;
        line-height: 105%;
        color: #000000; 
        padding: 0px 0px 5px 0px;
        margin: 0px;
        font-weight: normal;
        text-transform:uppercase;
    }

    h2 {
        font-size: 12px;
        line-height: 120%;
        color: #f028b4; 
        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-family: Hooge;
        font-size: 24px;
        font-weight: normal;
        color: #f028b4;
        padding: 0px;
        margin: 0px;
        text-decoration: none;
        text-transform:uppercase;
    }

.sponsorentb h5 {
    color:#000000;
}
    
    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: normal;
        text-decoration: none;
    }  

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

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

/*//////////////////////////////////////////////////
    Navigation
//////////////////////////////////////////////////*/
    .claNav {
        padding-left:12px;
    }

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

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

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

    .Nav1Active {
        width:  184px;
    }

    .Nav1InActive {
        width:  184px;        
    }

    .Nav1LiActive {
        line-height: 20px;
        border-bottom: 1px #000 solid;
        font-size:16px;
        font-family: Hooge;
        font-weight: normal;
    }

    .Nav1LiActive a:link,
    .Nav1LiActive a:visited,
    .Nav1LiActive a:active,
    .Nav1LiActive a:hover {
        /*padding-left: 12px;*/
        color: #f028b4;
    }

    .Nav1LiInActive {
        line-height: 20px;
        border-bottom: 1px #000 solid;
        font-size:16px;
        font-family: Hooge;
        font-weight: normal;
    }

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

    .Nav2Active {
        
    }

    .Nav2InActive {
        
    }

    .Nav2LiActive {
        line-height: 20px;
        /*border-top: 1px #000 solid;*/
        font-size:16px;
    }

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

    .Nav2LiInActive {
        line-height: 20px;
        /*border-top: 1px #000 solid;*/
 font-size:16px;
    }

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

    .Nav2LiInActive a:hover {
        color: #f028b4;
        font-size:16px;
    }

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

    #rechte_spalte_headline_rot {
        height: 25px;
        background-color: #f028b4;
        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: #f028b4;
        font-weight: normal; 
    }

    .rot3 {
        font-family:Hooge;
        color: #f028b4;
        font-size: 16px;
        line-height: 105%;
        font-weight: normal;
        text-transform:uppercase;
    }
    
    .short_termine h2 {
        font: bold 12px verdana;
        color: #f028b4;
        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: #f028b4;
        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: #f028b4;
        min-height: 12px;
        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: 8px;
        line-height: 120%;
        padding-bottom: 6px;
    }

    .claFooter td,
    .claFooter a:link,
    .claFooter a:visited,
    .claFooter a:active,
    .claFooter a:hover {
        font-family: Hooge;
        font-size: 16px;
        line-height: 105%;
        color: #000000;
        text-decoration: none;
        text-transform:uppercase;
    }         

    .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: #f028b4; 
}

#charitySchmuckbildSubPad {
    width:694px;
    padding: 6px 15px 4px 15px;
    background-color: #f028b4; 
    color:#ffffff;
    font-family: Hooge;
    font-size: 20px;
    line-height: 105%;       
}    

.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%;
}
      
.footer-outer {
    /*width: 724px;*/
    width: 730px;
    margin-right: 12px;
}  

.subBoxFont,
.subBoxFont td,
.subBoxFont p,
.subBoxFont a {
    font-family: Hooge;
    font-size: 16px;
    line-height: 105%;
    font-weight: normal;
    text-transform:uppercase;
}

.kal-we-farbe {
    color:#f028b4;
}             

.trennbalken {
    width:100%;
    height:12px;
    background-color:#f028b4;
    margin-top:1px;
}    



/*#############################################*/
.conTeaserslider {
    width:250px;
    /*height:120px;*/
overflow-x:hidden;
} 
.conTeasersliderIn {
    /*padding:6px 5px 6px 6px;*/
    width:250px;
    /*height:108px;*/
}       
#slideshow {
    /*height:108px;*/
    overflow:hidden;
    position:relative;
    width:250px;
}
#slideshow .slideshow-arrows {
    margin-top:5px;
    position:absolute;
    z-index:999;
}
   
* html slideshow .slideshow-arrows {
    margin-top:5px;
}
#slideshow div.slideshow-container {
    /*height:108px;*/
    overflow-x:hidden;
    z-index:1;
}
#slideshow .slideshow-arrows .left {
    background-image:url(/bilder/layout/pfeil_links.png);
    background-position:left center;
 margin-left:5px;
}
#slideshow .slideshow-arrows .right {
    background-image:url(/bilder/layout/pfeil_rechts.png);
    background-position:right center;
    margin-left:230px;
}
#slideshow .slideshow-arrows a:link,
#slideshow .slideshow-arrows a:visited,
#slideshow .slideshow-arrows a:hover,
#slideshow .slideshow-arrows a:active {
    background-repeat:no-repeat;
    display:block;
    height:15px;
    position:absolute;
    width:15px;
} 
#slideshow a.slideshow-item img {
    border:0 none;
    display:block;
    float:left;
}
/*#############################################*/