.mobil{
    display: block;
}
.desktop,.footerlink span.desktop{
    display:none
}
article{

    	background-size: 0%;
}
header{
    display:block;
    width:100%;
background:#666666;
	height:65px;

    z-index:100
	}

header .logo img {
    height: 60px;
    margin: 5px 10px 0px 10px;
    
}
.topInhalt .seknav{
    display:none
}
.home img, .search img,header nav .search  {
    display:none
}
.flex-caption {

    font-size: 18px;
    line-height: 18px;
    
}
h1{
    font-size:1.2rem;
    line-height: 1.5rem;
    margin:15px 0px 10px 0px
}
h2{
    font-size:1.1rem;
    line-height: 1.5rem;
    margin:15px 0px 10px 0px
}
h3{
    font-size:1.0rem;
    line-height: 1.5rem;
    margin:15px 0px 10px 0px
}
.swiper-button-prev, .swiper-button-next{
    display:none
}
.flex-caption {
   display:none
    
}
.newsLeiste{
  display:none  
}
#scroll{
    position:fixed;
    bottom:20px;
    right:0px;
    display:none;
    z-index:100
    
}
.banner-text{
    top: 150px;
font-size: 1.0rem;
	line-height: 1.8rem;
}
#holder{
	margin:0px auto;
	background-color:#fff;
	
	}
#pic_viewer{
position:relative;
margin-top:0px;
}
#pic_viewer img#bbild{

}
#pic_viewer img{
width:100%
}
#video_background{
    position:relative;
  width:100%;
}  
   #example {
	width:100%;
	position:relative;
}
 #mainText{

	padding-right:20px;
	padding-left:20px;
    padding-top:0px;
    padding-bottom:50px;
    background-color:#fff;
  color: #4c4c4c;
       font-size: 15px;
    font-weight: normal;
    line-height: 24px;

	
	}
   #mainNavi{
	position:absolute;
    width:100%;
    top:66px;
    left:0px;
	display:none;
    z-index: 10000;
	}
    
  #mainNavi ul{
  margin:0;
  padding:0;

}
 #mainNavi  li{
  list-style: none;
  margin:0;
  border-bottom:1px solid #fff    
}

 #mainNavi  li a{
 display:block;
 padding: 11px 15px;
 font-size:16px;
 text-decoration:none;
 color:#fff;
 font-weight:bold;
 background:#666666
}
 #mainNavi li ul{
  
}
 #mainNavi li ul li{
  background:#009DD1;
  border-top:1px solid #fff;
  border-bottom:none ;
}
#mainNavi li ul li ul li{
  background:#ccc;
  padding-left:10px;
  border-top:1px solid #fff;
  border-bottom:none ;
}
 #mainNavi li ul li:first-child{


}
 #mainNavi li ul li a{
  font-weight:normal;
  background:#eee;
  color:#666
}
 #mainNavi li ul li li{
  background:#f7de7b;
  border-top:1px solid #fff;
  border-bottom:none ;
}
 #copyright{

    padding-bottom:20px;
    background-color:#fff;
	
	}
#NaviMobil{
    position:absolute;
    top:20px;
    right:20px;
    width:40px;
    height:35px;
    background:url('../images/mobil/navi.png') no-repeat;
    z-index:1000
}
.breadcrump {
   display:none
}
.breadcrump ul{
    margin:0;
    padding:0;
    position: relative;
    width:auto;
    
}
.breadcrump li{
list-style: outside none none;
float:left;
color: #fff;
display:none

}
.breadcrump li:first-child{
 display:block   
}
.breadcrump li a{
    display:block;
    line-height:30px;
    padding:0px 30px 0px 10px;
    text-decoration:none;
    color:#fff;
   background: url("../pix_interface/main.png") no-repeat  right ;
}
.seknav {
margin:4px auto;
padding:0
}
.seknav li:first-child{
float:none;
text-align:center
}
.seknav li{
    font-weight:normal;
    
    
    font-size: 18px;
    list-style: outside none none;

text-align: center;
    line-height:22px
    
}
.seknav li img{
    width:70px
}
.seknav li a:link,.seknav li a:visited{
    color: #fff;
    text-decoration: none;
    line-height: 30px;
    }
	

