html {	margin:0px; padding:0px; }
body {  background-color: #ffffff; margin:0px; padding:0px; }
div#main { text-align: center; position:relative; margin:0 auto; width:100%; height:auto !important; min-height:100%; }
div#header  { width:100%; background-repeat: repeat-x; background-position: 50% 50%; margin: 0 auto; }
div#header2 { max-width: 1003px; height: 145px; text-align: left; margin: 0 auto; z-index: 99; padding-top: 10px;  }
div#header3 { max-width: 1003px; text-align: left; margin: 0 auto; height: 188px; text-align: left; background-size: cover; }
div#header4 { max-width: 1003px; margin: 0 auto; height: 5px; }
div#PrintHeader  { display: none; }


#content    { margin-top: 0px; min-height:100px; max-width: 1003px; text-align: left; margin: 0 auto;   }
div#footer  { max-width: 1003px; height: 78px; background-image: url(/global/images/bgfooter.png); background-repeat: repeat-x;  margin: 0 auto; }
div#footer1  { max-width: 1003px; margin: 0 auto; test-align: center; padding-top: 10px; }


div#left    { overflow: hidden; width: 212px; float: left; margin-left: 0px; min-height: 300px;  margin-top: 9px; }
div#left_mobil    { display: none; }

div#xslider { display: none; width: 660px; float: right; margin-right: 10px; margin-top: 10px; }


div#MobilFooter {
    display: none;
    text-align: right;
    padding: 5px;
    color: #181716;
}



a.linkExtern:after {
    content: url('/global/images/linkExtern.svg');
    padding-left: 4px;
    title: "externer Link";
}



.calendar-container {
    border: 1px dotted #aaaaaa;
    width: auto;
}

.calendar-panel {
    line-height: 3em;
    width: auto;
}

    .calendar-panel > ul {
        margin: 0;
        padding: 0;
        width: auto;
    }

        .calendar-panel > ul::before, .calendar-panel > ul::after {
            content: " ";
            display: table;
        }

        .calendar-panel > ul::after {
            clear: both;
        }

        .calendar-panel > ul > li {
            background-color: #fff;
            float: left;
            list-style: none;
            margin: 0;
            padding: 0;
            text-align: center;
            width: calc(100% / 7);
        }

            .calendar-panel > ul > li.muted, .calendar-panel > ul > li.muted:hover {
                color: #999;
            }

            .calendar-panel > ul > li > a[data-view="month prev"]:hover, .calendar-panel > ul > li > a[data-view="month next"]:hover {
                background-color: #6fa036;
                color: #ffffff;
            }

            .calendar-panel > ul > li > a[data-view="month prev"], .calendar-panel > ul > li > a[data-view="month next"] {
                font-size: 18px;
                cursor: pointer;
                display: block;
            }

            .calendar-panel > ul > li[data-view="years current"], .calendar-panel > ul > li[data-view="year current"], .calendar-panel > ul > li[data-view="month current"] {
                width: 150px;
                width: 71.0%;
            }

        .calendar-panel > ul[data-view="years"] > li, .calendar-panel > ul[data-view="months"] > li {
            height: 52.5px;
            line-height: 52.5px;
            width: 52.5px;
        }

        .calendar-panel > ul[data-view="week"] > li, .calendar-panel > ul[data-view="week"] > li:hover {
            background-color: #fff;
            cursor: default;
        }

        .calendar-panel > ul > li.isBelegt {
            background-color: #ff0000;
            opacity: 0.5;
        }







#Menue {
    z-index: 999;
    position: absolute;
    width: 215px;
    height: 184px;
    padding-top: 5px;
    background-image: url(/global/images/BGMenue.png);
}


.a_submenue_selected, .a_submenue_selected:link, .a_submenue_selected:visited {
    filter: alpha(opacity = 95);
    opacity: 0.95;
    height: 13px;
    display: block;
    font-family: Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
    COLOR: #ffffff;
    font-size: 1em;
    padding-left: 64px;
    background-color: #5d5d5c;
    padding: 5px;
}


.a_submenue, .a_submenue:link, .a_submenue:visited {
    filter: alpha(opacity = 95);
    opacity: 0.95;
    height: 13px;
    display: block;
    font-family: Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
    COLOR: #5d5d5c;
    font-size: 1em;
    padding-left: 64px;
    padding: 5px;
    background-color: #ffffff;
}

