body{
font-family: 'Source Sans Pro', sans-serif;
font-size: 11px;
line-height:17px;
font-size: 0.8rem; 
line-height:1.1rem;
margin:0;
padding:0;
color:#666666; 
   font-weight:normal;
   -webkit-text-size-adjust: 100%;
  /* background-color:#f3f3f3;*/
 background-image:url(605.png);
background-repeat:repeat-x;
background-position:left top;
background-color:#eaeaea;
}

br.cb { 
   clear: both; 
}







#facebook, #twitter, #gplus,#vimeo,#youtube{
   width:32px;
   height:32px;
   float:right;
   margin-top:10px;
margin-left:12px;
   padding:0;
}

#facebook_mobile, #twitter_mobile, #gplus_mobile,#vimeo_mobile,#youtube_mobile{
    width:35px;
   height:35px;
   margin-top:15px;
   float:right;
   display:none;
} 




.st_sharethis_custom{
   padding:0px;
   margin:0px;
}




#sidebar_container{
display:none
}

#link_gallery{
   float:right;
   font-size: 11px;
line-height:17px;
font-size: 0.8rem; 
   line-height:1.1rem;
   text-transform:uppercase;
   font-weight:600;
}

#footer{
width:100%; 
height:60px;
background-color:#00a2c6;
padding:0;
   margin:0;
}

#footer_content{
   width:1000px;
   height:30px;
   margin:0px auto;
position:relative;
}

#design{
float:right
}

#servicenavigation{
   color:#ffffff;
   text-align:left;
   float:left;
   margin-top:22px;
}




#copyright{
   width:1000px;
   margin:0px auto;
   height:30px;
   margin-top:5px;
}

img.map, map area{
   outline: none;
   border:0;
}
   

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
   margin: 0;
   margin-bottom:20px;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }



#patagonia{
   position:absolute;
   right:0;
   top:7px;
   width:115px;
}

#newsletter_box{
margin-left:10%;
   float:left;
}


 #search{
   width:163px;
   height:21px;
   float:left;
   text-align:center;
   background-image:url(283.png);
   margin:20px 0 0 70px;
} 



 #search_nl{
   width:163px;
   height:21px;
   float:left;
   text-align:center;
   background-image:url(283.png);
   margin:20px 0 0 5px;
   float:left;
} 




 
.search_button{
   float:right;
   width:22px;
   height:18px;
   margin:1px 2px 0 0;
}


.suchfeld{
   float:left;
}

.sucheingabe{
 font-size:10px;
   line-height:11px;
  font-size:0.6rem; 
   line-height:0.8rem;
   width:105px;
   border:0;
   margin-left:4px;
   float:left;
   background-color:#ffffff;
   margin-top:3px;
}



.content_white{
   background-color:#ffffff;
   padding:15px;
}




.shop_detail{
      width:80%;
   float:right;

  

}

.shop_img{
   width:18%;
   float:left;
}




.zweispaltig_40{
   width:34%;
   float:left;
   margin-bottom:25px;
   background-color:#ffffff;
   padding:15px;

}


.zweispaltig_60{
   width:54%;
   float:right;
   margin-bottom:25px;
   background-color:#ffffff;
      padding:15px;
}



/*WYSIWYG TEMPLATES*/

.zweispaltig_links{
   width:44%;
   float:left;
   margin-bottom:25px;
   background-color:#ffffff;
   padding:15px;

}


.zweispaltig_rechts,.zweispaltig_rechts_weiss{
   width:44%;
   float:right;
   margin-bottom:25px;
   background-color:#ffffff;
      padding:15px;
}


.dreispaltig_links{
   width:27%;
   float:left;
   margin-right:40px;
   margin-bottom:25px;
   background-color:#ffffff;
   padding:15px;

}

.dreispaltig_mitte{
   width:27%;
   float:left;
   margin-bottom:25px;
   background-color:#ffffff;
      padding:15px;
}