.blockpos2 .contentPixLinks,.blockpos3 .contentPixLinks{
    margin:0px;
    padding:0px 30px 10px 0px;
    float:left;
}
.blockpos2 .contentPixLinks img,
.blockpos3 .contentPixLinks img,
.blockpos2 .contentPixRechts img,
.blockpos3 .contentPixRechts img{
    width:100px
}
.blockpos2 .contentPixRechts,.blockpos3 .contentPixRechts{
    margin:0px;
     padding:0px 0px 10px 30px;
    float:right;
}
.contentLinks{

}
.contentRechts{

}

.InhaltText{
    position:relative
}
.suchenInput{
 width:200px   
}
#mainText .ql1 ul{
    margin:15px 0px 0px 0px;
    padding:0;
    list-style-position: inside;
}


#mainText  .ql1 li{
background:#fff;
position:relative;
padding: 0;
    margin:0% 2% 2% 0%;
    float:left;
    width:32%;
    height:330px;
    overflow:hidden;
     line-height: 24px;
-webkit-box-shadow: 10px 10px 4px -5px rgba(117,117,117,0.21);
box-shadow: 10px 10px 4px -5px rgba(117,117,117,0.21);
}

#mainText  .ql1 li:nth-child(3n){
    margin:0% 0% 2% 0%
}


#mainText .ql1 li .QuicklinkUs{
position: absolute;
    bottom: 0px;
    width: 96%;
    background: rgba(0,0,0,0.4);
    padding: 2%;
    color: #fff;
    font-size: 13px;
   color: #fff;
font-size: 20px;


}
#mainText .ql1 li .QuicklinkBild{
height:330px;
width:100%;

    overflow:hidden;
background-size: cover;
background-color: #fff;
background-position: center center;
background-repeat: repeat, repeat, no-repeat;
position:relative;
}


#mainText .ql1 li .QuicklinkBild img{

    height:100%;
    width:auto;
}
#mainText .ql1 li .QuicklinkText{

   padding:10px 15px;


}
#mainText .ql1 li a:hover{
background:#fff;
   border: 1px solid #e40514;
   color:#575f68;
}
#mainText .ql1 li a{
 text-decoration:none
}
.ql2{
    margin-top:30px
}
.ql2 .ql2 {
    border: 1px solid #e40514;
    padding: 0px;
    margin:0
}
.ql2 h1 {
    background: #e40514;
    margin: 0px;
    padding: 4px 10px;
    font-size: 20px;
    color: #fff;
    line-height: 35px;
    font-style: normal;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#mainText .ql2 ul{
    margin:0px 0px 0px 0px;
    padding:0;
    list-style-position: inside;
}


#mainText  .ql2 li{
background:#fff;
position:relative;
padding: 0;
 margin:0;
     line-height: 24px;

}
#mainText  .ql2 .QuicklinkUs {

}
#mainText  .ql2 .QuicklinkUs span{


}
#mainText  .ql2 .QuicklinkText
{

}
#mainText .ql1 li, #mainText .ql1 li:nth-child(3n) {
    background: #fff;
    position: relative;
    padding: 0;
    margin:  0% auto 4% auto;
    float: none;
    width: 96%;
  height:auto;
    overflow: hidden;
    line-height: 24px;
    -webkit-box-shadow: 10px 10px 4px -5px rgba(117,117,117,0.21);
    box-shadow: 10px 10px 4px -5px rgba(117,117,117,0.21);
}
#mainText .ql1 li:nth-child(2) {
    margin:  0% auto 4% auto;
}
.ql2{
    margin:0px;
    padding:0
}
.ql2 li  {
    border: 1px solid #eee;
    padding: 0px;
    margin:0
}

