/* --- Start Import: layout.css --- */
* {
    margin: 0;
    padding: 0
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.sidr {
    display: none
}

p {
    margin: 0;
    padding: 0
}

img {
    vertical-align: top
}

div {
    text-align: left
}
.tr:hover {background-color:#fffde1;}

html,
body {
    height: 100%;
    font-family: 'roboto', sans-serif;
        line-height: 1.2;
    font-weight: 400;
    font-size: 14px;
    font-synthesis: none;
    color: #000;
}

input[type="submit"]:hover {
    background-color: #e6a646;
    color: #fff
}

input[type="button"]:hover {
    background-color: #e6a646;
    color: #fff
}
.chbx[type="checkbox"]{
    display:none;
    }

    .chbx[type="checkbox"] + label::before {
        width: 20px;
        height: 16px;
        background-image: url("scr_t.inc.php?file=layout_kuesnacht/img/unchecked.png");
        display: block;
        content: "";
        float: left;
        margin-right: 3px;
  }
  .chbx[type="checkbox"]:checked+label::before {
    background-image: url("scr_t.inc.php?file=layout_kuesnacht/img/checked.png");
  }
  .chbx[type="checkbox"].label {
    color:#000000;
    font-size:90%;
    }
    #abo[type="checkbox"]{
        display:none;
        }
    
        #abo[type="checkbox"] + label::before {
            width: 20px;
            height: 16px;
            background-image: url("scr_t.inc.php?file=layout_kuesnacht/img/unchecked.png");
            display: block;
            content: "";
            float: left;
            margin-right: 3px;            
           
      }
      #abo[type="checkbox"]:checked+label::before {
        background-image: url("scr_t.inc.php?file=layout_kuesnacht/img/checked.png");
      }
      #abo[type="checkbox"].label {
        color:#000000;
        font-size:90%;
        }

div#wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-height: 100%;
    height: auto!important;
    height: 100%
}



header {
    position: relative;
    height: 60px;
    width: 100%;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss.png);
    border-bottom: #b8b8b8 1px solid;
    box-shadow: 0 2px 8px #969696 inset;
    z-index: 1052
}

#stickyheader.stickydiv {
    top: 0;
    position: fixed;
    width: 100%;
    height: 30px;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/mainbg.jpg);
    border-bottom: #b8b8b8 1px solid;
    box-shadow: 0 2px 5px #b8b8b8 inset;

    z-index: 10000
}

div#topNavi {
    height: 25px;
    background: #fff;
    border-top: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8
}

div#rowContainer {
    position: relative;
    clear: both;
    margin: 0 auto;
    max-width: 100%;
    min-height: 100%;
    height: auto!important;
    height: 100%;
    text-align: left
}
div#rowContainer_farb {
    position: absolute;
    clear: both;
    margin: 0 auto;
    width: 100%;
    height: 30px;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/mainbg.jpg);
    border-bottom: #b8b8b8 1px solid;
    box-shadow: 0 2px 5px #b8b8b8 inset;

    z-index: 10000

}
div#rowContainervh {
    position: relative;
    clear: both;
    margin: 0 auto;
    max-width: 100%;
    min-height: 88vh;
    height: auto!important;
    text-align: left;
}

div#rowContainer90 {
    position: relative;
    clear: both;
    margin: 0 auto;
    max-width: 95%;
    min-height: 100%;
    height: auto!important;
    height: 100%;
    text-align: left
}

div#rowContainer_line {
    position: relative;
    clear: both;
    margin: 0 auto;
    max-width: 90%;
    min-height: 100%;
    height: auto!important;
    height: 100%;
    text-align: left;
    border: #e6a646 solid 1px;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss.png);
    margin-top: 1%;
    margin-bottom: 1%;
    padding-top: 1%;
    padding-bottom: 1%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px
}

div#rowInnerContainer {
    position: relative;
    clear: both;
    margin: 0 auto;
    max-width: 90%;
    min-height: 100%;
    height: auto!important;
    height: 100%;
    text-align: left
}

div#abstand {
    clear: both;
    width: 100%
}

div#row {
    clear: both;
    width: 100%
}

div#row_neu {
    clear: both;
    width: 17px;
    background: red;
    margin-bottom: 8px
}

div#Col13_right {
    width: 33.333333333333%;
    float: right;
    text-align: right
}

div#Col12,
div#Col13,
div#Col131,
div#Col132,
div#Col133,
div#Col23,
div#Col14,
div#Col14_right,
div#Col34,
div#Col15,
div#Col56,
div#Col16,
div#Col17,
div#Col18,
div#Col19,
div#Col110,
div#Col111,
div#Col112,
div#Colrow,
div#Col12Padd_Right,
div#Col12Padd_Left,
div#Col14Padd_Right,
div#Col14Padd_Left,
div#Col14Padd_Right12,
div#Col14Padd_Left12,
.Col12  {
    float: left
}

div#Col12 {
    width: 50%
}
.Col12 {
    width: 50%
}

div#Col1_footer {
    clear: both;
    width: 100%;
    font-size:75%;
    text-align:center;
}
div#Col12_footer {
    position: relative;
    width: 50%;
    float: left;
    min-height: 20px;
    text-align: right;
}

div#Col12Padd_Left {
    width: 50%;
    padding-left: 2%;
    padding-right: 1%;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

div#Col12Padd_Right {
    width: 50%;
    padding-right: 2%;
    padding-left: 1%;
}

div#Col13 {
    width: 33.333333333333%
}

div#Col131 {
    width: 30%;
    padding-right: 1%;
}

div#Col132 {
    width: 30%;
    padding-left: 0.5%;
    padding-right: 0.5%;
}

div#Col133 {
    width: 30%;
    padding-left: 1%;
}

div#Col23 {
    width: 66.666666666667%
}

div#Col14 {
    width: 25%;
}

div#Col14_right {
    width: 25%;
    text-align: right;
}

div#Col14Padd_Left {
    width: 25%;
    padding-left: 2%
}

div#Col14Padd_Right {
    width: 25%;
    padding-right: 2%
}

div#Col14Padd_Left12 {
    width: 24%;
    padding-left: 1%;
    margin-right: 1%
}

div#Col14Padd_Right12 {
    width: 24%;
    padding-right: 1%;
    margin-left: 1%
}

div#Col34 {
    width: 72%;
    margin-right: 3%;
}

div#Col15 {
    width: 19.5%;
    padding-left: .5%;
    margin-right: .5%
}

div#Col16 {
    width: 16.666666666667%;
    min-width: 165px;
    border-right: 1px solid #000;
}

div#Col56 {
    width: 63.333333333333%
}

div#Col17 {
    width: 13.38%;
    margin:0.4%;

}

div#Col18 {
    width: 12.5%
}

div#Col19 {
    width: 11.111111111111%
}

div#Col110 {
    width: 10%
}

div#Col112 {
    width: 8.3333333333333%
}

div#Colrow {
    width: 100%;
}
.div_12{
    float:left;
    width:50%;
    }
.div_13{
float:left;
width:33.3%;
}
.vorfooter {
    padding-bottom: 180px;
    width: 100%;
    height: auto;
}

div#footer {
    clear: both;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto!important;
    text-align: center;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/trans_grey.png);
    border-top: #e6a646 1px solid;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 50
}

#lang {
    position: absolute;
    z-index: 10;
    font-size: 12px;
    display: none;
    width: 100px;
    left: -100px;
    height: auto;
    background-color: #fff;
    padding: 6px;
    padding-left: 10px;
    padding-bottom: 10px;
    border: 1px solid #E7F3FB;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    z-index: 40;
}
.headerline {
    position:absolute;
    width:100%;
    height:29px;
    z-index:100;
    background:#ffd372;
    border-bottom: #ffd372 1px solid;
    box-shadow: 0px 10px 5px 0 #e6a646 inset;

}
.headerline.stickydiv {
display:none; 
}
.headerlogo {
    position: absolute;
    height: 14px;
    width: 115px;
    top: 6px;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/schwimmspass_logo_wth.png);
    -moz-background-size: 115px 14px;
    -webkit-background-size: 115px 14px;
    background-size: 115px 14px;
    background-repeat: no-repeat;
    z-index: 1;

    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.headerlogo.stickydiv {
    display:none; 
    height: 14px;
    width: 101px;
    top: 6px;
    left: 0px;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/schwimmspass_logo_wth.png);
    z-index: 1;
    -moz-background-size: 101px 14px;
    -webkit-background-size: 101px 14px;
    background-size: 101px 14px;
    background-repeat: no-repeat;
}
.headerlogo_oeff {
    position: absolute;
    height: 40px;
    width: 274px;
    top: 10px;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/schwimmspass_logo.png);
    -moz-background-size: 274px 40px;
    -webkit-background-size: 274px 40px;
    background-size: 274px 40px;
    background-repeat: no-repeat;
    z-index: 1;

    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.headerlogo_oeff.stickydiv {
    height: 14px;
    width: 80px;
    top: 9px;
    left: 0px;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/logo.png);
    z-index: 1;
    -moz-background-size: 80px 14px;
    -webkit-background-size: 80px 14px;
    background-size: 80px 14px;

}
#seitenbild_div {
    margin-top: 0;
    max-height: 300px;
    text-align: center;
    height: auto;
    width: 100%;
    width: auto;
    z-index: 0;
}

#seitenbild {
    position: relative;
    margin: 0 auto;
    height: 300px;
    width: 100%;
    background-repeat: no-repeat;
    display: block;
    background-size: 100% 300px !important;
    border-bottom: solid 1px #ccc;
}

#seitenbild_ramen1 {
    position: relative;
    margin: 0 auto;
    float: left;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss.png);
    border: solid 0px #000000;
    width: 10%;
    height: 300px;
    z-index: 1
}

#seitenbild_ramen2 {
    position: relative;
    margin: 0 auto;
    float: right;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss.png);
    border: solid 0px #000000;
    width: 10%;
    height: 300px;
    z-index: 1
}

.headerlogotext {
    display: none;
    font-family: 'roboto', sans-serif, tahoma, verdana;
    position: absolute;
    height: 15px;
    width: 23px;
    top: 14px;
    right: 20px;
    z-index: 2;
    color: #E7F3FB;
    text-align: right;
    vertical-align: middle;
    font-size: 130%;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/email.png);
}

.headerlogotext.stickydiv {
    top: 7px;
    right: 2px;
}

.logoicon {
    display: none;
    font-family: 'roboto', sans-serif, tahoma, verdana;
    position: absolute;
    height: 20px;
    width: auto;
    top: 9px;
    right: 0px;
    z-index: 2;
    color: #E7F3FB;
    text-align: right;
    vertical-align: middle;
    font-size: 130%
}

.logoicon.stickydiv {
    top: 5px;
    right: 0px;
    font-size: 120%;
    -moz-background-size: 84px 38px;
    -webkit-background-size: 84px 38px;
    background-size: 84px 38px
}

.globalnav {
    position: absolute;
    height: 20px;
    width: auto;
    top: 1px;
    right: 0px;
    z-index: 502;
    font-size: 85%;
    font-weight: 400
}

.globalnav.stickydiv {    font-family: 'roboto', sans-serif, tahoma, verdana;
}

.navigation {
    position: absolute;
    height: auto;
    min-width: 491px;
    top: 22px;
    left: -10px;
    z-index: 500000;
    display: block;
    text-align: left;
    padding-left: 0;
}