.dreispaltig_rechts{
   width:27%;
   float:right;
   margin-bottom:25px;
   background-color:#ffffff;
      padding:15px;
}




.kurs_links{
   width:18%;
   float:left;
   margin-right:1px;
   margin-bottom:1px;
   background-color:#f5f5f5;
   padding:5px;
      margin-right:1px;
}

.kurs_mitte{
   width:22%;
   float:left;
   margin-bottom:1px;
      margin-right:1px;
   background-color:#f5f5f5;
   padding:5px;
}

.kurs_rechts{
   width:19%;
   float:left;
   margin-bottom:1px;
         margin-right:1px;
   background-color:#f5f5f5;
   padding:5px;
   text-align:center;
}


.kurs_buchen{
   width:25%;
   float:left;
   margin-bottom:1px;
   background-color:#f5f5f5;
   padding:5px;
   text-align:center;
}




#mobilemenu{
   display:none;

}

#dropdown_galerie{
   margin-left:20px;
   float:right;
}

#page_content{
 position:relative;
 margin:0 auto; 
   width:1000px;
padding:0;
margin-top:5px;
   }    






.my_header{
   margin-top:-50px
}


#header_image{
   float:left;
   width:100%;
   height:370px;
   overflow:hidden;
border-top:5px solid white;
}



@media screen and (max-width:1800px) {
   #header_image{
      height:auto;
   }
   
   
.my_header{
margin-top:0px;
}

   
}






h2,.consent-titel {
font-size: 18px;
line-height:20px;
font-size: 1.5rem; 
line-height:1.7rem;
margin:0px;
color:#00a2c6; 
text-transform:uppercase;
}


h3 {
 font-size: 14px;
line-height:17px;
font-size: 1.1rem; 
line-height:1.3rem;
    color:#666666;
   font-weight:bold;
   margin:0px;
}

h4 {
 font-size: 11px;
line-height:17px;
font-size: 0.8rem; 
line-height:1.1rem;
    color:#666666;
   font-weight:bold;
   text-transform:uppercase;
   margin:0px;
}




.headline{
 font-size: 13px;
line-height:17px;
font-size: 0.9rem; 
line-height:1.3rem;
   color:#666666; 
  margin:0px;
   text-transform:uppercase;
   font-weight:bold;
}




a{
text-decoration:none;
   color:#00a2c6;
   font-weight:normal;
}

a:hover{
text-decoration:none;
color:#666666;
}

.normal{
color:#666666;
}


.page{
   padding:0 4px 0 4px;

}

.pageactive{
background-color:#00a2c6;
color:#ffffff;
font-size:11px;
padding:0 4px 0 4px;
}




.select_language,.select_language_consent{    

    border:0;
   height:22px;
    background: url(604.svg) no-repeat right #fff;
    -webkit-appearance: none;
   background-position-x: right;
   background-size:16px 21px;
   -moz-appearance: none;
   width:40px;
   padding:0 4px 0 6px;
   background-color:#fff;
   border-radius:5px;
   color:#333;
}


select::-ms-expand {
    display: none;
}


select{
   -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
   border-radius: 0;
   border:none;
   border:0;
}





  

#header{
   width:100%;
   background-color:#00a2c6;
   height:155px;
}

 
#content{
width:1000px;
   padding:0;
   margin:0;
margin-top:20px;
}   



#nav_container{

   width:100%;
   margin-top:12px;
   float:left;
   text-align:left;
}


#language_box,#language_box_consent{
   position:absolute;
   top:116px;
   right:0;
}


#container_top{
width:1000px;
   height:150px;
   margin:0;
   padding:0;
   margin:0px auto;

}      

#logo{
width:235px;
float:left;

   margin-top:12px;
   display:block;
}   



.upper{
text-transform:uppercase;
}


.arrow_back{
   background-repeat: no-repeat;
   background-image: url(131.png);
   padding-left:23px;
text-transform:uppercase;
}

