/*//////////////////////////////////////////
// Erstellt: 00.00.0000, Matthias Dahms     //
// Änderung: 00.00.0000, Matthias Dahms     //
 //////////////////////////////////////////*/

    html, body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 18px;
        margin: 0px;
        padding: 0px;
    }

    body {

    }

    img {
        display: block;
    }
    
    p {
        margin: 0 0 18px 0;
        padding: 0;
    }

    th,
    td {
        vertical-align: top;
    }
    
    form {
        padding: 0px;
        margin: 0px;
    }

    ul {

    }

    li {

    }
    
    input, textarea, select {

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

    h1 {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 18px;
        margin-top: 0px;
        font-weight: bold;
        text-transform: uppercase;
    }

    h1 a:link,
    h1 a:visited,
    h1 a:active,
    h1 a:hover {
        color: #000000;
        text-decoration: none;
        font-size: 13px;
        line-height: 18px;
        font-weight: bold;
    }

    .lessBottom h1 {
        margin-bottom: 0px;
    }
    
    h2 {

    }

    h2 a:link,
    h2 a:visited,
    h2 a:active,
    h2 a:hover {

    }

    h3 {

    }

    h3 a:link,
    h3 a:visited,
    h3 a:active,
    h3 a:hover {

    }

    h4 {

    }

    h4 a:link,
    h4 a:visited,
    h4 a:active,
    h4 a:hover {

    }

    hr {

    }

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

    .claHead {
        
    }

    .claHeadLogo {
        float: left;
        width: 326px;
    }

    .claHeadKalender {
        float: left;
        width: 476px;
    }

    .claKalenderTage {
        padding-left: 5px;
        padding-top: 19px;
    }

    .claHeadMustHave {
        float: left;
        width: 142px;
    }

    .claPage {
        width: 944px;
        margin: 40px auto 0px; 
    }

    .claContent {
        margin: 0 8px;
        width: 944px;
    }

    .cla1SP {
        float: left;
        width: 284px;
        margin-right: 42px;
    }

    .cla3SP {
        float: left;
        width: 426px;
        margin-right: 42px;
        text-align:justify;
    }
 
    .cla1SPLast {
        float: left;
        width: 142px;
        font-size: 10px;
        line-height: 14px;
    }

    .cla4SPLast {
        float: left;
        width: 610px;
    }

    .claProgramm1SP {
        float: left;
        width: 284px;
        margin-right: 42px;
        margin-bottom: 20px;
    }

    .claProgramm1SPLast {
        float: left;
        width: 284px;
        margin-bottom: 20px;
    }

    .claProgrammUebersichtText {
        float: left;
        width: 134px;
        margin-right: 8px;
    }

    .claProgrammUebersichtBild {
        float: left;
        width: 142px;
    }

    .claPartner {
        float: left;
        width: 610px;
    }
 
    .claEntryLeft {
        padding-bottom: 10px;
        border-bottom: 1px #000000 solid;
        margin-bottom: 10px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
    }

    .claContentBlock {
        margin-top: 20px;
    }

    .claFooter {
        
    }

    .claHeadPrint,
    .claFooterPrint {
        display: none;
    }

    .clabgpEmedia {
        display: none;
        visibility: hidden;
    } 

    .claTextSmall {
        font-size: 10px;
        line-height: 14px;
    }

    .claBlockBottomLine {
        border-bottom: 1px solid #000000;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .claTableOpen {
        width: 300px;
    }

    .claTableOpen3Col {
        width: 426px;
        margin-bottom: 18px;
    }

    .claTableOpenColumn1 {
        width: 150px;
    }

    .claTableOpenColumn1of3 {
        width: 170px;
        vertical-align: top;
        padding-bottom: 3px;
        padding-right: 5px;
        text-align: left;
    }

    .claTableOpenColumn2of3 {
        width: 120px;
        vertical-align: top;
        padding-bottom: 3px;
        padding-right: 5px;
        text-align: left;
    }

    .claTableOpenColumn3of3 {
        vertical-align: top;
        padding-bottom: 3px;
        text-align: left;
    }

    .claVersal {
        text-transform: uppercase;   
    }

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

    #mainNav {
        margin-top: 13px;
        margin-bottom: 28px;
        height: 27px;
    }

    .mainNavDiv {
        float: left;
        padding-left: 30px;
    }

    .mainNavDivFirst {
        float: left;
        padding-left: 6px;
    }  
    /*Einfache Navigation links - Start*/
    .navUl1 {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .nav1 a:link, .nav1 a:visited {
        font-weight: normal;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 10px;
        color: #000000;
    }

    .nav1 a:active, .nav1 a:hover {
        font-weight: normal;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 10px;
        color: #9c9e9f;
    }               

    .nav1akt a:link, .nav1akt a:visited, .nav1akta:active, .nav1akt a:hover {
        font-weight: normal;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 10px;
        color: #9c9e9f;
    }
    /*Einfache Navigation links - Ende*/

    /*Doppelte Navigation links - Start*/
    .doppelnav1, .doppelnav1akt {
        border-bottom: 1px #000000 solid;
        font-size: 13px;
        font-weight: bold;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

    .doppelnav1Last, .doppelnav1Lastakt {
        border-bottom: 0;
        font-size: 13px;
        font-weight: bold;
    }

    .navUl2 {
        list-style-type: none;
        margin: 0;
        margin-top: 18px;
        padding: 0;
        font-weight: normal;
    }

    .doppelnav2 a:link, .doppelnav2 a:visited {
        font-weight: normal;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 10px;
        color: #000000;
    }

    .doppelnav2 a:active, .doppelnav2 a:hover {
        font-weight: normal;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 10px;
        color: #9c9e9f;
    }

    .doppelnav2akt a:link, .doppelnav2akt a:visited {
        font-weight: normal;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 10px;
        color: #9c9e9f;
    }

    .nav2Line {
        font-size: 10px;
    }

    /*Doppelte Navigation links - Ende*/

    .claMustHave {
        margin-bottom: 5px;
    }

    .claMustHaveBig {
        margin-bottom: 12px;
    }                                            

 /*//////////////////////////////////////////
// Formular                                   //
 //////////////////////////////////////////*/

    .claFieldContainer {
        height: 20px;
    }

    .claFieldLabel {
        float: left;
        /*margin-left: 24px;*/
        margin-left: 0px;
        padding-left: 24px;
        width: 140px;
    }

    .claField {
        float: left;
        line-height: 17px;
        /*margin-bottom: 2px;*/
    }

    .claInput {
        border: 1px solid #000000;
        height: 13px;
        width: 258px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        /*line-height: 18px;*/
    }

    .claInputSubmit a:link, .claInputSubmit a:visited {
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        color: #000000;
    }

    .claInputSubmit a:active, .claInputSubmit a:hover {
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        color: #9c9e9f;
    }

    .claCheckBoxBorderInaktiv {
        background-image: url(/bilder/layout/formular/checkbox_inaktiv.gif);
        background-position: 0 0;
        background-repeat: no-repeat;
        cursor: pointer;
        width: 24px;
        /*margin-bottom: 5px;*/
    }

    .claCheckBoxBorderAktiv {
        background-image: url(/bilder/layout/formular/checkbox_aktiv.gif);
        background-position: 0 0;
        background-repeat: no-repeat;
        cursor: pointer;
        width: 24px;
        /*margin-bottom: 5px;*/
    } 

    .claCheckBoxBorderDeakt {
        background-image: url(/bilder/layout/formular/checkbox_ausverkauft.gif);
        background-position: 0 0;
        background-repeat: no-repeat;
        width: 24px;
        /*margin-bottom: 5px;*/
    }

    .claCheckBoxBorderGrey {
        background-image: url(/bilder/layout/formular/checkbox_abgelaufen.gif);
        background-position: 0 0;
        background-repeat: no-repeat;
        width: 24px;
        /*margin-bottom: 5px;*/
    }

    .claCheckbox {
        border: transparent;
        height: 17px;
        /*margin-right: 4px;*/
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        width: 16px;
    }  

    .claCheckBoxLable {
        float: left; 
        width: 400px;
        /*margin-bottom: 5px;*/
    }                                                                                   

 /*//////////////////////////////////////////
// Teaser                                   //
 //////////////////////////////////////////*/

    .claTeaserBlock {
        margin-bottom: 15px;
    } 

    .claTeaserBlock .claPad {
        padding: 15px 0 10px 0;
    }  

    .claTeaserBlock,
    .claTeaserBlock p {
        font-size: 11px;
        line-height: 18px;
    }   

/*//////////////////////////////////////////
// Gästebuch                                //
 //////////////////////////////////////////*/
    #gaestebuchEingabe .clear {
        clear: both;        
    }                

    #gaestebuchEingabe .claFieldLabel {
        text-transform: uppercase;
    }

    #gaestebuchEingabe .claTextarea {
        border: 1px solid #000;
        width: 258px;
        height: 98px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        overflow: auto;
    }

    #gaestebuchEingabe .claInputSubmit, 
    #gaestebuchFehlermeldung {
        padding: 10px 0;
    }

    #gaestebuchCaptcha .claInput {
        margin-top: 7px;
    }

    #gaestebuchAusgabe {
        border-top: 1px solid #000; 
        padding-top: 10px;       
        margin-top: 20px;
    }

    .gaestebuchEintrag {
        border-bottom: 1px solid #000;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }                

    .gaestebuchEintrag a {
        text-decoration: underline;
    }

    #gaestebuchKommentar {
        width: 100%;
        border: 1px solid #000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        overflow: auto;
    }                           

/*//////////////////////////////////////////
// Bildergalerie                            //
 //////////////////////////////////////////*/
    #bildergalerie p {
        margin-bottom: 0;
    }

    #bildergalerie #esy_layer_content {
        text-transform: none;
    }