.navigation.stickydiv {
    position: absolute;
    top: -4px;    left: -10px;

}
.popupbox_head {
	padding: 5px 7px 5px 20px;
	margin:-10px -20px 0 -20px;
	font-size: 100%;
	font-weight: normal;
	color:#e6a646;
	-moz-border-radius:5px 5px 0 0; /* Firefox */
	-webkit-border-radius:5px 5px 0 0; /* Chrome, Safari */
	-khtml-border-radius:5px 5px 0 0; /* Konqueror */
	border-radius:5px 5px 0 0; /* CSS3 */
	behavior:url(border-radius.htc); /* Internet Explorer */
}
#popupbox_wrapper {
    position: absolute;
    visibility: hidden;
    margin: 0 auto;
    width: 100%;
    z-index: 1101;
    text-align: center;
    top: -20px;
    left: 0;
    -webkit-transition: 0.55s;
    transition: 0.55s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#popupbox {
    visibility: hidden;
    position: relative;
    width: auto;
    margin: 0 auto;
    max-width: 85%;
    min-width: 85%;
    text-align: left;
    font-size: 100%;
    background-color: #fff;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/mainbg.jpg);
    background-repeat: repeat;
    padding: 10px 20px 15px 20px;
    border: 1px solid #e6a646;
    height: auto;
    z-index: 1101;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    box-shadow: #000000 0 0 30px;
}
#popupbox_site {
    visibility: hidden;
    position: relative;
    width: auto;
    margin: 0 auto;
    max-width: 85%;
    min-width: 65%;
    text-align: left;
    font-size: 100%;
    background-color: #fff;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/mainbg.jpg);
    background-repeat: repeat;
    padding: 10px 20px 15px 20px;
    border: 1px solid #e6a646;
    height: auto;
    z-index: 1101;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    box-shadow: #000000 0 0 30px;
    }
#popupbox_nav {
    visibility: hidden;
    position: relative;
    top: 5px;
    width: auto;
    margin: 0 auto;
    max-width: 85%;
    min-width: 85%;
    text-align: left;
    font-size: 100%;
    height: auto;
    z-index: 1102;
    display: inline-block;
}
#box_exit {
    position: absolute;
    top: -10px;
    right: -10px
}

#overlayboxhead {
    background: #E7F3FB;
    color: #ffffff;
    text-align: left;
    font-size: 100%;
    padding: 6px;
    font-weight: 600;
    border: 1px solid #E7F3FB;
    border-bottom: 0;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: #000 0 0 20px;
    font-size: 120%;
}

#overlaybox {
    text-align: left;
    font-size: 100%;
    background-color: #fff;
    padding: 20px;
    padding-top: 25px;
    padding-bottom: 10px;
    border: 1px solid #e6a646;
    border-top: 0;
    -moz-border-radius: 0px 0px 30px 30px;
    -webkit-border-radius: 0px 0px 30px 30px;
    -khtml-border-radius: 0px 0px 30px 30px;
    border-radius: 0px 0px 30px 30px;
    box-shadow: #000 0 0 20px;
    overflow: hidden
}

.textpfeile {
    display: none;
}

.editbox {
    display: none;
    position: absolute;
    right: 0;
    color: #FFFFFF;
    text-align: left;
    font-size: 80%;
    margin-top: -24px;
    padding: 4px 3px 4px 3px;
    border: 1px solid #e6a646;
    border-bottom: 0;
    border-right: 0;
    background: #e6a646;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px -5px 5px #ccc!important;
    z-index: 1000;
}

.editbox a {
    color: #FFFFFF;
}

.editbox a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.mitabeiterdetail {
    float: left;
    width: 280px;
    padding-right: 3%
}

.startbox {
    font-family: 'roboto', sans-serif, tahoma, verdana;
    text-align: left;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/trans_green.png);
    border: 1px solid #e6a646;
    border-bottom: 0;
    text-align: left;
    padding-top: 10%;
    -moz-border-radius: 100% 100% 100% 100%;
    -webkit-border-radius: 100% 100% 100% 100%;
    -khtml-border-radius: 100% 100% 100% 100%;
    border-radius: 100% 100% 100% 100%;
}
.search_ico{
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/lupe.png);
    border: 1px solid #e6a646;
    height:26px;
    width:26px;
    border-right:0;
    -moz-background-size: 25px 25px;
    -webkit-background-size:  25px 25px;
    background-size:  25px 25px;
    background-repeat: no-repeat;
    background-color: #F9FFFA;
    border-top:0;
    margin: 0 0 5px 0;
    vertical-align:middle;
    -moz-border-radius:3px;
    -webkit-border-radius:3px 0 0 3px;
    -khtml-border-radius:3px 0 0 3px;
    border-radius:3px 0 0 3px;
}  
.search_ico:hover{
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/lupe_wth.png);
    -moz-background-size: 25px 25px;
    -webkit-background-size:  25px 25px;
    background-size:  25px 25px;
    background-repeat: no-repeat;
}
.search_inp {
    height:25px;
    width:50%;
    font-weight:400;
    font-size:100%;
    color:#000;
    background:#F9FFFA;
    border:1px solid #e6a646;
    border-top:0;
    border-left:0;
    vertical-align:middle;
    padding-left:5px;
    margin: 0 0 5px 0;
    -moz-border-radius:3px;
    -webkit-border-radius:0 3px 3px 0;
    -khtml-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0
    }

.linktext {
    text-align: left;
    font-size: 100%;
    color: #e6a646;
    font-weight: normal;
}

a.linktext {
    text-decoration: underline;
}

a.linktext:hover {
    color: #fff;
    background-color: #e6a646;
    border-color: #fff;
    text-decoration: none
}

.startboxtext {
    font-family: 'roboto', sans-serif, tahoma, verdana;
    text-align: left;
    font-size: 100%;
    background-color: #E8E8E8;
    color: #fff;
}

a.startboxtext {
    font-family: 'roboto', sans-serif, tahoma, verdana;
    display: block;
    text-align: left;
    font-size: 100%;
    background-color: #E7F3FB;
    font-weight: 400;
    color: #fff;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 100% 100% 100% 100%;
    -webkit-border-radius: 100% 100% 100% 100%;
    -khtml-border-radius: 100% 100% 100% 100%;
    border-radius: 100% 100% 100% 100%;
}

a.startboxtext:link {
    color: #fff;
    background-color: transparent;
    text-decoration: none
}

a.startboxtext:visited {
    color: #fff;
    background-color: transparent;
    text-decoration: none
}

a.startboxtext:hover {
    color: #fff;
    background-color: #E7F3FB;
    border-color: #e6a646;
    text-decoration: none
}

a.startboxtext:active {
    color: #fff;
    background-color: #E7F3FB;
    border-color: #e6a646;
    text-decoration: none
}

.start_news_box {
    text-align: left;
    background-color: #fff;
    border: 1px solid #E7F3FB;
    border-bottom: 0;
    text-align: left;
    margin: 4% 3% 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px
}

.start_news_text_box {
    text-align: left;
    font-size: 100%;
    background-color: #E8E8E8;
    color: #000;
    text-align: left
}

a.start_news_text_box {
    display: block;
    text-align: left;
    font-size: 100%;
    background-color: #E8E8E8;
    font-weight: 700;
    color: #000;
    padding: 5px;
    border-bottom: 1px solid #E7F3FB;
    text-align: center;
    text-decoration: none
}

a.start_news_text_box:link {
    color: #000;
    background-color: transparent;
    text-decoration: none
}

a.start_news_text_box:visited {
    color: #000;
    background-color: transparent;
    text-decoration: none
}

a.start_news_text_box:hover {
    color: #fff;
    background-color: #E7F3FB;
    text-decoration: none;
    font-weight: 700
}

a.start_news_text_box:active {
    color: #fff;
    background-color: #E7F3FB;
    text-decoration: none
}

.tooltip_c {
    position: absolute;
    display: none;
    background-color: #EBF2FE;
    border-width: 0px;
    border-style: solid;
    border-color: #e6a646;
    padding: 2px;
    font-family: 'roboto', sans-serif, tahoma, verdana;
    font-size: 11px;
    color: #054585
}


/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}


/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}


/* End hide from IE-mac */

#mobile-header {
    display: none;
}

#mobile-header2 {
    position: absolute;
    top: 10px;
    right: 0px;
    ;
    padding: 0px;
    display: block;
    height: 30px;
    width: 30px;

    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 10000;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/menu-icon.png);
}

.woche {
    margin: 2px 1px 2px 0;
    padding: 0 auto;
    float: left;
    width: 14%;
    border: solid 1px #969696;
}

.wochentagauswahl {
    position: relative;
    background: #F9FFFA;
    text-align: center;
    padding: 4px;
    float: left;
    width: 100%;
    border: solid 0px #969696;
    display: block;
    cursor: hand;
    cursor: pointer;
}

.wochentagauswahl:hover {
    position: relative;
    background-color: #969696;
    padding: 4px;
    float: left;
    width: 100%;
    border: solid 0px #F9FFFA;
    display: block
}

.wochentagauswahl:after {
    clear: left;
}
.rightnavdiv {
    display: none;
    position: absolute;
    top: 30px;
    height: auto;
    z-index: 1099;
    right: 0;
    overflow: hidden;
    width: 270px;
    font-family: "roboto", tahoma, verdana, arial, sans-serif;
    color: #e6a646;
    padding: 0 0 40px 0;
}

.rightnav {
    position: relative;
    top: 20px;
    height: 100%;
    z-index: 1099;
    left:30px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: "roboto", tahoma, verdana, arial, sans-serif;
    font-size: 90%;
    background: #f8f8f8;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss.png);
    color: #e6a646;
    padding: 20px 35px 20px 15px;
    border:solid 1px #bbbbbb;
    -webkit-box-shadow: -7px 12px 14px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: -7px 12px 14px -8px rgba(0,0,0,0.75);
    box-shadow: -7px 12px 14px -8px #969696;
    -webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .rightnav {
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
    }
  }
.rightnav ul {
    display: block;
    margin: 0;
    padding: 0 0 0 10px;
    border-top: 0;
    border-bottom: 0;
    color: #969696;
}

.rightnav ul li {
    display: block;
    margin: 0;
    padding: 0 0 0 0px;
    line-height: 16px;
    border-top: 0;
    border-bottom: 0;
}
.sidenav {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 1099;
    left: -20%;
    width: 20%;
    font-family: "roboto", tahoma, verdana, arial, sans-serif;
    font-size: 90%;
    background: #f8f8f8;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss.png);
    color: #969696;
    padding: 0 0 0 0;
    box-shadow: 0 2px 5px 8px #DDE1E6 inset;
}

.sidenav .nav_header {
    position: relative;
    display: block;
    background:#eeeeee;
    color: #E7F3FB;
    height: 50px;
    width: 100%;
    margin: 0 0 0 0;
    border-bottom: #E7F3FB 0 solid;

}

.nav_titel {
    position: relative;
    display: block;
    text-align: center;
    height: 20px;
    width: 100%;
    padding: 18px 0 0 0;
    color: #e6a646;
    font-size: 100%;
}



.sidenav_on {
    background: #e6a646;
    box-shadow: 1px 0  1px 1px #969696;
    padding-left:5px;

}
.sidenav_on   a{
    color: #ffffff;  margin-left:5px;
}
.sidenav_on:hover>a{
    color: #ffffff; 
}
.icon {
    display: none;
}



.imp_icon_log {
    background-image: url(scr_t.inc.php?file=layout_kuesnacht/img/schloss.png);
    -moz-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 2px 3px;
}

.imp_icon_mail {
    background-image: url(scr_t.inc.php?file=layout_kuesnacht/img/mail.png);
    -moz-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 2px 3px;
}