.link_arrow:hover{
/*background-image: url(130.png);
background-repeat: no-repeat;
padding-left:17px;*/
   text-transform:uppercase;
      text-decoration:none;
}


 




.language,.language_active{
 font-size:11px;
   line-height:20px;
  font-size:0.8rem; 
   line-height:1.2rem;
   color:#333; 
   font-weight:bold; 
   font-style:normal; 
   text-transform:uppercase;
   text-decoration:none;
}

.language_active{
   color:#00a2c6; 
}



.level0{
  font-size:14px;
   line-height:14px;
  font-size:0.875rem; 
   line-height:0.874rem;
color:#fff;
   font-style:normal; 
   text-transform:uppercase;
   text-decoration:none;
   display:block;
   height:14px
}


.level0:hover {
   text-decoration:none;
   color:#333333; 
   background-color:#fff;
   border-radius: 7px;
}

.level0_active {
  font-size:14px;
   line-height:14px;
  font-size:0.875rem; 
   line-height:0.874rem;
color:#333;

   font-style:normal; 
   text-transform:uppercase;
   text-decoration:none;
   display:block;
   height:14px;
 

}

.level0_active:hover {
   text-decoration:none;
       border-radius: 7px;
}



.subnav{
 float:left;}


.level1{
font-size: 11px;
font-size: 0.75rem; 
   color:#666666; 
   font-weight:normal; 
   font-style:normal; 
   text-decoration:none;
   text-transform:uppercase

}

.level1:hover {
   text-decoration:none;
   color:#333333; 
}

.level1_active {
font-size: 11px;
font-size: 0.75rem; 
      color:#333333; 
   font-weight:bold; 
   font-style:normal; 
   text-decoration:none;
   text-transform:uppercase

}

.level1_active:hover{
   text-decoration:none;
   color:#333333; 
}






.servicenav{
 font-size:10px;
   line-height:20px;
  font-size:0.7rem; 
   line-height:1.2rem;
   color:#ffffff; 
   font-weight:normal; 
   font-style:normal; 
   text-decoration:none;

}


.servicenav:hover{
  color:#f5f5f5;
}


.servicenavactive:hover{
  color:#f5f5f5;
}


.servicenavactive{
 font-size:10px;
   line-height:20px;
  font-size:0.7rem; 
   line-height:1.2rem;
   color:#ffffff; 
   font-weight:normal; 
   font-style:normal; 
   text-decoration:none;
}


.my_button {
   font-size:10px;
   line-height:12px;
  font-size:0.7rem; 
   line-height:0.9.rem;
  border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
   border: 1px solid #FFFFFF;
   height:18px;
   margin-left:3px;
   color:#00a2c6;
   padding-bottom:2px;
}

.my_button_blue {
   font-size:10px;
   line-height:12px;
  font-size:0.7rem; 
   line-height:0.9.rem;
  border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
   border: 1px solid #00a2c6;
   height:18px;
   color:#ffffff;
    background-color:#00a2c6;
   padding-left:5px;
   padding-right:5px;

   text-transform:uppercase;

}

:focus {
    outline: 0;
}

input, select, textarea{
   background-color:#f5f5f5;
   border:1px solid #cccccc;
   font-size:11px;
   line-height:13px;
   font-size: 0.7rem; 
   line-height: 1.0rem;
   height:14px;
}


select{

   line-height: 1.5rem;
   height:20px;
}

#gewaesser_fotogalerie{
   float:right;
   margin-top:5px;
}



.quicknav {
 font-size:10px;
 line-height:13px;
  font-size:0.7rem; 
   line-height:1.1rem;  
color:#333333; 
font-weight:normal; 
font-style:normal; 
line-height:14px;
}


.smaller{
 font-size:10px;
   line-height:12px;
  font-size:0.7rem; 
   line-height:1.0rem;
 
}

.index_gallery{
   margin-bottom:5px;
   width:100%
}

.gallery_last{margin-right:0px;width:254px;}
.margin_right{margin-right:23px;width:254px;}





    
      
