/* --- 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:'Poppins',sans-serif,verdana;
line-height:1.2;
font-weight:400;
font-size:16px;
font-synthesis:none;
color:#000;

}


input[type="submit"] {
height:40px;
width:250px;
font-size:170%;
font-weight:400;
color:#06C;
border:solid 1px #ccc;
background-color:#fff;
-moz-border-radius:3px;
-webkit-border-radius:3px 3px 3px 3px;
-khtml-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;
margin:3px
}

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

header {
position:relative;
height:80px;
width:100%;
background-color:#fff;
border-bottom:#008790 0 solid;
box-shadow:0 2px 10px #999;
z-index:10000;

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

header.stickyheader {
top:0;
position:fixed;
width:100%;
height:38px;
background-color:#FFF;
border-bottom:#008790 0 solid;
box-shadow:0 2px 3px #ccc;
z-index:10000;

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

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#rowContainer90 {
position:relative;
clear:both;
margin:0 auto;
max-width:90%;
min-height:100%;
height:auto!important;
height:100%;
text-align:left
}
div#rowContainer_line {
position:relative;
clear:both;
margin:0 auto;
max-width:100%;
min-height:100%;
height:auto!important;
height:100%;
text-align:left;
border:#F90 solid 1px;
border-left:0;
border-right:0;
background-color:#FFF;
margin-top:1%;
margin-bottom:1%;
padding-top:1%;
padding-bottom:1%
}

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

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

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#Col23,div#Col14,div#Col14_right,div#Col34,div#Col15,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#Col12Padd_Left {
width:50%;
padding-left:2%
}

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

div#Col13 {
width:33.333333333333%
}


div#Col23 {
width:66.666666666667%
}

div#Col14 {
width:25%
}

div#Col14Padd_Left {
width:25%;
padding-left:2%
}
div#Col14_right {
width:25%;
text-align:right;
}

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:75%
}
div#Col15 {
width:19.5%;
padding-left:.5%;
margin-right:.5%
}

div#Col16 {
width:16.666666666667%
}

div#Col17 {
width:14.285714285714%
}

div#Col18 {
width:12.5%
}


div#Col19 {
width:11.111111111111%
}

div#Col110 {
width:10%
}

div#Col112 {
width:8.3333333333333%
}
.Col12 ,
.div_rahmen12 {
    float: left
}

div#Col12 {
    width: 50%
}
.Col12 {
    width: 50%
}
.div_rahmen12 {
    width: 49%;
    margin:0 1% 0 0;
    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#Colrow {
width:100%
}

.vorfooter {
padding-bottom:200px;
height:auto
}

div#footer {
clear:both;
position:absolute;
bottom:0;
width:100%;
height:auto!important;
text-align:center;
background:#008790;
border-top:#ccc 1px solid;
color:#fff;
padding-top:10px;
padding-bottom:10px;
z-index:50
}

.headerlogo {
position:absolute;
height:60px;
width:212px;
top:10px;
left:20px;
background:url(scr_t.inc.php?file=layout_allgemein/img/logo_hp.png);
z-index:1
}

.headerlogo.stickydiv {
height:40px;
width:141px;
top:4px;
left:20px;
background:url(scr_t.inc.php?file=layout_allgemein/img/logo_hp_klein.png);
z-index:1;
-moz-background-size:141px 40px;
-webkit-background-size:141px 40px;
background-size:141px 40px
}

#seitenbild_div {
margin-top:0;
max-height:170px;
text-align:center;
height:auto;
width:100%;
width:auto;
z-index:0;
background:url(scr_t.inc.php?file=layout_allgemein/img/bg_head_blau_unter.jpg);
background-repeat:repeat-x; 

}
.seitenbild_img {
  margin:0 auto;
  height: 170px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
  animation: einblenden 25s;
  -moz-animation: einblenden 2.5s; /* Für Firefox */
  -webkit-animation: einblenden 2.5s; /* Für Safari und Chrome */
  -o-animation: einblenden 2.5s; /* Für Opera */
}
@keyframes einblenden {
  from { opacity:0; }
  to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
  from { opacity:0; }
  to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
  from { opacity:0; }
  to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
  from { opacity:0; }
  to { opacity:1; }
}

#seitenbild_ramen1 {
  display:none;
  position: absolute; 
  margin: 0 auto;
  bottom:-22%;
  background: url(scr_t.inc.php?file=layout_allgemein/img/wave.png);
  background-repeat: no-repeat;
  background-size: 100% 300px !important;
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 300px;
  z-index: 10;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media screen and (max-width: 1200px) {
  #seitenbild_ramen1 {
      bottom:-24%;
      background-size: 120% 250px !important;
      }
  }
@media screen and (max-width: 1000px) {
  #seitenbild_ramen1 {
      bottom:-24%;
      background-size: 120% 200px !important;

  }
}
@media screen and (max-width: 800px) {
  #seitenbild_ramen1 {
      bottom:-24%;
      background-size: 120% 180px !important;

  }
}
@media screen and (max-width: 600px) {
  #seitenbild_ramen1 {
      bottom:-25%;
      background-size: 120% 150px !important;

  }
}
#seitenbild_ramen2 {
  display:none;
  position: absolute; 
  margin: 0 auto;
  bottom:-2%;
  background: url(scr_t.inc.php?file=layout_allgemein/img/wave.png);
  background-repeat: no-repeat;
  background-size: 100% 300px !important;
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 300px;
  z-index: 10;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media screen and (max-width: 1200px) {
  #seitenbild_ramen2 {
      bottom:-4%;
      background-size: 120% 250px !important;
      }
  }
@media screen and (max-width: 1000px) {
  #seitenbild_ramen2 {
      bottom:-14%;
      background-size: 120% 200px !important;

  }
}
@media screen and (max-width: 800px) {
  #seitenbild_ramen2 {
      bottom:-14%;
      background-size: 120% 180px !important;

  }
}
@media screen and (max-width: 600px) {
  #seitenbild_ramen2 {
      bottom:-15%;
      background-size: 120% 150px !important;

  }
}
#seitenbild {
border-bottom:solid 1px #ccc;
max-height:170px;
height:auto;
width:100%;
width:auto
}

.headerlogotext {
position:absolute;
height:auto;
width:auto;
top:57px;
left:78px;
font-size:13.5px;
color:#B2B2B2;
z-index:1
}

.headerlogotext.stickydiv {
display:none;
height:20px;
width:387px;
top:2px;
left:220px
}

.logoicon {
font-family:'Poppins',sans-serif,tahoma,verdana;
position:absolute;
height:20px;
width:200px;
top:38px;
right:20px;
z-index:2;
color:#008790;
text-align:right;
vertical-align:middle;
font-size:130%
}

.logoicon.stickydiv {
top:18px;
right:2px;
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:3px;
right:20px;
z-index:502;
font-size:75%;
font-weight:400
}

.globalnav.stickydiv {
height:20px;
width:auto;
top:3px;
right:2px;
-moz-background-size:84px 38px;
-webkit-background-size:84px 38px;
background-size:84px 38px
}

.navigation {
position:absolute;
height:auto;
min-width:491px;
top:15px;
left:286px;
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:15px;
left:165px
}
.sidenav {
	display: block;
 	 position: fixed;
 	 top: 0;
 	 height: 100%;
    z-index: 1099;
    left: -18%;
    overflow-x: hidden;
  width: 18%;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "Poppins", tahoma, verdana, arial, sans-serif;
  font-size: 80%;
  background: #f8f8f8;
background:url(scr_t.inc.php?file=layout_allgemein/img/trans_weiss.png);
  color: #326496;
  padding:0 0 0 0;
  box-shadow: 0 2px 5px 8px #DDE1E6 inset;

}