.a_submenue:hover {
    filter: alpha(opacity = 95);
    opacity: 0.95;
    height: 13px;
    display: block;
    font-family: Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
    COLOR: #5d5d5c;
    font-size: 1em;
    padding-left: 64px;
    padding: 5px;
    background-color: #cccccc;
}



.a_subsubmenue_selected, .a_subsubmenue_selected:link, .a_subsubmenue_selected:visited {
    filter: alpha(opacity = 95);
    opacity: 0.95;
    height: 13px;
    display: block;
    font-family: Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
    COLOR: #ffffff;
    font-size: 1em;
    padding-left: 64px;
    background-color: #5d5d5c;
    padding: 5px;
}


.a_subsubmenue, .a_subsubmenue:link, .a_subsubmenue:visited {
    filter: alpha(opacity = 95);
    opacity: 0.95;
    height: 13px;
    display: block;
    font-family: Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
    COLOR: #5d5d5c;
    font-size: 1em;
    padding-left: 64px;
    background-color: #ffffff;
    padding: 5px;
}


.a_subsubmenue:hover {
    filter: alpha(opacity = 95);
    opacity: 0.95;
    height: 13px;
    display: block;
    font-family: Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
    COLOR: #5d5d5c;
    font-size: 1em;
    padding-left: 64px;
    background-color: #cccccc;
    padding: 5px;
}



.a_menue_selected, .a_menue_selected:link, .a_menue_selected:visited {
    height: 18px;
    display: block;
    padding-left: 64px;
    padding-top: 4px;
    background-repeat: no-repeat;
    background-position: 15px 0%;
    background-image: url(/global/images/MenueSelected.png);
    font-family: Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
    COLOR: #ffffff;
    font-size: 1em;
}


.a_menue, .a_menue:link, .a_menue:visited {
    height: 12px;
    display: block;
    font-family: Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
    COLOR: #5d5d5c;
    font-size: 1em;
    padding: 3px;
    padding-left: 64px;
    background-repeat: repeat-y;
    background-position: 0% 0%;
}


.a_menue:hover {
    height: 12px;
    display: block;
    font-family: Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
    COLOR: #5d5d5c;
    font-size: 1em;
    padding: 3px;
    padding-left: 64px;
    background-repeat: repeat-y;
    background-position: 0% 0%;
    background-color: #cccccc;
}




.caption { font-family: 'Open Sans'; font-size: 0.9em; font-style:italic; }

.HeadlineGrau {
    height: 15px;
    width: 208px;
    background-color: #7b7878;
    color: #ffffff;
    padding: 6px;
    margin: 0px;
    border-bottom: 1px solid #ebebeb;
}

.Box212 {
    width: 220px;
    min-height: 150px;
    margin-left: -10px;
    background-color: #ebebeb;
    padding: 6px;
    margin-top: 10px;
}


.Videobox {
    width: 220px;
//    height: 100px;
    margin-left: -10px;
    background-color: #ebebeb;
    padding: 6px;
    margin-bottom: 10px;
}
.VideoHead {
    height: 15px;
    width: 208px;
    background-color: #7b7878;
    color: #ffffff;
    padding: 6px;
    margin: 0px;
    border-bottom: 1px solid #ebebeb;
}


#LinkBoxLinks {
    width: 200px;
    min-height: 150px;
    background-color: #ebebeb;
    padding: 6px;
    margin-bottom: 10px;
}

#LinkBoxLinks p {
    height: 30px;
    width: 188px;
    background-color: #7b7878;
    color: #ffffff;
    padding: 6px;
    margin: 0px;
    border-bottom: 1px solid #ebebeb;
}


#LinkBoxOben {
    width: 220px;
    min-height: 150px;
    margin-left: -10px;
    background-color: #ebebeb;
    padding: 6px;
    margin-bottom: 10px;
}
#LinkBoxOben p {
    height: 30px;
    width: 208px;
    background-color: #7b7878;
    color: #ffffff;
    padding: 6px;
    margin: 0px;
    border-bottom: 1px solid #ebebeb;
}

#LinkBoxUnten {
    width: 220px;
    min-height: 150px;
    margin-left: -10px;
    background-color: #ebebeb;
    padding: 6px;
    margin-top: 10px;
}
#LinkBoxUnten p {
    height: 30px;
    width: 208px;
    background-color: #7b7878;
    color: #ffffff;
    padding: 6px;
    margin: 0px;
    border-bottom: 1px solid #ebebeb;
}