#mainText .ql2 ul{
    margin:0px 0px 0px 0px;
    padding:0;
    list-style-position: inside;
}


#mainText  .ql2 li{
background:#fff;
position:relative;
padding: 0;
 margin:5px 0px ;
     line-height: 24px;
     	cursor:pointer;
        clear:left;
        overflow:auto

}

#mainText  .ql2 .QuicklinkBild{
    width:150px;
    float:left
}

#mainText  .ql2 .QuicklinkUs {
margin-left:170px;
color:#666666;
	font-size:16px;
	font-weight:bold;

	text-decoration:none;
}

#mainText  .ql2 .QuicklinkText
{
    margin-left:170px;
    padding:0px;
   color:#000;
   font-size:14px
}

footer{
     clear:both;
    padding-top: 30px;
}
.footer{
    padding:0px 0px;
    clear:both;
    display:block;
    background:#666666;
    border-top:#ccc;
    font-size:14px

    
}

.footer div{

	margin:0px auto;
}
.footer div.footernav,.footerlink,.partner{
    	width:100%;
	margin:0px auto;
    clear:both
}

.footernav {
   
  
}
.footerlink{
      padding-top:5px;
      
      line-height: 40px;
}
.footerlink span{
    display:block;
    clear: both;
    text-align:center;
    padding:0px 10px;
    color:#ccc
}
.footernav ul{
    clear:both;
    margin:0;
    padding:0
}
.footernav ul li{
list-style: outside none none;
float:left;
width:95%;
margin:2.5%;
color:#fff
}
.footernav ul li ul li{
    float:none
}

.footernav ul li a{
    display:block;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
}
.footernav ul li h2{
    color:#fff;
    border-bottom:1px solid #fff;
    margin:0px 0px 5px 0px;
    font-size:18px
}
.footernav ul li:first-child div{
 margin:5px 55px 5px 0px;

}
.footernav ul li:first-child label{
display:block;
width:120px;
float:left
    
    
}
.footernav ul li div{
 

}
.footernav ul li.kontakt div{
border:none
}
.footernav ul li label{
display:block;
width:95px;
float:left
    
    
}
.footernav ul li:last-child{
    
}
.footernav ul li img{
width:100%
}