.imp_icon_mail_big {
    background-image: url(scr_t.inc.php?file=layout_kuesnacht/img/mail.png);
    -moz-background-size: 45px 45px;
    -webkit-background-size: 45px 45px;
    background-size: 45px 45px;
    background-repeat: no-repeat;
    background-position: 0px 1px;
}

.deselect ::selection {
    background: transparent;
    color: inherit;
}

.deselect ::-moz-selection {
    background: transparent;
    color: inherit;
}

.deselect {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.cursor_hand {
    cursor: pointer;
}

select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 10%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: 0em;
    padding-right: 1.3em
}

.select_all {
    border-radius: 0
}

  
  select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8nwYAAmoBZ0eMiB8AAAAASUVORK5CYII=) repeat;
    border: none;
    color: #e6a646;
    cursor: pointer;
    font-family: 'roboto', sans-serif;
    height: 22px;
    outline: none;
    padding-left: 10px;
    width: 100%;
  }
  
  select option {
    color: #666;
  }
  
  select::-ms-expand {
    display: none;
  }
  
  select:focus::-ms-value {
    background-color: transparent;
  }
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #ffffff;
    color: #e6a646;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    border: 1px solid #e6a646;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #e6a646 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    z-index: 10000000;
    display: inherit;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}
.auswahlfenster{
    display:none;
    position:absolute;
    border: solid 1px #333333;
    background:#ffffff;
    top:0px;
    left:1px;
    min-width:240px;
    width: auto;
     height:auto; 
     z-index:2000;
     -webkit-box-shadow: 17px 18px 53px 8px rgba(0,0,0,0.5);
     -moz-box-shadow: 17px 18px 53px 8px rgba(0,0,0,0.5);
     box-shadow: 17px 18px 53px 8px rgba(0,0,0,0.5);
}
.auswahlinhalt{
    display: none;
    position:relative;
    display:block;
   padding: 10px 10px 10px 8px;
font-size:100%;
min-width:240px;
     width:auto;
     height:auto;
     z-index:3000;
}
.ajax_tab {
    width: 100%
}

.ajax_nav {
    width: 100%
}
.search_ul{
    position:absolute;
    width:250px;
    left:25px;
    list-style: none;
    display:none;
    border: 0px #e6a646;
    border-style: solid;
    border-top: none;
    z-index:1100;
}

.search_ul li:hover{
    background-color: #e6a646;
    color:#ffffff;
}
.selected{
    background-color: #e6a646 !important;
    color:#ffffff;

}

.search_ul li{
    cursor: pointer;
    display: block;
    width:100%;
    background-color: #ffffff;
    color: #333333;
    margin-bottom: 0px;
    border-left: 1px solid #D8E6F0;
    border-right: 1px solid #D8E6F0;
    border-bottom: 1px solid #D8E6F0;
    padding: 4px;
    margin-left:0px;
    margin-right:5px;
}
.cal_schule{
    position:absolute;
    font-size:100%;
    border: 1px solid #cccccc;
    padding:0 5px 0 5px;
    z-index:3;

}
.cal_mieter{
    position:absolute;
    font-size:100%;
    border: 1px solid #ccc;
    padding:0 5px 0 5px;
    background:#3BB0FF;
    z-index:4;
}
.cal_reinigung{
    position:absolute;
    font-size:100%;
    border: 1px solid #ccc;
    padding:0 5px 0 5px;
    background:#DF5EFF;
    z-index:3;

}
.cal_titel{
    font-size:90%;
    border: 1px solid #000000;
    border-left:0;
    border-bottom:0;
    width:13.9%; 
    float:left

}
.cal_ttime{
    border-bottom: 1px solid #000000;height:45px;font-size:70%
}
.layer_top {
    position: absolute;
    display:none;
    border: 2px solid #000000;
    border-top:0px;
    background-image:  url(scr_t.inc.php?file=layout_kuesnacht/img/glass_black.png);
    padding: 11px 0px 3px 25px;
    width:auto;
    top: -1px;
    z-index:999999;
      -moz-border-radius:0px 0px 10px 10px; /* Firefox */
      -webkit-border-radius:0px 0px 10px 10px; /* Chrome, Safari */
      -khtml-border-radius:0px 0px 10px 10px; /* Konqueror */
  border-radius:0px 0px 10px 10px; /* CSS3 */
  box-shadow: 0px 10px 18px #333333;
  }
  .layer_cont {
      color:#ffffff;
      width:100%;
    height:auto;
      overflow: hidden;
  }
  .layer_aus {
      position: absolute;
      text-align:center;
      color:#cccccc;
      font-size:120%;
      font-weight: bold;
      background:#cccccc;
      box-shadow: 0px 10px 5px 0 #000000 inset;
      bottom:-18px;
      left:10%;
      width:80%;
       height:18px;
      -moz-border-radius:0px 0px 10px 10px; /* Firefox */
      -webkit-border-radius:0px 0px 10px 10px; /* Chrome, Safari */
      -khtml-border-radius:0px 0px 10px 10px; /* Konqueror */
      border-radius:0px 0px 10px 10px; /* CSS3 */
      border: 2px solid #000000;
      border-top:0;
  
  } 
     .layer_ico{
        margin:5px 0 0 49%;
        border-right: 5px solid #ffffff; 
        border-bottom: 5px solid #ffffff;
        height: 14px;
        width: 14px;
        transform: rotate(-135deg);
        opacity: 0.7;
    }
    .layer_top_wth {
        position: absolute;
        display:none;
        border: 2px solid #cccccc;
        border-top:0px;
        background-image:  url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss90.png);
        padding: 11px 0px 8px 25px;
        width:auto;
        top: -1px;
        z-index:999999;
          -moz-border-radius:0px 0px 10px 10px; /* Firefox */
          -webkit-border-radius:0px 0px 10px 10px; /* Chrome, Safari */
          -khtml-border-radius:0px 0px 10px 10px; /* Konqueror */
      border-radius:0px 0px 10px 10px; /* CSS3 */
      box-shadow: #333333 0px 50px 100px -20px, #333333 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;      }
      .layer_cont_wth {
          width:100%;
        height:auto;
          overflow: hidden;
          color:"#000000";
      padding-bottom:10px;
      }
      .layer_aus_wth {
          position: absolute;
         
          text-align:center;
          color:#cccccc;
          font-size:120%;
          font-weight: bold;
          background:#cccccc;
          box-shadow: 0px 10px 5px 0 #ffffff inset;
          bottom:-18px;
          left:10%;
          width:80%;
           height:18px;
          -moz-border-radius:0px 0px 10px 10px; /* Firefox */
          -webkit-border-radius:0px 0px 10px 10px; /* Chrome, Safari */
          -khtml-border-radius:0px 0px 10px 10px; /* Konqueror */
          border-radius:0px 0px 10px 10px; /* CSS3 */
          border: 2px solid #999999;
          border-top:0;
      
      
      } 
         .layer_ico_wth{
            margin:5px 0 0 49%;
            border-right: 5px solid #aaaaaa; 
            border-bottom: 5px solid #aaaaaa;
            height: 14px;
            width: 14px;
            transform: rotate(-135deg);
            opacity: 0.7;
        }
.widgetbox {
    text-align:left;
    font-size:100%;
    background-color:#fff;
    padding:5px 10px 10px 10px;
    border: 1px solid #E7F3FB;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    -khtml-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    box-shadow: 0 0 8px #333333;
}
.widget_aus{
    position:absolute; 
    height:10px;
    width:10px;
    left:2px;
    top:1px;
    background:#ffd372;
    box-shadow: 2px 3px 2px 0 #e6a646 inset;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -khtml-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;    cursor: pointer;
    
    }

    .widget_del{
        position:absolute; 
        height:10px;
        width:10px;
        right:2px;
        top:1px;
        background: #333333;
        box-shadow: 2px 3px 2px 0 #cccccc inset;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -khtml-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;cursor: pointer;
        }
        .boxhead {
            padding:3px 0 6px 12px;
            font-size:15px;
            font-weight:400;
            background:#ffd372;
            color:#ffffff;
            box-shadow:  0 7px 8px #333333, 0px 10px 5px 0 #e6a646 inset;
            -moz-border-radius:5px 5px 0px 0px;
            -webkit-border-radius:5px 5px 0px 0px;
            -khtml-border-radius:5px 5px 0px 0px;
            border-radius:5px 5px 0px 0px;
            
        
            }
            .boxhead_weiss {
                padding:3px 0 6px 12px;
                font-size:15px;
                font-weight:400;
                background:#dddddd;
                border:1px solid #cccccc;
                color:#ffd372;
                -moz-border-radius:5px 5px 0px 0px;
                -webkit-border-radius:5px 5px 0px 0px;
                -khtml-border-radius:5px 5px 0px 0px;
                border-radius:5px 5px 0px 0px;
                box-shadow:  0 7px 8px #787878, 0px 11px 10px 0 #ffffff inset;
                -moz-box-shadow:  0 7px 8px #787878, 0px 11px 10px 0 #ffffff inset;
                -webkit-box-shadow:  0 7px 8px #787878, 0px 11px 10px 0 #ffffff inset;
                
            }
            .boxhead_weiss a {
                color:#ffd372;
                text-decoration: none;
            }

        .box {
            text-align:left;
            font-size:100%;
            background-color:#fff;
            padding:6px;
            padding-left:10px;
            padding-bottom:10px;
            border:1px solid #E7F3FB;
            border-top:1px solid #d2d2d2;
            -moz-border-radius:0px 0px 5px 5px;
            -webkit-border-radius:0px 0px 5px 5px;
            -khtml-border-radius:0px 0px 5px 5px;
            border-radius:0px 0px 5px 5px;
            box-shadow: 0 0 8px #333333;
        }

        .boxlight {
            text-align:left;
            font-size:100%;
            background-color:#ecf7fd;
            padding:6px;
            padding-left:10px;
            padding-bottom:10px;
            margin-bottom:10px;
            border:1px solid #ffd372;
          
            -moz-border-radius:5px 5px 5px 5px;
            -webkit-border-radius:5px 5px 5px 5px;
            -khtml-border-radius:5px 5px 5px 5px;
            border-radius:5px 5px 5px 5px;         

        }
        .boxlight_head {
            padding:3px 0 6px 12px;
            font-size:13px;
            font-weight:100;
            background:#ffd372;
            color:#ffffff;
            -moz-border-radius:5px 5px 0px 0px;
            -webkit-border-radius:5px 5px 0px 0px;
            -khtml-border-radius:5px 5px 0px 0px;
            border-radius:5px 5px 0px 0px;
            
        
            }
        .boxlight_cont {
            text-align:left;
            font-size:100%;
            background-color:#ecf7fd;
            padding:6px;
            padding-left:10px;
            padding-bottom:10px;
            
            border:1px solid #ffd372;
            -moz-border-radius:5px 5px 0px 0px;
            -webkit-border-radius:5px 5px 0px 0px;
            -khtml-border-radius:5px 5px 0px 0px;
            border-radius:5px 5px 0px 0px;  

        }
        .boxlight_foot {
            padding:3px 0 6px 12px;
            font-size:11px;
            font-weight:100;
            background:#ffd372;
            color:#ffffff;margin-bottom:10px;
            -moz-border-radius:0 0 5px 5px;
            -webkit-border-radius:0 0 5px 5px;
            -khtml-border-radius:0 0 5px 5px;
            border-radius:0 0 5px 5px;  
            
        
            }
        #search_suggestion_holder{
            position:absolute;
            width:auto;
            left:0px;
            list-style: none;
            display:none;
            border: 1px #e6a646;
            border-style: solid;
            -moz-border-radius: 5px 5px 5px 5px;
            -webkit-border-radius:5px 5px 5px 5px;
            -khtml-border-radius:5px 5px 5px 5px;
            border-radius:5px 5px 5px 5px;
            box-shadow: 0 0 8px #333333;


        }
        
        #search_suggestion_holder li:hover{
            background-color: #ffffff;
            color:#ffd372;
        }
        .selected{
            background-color: #e6a646 !important;
            color:#ffd372;

        }
        
        #search_suggestion_holder li{
            cursor: pointer;
            display: block;
            background-color: #ffd372;
            color: #ffffff;
            margin-bottom: 0px;
            border-left: 1px solid #e6a646;
            border-right: 1px solid #e6a646;

            border-bottom: 1px solid #e6a646;
            padding: 6px 10px 6px 10px;

        }
        #search_kat_holder{
            position:absolute;
            width:80%;
            left:10px;
            list-style: none;
            display:none;
            border: 0px #e6a646;
            border-style: solid;
            border-top: none;
        }
        
        #search_kat_holder li:hover{
            background-color: #FAFAFF;
            color:#000000;
        }
        .selected{
            background-color: #FAFAFF !important;
            color:#000000;

        }
        
        #search_kat_holder li{
            cursor: pointer;
            display: block;
            background-color: #ffd372;
            color: #ffffff;
            margin-bottom: 0px;
            border-left: 1px solid #e6a646;
            border-right: 1px solid #e6a646;
            border-bottom: 1px solid #e6a646;
            padding: 4px;
            margin-left:-20px;
            margin-right:5px;
            text-shadow: 1px 1px 4px #fff;
            -webkit-text-shadow: 1px 1px 4px #fff;
            -moz-text-shadow: 1px 1px 4px #fff;
        }
        .hilfe_tree{
            width:19%;float:left;margin-right:1%

        }
        .hilfe_cont{
            width:80%;float:left

        }
        .prozblk {
            clear:left;	
            background-color:#ffd372; height:30px; 
            font-weight:normal; font-size:20px; padding-top:5px; text-align:center;
            box-shadow: 0px 10px 5px 0 #e6a646 inset;
            -moz-border-radius:5px 5px 5px 5px;
            -webkit-border-radius:5px 5px 5px 5px;
            -khtml-border-radius:5px 5px 5px 5px;
            border-radius:5px 5px 5px 5px;
            
        
            }