.sidenav .nav_header {
position:relative;
display:block;
background:#ECECF9;
color:#008790;
height:50px;
width:100%;
margin: 0 0 15px 0;
border-bottom:#008790 0 solid;
box-shadow:0px 2px  10px #999 inset;	
}
.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:50000;
text-align:center;
top:0;
left:0;
padding-top:2%
}

#popupbox {
  display: none;
  position: relative;
  width: auto;
  margin: 0 auto;
  max-width: 85%;
  min-width: 85%;
  text-align: left;
  height: auto;
  z-index: 1101;
  display: inline-block;
}

#box_exit {
position:absolute;
top:-12px;
right:-12px
}

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

.startbox {
text-align:left;
background-color:#fff;
border:1px solid #008790;
border-bottom:0;
text-align:left;
margin-top:20px;
-moz-border-radius:3px;
-webkit-border-radius:3px 3px 3px 3px;
-khtml-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px
}

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

a.startboxtext {
display:block;
text-align:left;
font-size:100%;
background-color:#E8E8E8;
font-weight:400;
color:#F90;
padding:5px;
text-align:center;
text-decoration:none;
border-bottom:1px solid #008790
}

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

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

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

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

.start_news_box {
text-align:left;
background-color:#fff;
border:1px solid #008790;
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 #008790;
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:#008790;
text-decoration:none;
font-weight:700
}

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

.tooltip_c {
position:absolute;
display:none;
background-color:#EBF2FE;
border-width:1px;
border-style:solid;
border-color:#ff9c00;
padding:2px;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
color:#054585
}

.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
}

#mobile-header {
position:absolute;
display:none;
top:5px;
right:5px
}
.rightnavdiv {
  display: none;
  position: absolute;
  top: 30px;
  height: auto;
  z-index: 109999;
  right: 0;
  overflow: hidden;
  width: 270px;
  font-family: "Open Sans", tahoma, verdana, arial, sans-serif;
  color: #1da4cb;
  padding: 0 0 40px 0;
}

.rightnav {
  position: relative;
  top: 20px;
  height: 100%;
  z-index: 2099;
  left:30px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "Open Sans", tahoma, verdana, arial, sans-serif;
  font-size: 90%;
  background: #f8f8f8;
  background: url(scr_t.inc.php?file=layout_allgemein/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;
  -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: "Open Sans", tahoma, verdana, arial, sans-serif;
  font-size: 90%;
  background: #f8f8f8;
  background: url(scr_t.inc.php?file=layout_allgemein/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;
}

.layer_top {
  position: absolute;
  display:none;
  border: 2px solid #000000;
  border-top:0px;
  background-image:  url(scr_t.inc.php?file=layout_allgemein/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_allgemein/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;
      }
      .search_ico{
        background: url(scr_t.inc.php?file=layout_allgemein/img/lupe.png);
        border: 1px solid #008790;
        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_allgemein/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 #008790;
        border-top:0;
        border-left:0;
        vertical-align:middle;
        padding-left:20px;
        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;
        }
        .search_inp_blank {
          height:25px;
          width:50%;
          font-weight:400;
          font-size:100%;
          color:#000;
          background:#F9FFFA;
          border:1px solid #008790;
          border-top:0;
          border-left:0;
          vertical-align:middle;
          padding-left:20px;
          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;
          background: url(scr_t.inc.php?file=layout_allgemein/img/lupe.png);
          -moz-background-size: 25px 25px;
          -webkit-background-size:  25px 25px;
          background-size:  25px 25px;
          background-repeat: no-repeat;
          }
        .search_ul{
          position:absolute;
        width:auto;
        min-width:300px;
          left:25px;
          list-style: none;
          display:none;
          border: 0px #008790;
          border-style: solid;
          border-top: none;
          z-index:1100;
      }
      
      .search_ul li:hover{
          background-color: #008790;
          color:#ffffff;
      }
      .selected{
          background-color: #008790 !important;
          color:#ffffff;
      
      }
      select:not([multiple]) {

        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: #00A280;
        cursor: pointer;
        font-family: ' Lato', 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;
      }
      .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;
      }
      .ajax_tab {
        width: 100%
    }
    
    .ajax_nav {
        width: 100%
    }
    #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
  }
  .boxhead {
    padding:3px 0 6px 12px;
    font-size:15px;
    font-weight:400;
    background:#157693;
    color:#ffffff;
    box-shadow:  0 7px 8px #333333, 0px 10px 5px 0 #1da4cb 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:#157693;
        -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:#157693;
        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 #157693;
  
    -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:#157693;
    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 #157693;
    -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:#157693;
    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;  
    

    }
/* --- 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_allgemein/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_allgemein/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_allgemein/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_allgemein/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_allgemein/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_allgemein/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;
    }
}
.table2 {
    position: relative;
    display: table;
    background: url(scr_t.inc.php?file=layout_allgemein/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;
}

.table2 .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;
}

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

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

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

}

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

.table2 .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;
}

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

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

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

.table2 .div_cell_platzhalter {
    display: none;
}
.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;
    }
    .div-table {
        display: table;         
        width: auto;         
        background-color: #eee;         
        border: 1px solid #666666;         
        border-spacing: 5px; /* cellspacing:poor IE support for  this */
      }
      .div-table-row {
        display: table-row;
        width: auto;
        clear: both;
      }
      .div-table-col {
        float: left; /* fix for  buggy browsers */
        display: table-column;         
        width: 200px;         
        background-color: #ccc;  
      }
/* --- Ende Import --- */


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

#sliderFrame {position:relative;width:100%;margin: 0 auto;border-bottom:solid 1px #cccccc;		
	background:url(scr_t.inc.php?file=layout_allgemein/img/bg_head_blau.jpg);
		background-repeat:repeat-x;
  	
} 
#slider {
    width:890px;height:300px;/* Make it the same size as your img */
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
   
}
#slider img {
	position:absolute;
	border:none;
	display:none;

}
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
	text-align:right;
}
 #slider,
#slider .mcSlc, #slider .mcBox {
 /* This would change based on your original img size */
 /* First argument is width, second is height */
 background-size: 100% 300px !important;
 
 }
/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	right:20px; 
	top:50px;
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	text-align:left;

}
div.mc-caption {
	font-family: 'Poppins',sans-serif,tahoma,verdana;
	font-weight : bold;
	font-size : 55px;
	color:#FF9900;
	text-shadow: 1px 4px 6px #858585, -1px -1px #cccccc;
	   filter: chroma(color=#cacbcf) progid:DXImageTransform.Microsoft.dropshadow(color=#60000000, offX=2, offY=2);
	z-index:4;
	padding:0px 0px 110px 10px;
	text-align:left;
}
div.mc-caption a {
	color:#FF9900;
	text-decoration:none;
	font-weight : bold;
	text-align:left;
	padding:0px 2% 0px 0px;
}
div.mc-caption a:hover {
	color:#ffffff;
	}
.cap2 {
	position:absolute;
	top:100px;
	font-family: 'Poppins',sans-serif,tahoma,verdana;
	font-weight : bold;
	font-size : 36px;
	color:#ffffff;
	text-shadow: 2px 2px 4px #858585, -1px -1px #cccccc;
	z-index:4;
	padding:5px 5px 5px 15px;
	text-align:left;
}
.cap2 a {
	color:#FF9900;
	text-decoration:none;

}
.cap2 a:hover {
	color:#FF9900;

}

#slider div.navBulletsWrapper  {
	top:280px;/* Its position is relative to the #slider */
	text-align:right;
	padding-right:0px;
	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;
}


