@font-face {
    font-family: 'montserrat-alternates'; 
    src: url('fonts/montserrat/montserrat-alternates-v18-latin-regular.woff2') format('woff2');
    font-weight: 400; 
    font-style: normal;
    font-display: swap; 
}
@font-face {
    font-family: 'montserrat-alternates'; 
    src: url('fonts/montserrat/montserrat-alternates-v18-latin-italic.woff2') format('woff2');
    font-weight: 400; 
    font-style: italic;
    font-display: swap; 
}
@font-face {
    font-family: 'montserrat-alternates'; 
    src: url('fonts/montserrat/montserrat-alternates-v18-latin-600.woff2') format('woff2');
    font-weight: 600; 
    font-style: bold;
    font-display: swap; 
}
@font-face {
    font-family: 'roboto'; 
    src: url('fonts/roboto/roboto-v49-latin-regular.woff2') format('woff2');
    font-weight: 400; 
    font-style: normal;
    font-display: swap; 
}
@font-face {
    font-family: 'roboto'; 
    src: url('fonts/roboto/roboto-v49-latin-italic.woff2') format('woff2');
    font-weight: 400; 
    font-style: italic;
    font-display: swap; 
}
@font-face {
    font-family: 'roboto'; 
    src: url('fonts/roboto/roboto-v49-latin-600.woff2') format('woff2');
    font-weight: 600; 
    font-style: bold;
    font-display: swap; 
}

/* --- 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
}

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: #1da4cb;
    color: #fff
}

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

    .chbx[type="checkbox"] + label::before {
        width: 20px;
        height: 16px;
        background-image: url("../img/unchecked.png");
        display: block;
        content: "";
        float: left;
        margin-right: 3px;
  }
  .chbx[type="checkbox"]:checked+label::before {
    background-image: url("../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("../img/unchecked.png");
            display: block;
            content: "";
            float: left;
            margin-right: 3px;            
           
      }
      #abo[type="checkbox"]:checked+label::before {
        background-image: url("../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: 50px;
    width: 100%;
    background: url(scr_t.inc.php?file=layout_swimadmin/img/trans_weiss.png);
    border-bottom: #E7F3FB 0 solid;
    box-shadow: 0 2px 8px #969696 inset;
    z-index: 1052
}

#stickyheader.stickydiv {
    top: 0;
    position: fixed;
    width: 100%;
    height: 35px;
    background: url(scr_t.inc.php?file=layout_swimadmin/img/mainbg.jpg);
    border-bottom: #E7F3FB 0 solid;
    box-shadow: 0 2px 10px #969696 inset;
    box-shadow: 0 2px 3px #ccc;
    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#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: #1da4cb solid 1px;
    background: url(scr_t.inc.php?file=layout_swimadmin/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 {
    float: left
}

div#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: 14.285714285714%
}

div#Col18 {
    width: 12.5%
}

div#Col19 {
    width: 11.111111111111%
}

div#Col110 {
    width: 10%
}

div#Col112 {
    width: 8.3333333333333%
}

div#Colrow {
    width: 100%;
}

.vorfooter {
    padding-bottom: 130px;
    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_swimadmin/img/trans_grey.png);
    border-top: #1da4cb 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;
}

.headerlogo {
        position: absolute;
    height: 18px;
    width: 130px;
    top: 17px;
    background: url(scr_t.inc.php?file=layout_swimadmin_oeff/img/logo.png);
    -moz-background-size: 130px 18px;
    -webkit-background-size: 130px 18px;
    background-size: 130px 18px;
    background-repeat: no-repeat;
    z-index: 1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.headerlogo.stickydiv {
    height: 18px;
    width: 93px;
    top: 9px;
    left: 0px;
    background: url(scr_t.inc.php?file=layout_swimadmin/img/logo.png);
    z-index: 1;
    -moz-background-size: 93px 18px;
    -webkit-background-size: 93px 18px;
    background-size: 93px 18px;
    background-repeat: 93px 18px;
}

#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_swimadmin/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_swimadmin/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_swimadmin/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: 12px;
    left: 150px;
    z-index: 500;
    display: block;
    text-align: left;
    padding-left: 12px;
    -moz-border-radius: 0;
    -webkit-border-radius: 10px 10px 0 0;
    -khtml-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0
}

.navigation.stickydiv {
    position: absolute;
    padding-right: 30px;
    top: 1px;
    left: 165px;
}
.popupbox_head {
	padding: 5px 7px 5px 20px;
	margin:-10px -20px 0 -20px;
	font-size: 100%;
	font-weight: normal;
	color:#1da4cb;
	-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_swimadmin/img/mainbg.jpg);
    background-repeat: repeat;
    padding: 10px 20px 15px 20px;
    border: 1px solid #1da4cb;
    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_swimadmin/img/mainbg.jpg);
    background-repeat: repeat;
    padding: 10px 20px 15px 20px;
    border: 1px solid #1da4cb;
    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 #1da4cb;
    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 #1da4cb;
    border-bottom: 0;
    border-right: 0;
    background: #1da4cb;
    -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_swimadmin/img/trans_green.png);
    border: 1px solid #1da4cb;
    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_swimadmin/img/lupe.png);
    border: 1px solid #1da4cb;
    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_swimadmin/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 #1da4cb;
    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: #1da4cb;
    font-weight: normal;
}

a.linktext {
    text-decoration: underline;
}

a.linktext:hover {
    color: #fff;
    background-color: #1da4cb;
    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: #1da4cb;
    text-decoration: none
}

a.startboxtext:active {
    color: #fff;
    background-color: #E7F3FB;
    border-color: #1da4cb;
    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: 1px;
    border-style: solid;
    border-color: #1da4cb;
    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_swimadmin/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: #1da4cb;
    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_swimadmin/img/trans_weiss.png);
    color: #1da4cb;
    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;
}
.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_swimadmin/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: #1da4cb;
    font-size: 100%;
}



.sidenav_on {
    background: #1da4cb;
    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_swimadmin/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_swimadmin/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_swimadmin/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
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

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

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #1da4cb 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 #1da4cb;
    border-style: solid;
    border-top: none;
    z-index:1100;
}

.search_ul li:hover{
    background-color: #1da4cb;
    color:#ffffff;
}
.selected{
    background-color: #1da4cb !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;
}

/* --- 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: 80%;
    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 {
    box-shadow: 0 0 2px #333333;

    color:#999999;
    border: none;
    margin: 5px 2px 0 2px;
    background: url(scr_t.inc.php?file=layout_swimadmin/img/trans_blue.png);
    height: 26px;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 5px 10px 6px 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;
}


/* Change background color of buttons on hover */