/* --- Ende Import --- */


/* --- Start Import: button.css --- */

.btn_cont_full {
    position: absolute;
    display: block;
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: auto;
    right: 0;
    top: 0;
    font-size: 80%;
    color: #000;
    z-index: 1051;
}

.btn_cont_full .full_btn {
    position: relative;
    display: inherit;
    box-shadow: 0 0 14px 3px #8a8a8a inset;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -khtml-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont_full .full_btn:hover {
    box-shadow: 0 0 14px 3px #1da4cb inset;
}

.btn_cont_full_none {
    position: absolute;
    display: none;
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: auto;
    right: 0;
    top: 0;
    font-size: 80%;
    color: #000;
    z-index: 1051;
}

.btn_cont_full_none .full_btn {
    position: relative;
    display: inherit;
    box-shadow: 0 0 14px 3px #8a8a8a inset;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -khtml-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}
.btn_cont_full_none .full_btn:hover {
    box-shadow: 0 0 14px 3px #1da4cb inset;
}


.btn_cont {
    position: absolute;
    display: block;
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: auto;
    right: 0;
    top: 0;
    font-size: 90%;
    color: #000;
    z-index: 1051;
}

.btn_cont .line_btn {
    position: relative;
    display: inherit;
    border: 1px solid #8a8a8a;
    border-top: 0;
    padding: 2px;
    background: none;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -khtml-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont .line_btn:hover {
    background: #ffffff;
}

.btn_cont .line_btn_oben {
    position: relative;
    background: none;
    display: inherit;
    border: 1px solid #8a8a8a;
    border-bottom: 0;
    padding: 2px;
    float: left;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -khtml-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont .line_btn_oben:hover {
    background: #ffffff;
}
.btn_cont .line_btn_unten {
    position: relative;
    background: none;
    display: inherit;
    border: 1px solid #8a8a8a;
    border-top: 0;
    padding: 2px;
    float: left;
    -moz-border-radius:  0px 0px 4px 4px;
    -webkit-border-radius:  0px 0px 4px 4px;
    -khtml-border-radius:  0px 0px 4px 4px;
    border-radius:  0px 0px 4px 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont .line_btn_unten:hover {
    background: #ffffff;
}
.btn_cont .line_btn_left {
    position: relative;
    background: none;
    display: inherit;
    border: 1px solid #8a8a8a;
    border-right: 0;
    padding: 2px;
    float: left;
    -moz-border-radius:  4px 0px 0px 4px;
    -webkit-border-radius:  4px 0px 0px 4px;
    -khtml-border-radius:  4px 0px 0px 4px;
    border-radius:  4px 0px 0px 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont .line_btn_left:hover {
    background: #ffffff;
}
.btn_cont_tab {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: auto;
    right: 0;
    top: 0;
    font-size: 100%;
    color: #000;
    z-index: 1051;
}

.btn_cont_tab .tab_btn {
    position: relative;
    display: inherit;
    border: 1px solid #8a8a8a;
    box-shadow: 0 0 20px 3px #ccc inset;
    padding: 2px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont_tab .tab_btn>a>img {
    width: 20px;
    height: 20px;
}

.btn_cont_tab .tab_btn:hover {
    box-shadow: 0 0 20px 3px #E7F3FB inset;
}

.btn_cont_tab_red {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: auto;
    right: 0;
    top: 0;
    font-size: 80%;
    color: #000;
    z-index: 1051;
}

.btn_cont_tab_red .tab_btn {
    position: relative;
    display: inherit;
    border: 1px solid #8a8a8a;
    box-shadow: 0 0 20px 3px #ccc inset;
    padding: 2px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont_tab_red .tab_btn>a>img {
    width: 20px;
    height: 20px;
}

.btn_cont_tab_red .tab_btn:hover {
    box-shadow: 0 0 20px 3px #CC0000 inset;
}

.btn_cont_tab_blue {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: auto;
    right: 0;
    top: 0;
    font-size: 80%;
    color: #000;
    z-index: 1051;
}

.btn_cont_tab_blue .tab_btn {
    position: relative;
    display: inherit;
    border: 1px solid #8a8a8a;
    box-shadow: 0 0 20px 3px #ccc inset;
    padding: 2px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    margin: 0 0 1px 2px;
    cursor: pointer
}

.btn_cont_tab_blue .tab_btn>a>img {
    width: 20px;
    height: 20px;
}

.btn_cont_tab_blue .tab_btn:hover {
    box-shadow: 0 0 20px 3px #8a8a8a inset;
}

/* --- Ende Import --- */


/* --- Start Import: tab.css --- */
/* Style the buttons inside the tab */

div.tab_detail button {
    color:#157693;
    border: none;
    margin: 5px 2px 0 2px;
    background: #dddddd;
    height: 26px;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 5px 10px 2px 10px;
    transition: 0.3s;
    font-size: 90%;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    box-shadow:  0 -1px 3px #787878, 0px 8px 3px 0 #ffffff inset;
    -moz-box-shadow:  0 -1px 3px #787878, 0px 8px 3px 0 #ffffff inset;
    -webkit-box-shadow:  0 -1px 3px #787878, 0px 8px 3px 0 #ffffff inset;

}


/* Change background color of buttons on hover */

div.tab_detail button:hover {
    height: 30px;
    margin: 2px 2px 0 2px;
    background:#157693;
    color:#ffffff;
    box-shadow:  0 -1px 3px #787878, 0px 8px 3px 0 #1da4cb inset;
    -moz-box-shadow:  0 -1px 3px #787878, 0px 8px 3px 0 #1da4cb inset;
    -webkit-box-shadow: 0 -1px 3px #787878, 0px 8px 3px 0 #1da4cb inset;
    padding: 3px 10px 6px 10px;
}


/* Create an active/current tablink class */

div.tab_detail button.active {
    height: 30px;
    padding: 3px 10px 6px 10px;
    background:#157693;
    color:#ffffff;
    box-shadow:  0 -1px 3px #787878, 0px 8px 3px 0 #1da4cb inset;
    -moz-box-shadow:  0 -1px 3px #787878, 0px 8px 3px 0 #1da4cb inset;
    -webkit-box-shadow: 0 -1px 3px #787878, 0px 8px 3px 0 #1da4cb inset;

    margin: 2px 2px 0 2px;
}


/* Style the tab content */

.tabcontent_detail {
    position: relative;
    display: none;
    z-index: 1
}


/* Style the tab */

div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    border-bottom: 0;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}


/* Style the buttons inside the tab */

div.tab button {
    border: none;
    border-right: solid 1px #ccc;
    color: #1da4cb;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}


/* Change background color of buttons on hover */

div.tab button:hover {
    color: #1da4cb;
}


/* Create an active/current tablink class */

div.tab button.active {
    color: #ffffff;
    background: #1da4cb;
    box-shadow: none;
}


/* Style the tab content */

.tabcontent {
    width: 100%;
    display: none;
    padding: 16px 12px;
    border: 1px solid #ccc;
    border-top: none;
    background: #1da4cb;
    color: #000000;
}

.tabcontent1 {
    width: 100%;
    display: none;
    padding: 16px 12px;
    border: 1px solid #ccc;
    border-top: none;
    background: #1da4cb;
    color: #ffffff;
}
/* Style the tab */

div.tab_detail {
    overflow: hidden;position:relative;left:2px;top:0px;z-index:3
}
/* --- Ende Import --- */


/* --- Start Import: table.css --- */
.table_nav {
    position: relative;
    display: table;
    font-size: 90%;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss.png);
    width: 100%;
    border: 0px solid #969696
;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #333333;
    padding: 5px;
}

.table_nav .tab_rows {
    display: table-row;
    width: 100%!important;
    padding: 0 5px 0 5px;
    cursor: pointer
}

.table_nav div div {
    display: table-cell;
    padding: 0 5px 0 5px;
    border: 0px solid #000000;
    border-bottom: 0;
}
.table_leer {
    position: relative;
    display: table;
    border-collapse: collapse;
    font-size: 90%;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss.png);
    width: 100%;
    border: 0px solid #969696
;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    
}

.table_leer .tab_rows_leer {
    border-top: 1px solid #969696;
    display: table-row;
    width: 100%!important;
    padding:  5px;
    height:30px;
    vertical-align:middle;
    cursor: pointer
}

.table_leer div {
    display: table-cell;
    width: 30%;
    padding: 0 5px 0 5px;
    border: 0px solid #000000;
    vertical-align:middle;
    border-bottom: 0;
}
.table_allg {
    position: relative;
    display: table;
    font-size: 90%;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss.png);
    width: 100%;
    border: 0px solid #969696
;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #333333;
    padding: 5px;
}
.table_allg .tab_rows_first {
    width: 100%;
    display: table-row;
    font-size:100%;

}
.table_allg .tab_rows {
    display: table-row;
    width: 100%!important;
    padding: 0 5px 0 5px;
    cursor: pointer
}

.table_allg div div {
    display: table-cell;
    padding: 0 5px 0 5px;
    border: 0px solid #000000;
    border-bottom: 0;
}
.table_allg .div_cell_100 {
    display: inline-table;
    position: absolute;
    width: 100%;
    padding: 0px;
}
.table_kachel {
    position: relative;
    display: table;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss.png);
    min-width: 16%;
    height: 130px;
    border: 0px solid #969696;
    font-size: 95%;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 8px #333333;
    float: left;
    padding: 1px 0 1% 1%;
    margin: 0.5% 0.5% 0 0;
}

@media screen and (max-width: 1550px) {
    .table_kachel {
        min-width: 19.5%;
    }
}

@media screen and (max-width: 1350px) {
    .table_kachel {
        min-width: 24.5%;
    }
}

@media screen and (max-width: 1050px) {
    .table_kachel {
        min-width: 32%;
    }
}

.table_kachel .tab_row_title {
    display: table-row;
    font-size: 110%;
    color: #969696
}

.table_kachel .tab_rowss {
    display: table-row-group;
    width: 100%!important;
    cursor: pointer
}

.table_kachel div div {
    display: table-cell;
    padding: 3px;
    border: 0px solid #000000;
    border-bottom: 0;
}
.table_kachel_anlage {
    position: relative;
    display: table;
	background: url(scr_t.inc.php?file=layout_kuesnacht/img/hallenbad.png);
	background-size: 60%;
	background-repeat:no-repeat;
	background-position: top center;
    min-width:90px;   
    min-height:64px;
    border: 0px solid #326496;
	color:#326496;
	font-size:100%;
	font-weight: 700;
	text-align: center;
    float:  left;
    padding: 40px 0 1% 0;
    margin: 0.5% 0.5% 0 0;
}



.table_kachel_anlage .tab_row_title {
    display: table-row;
    font-size: 110%;
    color: #CCCCCC
}

.table_kachel_anlage .tab_rowss {
    display: table-row-group;
    width: 100%!important;
    cursor: pointer
}

.table_kachel_anlage div div {
    display: table-cell;
    padding: 3px;
    border: 0px solid #000000;
    border-bottom: 0;
}

.table {
    position: relative;
    display: table;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss.png);
    width: 100%;
    border: 0px solid #969696;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 8px #333333;
    padding: 0 0 10px 0;
}

.table .table_titel {
    display: table-row;
    width: 100%;
    font-size: 80%;
    height: 28px;
    color: #ffffff;
    box-shadow: 0 0 39px 3px #969696 inset;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.table .table_titel div {
    display: table-cell;
    padding: 5px 3px 5px 15px;
    border: 0px solid #000000;
    border-bottom: 0;
}

.table .table_titel a {
    border: 0px solid #000000;
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 0;
}

.table .tab_row_first {
    width: 100%;
    display: table-row;
    font-size:100%;

}

.table .tab_row {
    display: table-row;
    cursor: pointer;
}

.table .tab_row_cont {
    display: table;
    height: auto;
    width: 100%;
    padding: 0 1% 0 1%;
}

.tab_row:hover {
    visibility: visible;
    position: inherit;
    width: 100%;
    background: #c0c0c0!important;
    color: #ffffff !important;
    box-shadow: 0px 0px 10px #555!important;
}

.table div div {
    display: table-cell;
    padding: 3px;
}

.table .div_cell {
    display: table-cell;
    padding: 1px 3px 1px 5px;
    border: 0px solid #000000;
    border-bottom: 0;
}

.table .div_cell_100 {
    display: inline-table;
    position: absolute;
    width: 100%;
    padding: 0px;
}

.table .div_cell_platzhalter {
    display: none;
}

.table_kachel_neut {
    position: relative;
    display: table;
    height: auto;
    min-width: 28%;
    max-width: 28%;
    height: 220px;
    border: 0px solid #333333;
    float: left;
    margin: 1% 3% 3% 0;
}

.table_kachel_neut img {
    border: 0px solid #333333;
}

.table_kachel_neut table {
    width: 100%;
    border: 0px solid #333333;
    font-size: 95%
}

.table_kachel_neut td {
    padding-left: 2%
}

@media screen and (max-width: 450px) {
    .table_kachel_neut table {
        width: 100%;
        font-size: 85%
    }
    .table_kachel_neut td {
        padding-left: 2%
    }
}

@media screen and (max-width: 680px) {
    .table_kachel_neut {
        min-width: 100%;
        max-width: 100%;
        clear: left;
        margin: 0 0 2% 0;
    }
}

.table_kachel_neut .tab_krown {
    display: table-row;
    cursor: pointer;
    position: absolute;
    left: 0;
    height: 30px;
    bottom: 0;
    border-top: 1px solid #DD3942;
    text-align: center;
    background: #333;
    color: #FFFFFF;
    font-size: 120%;
    padding-top: 4px
}
    .tab_krow:hover {
        visibility: visible;
        width: 100%;
        border-top: 1px solid #333;
        background: none!important;
        color: #333!important;
        box-shadow: 0px 0px 10px #555!important;
    }
    
/* --- Ende Import --- */


/* --- Start Import: banner-slider.css --- */

#sliderFrame {position:relative;width:100%;margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
   
        
#slider {
    width:100%;height:366px;/* Make it the same size as your img */
	background:#fff url(/img/banner/loading.gif) no-repeat 16px 16px;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
}

#slider img {
	position:absolute;
	border:none;
	display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}