.imgLinkBox {
    height: 70px;
    width: 220px;
    margin-bottom: 10px;
    background-repeart: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}



.imgAccBox {
    height: 110px;
    width: 110px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}






div#Cyclebox {
    width: 220px;
    margin-left: -10px;
    background-color: #f7fafc;
    padding: 6px;
}
#Cyclebox p {
    height: 30px;
    width: 208px;
    background-color: #7b7878;
    color: #ffffff;
    padding: 6px;
    margin: 0px;
}
#Cyclebox img {
    margin-bottom: 10px;
}



div#BoxStartseite {
    width: 240px;
    height: 210px;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #f7fafc;
    padding: 10px;
}
#BoxStartseite p {
    height: 30px;
    width: 220px;
    background-color: #3385bd;
    color: #ffffff;
    padding: 10px;
    margin: 0px;
}
#BoxStartseite img {
    margin-bottom: 10px;
}
.txtBoxKlein {
    font-size: 0.9em;
    color: #181716;
}






.sz18 { font-size: 1.8em; }
.more { text-align: right; }

.nlmail { width: 265px; height: 24px; float:left; } 
.nlsubmit {float: right; width: 30px; height: 30px; }
.box10 { margin-bottom: 10px; }
.eventtext { float: right; height: 53px; width: 250px; padding-top: 5px; border-top: 1px solid #000000;padding-bottom: 5px; border-bottom: 1px solid #000000; }



.eventtextlg            { float: right; width: 85%; padding: 1%; padding-top: 0; }
.eventdatumlg           { height: 60px; float: left; text-align: center; width: 50px; background-color: #7b7878; color: #ffffff; font-size: 0.9em; padding: 1%; }
.eventlink              { color: #ffffff; font-weight: bold; }

.teaserbox_large { width: 650px; margin-bottom: 25px; clear: both; }
.teaserimg_large { width: 650px; height: 200px; }
.teaserimg_small { width: 310px; height: 200px; }

.teaserbox_small_left   { width: 310px; margin-bottom: 25px; float: left; }
.teaserbox_small_right  { width: 310px; margin-bottom: 25px; float: right; }
.fett { font-weight: bold;}

.linksmall { font-size: 0.7em; }
.cb  { clear: both; } 
.videoprev  { margin-right: 10px; float: left; width: 155px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.videoprev2  { width: 155px; }


#Suche { height: 100px; width: 300px; float: right; }
#SuchForm { padding-top: 20px; float: left; width: 175px; }
#Suchfeld { width: 140px; height: 14px; float:left; }
#Suchbutton { float: right; width: 20px; height: 20px; }
#Logo { float: right; margin-right: -5px; margin-top: 20px;  }

#NaviTop { margin-top: 10px; float: left; width: 700px; background-color: #ffffff; } 


#cycler1 { position:relative; }
#cycler1 img{position:absolute;z-index:1}
#cycler1 img.active{z-index:3}

#cycler {position:relative; }
#cycler #Cyclebox {position:absolute;z-index:1; }
#cycler #Cyclebox.active {z-index:3; }

.ui-icon-triangle-1-e { background-image: url(/global/images/btnOpen.png); background-repeat: no-repeat; padding-left: 20px;}
.ui-icon-triangle-1-s { background-image: url(/global/images/btnCLose.png); background-repeat: no-repeat; padding-left: 20px;}












 /* Menue */
    .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none;    }
    .sf-menu li { position: relative; }
    .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
    .sf-menu > li { float: left; }
    .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }
    .sf-menu a { display: block; position: relative; }
    .sf-menu ul ul { top: 0; left: -100%;     }


    .sf-menu { float: left; margin-bottom: 1em; }
    .sf-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 12em; }
    .sf-menu a { text-decoration:none; zoom: 1; }
    .sf-menu a { color: #339966; text-decoration: none; }
    .sf-menu li { white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; }
    .sf-menu ul li { }
    .sf-menu ul ul li { }
    .sf-menu li:hover,
    .sf-menu li.sfHover { -webkit-transition: none; transition: none; }

    .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; }
    .sf-sub-indicator { position: absolute; display: block; right: .75em; top: .9em; text-indent: -999em; overflow: hidden; }

    li:hover > a .sf-sub-indicator, li.sfHover > a .sf-sub-indicator { }

    .sf-menu ul .sf-sub-indicator { }
    .sf-menu ul li:hover > a .sf-sub-indicator, .sf-menu ul li.sfHover > a .sf-sub-indicator { }
    .sf-vertical { }
    .sf-vertical ul { left:	100%; top:	0; }
    .sf-vertical li { width: 100%; }
    .sf-vertical .sf-sub-indicator { background-position: 0 0; }
    .sf-vertical li:hover > a .sf-sub-indicator, .sf-vertical li.sfHover > a .sf-sub-indicator { }




@media all and (min-width: 1003px) {
    div#HeaderMobil { display: none; }

    #content    { width: 1003px; }
    div#left    { overflow: hidden; width: 212px; float: left; margin-left: 0px; min-height: 300px;  margin-top: 9px; }
    div#middle  { overflow: hidden; width: 505px; float: left; padding-left: 20px; padding-right: 20px; margin-top: 25px; min-height: 300px; border-right: 1px dotted #484647; line-height: 150%;}
    div#right   { overflow: hidden; width: 212px; float: right; padding-left: 10px; padding-right: 10px; margin-top: 9px; min-height: 300px; }
    div#large   { overflow: hidden; width: 717px; float: left; padding-left: 20px; padding-right: 20px; margin-top: 25px; min-height: 300px; border-right: 1px dotted #484647; }


}




@media all and (max-width: 1002px) {
    div#HeaderMobil { max-width: 1003px; height: 120px; text-align: left; margin: 0 auto; z-index: 99; padding-top: 10px;  }
    div#header2 {display: none; }

    #content { width: 100%; }

    div#left {
        overflow: hidden;
        width: 212px;
        float: left;
        margin-left: 0px;
        min-height: 30px;
        margin-top: -15px;
    }

    div#middle {
        overflow: hidden;
        padding-left: 20px;
        margin-top: 25px;
        min-height: 10px;
        border-right: 0;
        line-height: 150%;
    }

    div#large {
        overflow: hidden;
        width: auto;
        float: none;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 25px;
        min-height: 10px;
        border-right: 0;
    }

    div#right {
        overflow: hidden;
        width: 212px;
        float: none;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 9px;
        min-height: 10px;
    }

    div#footer {
        display: none;
    }

    div#footer1 { display: none; }

    div#MobilFooter {
        display: block;
        text-align: right;
        padding: 5px;
        color: #181716;
    }

    div#header {display: none; }



    .sf-vertical { width: auto; }
    .sf-vertical ul { left: -100%;  top: 20px; margin-left: -10px;}
    .sf-vertical > li { float: none; }
    .sf-vertical li { width: 100%; }
    .sf-vertical ul ul { left: -100%; }
    .sf-vertical.sf-arrows > li > .sf-with-ul:after { }
    .sf-vertical.sf-arrows li > .sf-with-ul:focus:after, .sf-vertical.sf-arrows li:hover > .sf-with-ul:after,.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after { } 
    .sf-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 12em; background-color: #ffffff; padding: 0.5em; }
    .sf-menu li { position: relative; padding: 0.25em; }
    .sf-menu a.sf-with-ul { padding-right: 0em; min-width: 1px; }
}

@media all and (max-width: 750px) {
    #content    { width: 100%; }
    div#middle  { overflow: hidden; padding-left: 20px; margin-top: 25px; min-height: 10px; border-right: 0; line-height: 150%;}
    div#large   { overflow: hidden; width: auto; float: none; padding-left: 20px; padding-right: 20px; margin-top: 25px; min-height: 10px; border-right: 0; }
    div#right   { overflow: hidden; width: 212px; float: none; padding-left: 10px; padding-right: 10px; margin: 10px; }

    div#left    { display: none; }
    div#left_mobil { display: block; overflow: hidden; width: 222px; float: left; padding-left: 5px; padding-right: 5px; min-height: 10px; background-color: #ebebeb; margin: 10px; margin-top: 25px; }

    div#MobilFooter { display: block; text-align: right; padding: 5px; color: #181716; }

    div#header {display: none; }
    div#newsletterbestellen {display: none; }
    div#mitgliedwerden {display: none; }

    .eventtextlg            { float: right; width: 75%; padding: 1%; padding-top: 0; }
    .eventdatumlg           { height: 60px; float: left; text-align: center; width: 50px; background-color: #7b7878; color: #ffffff; font-size: 0.9em; padding: 1%; }
}