/*----------------------------------- Importdateien -------------------------------------*/

@import "pms.css";
@import "modules.css";

/*----------------------------------- Deklarierung von HTML_Tags -------------------------------------*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #page_search form input[type=submit] { margin-top: 2px; margin-left: -5px; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #page_search form input[type=submit] { margin-top: 2px; height: 42px!important; }
}

html { font-size:100.1%; } /* Rundungsfehler in alten Versionen von Opera und Safari korrigieren */
body { font-family: 'Open Sans', sans-serif; font-size:80%; color:#000; margin:0px; }
body { position:relative; } /* Die relative Positionierung von body beseitigt die Zoom-Schwierigkeiten im IE7 */
* html body { position:static; } /* Der IE6 hat beim Zoomen keine Probleme */
img { border:none; }
form { margin:0; padding:0; }
p { margin-top:0px; }
a { color:#8dc63f; text-decoration:none; }
a:hover { color:#ec7c16; }
h1 { font-size:2.1em; }
h2 { font-size:1.8em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1.0em; }
h6 { font-size:0.9em; }
h1, h2, h3, h4, h5, h6 { margin-top:0; padding-top:0; margin-bottom:10px; color:#333; }
li { padding-top:2px; padding-bottom:2px; }
hr { height:1px; }
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor: pointer; }
label span { color:#ff0000; }
input, .mod_form textarea { }

/* Globale Korrektur des Italic-Bugs im IE6 -> Inhalt mit fester Breiter wird größer als definiert, was zu Scrollbalken innerhalb des Containers führen kann */
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

/*----------------------------------- Deklarierung von IDs -------------------------------------------*/
body {
    background: url('../gfx/basic/header.jpg') no-repeat #f0f8e5;
    background-size: 100% 100%;
}

html {
    height: 100%;
}

.mobile { display: none; }

#page { width: 1015px; margin: 0 auto; position: relative; z-index: 500; }
#page #header { }
#page #header #logo { display: block; width: 167px; height: 95px; background: url('../gfx/basic/logo.png') no-repeat; z-index: 500; position: relative; top: -3px; left: -6px; }

#page #header #tnav { margin-top: 11px; }
#page #header #tnav ul { list-style: none; border-bottom: 2px solid #8dc63f; padding: 0px 0px 10px 0px; margin: 0px; }
#page #header #tnav ul li { float: left; }
#page #header #tnav ul li + li::before { content:'•'; color: #8dc63f; margin: 0 13px; }
#page #header #tnav ul li a { color: #fff; font-size: 13px; }

#page #header #mnav { margin-top: 30px; }
#page #header #mnav ul { padding: 0px 25px; margin: 0px; list-style: none; background: #fff; }
#page #header #mnav ul li { float: left; padding: 0px; position: relative; z-index: 700; }
#page #header #mnav ul li:first-child { border-left: 0px; }
#page #header #mnav ul li a { display: block; color: #333333; font-size: 15px; padding: 14px 15px; position: relative; top: 0px; z-index: 1000; }
#page #header #mnav > ul > li > a:after { background: transparent; opacity: 1; padding: 0; content: ''; position: absolute; height: 14px; width: 100%; bottom: -7px; left: 0; }
#page #header #mnav > ul > li:hover > a,
#page #header #mnav > ul > li > a.active { box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); }
#page #header #mnav > ul > li > a.active { color: #8DC63F; }
#page #header #mnav > ul > li:hover > a.has:after { background: #fff; }
#page #header #mnav ul li .mnav_sub { display: none; height: auto; top: 50px; position: absolute !important; z-index: 500; padding: 5px 0px !important; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); }
#page #header #mnav ul li .mnav_sub li { float: none; background: #fff; border: 0px; width: 100%; position: relative; }
#page #header #mnav ul li .mnav_sub li ul { box-shadow: none; position: relative; }
#page #header #mnav ul li .level_1 li a { display: inline-block; white-space: nowrap; padding: 5px 15px; }
#page #header #mnav ul li .mnav_sub li a:before { content: url('../gfx/basic/angle_green.png'); margin-right: 10px; }
#page #header #mnav ul li .mnav_sub li ul { position: absolute; }

#page #header #mnav ul li .level_1 > li:hover {background:#8ec63f;}
#page #header #mnav ul li .mnav_sub li:hover a:before { content: url('../gfx/basic/angle_white.png'); margin-right: 10px; }
#page #header #mnav ul li .mnav_sub li:hover a {color:white;}
#page #header #mnav ul li .level_2 {background: #8ec63f !important; top:0px !important; margin-top:-5px; left:100%;}
#page #header #mnav ul li .level_2 > li {background:#8ec63f;}
#page #header #mnav ul li .level_2 > li a:before {content: "" !important;}
#page #header #mnav ul li .level_2 > li a { color:white;  word-wrap:break-word !important; }
#page #header #mnav ul li .level_2 > li:hover {background: #6e9c2f}

#page #header .page_search { position: relative; margin-top: -25px; }
#page #header .page_search #page_search { }
#page #header .page_search #page_search form { font-family: 'Open Sans', sans-serif; }
#page #header .page_search #page_search form input { border: 0px; padding: 10px; font-size: 14px; font-family: 'Open Sans', sans-serif; }
#page #header .page_search #page_search form input[type=text] { border-bottom-left-radius: 3px; border-top-left-radius: 3px; color: #aaaaaa; -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; }
#page #header .page_search #page_search form input[type=submit] { border-bottom-right-radius: 3px; border-top-right-radius: 3px; height: 40px; background: #8dc63f; color: #fff; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; }

#page #content { background: #fff; padding: 37px; margin-top: 40px; box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.12); }
#page #content .slideshow {}
#page #content .slideshow .left:first-child { margin-right: 19px; }
#page #content .slideshow .left .flexslider { width: 660px; height: 310px; margin: 0px; border: 0px; }
#page #content .slideshow .left .flexslider .flex-control-nav { position: absolute!important; bottom: 10px; }
#page #content .slideshow .left .flexslider .flex-control-nav li { }
#page #content .slideshow .left .flexslider .flex-control-nav li a { background: #8dc63f; }
#page #content .slideshow .left .bottom { width: 658px; height: 40px; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
#page #content .slideshow .left .bottom .right { width: 108px; height: 40px; border-left: 1px solid #e5e5e5; }
#page #content .slideshow .left .bottom .right a { color: #333333; display: none; font-size: 13px; padding: 0 15px; line-height: 40px; }
#page #content .slideshow .left .bottom .right a::after { content: url('../gfx/basic/chevrons.png'); position: relative; top: 3px; left: 10px; }
#page #content .slideshow .left .bottom .left { }
#page #content .slideshow .left .bottom .left .msg { left: -1px; display: none; background: #8dc63f; color: #fff; font-size: 15px; font-weight: bold; padding: 0px 15px; position: relative; z-index: 500; top: -20px; height: 40px; line-height: 40px; }

#page #content .slideshow .left + .left { width: 259px; border: 1px solid #e5e5e5; }
#page #content .slideshow .left + .left.wegweiser { height: 349px; }
#page #content .slideshow .left + .left .box { padding: 9px 20px; }
#page #content .slideshow .left + .left .box + .box { border-top: 1px solid #e5e5e5; margin-top: 3px; }
#page #content .slideshow .left + .left .box span { color: #222222; font-size: 15px; font-family: 'Source Sans Pro', sans-serif; }
#page #content .slideshow .left + .left .box strong { text-transform: uppercase; color: #333333; font-size: 15px; font-family: 'Source Sans Pro', sans-serif; }
#page #content .slideshow .left + .left .box .left { width: 50%; margin: 0; }
#page #content .slideshow .left + .left .box .left + .left { border: 0px; }
#page #content .slideshow .left + .left .box .left ul { list-style: none; padding: 0px; margin: 16px 0; }
#page #content .slideshow .left + .left .box .left ul li { padding: 0px; }
#page #content .slideshow .left + .left .box .left ul li +li { margin-top: 32px; }
#page #content .slideshow .left + .left .box .left ul li a { text-decoration: none; color: #333333; font-size: 13px; padding-left: 25px; }
#page #content .slideshow .left + .left .box .left ul li a#persons { background: url('../gfx/basic/icons.png') no-repeat 0px 2px; }
#page #content .slideshow .left + .left .box .left ul li a#formulars { background: url('../gfx/basic/icons.png') no-repeat 0px -50px; }
#page #content .slideshow .left + .left .box .left ul li a#weather { background: url('../gfx/basic/icons.png') no-repeat 0px -87px; }
#page #content .slideshow .left + .left .box .left ul li a#numbers { background: url('../gfx/basic/icons.png') no-repeat 0px -30px; }
#page #content .slideshow .left + .left .box .left ul li a#service { background: url('../gfx/basic/icons.png') no-repeat 0px -67px; }
#page #content .slideshow .left + .left .box .left ul li a#contact { background: url('../gfx/basic/icons.png') no-repeat 0px -14px; }
#page #content .slideshow .left + .left .box .left ul li a#hotels { background: url('../gfx/basic/icons.png') no-repeat 0px -104px; }
#page #content .slideshow .left + .left .box .left ul li a#life { background: url('../gfx/basic/icons.png') no-repeat 0px -138px; }
#page #content .slideshow .left + .left .box .left ul li a#culture { background: url('../gfx/basic/icons.png') no-repeat 0px -122px; }
#page #content .slideshow .left + .left .box .left ul li a#finish { background: url('../gfx/basic/icons.png') no-repeat 0px -157px; }
#page #content .slideshow .left + .left .box .left ul li a#opening { background: url('../gfx/basic/icons.png') no-repeat 0px -196px; }
#page #content .slideshow .left + .left .box .left ul li a#kita { background: url('../gfx/basic/icons.png') no-repeat 0px -176px; }

#page #content .banner { font-size: 15px; color: #333333; height: 60px; background: url('../gfx/basic/banner.jpg') no-repeat; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin:25px -37px 0; line-height: 60px; text-align: center; }

#page #content #container { position: relative; }
#page #content #container #col1 { /*width: 660px;*/ position: relative; }
#page #content #container #col1.has { margin-top: 32px; }
#page #content #container #col1 .article { }
#page #content #container #col1 .article ul { padding-left: 15px; display: table; }
#page #content #container #col1 .article h2, #page #content #container #col1 h1 { color: #333333; font-family: 'Source Sans Pro'; font-weight: 700; font-size: 24px; }
#page #content #container #col1 .article .filelist { }
#page #content #container #col1 .article .filelist .file { box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); }
#page #content #container #col1 .article .filelist .file a { display: block; padding: 15px; color: #222222; }
#page #content #container #col1 .article .filelist .file a.download { background: #8dc63f; color: #fff; }
#page #content #container #col1 .article .filelist .file a.download::before { content: url('../gfx/basic/chevron_white.png'); margin-right: 5px; }
#page #content #container #col1 .article .filelist .file .size { font-family: 'Source Sans Pro'; font-size: 13px; vertical-align: middle; padding: 0 15px; line-height: 47px; color: rgba(68, 68, 68, 0.33); }
#page #content #container #col1 .article .filelist .file + .file { margin-top: 15px; }

#page #content #container #col2 { background: url('../gfx/basic/boxes_shadow.png') no-repeat; width: 221px; min-height: 344px; margin-left: 20px; padding: 20px; }
#page #content #container #col2 .box { }
#page #content #container #col2 .box.links {}
#page #content #container #col2 .box.links a { padding: 3px 0; display: block; }
#page #content #container #col2 .box + .box { margin-top: 20px; }
#page #content #container #col2 .box h3 { text-transform: uppercase; color: #222222; font-family: 'Source Sans Pro'!important; font-weight: 700; border-bottom: 1px solid #e5e5e5; padding-bottom: 9px; }
#page #content #container #col2 .box p { color: #444444; font-size: 12px; }
#page #content #container #col2 .box a { text-decoration: none; color: #8dc63f; }
#page #content #container #col2 .box ul.social_media { padding: 0px; list-style: none; margin: 0px; }
#page #content #container #col2 .box ul.social_media li { padding: 5px 0;  }
#page #content #container #col2 .box ul.social_media li + li { border-top: 1px solid #e5e5e5; }
#page #content #container #col2 .box ul.social_media li a { color: #444444; font-size: 13px; padding: 1px 0 0px 25px; height: 23px; display: block; color: #222; margin: 0px; line-height: 21px; }
#page #content #container #col2 .box ul.social_media li.facebook a { background: url('../gfx/basic/social_icons.png') no-repeat 0px 2px; }
#page #content #container #col2 .box ul.social_media li.instagram a { background: url('../gfx/basic/social_icons.png') no-repeat 0px -21px; }
#page #content #container #col2 .box ul.social_media li.youtube a { background: url('../gfx/basic/social_icons.png') no-repeat 0px -44px; }
#page #content #container #col2 .box ul.social_media li.twitter a { background: url('../gfx/basic/social_icons.png') no-repeat 0px -67px; }

#page #footer { margin: 115px -37px 0; border-top: 1px solid #e5e5e5; padding: 0 40px;}
#page #footer .footer_logo { margin-top: -1px; }
#page #footer #fnav {  }
#page #footer #fnav ul { margin-top: -2px; padding: 17px 0px; list-style: none; border-top: 3px solid #8dc63f; }
#page #footer #fnav ul li { float: left; }
#page #footer #fnav ul li  + li::before { content:'•'; color: #8dc63f; margin: 0 13px; }
#page #footer #fnav ul li a { color: #333333; }

#page #quick_footer { height: 50px; padding: 25px 40px; color: #444444; font-size: 13px; }
#page #quick_footer .left { width: 150px; }
#page #quick_footer .left a { color: #8dc63f; }

.box {}
.box .cal_inner {}
.box .cal_inner .load {}
.box .cal_inner .load .calendar {}

/* Stlyes zum testen!!!! */
.box .cal_inner .load .calendar .before { color: red; /*display: none;*/ }
.box .cal_inner .load .calendar .after { color: darkgreen; /*display: none;*/ }
.box .cal_inner .load .calendar .current { color: black; }
.box .cal_inner .load .calendar .normal { color: blue; }

/*  */
.box .cal_inner .load .calendar .browse { text-align: center; }

.box .cal_inner .load .calendar table { width: 100%; }
.box .cal_inner .load .calendar table th { text-align: center; }
.box .cal_inner .load .calendar table td { text-align: center; }

/*----------------------------------- Deklarierung von Klassen ---------------------------------------*/

/* Schriftfarben deklarieren */
.c_grau { color:#666666; }
.c_gruen { color:#2E6E2E; }
.c_rot { color:#CC0000; }
.c_weiss { color:#ffffff; }

/* Form-Elemente */
.msg.error, .msg_error { border:solid 1px #cc0000; padding:5px 10px; color:#cc0000; background-color:#faf3f3; }
.msg.success, .msg_success { border:solid 1px #009900; padding:5px 10px; color:#000000; background-color:#eff9ed; }
.msg.info, .msg_info {border: solid 1px #ec7c16; padding: 5px 10px; color: #fff;; background-color: #ec7c16;}

/* Form-Elemente */
.form_style { padding:0 3px; height:29px; font-size:12px; font-family:Arial; border:1px solid #ccc; color: #999; }
textarea.form_style { height:auto; }
.form_style_err { font-size:12px; font-family:Arial; background-color:#ffe9e9; }
.form_send { text-align:right; margin-right:30px; }
.form_button, .form_send > input {
    background-color: #E0E0E0;
    border: 1px solid #999999;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 100;
    line-height: 130%;
    opacity: 0.8;
    padding: 5px 6px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    white-space: nowrap;
}
.form_bez { padding-top:3px; }
.form_safe { display:none; }

/* Weitere Klassen */
.title { margin:0 0 10px; padding:0; }
.left { float:left; }
.right { float:right; }
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.clear { clear:both; }
.clear_left { clear:left; }
.clear_right { clear:right; }
.pos_rel { position:relative; }
.pos_abs { position:absolute; }
.k1 { font-size:0.9em; }
.k2 { font-size:0.8em; }
.g1 { font-size:1.1em; }
.g2 { font-size:1.2em; }
.hidden { position:absolute; left:-1000px; top:-1000px; width:0; height:0; overflow:hidden; display:inline; }
.lnkr { text-align:right; padding-top:3px; }
.hm1 { margin-bottom:10px; } /* <h> margins 1 */
.hm2 { margin-bottom:15px; }
.cursor { cursor:pointer; }

.map-one > div {
    padding: 0 !important;
}
.d-flex {
    display: flex;
}
.d-flex.align-items-center {
    align-items: center;
}
.striped > div:nth-child(odd) {
    background: #F1F7EC;
}
.striped > div {
    border-top: 1px solid #e0e0e0;
    padding: 4px 8px;
}
.m {
    margin: 15px !important;
}
.mt {
    margin-top: 15px !important;
}
.mr {
    margin-right: 15px !important;
}
.mb {
    margin-bottom: 15px !important;
}
.ml {
    margin-left: 15px !important;
}
.p {
    padding: 15px !important;
}
.pt {
    padding-top: 15px !important;
}
.pr {
    padding-right: 15px !important;
}
.pb {
    padding-bottom: 15px !important;
}
.pl {
    padding-left: 15px !important;
}
.pl-sm {
    padding-left: 10px !important;
}