/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	top:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	
}

div.mc-caption {
	font-family: 'montserrat-alternates Condensed',sans-serif,tahoma,verdana;
	font-style:italic;
	font-weight : bold;
	font-size : 44px;
	color:#ffffff;
	text-shadow: 2px 2px 4px #000000, -1px -1px #cccccc;
	   filter: chroma(color=#cacbcf) progid:DXImageTransform.Microsoft.dropshadow(color=#60000000, offX=2, offY=2);
	z-index:4;
	padding:30px 10px 10px 50px;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:left;
}
div.mc-caption a {
	color:#ffffff;
	text-decoration:none;

}
div.mc-caption a:hover {
	color:#ffffff;
	}
.cap2 {
	font-family: 'montserrat-alternates Condensed',sans-serif,tahoma,verdana;
	font-style:italic;
	font-weight : normal;

	font-size : 30px;
	color:#ffffff;
	text-shadow: 2px 2px 4px #000000, -1px -1px #cccccc;
	z-index:4;
	padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:left;
}
.cap2 a {
	color:#ffffff;
	text-decoration:none;
}
.cap2 a:hover {
	color:#ffffff;

}

/* ------ built-in navigation bullets wrapper ------*/
/* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */
#slider div.navBulletsWrapper  {
	top:320px;/* Its position is relative to the #slider */
	text-align:right;
	padding-right:5px;
	background:none;
	position:relative;
	z-index:5;
}
/* each bullet */
#slider div.navBulletsWrapper div 
{
    width:11px; height:11px;
    font-size:0;color:White;/*hide the index number in the bullet element*/
    background:transparent url(/img/banner/bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;/* set distance between each bullet*/
}

#slider div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}

#slider div.loading 
{
    width:100%; height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}

/* --- Ende Import --- */


/* --- Start Import: menu_global.css --- */

.menu_global {width:100%; text-align:left; height:30px; position:relative; z-index:100; right:0;}

.toggle {display:none;}
.menu_global ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
.menu_global ul {display:inline-block;} 
.menu_global ul {display:inline;}

.menu_global li {margin:0; padding:0; list-style:none;}
.menu_global li.close {display:none;}

.menu_global li {display:inline-block; display:inline;}
.menu_global ul ul {position:absolute; left:-9999px; border:0px solid #aaaaaa; border-top:0px;background:url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss90.png);box-shadow: 4px 4px 8px #737373;
-moz-border-radius: 0px 0px 0px 0px;;
-webkit-border-radius: 0px 0px 0px 0px;
-khtml-border-radius:0px 0px 0px 0px; /* Konqueror */
border-radius: 0px 0px 0px 0px;
}
.menu_global ul ul ul {position:absolute; left:-9999px; border:0px solid #e6a646;border-top:0;}
.menu_global > ul {margin:0 auto;}
.menu_global > ul > li {float:left; display:block; position:relative;}
.menu_global ul ul li a { line-height:25px;color:#e6a646; font-size:95%; text-decoration:none; border-bottom:solid 1px #e6a646;  padding:0px 7px 0 7px;}
.menu_global.stickyli ul ul li a { line-height:25px;color:#e6a646; font-size:95%; text-decoration:none; }


.menu_global > ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/pfeil_unten_wth.png); background-repeat: no-repeat; background-position: right center; padding-right:11px;}
.menu_global.stickyli > ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/pfeil_unten.png); background-repeat: no-repeat; background-position: right center; padding-right:11px;}
.menu_global ul ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/right.png); background-repeat: no-repeat; background-position: right center;}
.menu_global ul li.left ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/left.png); background-repeat: no-repeat; background-position:left center;  }


.menu_global ul li b {display:block; width:100%; height:25px; background:transparent; position:relative; z-index:10;
-webkit-transition: 0s 0.1s;
transition: 0s 0.1s;
}
.menu_global ul ul li b {margin-top:-25px;}

.menu_global ul li b { display:none; }