#sliderFullFrame {position:relative;width:100%;margin: 0 auto;border-bottom:solid 1px #cccccc;		background:url(scr_t.inc.php?file=layout_allgemein/img/bg_head_blau.jpg);
		background-repeat:repeat-x;
  	
} 
#sliderFull {
    width:890px;height:300px;/* Make it the same size as your img */
	position:relative;
	margin:0 auto;/*make the image sliderFull center-aligned */
   
}
#sliderFull img {
	position:absolute;
	border:none;
	display:none;

}
/* the link style (if an image is wrapped in a link) */
#sliderFull a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
	text-align:right;
}
/* Probably there are more classes, but I haven't discoverd them yet */
 #sliderFull,
#sliderFull .mcSlc, #sliderFull .mcBox {
 /* This would change based on your original img size */
 /* First argument is width, second is height */
 background-size: 100% 300px !important;
 
 }
/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	right:20px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	top:50px;/*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 {
	text-align:left;

}

div.mc-caption {
	font-family: 'Poppins',sans-serif,tahoma,verdana;
	font-weight : bold;
	font-size : 55px;
	color:#FF9900;
	text-shadow: 1px 4px 6px #858585, -1px -1px #cccccc;
	   filter: chroma(color=#cacbcf) progid:DXImageTransform.Microsoft.dropshadow(color=#60000000, offX=2, offY=2);
	z-index:4;
	padding:0px 0px 110px 10px;/*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:#FF9900;
	text-decoration:none;
	font-weight : bold;
	text-align:left;
	padding:0px 2% 0px 0px;
}
div.mc-caption a:hover {
	color:#ffffff;
	}
.cap2 {
	position:absolute;
	top:100px;
	font-family: 'Poppins',sans-serif,tahoma,verdana;
	font-weight : bold;
	font-size : 36px;
	color:#ffffff;
	text-shadow: 2px 2px 4px #858585, -1px -1px #cccccc;
	z-index:4;
	padding:5px 5px 5px 15px;
	text-align:left;
}
.cap2 a {
	color:#FF9900;
	text-decoration:none;

}
.cap2 a:hover {
	color:#FF9900;

}
#sliderFull div.navBulletsWrapper  {
	top:280px;/* Its position is relative to the #sliderFull */
	text-align:right;
	padding-right:0px;
	background:none;
	position:relative;
	z-index:5;
}
/* each bullet */
#sliderFull 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*/
}
#sliderFull div.navBulletsWrapper div.active {background-position:0 -11px;}
#sliderFull 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);

}
#sliderFull 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:25px; position:relative; z-index:10000; left: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 #008790; border-top:0px; background-color:#FFFFFF;box-shadow: 2px 2px 4px #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 #F2F2F2;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:#008790; font-size:12px; text-decoration:none; border-bottom:solid 1px #F2F2F2; margin:0px 7px 0 7px;}
.menu_global.stickyli ul ul li a { line-height:20px;color:#008790; font-size:12px; text-decoration:none; }

.menu_global > ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_allgemein/img/pfeil_unten.png); background-repeat: no-repeat; background-position: right center; padding-right:12px;}
.menu_global ul ul > li.has-sub > a {background-image:url(scr_t.inc.php?file=layout_allgemein/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_allgemein/img/left.png); background-repeat: no-repeat; background-position:left center;}

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

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


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