#meteoprovbz_widget a{
    display:inline;
    font-size:12px;
    color:#666
}
 #meteoprovbz_container {background-color:#CDE1F1; color:black;width:100%}
 .meteoprovbz_icon {background-color:#B5C8D3;}
 .meteoprovbz_min {background-color: #005196; color:white !important;}
 .meteoprovbz_max {background-color: #E41224; color:white !important;}
.footernav ul li .meteoprovbz_icon img {width:30%;}

.Prog{
    margin-bottom:20px
}
.Prog div{
    width:250px;
    float:left;
    height:229px;
    background:#eee;
    margin:1px
}
.Prog span{
    display:block;
    padding:4px 10px
}
.Prog h2{
    margin:20px 0px 10px 0px
}
.Prog span.ProgBesch{
    height:90px;
    overflow:hidden
}
.Prog span.ProgTyp{
   font-size:18px;
   font-weight:bold
}
.Prog span.ProgPreis{
font-weight:bold
}
.Prog span.ProgLink{
padding:0px;
margin-top:5px
}
.Prog span.ProgLink a{
 display:block;
 padding: 4px 10px;
 background:#005196 url(../pix_interface/weiter.png) no-repeat right;
 color:#fff;
 border-right:10px solid #005196
    
}
.Prog span.Progabstand{
    clear: left;
    
}

.galcontainer{
    margin-top: 30px;
}
.galpic{
    padding:0 ;
     width:266px;
    height:180px;
    float:left;
}
.galpic a{
    display:block;
   height:178px;
          background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    margin:1px;
}
#bdwmore{
    display:block;
    width:250px;
    float:right;
    margin-right:60px
    
}
#bdwmore span{
 display: block;
 background:url(../pix_interface/select.png) no-repeat right   
}
#bdwmore {
  background: #E11425;
  background-image: -webkit-linear-gradient(top, #E11425, #f29ea5);
  background-image: -moz-linear-gradient(top, #E11425, #f29ea5);
  background-image: -ms-linear-gradient(top, #E11425, #f29ea5);
  background-image: -o-linear-gradient(top, #E11425, #f29ea5);
  background-image: linear-gradient(to bottom, #E11425, #f29ea5);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 18px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

#bdwmore:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.bdwnav a:link,.bdwnav a:visited{
    display: block;
    width:270px;
    background:#eee;
    border-bottom:1px solid #ccc;
    color:#000;
    padding:5px 10px
    
}
.bdwnav a:hover{
    background:#E11425;
    color:#fff;
    text-decoration:none
}
.partner ul{
    clear:both;
    margin:0;
    padding:0
}
.partner ul li{
list-style: outside none none;
float:left;
width:43%;
margin:2.5%;
overflow:hidden;
color:#fff
}
#socialshareprivacy  {
   display:none
    
}
.kat_artikel{
    position:relative;
    
    margin:20px 0px 0px 0px;
  
}
.kat_artikel img{
    width:100%
}
.kat_text{
    position:absolute;
    bottom:0;
    width:96%;
    padding:5px 2%;
    color:#fff;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViNWI1YiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjMWMxYzFjIiBzdG9wLW9wYWNpdHk9IjAuMDIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjMTkxOTE5IiBzdG9wLW9wYWNpdHk9IjAuMDQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(91,91,91,0) 0%, rgba(28,28,28,0.02) 7%, rgba(25,25,25,0.04) 16%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,91,91,0)), color-stop(7%,rgba(28,28,28,0.02)), color-stop(16%,rgba(25,25,25,0.04)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(91,91,91,0) 0%,rgba(28,28,28,0.02) 7%,rgba(25,25,25,0.04) 16%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(91,91,91,0) 0%,rgba(28,28,28,0.02) 7%,rgba(25,25,25,0.04) 16%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(91,91,91,0) 0%,rgba(28,28,28,0.02) 7%,rgba(25,25,25,0.04) 16%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(91,91,91,0) 0%,rgba(28,28,28,0.02) 7%,rgba(25,25,25,0.04) 16%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005b5b5b', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */

}
.projektaufz{
  clear:left;
    margin-top:10px
}
.projektaufz label{
    display: block;
    font-weight:bold
}
.projektaufz span{

    
} 
.projekttext{
  
}
.projekt_textgr{
padding:5px
}
.kacheligr {
    
    width: 100%;
    overflow: hidden;
    margin: 10px 0px 10px 0px;
    background: #f2f2f2;
}
/*extranet*/
.box{
      position: absolute;
    right: 80px;
    top: 23px;
    z-index:1000;
    background: #BFBFBF;
    color:#fff;
    padding:2px 8px;
    -webkit-border-radius: 3px;

-moz-border-radius: 3px;
border-radius: 3px;
border:1px solid #ccc;
-webkit-box-shadow: 1px 2px 5px 0px rgba(84,84,84,0.53);
-moz-box-shadow: 1px 2px 5px 0px rgba(84,84,84,0.53);
box-shadow: 1px 2px 5px 0px rgba(84,84,84,0.53);
}
.box img{
    width:20px;
    float:left;
    cursor:pointer
}
#extranetprofil{
min-height:30px;
    width:320px
}
.off{display:none}

.box a.logoff{
display:block;
margin:1px 0px 0px 50px;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #115586);
  background-image: -moz-linear-gradient(top, #3498db, #115586);
  background-image: -ms-linear-gradient(top, #3498db, #115586);
  background-image: -o-linear-gradient(top, #3498db, #115586);
  background-image: linear-gradient(to bottom, #3498db, #115586);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 7px 20px 7px 20px;
  text-decoration: none;
}

.box a.logoff:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.mobilWplanContainer{
    background:#EEEEEE;
    padding:0px;
    margin-top:10px
}
.mobilWplanContainer h2{
    background:#005196;
    color:#fff;
    padding:2px 5px;
    margin:0
}
.mobilWplanContainer div{
    padding:5px
}
.footernav ul li #weather{
    min-height: 170px;
    position:relative;
}
.footernav ul li #weather #ort{
    display:none
}
.footernav ul li #weather img{
    width:40px
}
.footernav ul li #weather #copy{
    position:absolute;
    top:140px;
    left:60px
}
.footernav ul li #weather #copy a{
    font-size:11px;
    text-decoration:none;
    color:#eee
}
.footernav ul li #weather #max{
    position:absolute;
    top:60px;
    left:0px
}
.footernav ul li #weather #min{
    position:absolute;
    top:80px;
    left:0px
}
.footernav ul li #weather #prec,#day1e,#day2e,#day3e{
    display:none
}
.footernav ul li #weather #wind{
    position:absolute;
    top:100px;
    left:0px
}
.footernav ul li #weather #wdir{
    position:absolute;
    top:120px;
    left:0px
}
.footernav ul li #weather #day1a{
    position:absolute;
    top:0px;
    left:60px
}
.footernav ul li #weather #day1b{
    position:absolute;
    top:20px;
    left:60px
}
.footernav ul li #weather #day1c{
    position:absolute;
    top:60px;
    left:60px
}
.footernav ul li #weather #day1d{
    position:absolute;
    top:80px;
    left:60px
}
.footernav ul li #weather #day1f{
    position:absolute;
    top:100px;
    left:60px
}
.footernav ul li #weather #day1g{
    position:absolute;
    top:120px;
    left:60px
}