.menu_global a {display:block; font:normal 95%  'roboto', sans-serif,tahoma,verdana;  line-height:15px; text-decoration:none; color:#ffffff; padding:0px 5px 0 5px;border-right:0px solid #aaaaaa; margin:3px 4px 30px 4px;}
.menu_global.stickyli a {display:block; font:normal 95%  'roboto', sans-serif,tahoma,verdana; color:#e6a646; line-height:5px; text-decoration:none; padding:0px 5px 0 5px;margin:10px 4px 30px 4px;}

.menu_global_on a {display:block; font:bold 95%  'roboto', sans-serif,tahoma,verdana; color:#ffffff; line-height:15px; text-decoration:none; padding:0px 5px 0 5px;}
.menu_global_on.stickyli a {display:block; font:bold 95%  'roboto', sans-serif,tahoma,verdana; color:#e6a646; line-height:5px; text-decoration:none; padding:0px 5px 0 5px;}

.menu_global_log a {display:block; font:normal 150%  'roboto', sans-serif,tahoma,verdana; color:#e6a646; border:solid #e6a646 1px; line-height:20px; text-decoration:none; margin-top:8px; padding:5px 5px 5px 35px;background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/schloss.png); 
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
-khtml-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;

-moz-background-size:25px 25px;
-webkit-background-size:25px 25px;
background-size:25px 25px;
background-repeat: no-repeat;
background-position: 2px 3px;}
.menu_global_log.stickyli a {display:block; font:normal 95%  'roboto', sans-serif,tahoma,verdana; color:#e6a646; line-height:15px;background:none; text-decoration:none; padding:0px 5px 0 15px;}

.menu_global > ul > li > a {float:left;}
.menu_global img {margin:0px -5px 0 -3px}
.menu_global.stickyli img {background:#e6a646;border:1px solid #157693;padding:4px 2px 4px 2px;margin:-8px -10px 0 -3px;
    -moz-border-radius:5px 5px 0px 0px;
    -webkit-border-radius:5px 5px 0px 0px;
    -khtml-border-radius:5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px;}
    .menu_global.stickyli > ul > li > a {float:left;  font-size:95%;}

.menu_global > ul ul > li > a { font-weight:normal;}

.menu_global > ul ul > li.menu_global_on2 > a {display:block; font:normal 95%  'roboto', sans-serif,tahoma,verdana; color:#ffffff; font-weight:bold;line-height:25px; background:#e6a646; text-decoration:none; padding:0px 5px 0 10px; font-weight:normal;}


.menu_global ul li:hover > ul, element:active {visibility:visible; color:#ffffff; left:-1px; top:41px; opacity:1;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}
.menu_global.stickyli ul li:hover > ul, element:active {top:25px;}

.menu_global ul ul li:hover > ul, element:active {visibility:visible;color:#ffffff; left:100%; top:auto; margin-top:-11px;box-shadow: 0px 8px 11px #999999;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}
.menu_global ul ul li:hover > a, element:active {color:#ffffff; text-decoration:none;  font-weight:normal; background-color:#e6a646;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}

.menu_global ul ul ul li:hover > a, element:active {color:#ffffff; text-decoration:none;  font-weight:normal;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}

.menu_global li.left:hover > ul, element:active {visibility:visible; left:auto; right:-1px; top:28px;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none;}
.menu_global li.left ul li:hover > ul, element:active {visibility:visible; left:auto; right:100%; top:auto; margin-top:-24px;
box-shadow: 0px 8px 11px #999999;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}
.menu_global ul li:hover > b, element:active {width:0;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}

.menu_global li.left ul a {text-align:left; padding:0 10px 0 10px;border-right:0px; margin:0;}

.menu_global li ul a {margin:0;border-right:0px;}

.menu_global li:hover > a, element:active {color:#ffffff; text-decoration:none;  font-weight:bold;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}
.menu_global .menu_global_on:hover > a, element:active {color:#ffffff; text-decoration:none;  font-weight:bold;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}
.menu_global .menu_global_log:hover > a, element:active {color:#ffffff; background:#e6a646; background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/schloss_wth.png);-moz-background-size:25px 25px;
-webkit-background-size:25px 25px;
background-size:25px 25px;
background-repeat: no-repeat;
background-position: 2px 1px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
-khtml-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;

 text-decoration:none;  font-weight:normal;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}


/* --- Ende Import --- */


/* --- Start Import: menu_footer.css --- */

.menu_footer {width:85px; text-align:left; position:relative; z-index:100; top:8px;}

.toggle {display:none;}
.menu_footer ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
.menu_footer ul {display:inline-block;} 
.menu_footer ul {*display:block;}

.menu_footer li {margin:0; padding:0; list-style:none;}
.menu_footer li.close {display:none;}

.menu_footer li {display:inline-block; display:block;}
.menu_footer ul ul {position:absolute; left:-9999px; border:0px solid #e6a646; border-top:0px;background:url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss.png);box-shadow: 4px 4px 8px #737373;
-moz-border-radius: 0px 0px 0px 0px;;
-webkit-border-radius: 0px 0px 0px 0px;
-khtml-border-radius:0px 0px 0px 0px; /* Konqueror */
border-radius: 0px 0px 0px 0px;
}
.menu_footer ul ul ul {position:absolute; left:-9999px; border:0px solid #e6a646;border-top:0;}
.menu_footer > ul {margin:0 auto;}
.menu_footer > ul > li { display:block; position:relative;}
.menu_footer ul ul li a { line-height:25px;color:#e6a646; font-size:100%; text-decoration:none; border-bottom:solid 1px #e6a646;  padding:0px 7px 0 7px;}
.menu_footer.stickyli ul ul li a { line-height:25px;color:#e6a646; font-size:10px; text-decoration:none; }

.menu_footer > ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/pfeil_unten.png); background-repeat: no-repeat; background-position: right center; padding-right:10px;}
.menu_footer ul ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/right.png); background-repeat: no-repeat; background-position: right center;}
.menu_footer ul li.left ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/left.png); background-repeat: no-repeat; background-position:left center;}

.menu_footer ul li b {display:block; width:100%; height:25px; background:transparent; position:relative; z-index:10;
-webkit-transition: 0s 0.5s;
transition: 0s 0.5s;
}
.menu_footer ul ul li b {margin-top:-25px;}

.menu_footer ul li b {*display:none;}

.menu_footer a {display:block; font:normal 100%  'roboto', sans-serif,tahoma,verdana; color:#cccccc; line-height:8px; text-decoration:none; padding:0px 5px 0 0;border-right:0px solid #ffffff; margin:0px 4px 10px 0;}
.menu_footer.stickyli a {display:block; font:normal 100%  'roboto', sans-serif,tahoma,verdana; color:#cccccc; line-height:8px; text-decoration:none; padding:0px 5px 0 0;}

.menu_footer_on a {display:block; font:normal 100%  'roboto', sans-serif,tahoma,verdana; color:#e6a646; line-height:8px; text-decoration:none; padding:0px 5px 0 0;}
.menu_footer_on.stickyli a {display:block; font:normal 100%  'roboto', sans-serif,tahoma,verdana; color:#e6a646; line-height:8px; text-decoration:none; padding:0px 5px 0 0;}

.menu_footer > ul > li > a {float:left;  font-size:100%;padding:0 6px 0 0;}
.menu_footer.stickyli > ul > li > a {float:left; font-size:100%;padding:0 6px 0 0;}

.menu_footer_on2 a {display:block; font:normal 100%  'roboto', sans-serif,tahoma,verdana; color:#e6a646; line-height:25px; text-decoration:none; padding:0px 5px 0 0; font-weight:normal;}


.menu_footer ul li:hover > ul, element:active {visibility:visible; color:#e6a646; left:-1px; top:15px; opacity:1;-webkit-user-select: none; -webkit-touch-callout: none}
.menu_footer.stickyli ul li:hover > ul, element:active {visibility:visible; color:#e6a646; left:-1px; top:100%; opacity:1;-webkit-user-select: none; -webkit-touch-callout: none}

.menu_footer ul ul li:hover > ul, element:active {visibility:visible;color:#e6a646; left:100%; top:auto; margin-top:-100%;box-shadow: 0px 8px 11px #999999;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px; -webkit-user-select: none; -webkit-touch-callout: none}
.menu_footer ul ul li:hover > a, element:active {color:#e6a646; text-decoration:none;  font-weight:normal; background-color:#e6a646;-webkit-user-select: none; -webkit-touch-callout: none}

.menu_footer ul ul ul li:hover > a, element:active {color:#e6a646; text-decoration:none;  font-weight:normal;-webkit-user-select: none; -webkit-touch-callout: none}

.menu_footer li.left:hover > ul, element:active {visibility:visible; left:auto; right:-1px; top:85px;-webkit-user-select: none; -webkit-touch-callout: none}
.menu_footer li.left ul li:hover > ul, element:active {visibility:visible; left:auto; right:100%; top:auto; margin-top:-100%;
box-shadow: 0px 8px 100% #999999;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;-webkit-user-select: none; -webkit-touch-callout: none}
.menu_footer ul li:hover > b, element:active {width:0;-webkit-user-select: none; -webkit-touch-callout: none}

.menu_footer li.left ul a {text-align:left; padding:0 10px 0 10px;border-right:0px; margin:0;}

.menu_footer li ul a {margin:0;border-right:0px;}

.menu_footer li:hover > a, element:active {color:#ffffff; text-decoration:underline; font-weight:normal;-webkit-user-select: none; -webkit-touch-callout: none}


/* --- Ende Import --- */


/* --- Start Import: alert.css --- */
#modalContainer {
	background-color:rgba(0, 0, 0, 0.4);
	position: fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:1000000;
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:1px solid #157693;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:20px 30px;
		-moz-border-radius:5px 5px 0 0; /* Firefox */
	-webkit-border-radius:5px 5px 0 0; /* Chrome, Safari */
	-khtml-border-radius:5px 5px 0 0; /* Konqueror */
	border-radius:5px 5px 0 0; /* CSS3 */

}

#modalContainer > #alertBox {
	position:fixed;
	
}

#alertBox h1 {
	margin:0;
	font:400 16px 'montserrat-alternates', sans-serif;;
	background-color:#157693;
	color:#FFF;
	border-bottom:0px solid #157693;
	padding:2px 5px 2px 15px;
	-moz-border-radius:5px 5px 0 0;; /* Firefox */
	-webkit-border-radius:5px 5px 0 0;; /* Chrome, Safari */
	-khtml-border-radius:5px 5px 0 0;; /* Konqueror */
	border-radius:5px 5px 0 0;; /* CSS3 */
	background:#157693;
	color:#ffffff;
	box-shadow: 0px 10px 5px 0 #1da4cb inset;
}
	 @media screen and (max-width: 640px) {
	 #alertBox h1 {
	font:bold 22px 'montserrat-alternates', sans-serif;;
				}
}
#alertBox p {
	font:14px 'montserrat-alternates', sans-serif;;
	height:50px;
	padding-left:5px;
	margin-left:5px;
	margin-top:15px;
}
	 @media screen and (max-width: 640px) {
	 #alertBox p {
	font:20px 'montserrat-alternates', sans-serif;;
				}
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:7px;
	border:0 none;
	width:70px;
	font:12px 'montserrat-alternates', sans-serif;;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#157693;
	border-radius: 3px;
	text-decoration:none;
}

/* unrelated styles */

#mContainer {
	position:relative;
	width:600px;
	margin:auto;
	padding:5px;
	border-top:2px solid #157693;
	border-bottom:2px solid #157693;
	font:16px 'montserrat-alternates', sans-serif;;

}



code {
	font-size:16px;
	color:#069;
}

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:16px 'montserrat-alternates', sans-serif;;
	border-top:1px solid #157693;
	border-bottom:1px solid #157693;
	height:90px;
	padding-top:4px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #157693;
	width:80px;
	height:79px;
}

.important {
	background-color:#F5FCC8;
	padding:2px;
}

code span {
	color:green;
}
/* --- Ende Import --- */




/* --- Start Import: menu_horizontal.css --- */
@media screen and (min-width: 768px) {
.menu {width:100%; text-align:left; height:auto;  position:relative; z-index:100000; left:0;}

.toggle {display:none;}
.menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
.menu ul {display:inline-block;} 
.menu ul {display:inline;}

.menu li {margin:0; padding:0; list-style:none;}
.menu li.close {display:none;}

.menu li {display:inline-block; display:inline;}

.menu ul ul {position:absolute; left:-9999px;box-shadow: 0px 2px 6px #737373;background: url(scr_t.inc.php?file=layout_kuesnacht/img/trans_weiss.png); -webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);
    border-radius: 0px 0px 5px 5px;
    -webkitborder-radius: 0px 0px 5px 5px;
    -khtmlborder-radius: 0px 0px 5px 5px; /* Konqueror */

    border-radius:  0px 0px 5px 5px;
}
.menu ul ul ul {position:absolute; left:-9999px; border:0px solid #e6a646;border-top:0;background:#ffffff}
.menu > ul {margin:0 auto;}
.menu > ul > li {float:left; display:block; position:relative;}


.menu ul ul li a { font:normal 90%  'montserrat-alternates', sans-serif,tahoma,verdana;line-height:35px;color:#8a8a8a; text-decoration:none; border-bottom:solid 1px #cccccc;padding-right:20px; text-shadow:none;}
.menu.stickyli ul ul li a { line-height:35px;color:#8a8a8a; font-size:90%; text-decoration:none;}

.menu > ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/down.png); background-repeat: no-repeat; background-position: right center;}
.menu ul ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/right.png); background-repeat: no-repeat; background-position: right center;}
.menu .menu_on2 ul ul  > li.has-sub  > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/right_wth.png); background-repeat: no-repeat; background-position: right center;}
.menu ul li.left ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/left.png); background-repeat: no-repeat; background-position:left center;}
.menu ul li.left ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/left_wth.png); background-repeat: no-repeat; background-position:left center;}

.menu ul li {border-right:1px solid #cccccc;top:7px;height:30px;}
.menu.stickyli ul li {top:0px;}
.menu ul li:last-child {color:#000000;border:0px;}
.menu ul ul li {border-right:0px solid #cccccc;}

.menu ul li b {display:block; width:100%; height:45px; background:transparent; position:relative; z-index:100000;
-webkit-transition: 0s 0.1s;
transition: 0s 0.1s;
}


.menu ul ul li b {margin-top:-20px;height:20px;}

.menu ul li b {display:none;}

.menu ul { height:auto;

}

.menu ul ul {height:auto;}

.menu a {display:block; font:normal 100% 'montserrat-alternates', sans-serif,tahoma,verdana; color:#e6a646; line-height:32px; text-decoration:none;text-shadow:1px 1px 1px #ccc; padding:0px 10px 0 10px;margin:0px 0px 0px 0px;
 }
.menu.stickyli a {display:block; font:normal 100% 'montserrat-alternates', sans-serif,tahoma,verdana; color:#e6a646; line-height:20px; text-decoration:none; }

.menu_on > a {display:block; font:normal 100% 'montserrat-alternates', sans-serif,tahoma,verdana; color:#ffffff; background:#ffd372;border:0;border-top:1px solid #e6a646;box-shadow:0 10px 8px #ffd372 inset;line-height:36px; text-decoration:none;
    border-radius:5px 5px 2px 2px;
-webkitborder-radius:5px 5px 2px 2px;
-khtmlborder-radius:5px 5px 2px 2px;
padding:0px 10px 0 10px; margin-top:-5px; }

.menu_on.stickyli > a {display:block; font:normal 100% 'montserrat-alternates', sans-serif,tahoma,verdana; color:#ffffff; line-height:20px; text-decoration:none; }

.menu > ul > li > a {float:left;}
.menu img {margin-top:-5px;}
.menu.stickyli img {width:30px; margin-top:-7px;}
.menu.stickyli > ul > li >  a {float:left; font-size:100%; margin-top:6px;padding:5px 10px 3px 10px;}

.menu li .menu_on2 > a {display:block; font:normal 100%  'montserrat-alternates', sans-serif,tahoma,verdana;color:#ffffff; background-color:#e6a646; line-height:35px; text-decoration:none; padding:0px 10px 0 10px; font-weight:normal;}

.menu ul li:hover > ul, element:active {visibility:visible; color:#ffffff; left:-1px; top:31px; opacity:1;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}

.menu ul ul li:hover > ul, element:active {visibility:visible;color:#e6a646; left:100%; top:auto; margin-top:-33px;box-shadow: 2px 0px 6px #737373;
border-radius:  0px 5px 5px 0px;
-webkitborder-radius: 0px 5px 5px 0px;
-khtmlborder-radius: 0px 5px 5px 0px; /* Konqueror */
border-radius:  0px 5px 5px 0px;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}

.menu ul ul li:hover > a, element:active {color:#e6a646; text-decoration:none;
 font-weight:normal; user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}

.menu ul ul ul li:hover > a , element:active{color:#e6a646; text-decoration:none;  font-weight:normal;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}

.menu li.left:hover > ul, element:active {visibility:visible; left:auto; right:-50px; top:33px;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}
.menu li.left ul li:hover > ul, element:active {visibility:visible; left:auto; right:100%; top:auto; margin-top:-23px;
box-shadow: 0px 8px 13px #999999;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}
.menu ul li:hover > b, element:active {width:0;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}

.menu li.left ul a {text-align:left; padding:0 10px 0 16px;border-right:0px; margin:0;}

.menu li ul a {margin:0;border-right:0px;}

.menu li:hover > a, element:active {color:#000000; text-decoration:none;  font-weight:normal;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}

.menu .menu_on:hover > a, element:active {color:#ffffff; text-decoration:none; font-weight:normal;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}

.menu .menu_on2:hover > a, element:active {color:#ffffff; text-decoration:none; font-weight:normal;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}



}

/* --- Ende Import --- */


/* --- Start Import: menu_mobile.css --- */
@media screen and (max-width: 767px) {
html,body {
font-size:14px;
}
.menu_mobile {position:relative;width:100%; text-align:left; height:auto;   z-index:100; left:0;}

.toggle {display:none;}
.menu_mobile ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
.menu_mobile ul {display:inline-block;} 
.menu_mobile ul {*display:inline;}

.menu_mobile li {margin:0; padding:0; list-style:none;}
.menu_mobile li.close {display:none;}

.menu_mobile li {display:inline-block; display:inline;}
.menu_mobile ul ul {position:relative; left:0px; border:0px solid #1da4cb; border-top:0px;}
.menu_mobile ul ul ul {position:relative; left:0px; border:0px solid #1da4cb;border-top:0;}
.menu_mobile > ul {margin:0 auto;}
.menu_mobile > ul > li {display:block; position:relative;}
.menu_mobile ul ul li a { font:bold 100%  'roboto', sans-serif,tahoma,verdana;line-height:30px;color:#8a8a8a; text-decoration:none; border-bottom:solid 1px #cccccc; text-shadow:none;}

.menu_mobile > ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/down.png); background-repeat: no-repeat; background-position: right center;}
.menu_mobile ul ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/down.png); background-repeat: no-repeat; background-position: right center;border:0;}
.menu_mobile .menu_on2 ul ul  > li.has-sub  > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/right_wth.png); background-repeat: no-repeat; background-position: right center;}
.menu_mobile ul li.left ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/left.png); background-repeat: no-repeat; background-position:left center;}
.menu_mobile ul li.left ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_kuesnacht/img/left_wth.png); background-repeat: no-repeat; background-position:left center;}



.menu_mobile ul { height:auto;width:100%;}

.menu_mobile ul ul {height:auto;width:100%;}

.menu_mobile a {display:block; font:600 110% 'Montserrat Alternates', sans-serif,tahoma,verdana; color:#1da4cb; line-height:30px; text-decoration:none;text-shadow:1px 1px 1px #ccc; padding:0px 10px 0 20px;border-bottom:1px solid #cccccc;margin:6px 0px 0px 0px;
 }

.menu_on > a {display:block; font:bold 110% 'Montserrat Alternates', sans-serif,tahoma,verdana; color:#ffffff; background:#1da4cb;border:0;border-top:1px solid #1da4cb;line-height:30px; text-decoration:none;
    border-radius:5px 5px 0px 0px;
-webkitborder-radius:5px 5px 0px 0px;
-khtmlborder-radius:5px 5px 0px 0px;
padding:0px 10px 0 20px; }


.menu_mobile > ul > li > a {display:block;}
.menu_mobile img {margin-top:-5px;}



.menu_mobile li .menu_on2 > a {display:block; font:bold 100%  'roboto', sans-serif,tahoma,verdana;color:#ffffff; background-color:#1da4cb; line-height:30px; text-decoration:none; padding:0px 10px 0 40px; font-weight:bold;}

.menu_mobile ul ul li .menu_on2 > a {display:block; font:bold 100%  'roboto', sans-serif,tahoma,verdana;color:#ffffff; background-color:#1da4cb; line-height:30px; text-decoration:none; padding:0px 10px 0 60px; font-weight:bold;}

.menu_mobile ul li:hover > ul, element:active {position:relative; visibility:visible; color:#ffffff;  opacity:1;user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none}

.menu_mobile ul ul li:hover > ul, element:active {position:relative;visibility:visible;color:#1da4cb; top:auto; margin-top:0px;}

.menu_mobile ul ul ul  li > a, element:active { padding:0px 10px 0 60px;color:#000000; text-decoration:none; font-weight:bold; }

.menu_mobile ul ul li > a, element:active { padding:0px 10px 0 40px;color:#000000; text-decoration:none; font-weight:bold; }

.menu_mobile ul ul ul li:hover > a , element:active{color:#1da4cb; text-decoration:none;  font-weight:bold;}
.menu_mobile ul ul li:hover > a , element:active{color:#1da4cb; text-decoration:none;  font-weight:bold;}

.menu_mobile li.left:hover > ul, element:active {visibility:visible; left:auto; }
.menu_mobile li.left ul li:hover > ul, element:active {visibility:visible; left:auto; right:100%; top:auto;}

.menu_mobile li.left ul a {text-align:left; padding:0 10px 0 16px;border-right:0px; margin:0;}

.menu_mobile li ul a {margin:0;border-right:0px;}

.menu_mobile li:hover > a, element:active {color:#000000; text-decoration:none;  font-weight:bold;}

.menu_mobile .menu_on:hover > a, element:active {color:#ffffff; text-decoration:none; font-weight:bold;}

.menu_mobile .menu_on2:hover > a, element:active {color:#ffffff; text-decoration:none; font-weight:bold;}




}

/* --- Ende Import --- */



/* --- Start Import: layout_1000.css --- */

@media screen and (max-width: 1000px) {

.woche
{
position: relative;
margin:2px 1% 2px 0;
padding:0 auto;
float:none;
clear:left;

width:100%;
border:solid 1px #1da4cb;

}

.wochentagauswahl{
position: relative;
background:#F9FFFA;
text-align:center;
padding:4px;
float:left;
width:100%;
border: solid 1px #ccc;
display:block;
cursor:hand;
cursor:pointer;
}
.wochentagauswahl:hover{
position:relative;
background-color:#1da4cb;
padding:4px;
float:left;
width:100%;
border: solid 1px #1da4cb;
display:block
}

.wochentagauswahl:after{
clear:left;
}
.cal_ttime{
    writing-mode: vertical-lr;
    padding-top:3px;
    padding-left:2px;
    width:100%
    }
    .hilfe_tree{
        width:25%;float:left

    }
    .hilfe_cont{
        width:75%;float:left

    }
}
/* --- Ende Import --- */



/* --- Start Import: layout_800.css --- */

@media screen and (max-width: 767px) {
html,body {
font-size:14px;
}

.table_kachel {
	width:98% !important;
margin:0 1% 1% 0;
padding:1% 0 1% 2%; 
	font-size:100%;
clear:left;
}

#stickyheader.stickydiv {
    top: 0;
    position: fixed;
    width: 100%;
    height: 30px;
    background: url(scr_t.inc.php?file=layout_kuesnacht/img/mainbg.jpg);
    border-bottom: #E7F3FB 0 solid;
    box-shadow: 0 2px 10px #969696 inset;
    box-shadow: 0 2px 3px #ccc;
    z-index: 10000
}
/* Style the tab */
div.tab_detail button {display: none;
}
div.tab_detail button.active {display: block;    float: left;
}
div.tab_detail.responsive { background:#326496; height:auto; width:100%; z-index:2; position: absolute; border:solid 1px #000;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-khtml-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px; }
div.tablinks_detail.responsive{
    position: absolute;
    right: 0;
    top: 0;}
	
div.tab_detail.responsive button {
    float: none;
    font-size: 110%;
	height:50px;
	width:100%;
    display: block;
    text-align: left;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
border-radius:0;

  }

  div.tab_detail button.icon { 
    float: right;
    display: block;
		height:auto;
		width:30px;
		
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
			z-index:10000;
			background:url("scr_t.inc.php?file=layout_kuesnacht/img/riter_icon.png");
			background-position:5px 4.5px;
			background-repeat:no-repeat;
}
  div.tab_detail.responsive button.icon  {
    float: right;
	width:auto;
    display: block;
    text-align: left;
	box-shadow: 0 0 0 0 #eee inset; 
	border:none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 90%;
	background:url("scr_t.inc.php?file=layout_kuesnacht/img/riter_icon__aus_wth.png");
	background-position:0px 5px;
	background-repeat:no-repeat;
  }	


.btn_cont .line_btn_oben { 
height:25px !important;
width:25px;
top:-5px
}
.btn_cont .line_btn_oben img{ 
height:20px;
width:20px;
}
.btn_cont .line_btn { 
height:25px !important;
width:25px;
left:5px

}
.btn_cont .line_btn img{ 
height:20px;
width:20px;
}
.btn_cont_full .full_btn { 
height:28px;
width:28px;
	box-shadow: 0 0 28px 3px #326496 inset; 

}
.btn_cont_full .full_btn img{ 
height:20px;
width:20px;
}

.btn_cont_full_none .full_btn { 
height:28px;
width:28px;
	box-shadow: 0 0 28px 3px #326496 inset; 

}
.btn_cont_full_none .full_btn img{ 
height:20px;
width:20px;
}

.headerlogo {
left:50px;
}
.headerlogo.stickydiv {
left:50px;
display:block;
}
div#rowContainer_line {
margin-top:12%;
}

div#Col14 {
width:50%;
float:left;
text-align:center; 
min-height:160px;  
border-right:0px;
}



.tab_row:hover, .tab_row:active {
visibility:visible;
background: #326496!important;
	box-shadow:none;
color:#FFFFFF!important;
-webkit-touch-callout: none
}





.textpfeile
{
display:none;
}
.editbox {
visibility:hidden;
}
.woche
{
position: relative;
margin:2px 1% 2px 0;
padding:0 auto;
float:none;
clear:left;

width:100%;
border:solid 1px #E7F3FB;

}

.wochentagauswahl{
position: relative;
background:#F9FFFA;
text-align:center;
padding:4px;
float:left;
width:100%;
border: solid 1px #ccc;
display:block;
cursor:hand;
cursor:pointer;
}
.wochentagauswahl:hover{
position:relative;
background-color:#E7F3FB;
padding:4px;
float:left;
width:100%;
border: solid 1px #E7F3FB;
display:block
}

.wochentagauswahl:after{
clear:left;
}

.search_ico{

    height:26px;
    width:5%;

}  

.search_inp {
    height:25px;
    width:93%;

    }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

	
	#mobile-header {
		position:absolute;

		top:-1px;
		left:0px;;
		padding:0px;
        display: block;
		height:30px;
		width:30px;
		
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
			z-index:10000;


    }
#mobile-header.stickydiv {
	top:0px;
	left:0px;;
	padding:0px;
	display: block;
	height:30px;
	width:30px;

    }
#navigation {
    display: none;
}
.cal_schule{

    font-size:90%;
}
.cal_mieter{

    font-size:90%;
}
.cal_reinigung{

    font-size:90%;
}
.cal_titel{
    font-size:80%;

}
.cal_ttime{
padding-left:0px;

width:100%

    }
    .widget_aus{
        display:none;
    } 
       .widget_del{
        display:none;
    }
    .wtgdrag{
        position:relative !important;
        top:0px !important;
        left:10px !important;
        width:95% !important;
        margin-bottom:10px;
            clear:left
        }
        /* Icon 1 */

#mob-icon {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }

  #mob-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #ffffff;
    border-radius: 7px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
      #mob-icon.stickydiv span  {

    background: #1da4cb;

  }
  #mob-icon span:nth-child(1) {
    top: 3px;
  }
  
  #mob-icon span:nth-child(2) {
    top: 13px;
  }
  
  #mob-icon span:nth-child(3) {
    top: 24px;
  }
  
  #mob-icon.open span:nth-child(1) { 
    top: 13px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  
  #mob-icon.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }
  
  #mob-icon.open span:nth-child(3) { 
    top: 13px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

}
/* --- Ende Import --- */


/* --- Start Import: banner-slider_800.css --- */

@media screen and (max-width: 767px) {
#slider {
    width:100%;height:250px;/* Make it the same size as your img */
	background:#fff url(/img/banner/loading.gif) no-repeat 16px 16px;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
   
}
/* Probably there are more classes, but I haven't discoverd them yet */
 #slider,
#slider .mcSlc, #slider .mcBox {
 /* This would change based on your original img size */
 /* First argument is width, second is height */
 background-size: 800px 250px !important;
 }
 div.mc-caption{
 font-size : 30px;
 }
 cap2{
 font-size : 20px;
 }
 #slider div.navBulletsWrapper  {
	top:220px;/* Its position is relative to the #slider */
	}
}
/* --- Ende Import --- */



/* --- Start Import: layout_480.css --- */

@media screen and (max-width: 520px) {

div#Col12,div#Col13,div#Col131,div#Col132,div#Col133,div#Col23,div#Col14,div#Col14_right,div#Col34,div#Col15,div#Col56, div#Col16,div#Col17,div#Col18,div#Col19,div#Col110,div#Col111,div#Col112,div#Colrow,div#Col12Padd_Right,div#Col12Padd_Left,div#Col14Padd_Right,div#Col14Padd_Left,div#Col14Padd_Right12,div#Col14Padd_Left12,.Col12 {
float:none;
position: relative;
width: 100%;
clear: both;
float:none;
height: auto;
padding-left:2%;
padding-right:2%;
}

div#Col17 {
display:none;

}

.headerlogo.stickydiv {
display:none;
}
.table_kachel {
float:none;
position: relative;
width: 100%;
padding:1% 0.5% 1% 3%; 
clear: both;
float:none;
height: auto;
margin-bottom:2%;
}
.table {
    display:table;
	width:100%;
	border-bottom:1px solid #ccc;
}
.table .table_titel {
    display:none;
	font-size:80%;
	font-weight:bold;
	color:#999999
}
.table .tab_row {
    display: block;
	padding:5px;	
	border:1px solid #ccc;
	width:auto;
}
.table div div {
    display:block;
	width:auto;
	padding:3px;
	border:0px solid #000000; 
}

.table .div_cell {
    display:table-cell;
	width:auto;
	padding:3px;
	border:0;
}
.table .div_cell_platzhalter {
    display:table-row;
}
.btn_cont_full_none {
 display: inline-block;
 }
 .btn_cont_full_none .full_btn:hover{ 
	box-shadow: 0 0 0 0 #E7F3FB inset; 
		background:#326496;

}
div#rowContainer_line {
margin-top:16%;
margin-bottom:16%;
}

div#Col14 {
width:100%;
border-right:0px;
vertical-align:middle;
}

.vorfooter {
padding-bottom:260px;
}

div#footer {
padding-top:60px;
}



.btn_cont .line_btn_oben { 
height:30px !important;
width:30px;
top:-10px
}
.btn_cont .line_btn_oben img{ 
height:25px;
width:25px;
}
.btn_cont .line_btn { 
height:30px !important;
width:30px;
left:10px

}
.btn_cont .line_btn img{ 
height:25px;
width:25px;
}
.btn_cont_full .full_btn { 
height:33px;
width:33px;
	box-shadow: 0 0 28px 3px #326496 inset; 

}
.btn_cont_full .full_btn img{ 
height:25px;
width:25px;
}
.search_inp {
    height:25px;
	width:315px;
}
.globalnav {
top:5px;
}

.globalnav.stickydiv {
top:5px;
}
.bildfenster{
width: auto !important;
}
.textpfeile
{
display:block;
text-align:center;
background-color:#003366;
background:url(../../scr_t.inc.php?file=layout_kuesnacht/img/pfeil_unten_green.png);
background-repeat:no-repeat;
background-position:center;
width:100%;
height:50px;
}
.mitabeiterdetail{
clear:both;
}
.wtgdrag{
position:relative;
	left:0px;
	width:100%;
	clear:left
}
.hilfe_tree{
	width:100%;float:none;

}
.hilfe_cont{
	width:100%;float:none

}
}
/* --- Ende Import --- */


/* --- Start Import: banner-slider_480.css --- */

@media screen and (max-width: 520px) {

#slider {
    width:100%;height:180px;/* Make it the same size as your img */
	background:#fff url(/img/banner/loading.gif) no-repeat 16px 16px;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
   
}
/* Probably there are more classes, but I haven't discoverd them yet */
 #slider,
#slider .mcSlc, #slider .mcBox {
 /* This would change based on your original img size */
 /* First argument is width, second is height */
 background-size: 480px 180px !important;
 }
 div.mc-caption{
 font-size : 30px;
 }
 cap2{
 font-size : 20px;
 }
 #slider div.navBulletsWrapper  {
	top:150px;/* Its position is relative to the #slider */
	}
}
/* --- Ende Import --- */



/* --- Start Import: layout_360.css --- */

@media screen and (max-width: 360px) {
.vorfooter {
padding-bottom:280px;
}
}



/* --- Ende Import --- */


/* --- Start Import: banner-slider_360.css --- */

@media screen and (max-width: 360px) {

#slider {
    width:100%;height:88px;/* Make it the same size as your img */
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
   
}
/* Probably there are more classes, but I haven't discoverd them yet */
 #slider,
#slider .mcSlc, #slider .mcBox {
 /* This would change based on your original img size */
 /* First argument is width, second is height */
 background-size:  360px auto !important;
 background-position:center;
 
 }
 div.mc-caption{
 font-size : 25px;
 	padding:33px 10px 10px 20px;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
filter:alpha(opacity=80); /* IE */
-moz-opacity: 0.80; /* Mozilla */
opacity: 0.80; /* Opera */ }
.cap2 {
	font-family: 'Roboto Condensed',sans-serif,tahoma,verdana;
	font-style:italic;
	font-weight : normal;

	font-size : 20px;
	color:#ffffff;
	text-shadow: 2px 2px 4px #000000, -1px -1px #cccccc;
	z-index:4;
	padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:left;
}
.cap2 a {
	color:#ffffff;
	text-decoration:none;
}
.cap2 a:hover {
	color:#ffffff;

}
 #slider div.navBulletsWrapper  {
	top:65px;/* Its position is relative to the #slider */
	}
}
/* --- Ende Import --- */