.menu_global_on a {display:block; font:normal 12px  'Poppins', sans-serif,tahoma,verdana; color:#FF9900; line-height:15px; text-decoration:none; padding:0px 5px 0 5px;}
.menu_global_on.stickyli a {display:block; font:normal 12px  'Poppins', sans-serif,tahoma,verdana; color:#FF9900; line-height:5px; text-decoration:none; padding:0px 5px 0 5px;}

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

.menu_global > ul > li > a {float:left;font-size:12px;padding:0 6px 0 0;}
.menu_global.stickyli > ul > li > a {float:left; font-size:12px;padding:0 6px 0 0;}

.menu_global_on2 a {display:block; font:normal 12px  'Poppins', sans-serif,tahoma,verdana; color:#FF9900; line-height:25px; text-decoration:none; padding:0px 5px 0 5px; font-weight:normal;}


.menu_global ul li:hover > ul {visibility:visible; color:#ffffff; left:-1px; top:18px; opacity:1;}
.menu_global.stickyli ul li:hover > ul {visibility:visible; color:#ffffff; left:-1px; top:12px; opacity:1;}

.menu_global ul ul li:hover > ul {visibility:visible;color:#ffffff; left:100%; top:auto; margin-top:-18px;box-shadow: 2px 2px 4px #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;}
.menu_global ul ul li:hover > a {color:#999999; text-decoration:none;  font-weight:normal; background-color:#FFFFFF;}

.menu_global ul ul ul li:hover > a {color:#999999; text-decoration:none;  font-weight:normal;}

.menu_global li.left:hover > ul {visibility:visible; left:auto; right:-1px; top:18px;}
.menu_global li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-12px;
box-shadow: 2px 2px 4px #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;}
.menu_global ul li:hover > b {width:0;}

.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 {color:#cccccc; text-decoration:none;  font-weight:normal;}

.menu_global .menu_global_log:hover > a, element:active {color:#ffffff; background:#84c225; background-image:url(scr_t.inc.php?file=layout_allgemein/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 #ffffff; border-top:0px;background:url(scr_t.inc.php?file=layout_allgemein/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 #008790;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:#ffffff; font-size:80%; text-decoration:none; border-bottom:solid 1px #008790;  padding:0px 7px 0 7px;}
.menu_footer.stickyli ul ul li a { line-height:25px;color:#ffffff; font-size:10px; text-decoration:none; }

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

.menu_footer_on a {display:block; font:normal 80%  'Poppins', 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%  'Poppins', sans-serif,tahoma,verdana; color:#cccccc; line-height:8px; text-decoration:none; padding:0px 5px 0 0;}

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

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


.menu_footer ul li:hover > ul {visibility:visible; color:#ffffff; left:-1px; top:15px; opacity:1;}
.menu_footer.stickyli ul li:hover > ul {visibility:visible; color:#ffffff; left:-1px; top:80%; opacity:1;}

.menu_footer ul ul li:hover > ul {visibility:visible;color:#ffffff; 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;}
.menu_footer ul ul li:hover > a {color:#ffffff; text-decoration:none;  font-weight:normal; background-color:#008790;}

.menu_footer ul ul ul li:hover > a {color:#ffffff; text-decoration:none;  font-weight:normal;}

.menu_footer li.left:hover > ul {visibility:visible; left:auto; right:-1px; top:85px;}
.menu_footer li.left ul li:hover > ul {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;}
.menu_footer ul li:hover > b {width:0;}

.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 {color:#cccccc; text-decoration:underline; font-weight:normal;}


/* --- 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 'Open Sans', 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 'Open Sans', sans-serif;;
				}
}
#alertBox p {
	font:14px 'Open Sans', sans-serif;;
	height:50px;
	padding-left:5px;
	margin-left:5px;
	margin-top:15px;
}
	 @media screen and (max-width: 640px) {
	 #alertBox p {
	font:20px 'Open Sans', sans-serif;;
				}
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:7px;
	border:0 none;
	width:70px;
	font:12px 'Open Sans', 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 'Open Sans', sans-serif;;

}



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

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:16px 'Open Sans', 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: 767px) {
.menu {width:100%; text-align:left; height:25px; 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 #008790; border-top:0px;background:#ffffff;box-shadow: 0px 8px 13px #999999;
-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 ul ul ul {position:absolute; left:-9999px; border:0px solid #FF9900;border-top:0;}
.menu > ul {margin:0 auto;}
.menu > ul > li {float:left; display:block; position:relative;}
.menu ul ul li a { line-height:25px;color:#008790; font-size:16px; text-decoration:none; border-bottom:solid 1px #F2F2F2; }
.menu.stickyli ul ul li a { line-height:25px;color:#008790; font-size:16px; text-decoration:none; }

.menu > ul > li.has-sub > a {background-image:url(../../../module/navigation/down.png); background-repeat: no-repeat; background-position: right center;}
.menu ul ul > li.has-sub > a {background-image:url(../../../module/navigation/right.png); background-repeat: no-repeat; background-position: right center;}
.menu ul li.left ul > li.has-sub > a {background-image:url(../../../module/navigation/left.png); background-repeat: no-repeat; background-position:left center;}

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

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


.menu a {display:block; font:normal 22px  'Poppins', sans-serif,tahoma,verdana; color:#008790; line-height:65px; text-decoration:none; padding:0px 10px 0 10px;}
.menu.stickyli a {display:block; font:normal 22px  'Poppins', sans-serif,tahoma,verdana; color:#008790; line-height:25px; text-decoration:none; padding:0px 10px 0 10px;}

.menu_on a {display:block; font:normal 22px  'Poppins', sans-serif,tahoma,verdana; color:#FF9900; line-height:65px; text-decoration:none; padding:0px 10px 0 10px;}
.menu_on.stickyli a {display:block; font:normal 22px  'Poppins', sans-serif,tahoma,verdana; color:#FF9900; line-height:25px; text-decoration:none; padding:0px 10px 0 10px;}

.menu > ul > li > a {float:left; text-transform:uppercase; font-size:22px;padding:0 17px 0 0;}
.menu.stickyli > ul > li > a {float:left; text-transform:uppercase; font-size:22px;padding:0 17px 0 0;}

.menu_on2 a {display:block; font:normal 16px  'Poppins', sans-serif,tahoma,verdana; color:#FF9900; line-height:25px; text-decoration:none; padding:0px 10px 0 10px; font-weight:normal;}


.menu ul li:hover > ul {visibility:visible; color:#FF9900; left:-1px; top:65px; opacity:1;}
.menu.stickyli ul li:hover > ul {visibility:visible; color:#FF9900; left:-1px; top:23px; opacity:1;}

.menu ul ul li:hover > ul {visibility:visible;color:#FF9900; left:100%; top:auto; margin-top:-23px;box-shadow: 0px 8px 13px #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;}
.menu ul ul li:hover > a {color:#FF9900; text-decoration:none;  font-weight:normal;}

.menu ul ul ul li:hover > a {color:#FF9900; text-decoration:none;  font-weight:normal;}

.menu li.left:hover > ul {visibility:visible; left:auto; right:-1px; top:65px;}
.menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-23px;
box-shadow: 0px 8px 13px #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;}
.menu ul li:hover > b {width:0;}

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

.menu li:hover > a {color:#cccccc; text-decoration:none;  font-weight:normal;}

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


/* --- Start Import: menu_mobile.css --- */
@media screen and (max-width: 767px) {
.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%  'Open Sans', 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_allgemein/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_allgemein/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_allgemein/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_allgemein/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_allgemein/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% 'poppinsregular', 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% 'poppinsregular', 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%  'Open Sans', 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%  'Open Sans', 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_800.css --- */
@media screen and (max-width: 767px) {
input[type="password"] {
height:40px;
width:250px;
margin:3px;
font-size:150%;
font-weight:400;
color:#06C;
border:solid 1px #ccc;
padding-left:10px;
background-color:#fff;
-moz-border-radius:10px;
-webkit-border-radius:10px 10px 10px 10px;
-khtml-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px
}

div#rowContainer_line {
margin-top:12%;
}

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

.vorfooter {
padding-bottom:500px;
}

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

.headerlogo.stickydiv {
left:0px;
}

.logoicon {
top:45px;
font-size:150%
}

.logoicon.stickydiv {
top:20px;
}

.globalnav {
top:5px;
}

.globalnav.stickydiv {
top:5px;
}

.textpfeile
{
display:none;
}


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

	
	#mobile-header {
		position:absolute;

		top:20px;
		left:-40px;
		padding:0px;
        display: block;
		height:30px;
		width:30px;

    }
#mobile-header.stickydiv {

		top:5px;
		right:70px;;
		padding:0px;
        display: block;
		z-index:10000;
		height:30px;
		width:30px;

    }
#navigation {
    display: none;
}
#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: #008790;
    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: #008790;

  }
  #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: 800px) {
#slider {
    width:100%;height:300px;/* Make it the same size as your img */
	background:#fff url(/img/banner/loading.gif) no-repeat 50% 50%;
	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: 100% 300px !important;
 }
 /* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	left:20px; 
	top:50px;
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	text-align:left;

}
 div.mc-caption{
 font-size : 55px;
 }
 .cap2 {
	position:absolute;
	top:100px;
	font-family: 'Poppins',sans-serif,tahoma,verdana;
	font-weight : bold;
	font-size : 36px;
	color:#ffffff;
	text-shadow: 2px 2px 4px #858585, -1px -1px #cccccc;
	z-index:4;
	padding:5px 5px 5px 15px;
	text-align:left;
}
.cap2 a {
	color:#FF9900;
	text-decoration:none;

}
.cap2 a:hover {
	color:#FF9900;

}

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


/* --- Start Import: jquery.sidr.dark.css --- */
@media screen and (max-width: 800px) {
.sidr{
display:none;
position:absolute;
position:fixed;
top:0;
height:100%;
z-index:999999;
width:260px;
overflow-x:none;
overflow-y:auto;
font-family:'Poppins',sans-serif,tahoma,verdana;
	font-style:italic;
	font-weight : normal;
	font-size : 18px;
background:#008790;
color:#fff;
-webkit-box-shadow:inset 0 0 2px 2px #006601;
-moz-box-shadow:inset 0 0 2px 2px #006601;
box-shadow:inset 0 0 2px 2px #006601
}
.sidr .sidr-inner{
padding:0 0 15px
}
.sidr .sidr-inner>p{
margin-left:15px;
margin-right:15px
}
.sidr.right{
left:auto;
right:-260px
}
.sidr.left{
left:-260px;
right:auto
}
.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{
font-size:15px;
font-weight:normal;
padding:0 15px;
margin:0 0 5px;
color:#fff;
line-height:24px;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008790), color-stop(100%, #006600));
background-image:-webkit-linear-gradient(#008790,#006600);
background-image:-moz-linear-gradient(#008790,#006600);
background-image:-o-linear-gradient(#008790,#006600);
background-image:linear-gradient(#008790,#006600);
-webkit-box-shadow:0 2px 2px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 2px 3px rgba(0,0,0,0.2);
box-shadow:0 2px 2px 3px rgba(0,0,0,0.2)
}
.sidr p{
font-size:15px;
margin:0 0 12px
}
.sidr p a{
color:rgba(255,255,255,0.9)
}
.sidr>p{
margin-left:15px;
margin-right:15px
}
.sidr ul{
display:block;
margin:0 0 15px;
padding:0;
border-top:1px solid #006600;
border-bottom:1px solid #008790
}
.sidr ul li{
display:block;
margin:0;
line-height:48px;
border-top:1px solid #008790;
border-bottom:1px solid #006600;
font-style:normal;
	font-weight : bold;

}
.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{
border-top:none;
line-height:49px
}
.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{
-webkit-box-shadow:inset 0 0 7px 2px #006601;
-moz-box-shadow:inset 0 0 7px 2px #006601;
box-shadow:inset 0 0 7px 2px #006601
}
.sidr ul li a,.sidr ul li span{
padding:0 15px;
display:block;
text-decoration:none;
color:#fff;
	font-weight : normal;

}

.sidr ul li ul{
border-bottom:none;
margin:0
}
.sidr ul li ul li{
line-height:30px;
font-size:15px
}
.sidr ul li ul li:last-child{
border-bottom:none
}
.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{
border-top:none;
line-height:31px
}
.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{
-webkit-box-shadow:inset 0 0 7px 2px #006601;
-moz-box-shadow:inset 0 0 7px 2px #006601;
box-shadow:inset 0 0 7px 2px #006601
}
.sidr ul li ul li a,.sidr ul li ul li span{
color:rgba(255,255,255,0.8);
padding-left:30px
}
.sidr form{
margin:0 15px
}
.sidr label{
font-size:13px
}
.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{
width:70%;
}
.sidr input[type=checkbox]{
width:auto;
display:inline;
clear:none
}
.sidr input[type=button],.sidr input[type=submit]{
width:70%;
color:#33CC66;

background:#fff
}
.sidr input[type=button]:hover,.sidr input[type=submit]:hover{
background:rgba(255,255,255,0.9)
}

.sidr input[type="submit"] {
height:40px;
width:90%;
font-size:100%;
font-weight:normal;
color:#33CC66;
border:solid 1px #cccccc;
background-color: #ffffff;
	-moz-border-radius:10px 10px 10px 10px; /* Firefox */
	-webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
border-radius:10px 10px 10px 10px; /* CSS3 */
margin:0 auto;
margin:5px;
	
	
}
.sidr input[type="submit"]:hover{
	background-color: #33CC66;

	color:#ffffff;
}

.sidr input[type="text"] {
height:40px;
width:90%;
line-height:0px;;
font-size:100%;
font-weight:normal;
color:#008790;
border:solid 1px #cccccc;
padding-left:10px;
background-color: #ffffff;
margin:5px;

	
	
}

.sidr input[type="password"] {
height:40px;
width:90%;
margin:5px;

font-size:100%;
font-weight:normal;
color:#008790;
border:solid 1px #cccccc;
padding-left:10px;
background-color: #ffffff;
	-moz-border-radius:10px 10px 10px 10px; /* Firefox */
	-webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
border-radius:10px 10px 10px 10px; /* CSS3 */
	
	
}

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



/* --- Start Import: layout_480.css --- */
@media screen and (max-width: 600px) {
* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
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;

}

body {
text-align: center; /* F�r IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
}
 p{
	margin: 0px;
	padding: 0px
}
div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksb�ndig ausgerichtet sind */
}

html, body {
height: 100%;
	font-family: 'Poppins', sans-serif,tahoma,verdana;
	
	font-weight : normal;
	font-size : 18px;
	color : #000000;

}
input[type="submit"] {
height:40px;
width:250px;
font-size:170%;
font-weight:normal;
color:#0066CC;
border:solid 1px #42929D;
background-color: #ffffff;
	-moz-border-radius:10px 10px 10px 10px; /* Firefox */
	-webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
border-radius:10px 10px 10px 10px; /* CSS3 */
	
	
}
input[type="submit"]:hover{
	background-color: #0066CC;

	color:#ffffff;
}

input[type="password"] {
height:40px;
width:250px;

font-size:150%;
font-weight:normal;
color:#0066CC;
border:solid 1px #42929D;
padding-left:10px;
background-color: #ffffff;
	-moz-border-radius:10px 10px 10px 10px; /* Firefox */
	-webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
border-radius:10px 10px 10px 10px; /* CSS3 */
	
	
}
/* DIV-Boxen */
div#wrapper {
position:relative;
margin: 0 auto;
width:100%;
min-width: 360px;
min-height: 100%;
height: auto !important;
height: 100%;
}


        header{
		background-color:#FFFFFF;
		height: 50px;
		border-bottom:#47C9B2 0px solid;
            
        }
        
        header.stickyheader {
		position:fixed;
		width:100%;
		height: 33px;
		background-color:#FFFFFF;
		border-bottom:#47C9B2 0px solid;
		z-index:10000;

        }

div#topNavi {
display:none;

height: 25px;
background: #ccc;
border-top: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
}
div#rowContainer {
position: relative;
clear:both;
margin: 0 auto;
width: auto;
min-height: 100%;
height: auto !important;
height: 100%;
text-align: left;

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

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

}
div#Col13_right {
width: 33.33333333333333%;
padding-left:2%;
padding-right:2%;
float: right;

}
div#Col12, div#Col13, div#Col23, div#Col14, div#Col15, 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  {
position: relative;
width: 100%;
clear: both;
height: auto;
padding-left:2%;
padding-right:2%;
}


.vorfooter {padding-bottom:450px;height:auto;}

div#footer {
clear: both;
position: absolute;
bottom: 0;
width: 100%;
height: auto !important;
text-align:center;
background:#008790;
border-top:#cccccc 1px solid;
color:#ffffff;
padding-top:10px;
padding-bottom:10px;
z-index:50;
}




.headerlogo
{
position:absolute;
top:4px;
left:20px;
height:40px;
width:141px;

background:url(scr_t.inc.php?file=layout_allgemein/img/logo_hp_klein.png);
z-index:1;
-moz-background-size:141px 40px; /* Firefox */
    -webkit-background-size:141px 40px; /* Safari, Chrome */
    background-size:141px 40px; /* Opera, IE, W3C Standard */

z-index:1;

            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
}			
.headerlogo.stickydiv {

top:0px;
left:20px;
height:40px;
width:141px;

background:url(scr_t.inc.php?file=layout_allgemein/img/logo_hp_klein.png);
z-index:1;
-moz-background-size:141px 40px; /* Firefox */
    -webkit-background-size:141px 40px; /* Safari, Chrome */
    background-size:141px 40px; /* Opera, IE, W3C Standard */

}
#seitenbild_div{
margin-top:0px; max-height:170px; height:auto; width:100%; width:auto;z-index:1;
}

#seitenbild{ border:solid 1px #42929D;border-top:0px; border-top:0; min-height:100px; height:auto; max-width:100%; width:auto;
}

.headerlogotext
{

position:absolute;
height:auto;
width:auto;
top:36px;
left:60px;
color:#999999;
font-size :8.9px;
z-index:1;
}
.headerlogotext.stickydiv
{
display:none;

}
.globalnav
{
display:none;
}
.logoicon
{
position:absolute;
height:20px;
width:200px;
top:16px;
right:5px;
z-index:2;
color:#42929D;
text-align:right;
vertical-align:middle;
font-size:90%;
}
.logoicon.stickydiv
{
top:10px;
right:2px;
font-size:80%;
-moz-background-size:84px 38px; /* Firefox */
    -webkit-background-size:84px 38px; /* Safari, Chrome */
    background-size:84px 38px; /* Opera, IE, W3C Standard */
}

.mitabeiterdetail{
width:280px;
padding-right:3%;
clear:both;
}
.navigation
{
		position:absolute;
		height:20px;
		min-width:491px;
		top:53px;
		left:0px;
		z-index:0;
        display: block;
		text-align:left;
}
.navigation.stickydiv
{
		position:absolute;

		top:-13px;
		left:188px;
}

/* clearfix zum Aufheben der Floatumgebung */

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

	margin: 4% 0% 0 0%;

}
.clearfix {display: inline-block;}

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

	#mobile-header {
		position:absolute;

		top:10px;
		left:-20px;
		padding:0px;
        display: block;
		height:30px;
		width:30px;



    }
#mobile-header.stickydiv {

		top:5px;
		right:70px;;
		padding:0px;
        display: block;
		z-index:10000;
		height:30px;
		width:30px;

    }
#navigation {
    display: none;
}


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


/* --- Start Import: banner-slider_480.css --- */
@media screen and (max-width: 600px) {
#slider {
    width:100%;height:180px;/* Make it the same size as your img */
	background:#fff url(/img/banner/loading.gif) no-repeat 50% 50%;
	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: 100% 180px !important;
 }
 /* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	left:10px; 
	top:25px;
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	text-align:left;

}
 div.mc-caption{
 font-size : 40px;
 }
 .cap2 {
	position:absolute;
	top:70px;
	font-family: 'Poppins',sans-serif,tahoma,verdana;
	font-weight : bold;
	font-size : 35px;
	color:#ffffff;
	text-shadow: 2px 2px 4px #858585, -1px -1px #cccccc;
	z-index:4;
	padding:5px 5px 5px 15px;
	text-align:left;
}
.cap2 a {
	color:#FF9900;
	text-decoration:none;

}
.cap2 a:hover {
	color:#FF9900;

}

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


/* --- Start Import: jquery.sidr.dark.css --- */
@media screen and (max-width: 800px) {
.sidr{
display:none;
position:absolute;
position:fixed;
top:0;
height:100%;
z-index:999999;
width:260px;
overflow-x:none;
overflow-y:auto;
font-family:'Poppins',sans-serif,tahoma,verdana;
	font-style:italic;
	font-weight : normal;
	font-size : 18px;
background:#008790;
color:#fff;
-webkit-box-shadow:inset 0 0 2px 2px #006601;
-moz-box-shadow:inset 0 0 2px 2px #006601;
box-shadow:inset 0 0 2px 2px #006601
}
.sidr .sidr-inner{
padding:0 0 15px
}
.sidr .sidr-inner>p{
margin-left:15px;
margin-right:15px
}
.sidr.right{
left:auto;
right:-260px
}
.sidr.left{
left:-260px;
right:auto
}
.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{
font-size:15px;
font-weight:normal;
padding:0 15px;
margin:0 0 5px;
color:#fff;
line-height:24px;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008790), color-stop(100%, #006600));
background-image:-webkit-linear-gradient(#008790,#006600);
background-image:-moz-linear-gradient(#008790,#006600);
background-image:-o-linear-gradient(#008790,#006600);
background-image:linear-gradient(#008790,#006600);
-webkit-box-shadow:0 2px 2px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 2px 3px rgba(0,0,0,0.2);
box-shadow:0 2px 2px 3px rgba(0,0,0,0.2)
}
.sidr p{
font-size:15px;
margin:0 0 12px
}
.sidr p a{
color:rgba(255,255,255,0.9)
}
.sidr>p{
margin-left:15px;
margin-right:15px
}
.sidr ul{
display:block;
margin:0 0 15px;
padding:0;
border-top:1px solid #006600;
border-bottom:1px solid #008790
}
.sidr ul li{
display:block;
margin:0;
line-height:48px;
border-top:1px solid #008790;
border-bottom:1px solid #006600;
font-style:normal;
	font-weight : bold;

}
.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{
border-top:none;
line-height:49px
}
.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{
-webkit-box-shadow:inset 0 0 7px 2px #006601;
-moz-box-shadow:inset 0 0 7px 2px #006601;
box-shadow:inset 0 0 7px 2px #006601
}
.sidr ul li a,.sidr ul li span{
padding:0 15px;
display:block;
text-decoration:none;
color:#fff;
	font-weight : normal;

}

.sidr ul li ul{
border-bottom:none;
margin:0
}
.sidr ul li ul li{
line-height:30px;
font-size:15px
}
.sidr ul li ul li:last-child{
border-bottom:none
}
.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{
border-top:none;
line-height:31px
}
.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{
-webkit-box-shadow:inset 0 0 7px 2px #006601;
-moz-box-shadow:inset 0 0 7px 2px #006601;
box-shadow:inset 0 0 7px 2px #006601
}
.sidr ul li ul li a,.sidr ul li ul li span{
color:rgba(255,255,255,0.8);
padding-left:30px
}
.sidr form{
margin:0 15px
}
.sidr label{
font-size:13px
}
.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{
width:70%;
}
.sidr input[type=checkbox]{
width:auto;
display:inline;
clear:none
}
.sidr input[type=button],.sidr input[type=submit]{
width:70%;
color:#33CC66;

background:#fff
}
.sidr input[type=button]:hover,.sidr input[type=submit]:hover{
background:rgba(255,255,255,0.9)
}

.sidr input[type="submit"] {
height:40px;
width:90%;
font-size:100%;
font-weight:normal;
color:#33CC66;
border:solid 1px #cccccc;
background-color: #ffffff;
	-moz-border-radius:10px 10px 10px 10px; /* Firefox */
	-webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
border-radius:10px 10px 10px 10px; /* CSS3 */
margin:0 auto;
margin:5px;
	
	
}
.sidr input[type="submit"]:hover{
	background-color: #33CC66;

	color:#ffffff;
}

.sidr input[type="text"] {
height:40px;
width:90%;
line-height:0px;;
font-size:100%;
font-weight:normal;
color:#008790;
border:solid 1px #cccccc;
padding-left:10px;
background-color: #ffffff;
margin:5px;

	
	
}

.sidr input[type="password"] {
height:40px;
width:90%;
margin:5px;

font-size:100%;
font-weight:normal;
color:#008790;
border:solid 1px #cccccc;
padding-left:10px;
background-color: #ffffff;
	-moz-border-radius:10px 10px 10px 10px; /* Firefox */
	-webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
border-radius:10px 10px 10px 10px; /* CSS3 */
	
	
}

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



/* --- Start Import: layout_360.css --- */
@media screen and (max-width: 360px) {

* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
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;

}

body {
text-align: center; /* F�r IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
}
 p{
	margin: 0px;
	padding: 0px
}
div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksb�ndig ausgerichtet sind */
}

html, body {
height: 100%;
	font-family: 'Poppins', sans-serif,tahoma,verdana;
	
	font-weight : normal;
	font-size : 18px;
	color : #000000;

}
input[type="submit"] {
height:40px;
width:250px;
font-size:170%;
font-weight:normal;
color:#0066CC;
border:solid 1px #42929D;
background-color: #ffffff;
	-moz-border-radius:10px 10px 10px 10px; /* Firefox */
	-webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
border-radius:10px 10px 10px 10px; /* CSS3 */
	
	
}
input[type="submit"]:hover{
	background-color: #0066CC;

	color:#ffffff;
}

input[type="password"] {
height:40px;
width:250px;

font-size:150%;
font-weight:normal;
color:#0066CC;
border:solid 1px #42929D;
padding-left:10px;
background-color: #ffffff;
	-moz-border-radius:10px 10px 10px 10px; /* Firefox */
	-webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
border-radius:10px 10px 10px 10px; /* CSS3 */
	
	
}
/* DIV-Boxen */
div#wrapper {
position:relative;
margin: 0 auto;
width:100%;
min-width: 360px;
min-height: 100%;
height: auto !important;
height: 100%;
}


        header{
		background-color:#FFFFFF;
		height: 50px;
		border-bottom:#47C9B2 0px solid;
            
        }
        
        header.stickyheader {
		position:fixed;
		width:100%;
		height: 33px;
		background-color:#FFFFFF;
		border-bottom:#47C9B2 0px solid;
		z-index:10000;

        }

div#topNavi {
display:none;

height: 25px;
background: #ccc;
border-top: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
}
div#rowContainer {
position: relative;
clear:both;
margin: 0 auto;
width: auto;
min-height: 100%;
height: auto !important;
height: 100%;
text-align: left;

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

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

}
div#Col13_right {
width: 33.33333333333333%;
padding-left:2%;
padding-right:2%;
float: right;

}
div#Col12, div#Col13, div#Col23, div#Col14, div#Col15, 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  {
position: relative;
width: 100%;
clear: both;
height: auto;
padding-left:2%;
padding-right:2%;
}


.vorfooter {padding-bottom:450px;height:auto;}

div#footer {
clear: both;
position: absolute;
bottom: 0;
width: 100%;
height: auto !important;
text-align:center;
background:#008790;
border-top:#cccccc 1px solid;
color:#ffffff;
padding-top:10px;
padding-bottom:10px;
z-index:50;
}




.headerlogo
{
position:absolute;
top:4px;
left:20px;
height:40px;
width:141px;

background:url(scr_t.inc.php?file=layout_allgemein/img/logo_hp_klein.png);
z-index:1;
-moz-background-size:141px 40px; /* Firefox */
    -webkit-background-size:141px 40px; /* Safari, Chrome */
    background-size:141px 40px; /* Opera, IE, W3C Standard */

z-index:1;

            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
}			
.headerlogo.stickydiv {

top:0px;
left:20px;
height:40px;
width:141px;

background:url(scr_t.inc.php?file=layout_allgemein/img/logo_hp_klein.png);
z-index:1;
-moz-background-size:141px 40px; /* Firefox */
    -webkit-background-size:141px 40px; /* Safari, Chrome */
    background-size:141px 40px; /* Opera, IE, W3C Standard */

}
#seitenbild_div{
margin-top:0px; max-height:170px; height:auto; width:100%; width:auto;z-index:1;
}

#seitenbild{ border:solid 1px #42929D;border-top:0px; border-top:0; min-height:100px; height:auto; max-width:100%; width:auto;
}

.headerlogotext
{

position:absolute;
height:auto;
width:auto;
top:36px;
left:60px;
color:#999999;
font-size :8.9px;
z-index:1;
}
.headerlogotext.stickydiv
{
display:none;

}
.globalnav
{
display:none;
}
.logoicon
{
position:absolute;
height:20px;
width:200px;
top:16px;
right:5px;
z-index:2;
color:#42929D;
text-align:right;
vertical-align:middle;
font-size:90%;
}
.logoicon.stickydiv
{
top:10px;
right:2px;
font-size:80%;
-moz-background-size:84px 38px; /* Firefox */
    -webkit-background-size:84px 38px; /* Safari, Chrome */
    background-size:84px 38px; /* Opera, IE, W3C Standard */
}

.mitabeiterdetail{
width:280px;
padding-right:3%;
clear:both;
}
.navigation
{
		position:absolute;
		height:20px;
		min-width:491px;
		top:53px;
		left:0px;
		z-index:0;
        display: block;
		text-align:left;
}
.navigation.stickydiv
{
		position:absolute;

		top:-13px;
		left:188px;
}
#popupbox {
	position:absolute;
	min-width:600px;
	text-align:left;
	font-size: 100%;
	background-color:#ffffff;
	padding: 6px;
	padding-left: 10px;
	padding-bottom: 10px;
	border: 1px solid #008790;
	text-align:left;
	top:5%;left:2%;
	 height:auto; 
	 width:auto; 
	 z-index:50000;
	 visibility:hidden;
	-moz-border-radius:3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius:3px 3px 3px 3px; /* Chrome, Safari */
	-khtml-border-radius:3px 3px 3px 3px; /* Konqueror */
	border-radius:3px 3px 3px 3px; /* CSS3 */
	display:block;

}
/* clearfix zum Aufheben der Floatumgebung */

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

	margin: 4% 0% 0 0%;

}
.clearfix {display: inline-block;}

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

	#mobile-header {
		position:absolute;

		top:10px;
		left:-20px;
		padding:0px;
        display: block;
		height:30px;
		width:30px;



    }
#mobile-header.stickydiv {

		top:5px;
		right:70px;;
		padding:0px;
        display: block;
		z-index:10000;
		height:30px;
		width:30px;

    }