div.tab_detail button:hover {
    height: 30px;
    margin: 2px 2px 0 2px;
    color:#1da4cb;
    background: url(scr_t.inc.php?file=layout_swimadmin/img/trans_blue.png);
}


/* Create an active/current tablink class */

div.tab_detail button.active {
    height: 30px;

    color: #1da4cb;
    background: url(scr_t.inc.php?file=layout_swimadmin/img/trans_weiss.png);
    box-shadow: 0 0 5px #333333;
    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 {
    box-shadow: 0 0 30px 3px #eee inset;
    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: #ffffff;
}

.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_swimadmin/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_swimadmin/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_swimadmin/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_swimadmin/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 {
    position: relative;
    display: table;
    background: url(scr_t.inc.php?file=layout_swimadmin/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_swimadmin/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_global ul ul ul {position:absolute; left:-9999px; border:0px solid #1da4cb;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:#aaaaaa; font-size:90%; text-decoration:none; border-bottom:solid 1px #1da4cb;  padding:0px 7px 0 7px;}
.menu_global.stickyli ul ul li a { line-height:25px;color:#aaaaaa; font-size:90%; text-decoration:none; }


.menu_global > ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_swimadmin/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_swimadmin/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_swimadmin/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 ul {}

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

.menu_global_on a {display:block; font:normal 90%  'roboto', sans-serif,tahoma,verdana; color:#1da4cb; line-height:15px; text-decoration:none; padding:0px 5px 0 5px;}
.menu_global_on.stickyli a {display:block; font:normal 90%  'roboto', sans-serif,tahoma,verdana; color:#1da4cb; 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:#1da4cb; border:solid #1da4cb 1px; line-height:20px; text-decoration:none; margin-top:8px; padding:5px 5px 5px 35px;background-image:url(scr_t.inc.php?file=layout_swimadmin/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 90%  'roboto', sans-serif,tahoma,verdana; color:#1da4cb; line-height:15px;background:none; text-decoration:none; padding:0px 5px 0 15px;}

.menu_global > ul > li > a {float:left;}
.menu_global.stickyli > ul > li > a {float:left;  font-size:90%;}

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


.menu_global ul li:hover > ul, element:active {visibility:visible; color:#1da4cb; left:-1px; top:55px; opacity:1;-webkit-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:#1da4cb; 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;-webkit-user-select: none; -webkit-touch-callout: none}
.menu_global ul ul li:hover > a, element:active {color:#1da4cb; text-decoration:none;  font-weight:normal; background-color:#1da4cb;-webkit-user-select: none; -webkit-touch-callout: none}

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

.menu_global li.left:hover > ul, element:active {visibility:visible; left:auto; right:-1px; top:42px;-webkit-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;-webkit-user-select: none; -webkit-touch-callout: none}
.menu_global ul li:hover > b, element:active {width:0;-webkit-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:#1da4cb; text-decoration:none;  font-weight:normal;-webkit-user-select: none; -webkit-touch-callout: none}
.menu_global .menu_global_on:hover > a, element:active {color:#1da4cb; text-decoration:none;  font-weight:normal;-webkit-user-select: none; -webkit-touch-callout: none}
.menu_global .menu_global_log:hover > a, element:active {color:#ffffff; background:#1da4cb; background-image:url(scr_t.inc.php?file=layout_swimadmin/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;-webkit-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 #1da4cb; border-top:0px;background:url(scr_t.inc.php?file=layout_swimadmin/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 #1da4cb;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:#1da4cb; font-size:80%; text-decoration:none; border-bottom:solid 1px #1da4cb;  padding:0px 7px 0 7px;}
.menu_footer.stickyli ul ul li a { line-height:25px;color:#1da4cb; font-size:10px; text-decoration:none; }

.menu_footer > ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_swimadmin/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_swimadmin/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_swimadmin/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 80%  'roboto', sans-serif,tahoma,verdana; color:#1da4cb; 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 80%  'roboto', sans-serif,tahoma,verdana; color:#1da4cb; line-height:8px; text-decoration:none; padding:0px 5px 0 0;}

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

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

.menu_footer_on2 a {display:block; font:normal 80%  'roboto', sans-serif,tahoma,verdana; color:#1da4cb; 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:#1da4cb; 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:#1da4cb; left:-1px; top:80%; opacity:1;-webkit-user-select: none; -webkit-touch-callout: none}

.menu_footer ul ul li:hover > ul, element:active {visibility:visible;color:#1da4cb; left:100%; top:auto; margin-top:-80%;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:#1da4cb; text-decoration:none;  font-weight:normal; background-color:#1da4cb;-webkit-user-select: none; -webkit-touch-callout: none}

.menu_footer ul ul ul li:hover > a, element:active {color:#1da4cb; 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:-80%;
box-shadow: 0px 8px 80% #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 --- */

/* Import von alert.css fehlgeschlagen oder ignoriert */




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

.menu {width:100%; text-align:left; height:auto;  position:relative; z-index:100; 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; border:0px solid #1da4cb; border-top:0px;box-shadow: 2px 2px 6px #737373;
    border-radius: 5px 5px 5px 5px;
    -webkitborder-radius: 5px 5px 5px 5px;
    -khtmlborder-radius: 5px 5px 5px 5px; /* Konqueror */
    border-radius:  5px 5px 5px 5px;
}
.menu ul ul ul {position:absolute; left:-9999px; border:0px solid #1da4cb;border-top:0;}
.menu > ul {margin:0 auto;}
.menu > ul > li {float:left; display:block; position:relative;}
.menu ul ul li a { line-height:35px;color:#8a8a8a; font-size:100%; text-decoration:none; border-bottom:solid 0px #1da4cb;padding-right:20px; text-shadow:none;}
.menu.stickyli ul ul li a { line-height:35px;color:#8a8a8a; font-size:100%; text-decoration:none;}

.menu > ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_swimadmin/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_swimadmin/img/right.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_swimadmin/img/left.png); background-repeat: no-repeat; background-position:left center;}

.menu ul li b {display:block; width:100%; height:45px; background:transparent; position:relative; z-index:10;
-webkit-transition: 0s 0.1s;
transition: 0s 0.1s;
}
.menu ul ul   {background:url(scr_t.inc.php?file=layout_swimadmin/img/trans_weiss.png);    border-radius: 5px 5px 5px 5px;
    -webkitborder-radius: 5px 5px 5px 5px;
    -khtmlborder-radius: 5px 5px 5px 5px; /* Konqueror */
    border-radius:  5px 5px 5px 5px;}

.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 110% 'Montserrat Alternates', sans-serif,tahoma,verdana; color:#8a8a8a; line-height:30px; text-decoration:none;text-shadow:1px 1px 1px #ccc; padding:0px 10px 0 10px;border-right:1px solid #cccccc;margin:6px 0px 0px 0px;
 }
.menu.stickyli a {display:block; font:normal 100% 'Montserrat Alternates', sans-serif,tahoma,verdana; color:#8a8a8a; line-height:20px; text-decoration:none;border-right:1px solid #cccccc; }

.menu_on > a {display:block; font:normal 110% 'Montserrat Alternates', sans-serif,tahoma,verdana; color:#ffffff; background:#1da4cb;box-shadow:0 2px 6px #777 inset;line-height:36px; 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 10px; margin-top:2px; border:0 }

.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:110%; 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:#1da4cb; line-height:35px; text-decoration:none; padding:0px 10px 0 10px; font-weight:normal;border-radius: 5px 5px 5px 5px;
    -webkitborder-radius: 5px 5px 5px 5px;
    -khtmlborder-radius: 5px 5px 5px 5px; /* Konqueror */
    border-radius:  5px 5px 5px 5px;}

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

.menu ul ul li:hover > ul, element:active {visibility:visible;color:#1da4cb; left:100%; top:auto; margin-top:-23px;box-shadow: 0px 8px 13px #999999;
border-radius: 5px 5px 5px 5px;
-webkitborder-radius: 5px 5px 5px 5px;
-khtmlborder-radius: 5px 5px 5px 5px; /* Konqueror */
border-radius:  5px 5px 5px 5px;user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none}

.menu ul ul li:hover > a, element:active {color:#1da4cb; 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:#1da4cb; 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:39px;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:#1da4cb; 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: 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;
}
}
/* --- Ende Import --- */



/* --- Start Import: layout_800.css --- */
@media screen and (max-width: 767px) {
html,body {
font-size:16px;
}
.table_kachel {
	width:48%;
margin:0 1% 1% 0;
padding:1% 0 1% 2%; 
	font-size:100%;

}
/* 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("../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("../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:0px;
}
.headerlogo.stickydiv {
left:40px;
}
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
}


.globalnav {
top:5px;
}

.globalnav.stickydiv {
top:5px;
}

.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 */
}
/* --- 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: 480px) {
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 {
float:none;
position: relative;
width: 100%;
clear: both;
float:none;
height: auto;
padding-left:2%;
padding-right:2%;
}


.headerlogo {
top:20px;
left:0px;
}
.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:150px;
}

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

	#mobile-header {

		top:30px;


    }

.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_swimadmin/../../img/pfeil_unten_green.png);
background-repeat:no-repeat;
background-position:center;
width:100%;
height:50px;
}
.mitabeiterdetail{
clear:both;
}
}
/* --- Ende Import --- */


/* --- Start Import: banner-slider_480.css --- */
@media screen and (max-width: 480px) {
#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:100px;
}
}



/* --- 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: 'montserrat-alternates 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:active,
.menu:hover {}
.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;
 }