/* --- Start Import: print.css --- */
@media print {
body
{
size:210mm 297mm;
margin-top:0cm;
margin-bottom:1.5cm;
margin-left:-1.5cm;
margin-right:0cm;
font-family: "verdana", Times, serif;
}	
	
	#content   { 
background-color:transparent;
padding: 0;
margin: 0;
}
.headerlogo:after {
position:absolute;
height:86px;
width:200px;
top:5px;
left:0px;
content:url(scr_t.inc.php?file=layout_swimadmin/img/logo.png);
}

#sliderFrame, #seitenbild, #seitenbild_div,#seitenbild_ramen1,#seitenbild_ramen2, .globalnav, .navigation {
display:none;
	}
	
.logoicon {
	width:400px;

	font-size:200%
	}
	
a:linktext, a:linktext:after  { 
color: #000000;
background-color:transparent; 
content: " * Link " attr(href) "* ";
}
}
/* --- Ende Import --- */


/* for iPhone, iPod Touch and iPad */

/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
@media only screen and (max-device-width:768px) 
{

.menu ul ul {display:none;}
.menu ul li:hover > ul {display:block;}
.menu ul li.hasSub:hover ~ li.close {display:block;}
}
#cookiehinweis a {color:#000; text-decoration:none;}

#cookiehinweis a:hover {text-decoration:underline;}

#cookiehinweis div {padding:10px; padding-right:40px;}

#cookiehinweis { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;
   display:none}

#cookiehinweisCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;

   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df 0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiehinweisCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}
/* Works on Firefox */
* {
   scrollbar-width: thin;
   scrollbar-color: #1da4cb #157693;
 }
 
 /* Works on Chrome, Edge, and Safari */
 *::-webkit-scrollbar {
   width: 12px;
 }
 
 *::-webkit-scrollbar-track {
   background: #157693;
 }
 
 *::-webkit-scrollbar-thumb {
   background-color: #1da4cb ;
   border-radius: 20px;
   border: 3px solid #157693;
 }