#navigation {
    display: none;
}
}

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


/* --- Start Import: banner-slider_360.css --- */
@media screen and (max-width: 360px) {

#sliderFrame {position:relative;width:100%;margin: 0 auto;border-bottom:solid 1px #cccccc; background-color:#CCCCCC;
		background-repeat:repeat-x;
		text-align:center;
  	
} 
#slider {
    width:100%;height:170px;/* Make it the same size as your img */
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
   
}
#slider img {
	position:absolute;
	border:none;
	display:none;

}
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
	text-align:right;
}
 #slider,
#slider .mcSlc, #slider .mcBox {
 /* This would change based on your original img size */
 /* First argument is width, second is height */
 background-size: 100% 170px !important;
 
 }
/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	right:20px; 
	top:50px;
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	text-align:left;

}
div.mc-caption {
	font-family: 'Poppins',sans-serif,tahoma,verdana;
	font-weight : bold;
	font-size : 55px;
	color:#FF9900;
	text-shadow: 1px 4px 6px #858585, -1px -1px #cccccc;
	   filter: chroma(color=#cacbcf) progid:DXImageTransform.Microsoft.dropshadow(color=#60000000, offX=2, offY=2);
	z-index:4;
	padding:0px 0px 110px 10px;
	text-align:left;
}
div.mc-caption a {
	color:#FF9900;
	text-decoration:none;
	font-weight : bold;
	text-align:left;
	padding:0px 2% 0px 0px;
}
div.mc-caption a:hover {
	color:#ffffff;
	}
.cap2 {
	position:absolute;
	top:100px;
	font-family: 'Poppins',sans-serif,tahoma,verdana;
	font-weight : bold;
	font-size : 36px;
	color:#ffffff;
	text-shadow: 2px 2px 4px #858585, -1px -1px #cccccc;
	z-index:4;
	padding:5px 5px 5px 15px;
	text-align:left;
}
.cap2 a {
	color:#FF9900;
	text-decoration:none;

}
.cap2 a:hover {
	color:#FF9900;

}

#slider div.navBulletsWrapper  {
	top:150px;/* Its position is relative to the #slider */
	text-align:right;
	padding-right:0px;
	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;
}


