/*
borders         #717470
text            #606060
menu bg         #cbd2c1
main bg         #cfe0cc
red             #7a2824
monthSquare     #515151

14px    100%
16px    114%
24px    171%

*/

a, .red {color: #7a2824;}
a:hover {opacity: .7;}
p {margin-bottom: 25px;}
.block {display: block;}
.clear, .cleaner {clear: both;}
.fll {float: left;}
.flr {float: right;}
.talr {text-align: right;}
.tall {text-align: left;}
.talc {text-align: center;}
img {max-width: 100%;height: auto;}
.center {margin-left: auto;margin-right: auto;}
.mt {margin-top: 6px;}
.mt20 {margin-top: 30px;}
.mr {margin-right: 8px;}
.mrNone {margin-right: 0px !important;}
.mb {margin-bottom: 6px;}
.mb20 {margin-bottom: 30px;}
.ml {margin-left: 8px;}
.op50 {opacity: .5}
#container ul {list-style-type: disc;list-style: disc;list-style-position: outside;padding-left: 20px;margin: 10px 0;}
strong {font-weight: 700;}
em {font-style: italic}
ol {list-style-type: decimal;list-style-position: outside;padding-left: 20px;margin: 10px 0;}
.invisible, .hidden {display: none;}
.fa {-moz-osx-font-smoothing: auto;line-height: inherit;}
.dropShadow {}
.highlight {font-weight: bold;}
.error {color: #cf0000}
.nowrap {white-space: nowrap}
.menubg {background-color: #cbd2c1}
img {display: block}



html, body {width: 100%;height: 100%;min-height: 100%}
h1 {color: #7a2824;font-size: 171%;font-weight: bold;text-decoration: none;line-height: 1.2em;margin: 25px 0;}
h2 {color: #777777;font-size: 150%;font-weight: bold;text-decoration: none;line-height: 1.2em;margin: 30px 0 20px 0;}
h3 {color: #4e4e4e;font-size: 125%;font-weight: bold;text-decoration: none;line-height: 1.2em;margin: 20px 0 15px 0;}
hr {border: 0; height: 1px; background: #777; background-image: linear-gradient(to right, #cfe0cc, #777, #cfe0cc);}

body {position: relative;background-color: #fff;font-family: Arial,Verdana,sans-serif;font-size: 14px;line-height: 1.5em;color: #606060;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;}
#wrapper, #header, #container, #main, #sidebar, #footer {position: relative;}
#wrapper {width: 96%;margin: 0 auto;max-width: 1200px}

#header {padding-top: 20px}
#header a:hover {opacity: 1}
#container {margin-top: 20px;padding-bottom: 20px}
#left {margin: 0 2% 0 0;width: 25%;float: left}
#left .inside {background-color: #cbd2c1;border-radius: 12px;border: solid #717470 1px;min-height: 100px;}
#main {margin: 0 0 0 0;width: 73%;float: left}
#main .inside {background-color: #cfe0cc;border-radius: 12px;border: solid #717470 1px;padding: 15px 4% 100px 4%;min-height: 200px;}

#homeTxt {width: 70% !important;margin: 0 auto !important;padding-bottom: 20px}

/* NAVI */



/* CONTENT */
.image_container.float_left {margin: 0 20px 8px 0}
select {max-width: 99%;outline: none;border: none;border-radius: 5px}

/* EVENT */
.mod_mae_event_filter {margin: 15px;}
.mod_mae_event_filter .category.all {margin-bottom: 10px}
.mod_mae_event_filter .category.all.active {display: none}
.mod_mae_event_filter a {display: block;text-decoration: none;white-space: nowrap}
.mod_mae_event_filter .active a {cursor: default;}
.mod_mae_event_filter .active a:hover {opacity: 1}

.mod_eventlist {margin-top: 25px}
.event.layout_list {margin-bottom: 30px;white-space: nowrap;overflow: hidden}
.event .monthSquare {float: left;width: 94px;background-color: #515151;color: #fff;line-height: 25px;text-align: center;padding: 7px 0;font-family: Verdana;border-radius: 4px;margin-bottom: 20px;vertical-align: top}
.event .monthSquare .mth {font-size: 150%;line-height: 30px}
.event h2 {margin: 0 0 10px 0;font-size: 140%}
.event .text {float: right;vertical-align: top;white-space: normal;width: calc(100% - 115px)}
.event .untilPre {display: none}
.abgesagt {opacity: .6;font-style: italic}

#selectKo {margin-bottom: 15px;background-color: #cbd2c1;border: 1px solid #717470;width: 99%}
.event.cancelled {opacity: .7}
.event.cancelled .datum {text-decoration: line-through}

/* ADDRESS */
.ce_maeRmAdr .contacts {line-height: 1.8em;}

/* FOOTER */
#footer {padding: 20px 0;position: absolute;bottom: 0px;width: 96%;}
#footer a {display: block;float: right;line-height: 40px;height: 40px;margin-right: 30px;font-size: 85%;color: #7c7c7c}
#footer #scrollTop {display: none;float: right;width: 40px;height:40px;line-height: 40px;background-color: #515151;color: #fff !important;text-align: center;border-radius: 4px}

/* not wider than 1200 px */
@media (min-width: 1220px)
{
    .mr {margin-right: 10px;}
    .ml {margin-left: 10px;}
    body {font-size: 110%}
    .elNav a, .elNav span {height: 40px;line-height: 40px;}
}

/* remove sidebar */
@media (max-width: 800px)
{
    #menuButton {display: block}

    #left {display: none}
    body.termine #left {display: block;}
    #left {margin: 0 0 5px 0;width: auto;float: none}
    #left .inside {min-height: unset;border-color: transparent;border-width: 0px;}
    .mod_mae_event_filter a {line-height: 30px;font-size: 125%}

    .elNav {display: none}
    #main {float: none;width: 100%}
    #homeTxt {width: auto !important;}
    .event .text .sep {display: none}
    .event .text .from {display: block}
    .event .untilPre {display: inline}
    .event h2 {font-size: 120%}
}


/* betweener */
@media (max-width: 500px)
{
    .event .days {display: none;}

}

/* smartPhone */
@media (max-width: 400px)
{
    .event h2 {margin-bottom: 0px;}
    .event .monthSquare {display: none}
    .event .text {float: none;width: 100%}
    .image_container.float_left {max-width: 30%}
    h2 {margin-bottom: 10px}
}

/* print css */
@media print
{
    a, .red, h1,h2,h3 {color: #000;text-decoration: none}

    body {font-size: 12px;color: #000}
    #wrapper {width: 100%; margin: 0 0 0 0;}
    #header {width: 50%;padding: 0 0 0 0;height: auto;display: none}
    #container {margin: 0 0 0 0;padding: 0 0 0 0;}
    #main {width: auto}
    #main .inside {border: none;padding: 0 0 0 0;background-color: #fff;margin: 0 0 0 0;float: none}
    #left, #footer, .backLink, .noprint {display: none !important;}

    .event.layout_list {margin-bottom: 10px;white-space: normal;overflow: auto}
    .event .text .sep, .event .text .from {display: inline}
    .event .untilPre {display: none}
    .event .monthSquare {border: solid #000 1px}
}