.footernav ul li #weather #day2a{
    position:absolute;
    top:0px;
    left:110px
}
.footernav ul li #weather #day2b{
    position:absolute;
    top:20px;
    left:110px
}
.footernav ul li #weather #day2c{
    position:absolute;
    top:60px;
    left:110px
}
.footernav ul li #weather #day2d{
    position:absolute;
    top:80px;
    left:110px
}
.footernav ul li #weather #day2f{
    position:absolute;
    top:100px;
    left:110px
}
.footernav ul li #weather #day2g{
    position:absolute;
    top:120px;
    left:110px
}

.footernav ul li #weather #day3a{
    position:absolute;
    top:0px;
    left:160px
}
.footernav ul li #weather #day3b{
    position:absolute;
    top:20px;
    left:160px
}
.footernav ul li #weather #day3c{
    position:absolute;
    top:60px;
    left:160px
}
.footernav ul li #weather #day3d{
    position:absolute;
    top:80px;
    left:160px
}
.footernav ul li #weather #day3f{
    position:absolute;
    top:100px;
    left:160px
}
.footernav ul li #weather #day3g{
    position:absolute;
    top:120px;
    left:160px
}
.footernav ul li.werbung img{
    width:96%;
    margin:2%
}
.RegattaTable div select.Regattaioc {
    float: left;
    width: 40%;
}
.footernav ul li.sclw{
display:none
}
.formular{

}
.formular  label{
    display:block;
    margin-top:7px;

}
.formular .FormElement input,.formular .FormElement textarea{
   width:90%;


}
.formular .FormElement select{
   width:90%;


}
.typ4,.formular .FormElement .formButtons{

    line-height:35px
}
.formular .FormElement .formButtons{
    width:100%
}
@media screen and (max-width:780px) {
.QuicklinkText{

display:none
}
#mainText .ql2 .QuicklinkBild{
width:100px
}
#mainText .ql2 .QuicklinkUs{
margin:10px 0px 10px 120px    
}

}