#sliderFullFrame {position:relative;width:100%;margin: 0 auto;border-bottom:solid 1px #cccccc;		background:url(scr_t.inc.php?file=layout_allgemein/img/bg_head_blau.jpg);
		background-repeat:repeat-x;
  	
} 
#sliderFull {
    width:890px;height:170px;/* Make it the same size as your img */
	position:relative;
	margin:0 auto;/*make the image sliderFull center-aligned */
   
}
#sliderFull img {
	position:absolute;
	border:none;
	display:none;

}
/* the link style (if an image is wrapped in a link) */
#sliderFull a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
	text-align:right;
}
/* Probably there are more classes, but I haven't discoverd them yet */
 #sliderFull,
#sliderFull .mcSlc, #sliderFull .mcBox {
 /* This would change based on your original img size */
 /* First argument is width, second is height */
 background-size: 100% 170px !important;
 
 }
/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	right:20px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	top:50px;/*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 {
	text-align:left;

}

div.mc-caption {
	font-family: 'Poppins',sans-serif,tahoma,verdana;
	font-weight : bold;
	font-size : 55px;
	color:#FF9900;
	text-shadow: 1px 4px 6px #858585, -1px -1px #cccccc;
	   filter: chroma(color=#cacbcf) progid:DXImageTransform.Microsoft.dropshadow(color=#60000000, offX=2, offY=2);
	z-index:4;
	padding:0px 0px 110px 10px;/*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:#FF9900;
	text-decoration:none;
	font-weight : bold;
	text-align:left;
	padding:0px 2% 0px 0px;
}
div.mc-caption a:hover {
	color:#ffffff;
	}
.cap2 {
	position:absolute;
	top:100px;
	font-family: 'Poppins',sans-serif,tahoma,verdana;
	font-weight : bold;
	font-size : 36px;
	color:#ffffff;
	text-shadow: 2px 2px 4px #858585, -1px -1px #cccccc;
	z-index:4;
	padding:5px 5px 5px 15px;
	text-align:left;
}
.cap2 a {
	color:#FF9900;
	text-decoration:none;

}
.cap2 a:hover {
	color:#FF9900;

}
#sliderFull div.navBulletsWrapper  {
	top:150px;/* Its position is relative to the #sliderFull */
	text-align:right;
	padding-right:0px;
	background:none;
	position:relative;
	z-index:5;
}
/* each bullet */
#sliderFull 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*/
}
#sliderFull div.navBulletsWrapper div.active {background-position:0 -11px;}
#sliderFull 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);

}
#sliderFull 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: jquery.sidr.dark.css --- */
@media screen and (max-width: 800px) {
.sidr{
display:none;
position:absolute;
position:fixed;
top:0;
height:100%;
z-index:999999;
width:260px;
overflow-x:none;
overflow-y:auto;
font-family:'Poppins',sans-serif,tahoma,verdana;
	font-style:italic;
	font-weight : normal;
	font-size : 18px;
background:#008790;
color:#fff;
-webkit-box-shadow:inset 0 0 2px 2px #006601;
-moz-box-shadow:inset 0 0 2px 2px #006601;
box-shadow:inset 0 0 2px 2px #006601
}
.sidr .sidr-inner{
padding:0 0 15px
}
.sidr .sidr-inner>p{
margin-left:15px;
margin-right:15px
}
.sidr.right{
left:auto;
right:-260px
}
.sidr.left{
left:-260px;
right:auto
}
.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{
font-size:15px;
font-weight:normal;
padding:0 15px;
margin:0 0 5px;
color:#fff;
line-height:24px;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008790), color-stop(100%, #006600));
background-image:-webkit-linear-gradient(#008790,#006600);
background-image:-moz-linear-gradient(#008790,#006600);
background-image:-o-linear-gradient(#008790,#006600);
background-image:linear-gradient(#008790,#006600);
-webkit-box-shadow:0 2px 2px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 2px 3px rgba(0,0,0,0.2);
box-shadow:0 2px 2px 3px rgba(0,0,0,0.2)
}
.sidr p{
font-size:15px;
margin:0 0 12px
}
.sidr p a{
color:rgba(255,255,255,0.9)
}
.sidr>p{
margin-left:15px;
margin-right:15px
}
.sidr ul{
display:block;
margin:0 0 15px;
padding:0;
border-top:1px solid #006600;
border-bottom:1px solid #008790
}
.sidr ul li{
display:block;
margin:0;
line-height:48px;
border-top:1px solid #008790;
border-bottom:1px solid #006600;
font-style:normal;
	font-weight : bold;

}
.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{
border-top:none;
line-height:49px
}
.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{
-webkit-box-shadow:inset 0 0 7px 2px #006601;
-moz-box-shadow:inset 0 0 7px 2px #006601;
box-shadow:inset 0 0 7px 2px #006601
}
.sidr ul li a,.sidr ul li span{
padding:0 15px;
display:block;
text-decoration:none;
color:#fff;
	font-weight : normal;

}

.sidr ul li ul{
border-bottom:none;
margin:0
}
.sidr ul li ul li{
line-height:30px;
font-size:15px
}
.sidr ul li ul li:last-child{
border-bottom:none
}
.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{
border-top:none;
line-height:31px
}
.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{
-webkit-box-shadow:inset 0 0 7px 2px #006601;
-moz-box-shadow:inset 0 0 7px 2px #006601;
box-shadow:inset 0 0 7px 2px #006601
}
.sidr ul li ul li a,.sidr ul li ul li span{
color:rgba(255,255,255,0.8);
padding-left:30px
}
.sidr form{
margin:0 15px
}
.sidr label{
font-size:13px
}
.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{
width:70%;
}
.sidr input[type=checkbox]{
width:auto;
display:inline;
clear:none
}
.sidr input[type=button],.sidr input[type=submit]{
width:70%;
color:#33CC66;

background:#fff
}
.sidr input[type=button]:hover,.sidr input[type=submit]:hover{
background:rgba(255,255,255,0.9)
}

.sidr input[type="submit"] {
height:40px;
width:90%;
font-size:100%;
font-weight:normal;
color:#33CC66;
border:solid 1px #cccccc;
background-color: #ffffff;
	-moz-border-radius:10px 10px 10px 10px; /* Firefox */
	-webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
border-radius:10px 10px 10px 10px; /* CSS3 */
margin:0 auto;
margin:5px;
	
	
}
.sidr input[type="submit"]:hover{
	background-color: #33CC66;

	color:#ffffff;
}

.sidr input[type="text"] {
height:40px;
width:90%;
line-height:0px;;
font-size:100%;
font-weight:normal;
color:#008790;
border:solid 1px #cccccc;
padding-left:10px;
background-color: #ffffff;
margin:5px;

	
	
}

.sidr input[type="password"] {
height:40px;
width:90%;
margin:5px;

font-size:100%;
font-weight:normal;
color:#008790;
border:solid 1px #cccccc;
padding-left:10px;
background-color: #ffffff;
	-moz-border-radius:10px 10px 10px 10px; /* Firefox */
	-webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
border-radius:10px 10px 10px 10px; /* CSS3 */
	
	
}

}
/* --- 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_allgemein/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 --- */
print;

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