html {
  font-family: sans-serif;
  font-size: 10px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0px;
  padding:0px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #F2F2F2;
}
header {
  display: block;
}
li{
	margin-bottom:20px;
}
hr {
	border-color:#0fa3ed;
	border-style:solid;
	border-bottom-width:2px;
	margin-left:30px;
	margin-right:30px;
}
/*==================================================================*/
/*=====================  Container =================================*/
/*==================================================================*/
.container {
   padding: 0px;
   margin-top:0px;
   margin-bottom:0px;
   margin-right: auto;
   margin-left: auto;
}
.content-color {
   box-shadow:0px 0px 10px 10px #999;
   background-color:white;
}
/*==================================================================*/
/*=====================  Header    =================================*/
/*==================================================================*/
.Header-ColorContainer{
   display:inline-block;
   background-color: #064361;;
   padding:0px;
   margin:0px;
   height:110px;
   width:100%;
}
.Header-Container{
   display:block;
   margin-top:27px;
   margin-left:auto;
   margin-right:auto;
   width:260px;
}
.Header-Link{
   color:white;
   display:inline-block;
   font-size:16px;
   padding-left:10px;
   padding-right:10px;
   margin-left:0px;
   margin-right:0px;
   margin-top:0px;
   margin-bottom:0px;
   text-decoration:none;
   height:55px;
   line-height:55px;
   text-decoration:none;
   border-radius:15px;
}
.Header-Link:hover{
   background-color:#A4A4A4;
   transition:color, ease-in 120ms;
   -webkit-transition:color, ease-in 120ms; /* Safari */
}
.Header-active{
	background-color:#A4A4A4;
}
/*==================================================================*/
/*=====================Small Header=================================*/
/*==================================================================*/
.SmallHeader-Container{
	display:inline-block;
	margin-top:0px;
	margin-bottom:0px;
	width:100%;
	background-color:#0fa3ed;
	height:40px;
}
.SmallHeaderContainer-Break992{
}
.SmallHeader-Link{
   float:left;
   margin-top:0px;
   margin-bottom:0px;
   font-size:15px;
   height:40px;
   line-height:40px;
   text-align:center;
   color:rgba(255, 255, 255, 0.7);
   border-bottom-style:solid;
   border-bottom-width:1px;
   border-bottom-color:white;
   text-decoration:none;
   font-family:"Fauna One",Arial
}
.SmallHeader-Link:hover{
   background-color:rgba(255, 255, 255, 0.25);
   color:white;
   transition:color, ease-in 120ms;
}
.SmallHeader-active{
   background-color:rgba(255, 255, 255, 0.25);
   color:white;
}
.SmallHeader-VerticlaStrut,.SmallHeader-VerticlaStrut-Grenz,.SmallHeader-VerticlaStrut-Grenz-992{
   border-right-style:solid;
   border-right-width:1px;
   border-right-color:white;
}
.SmallHeaderContainer-Break520{
}
.SmallHeaderContainer-Break768{
}
.SmallHeaderContainer-Break992{
}
.SmallHeader-4Spalten-Break520{
   width:24%;
}
.SmallHeader-4Spalten-Break768{
   width:24%;
}
.SmallHeader-4Spalten-Break992{
   width:24%;
}
/*==================================================================*/
/*=====================  Footer    =================================*/
/*==================================================================*/
.Footer-ColorContainer{
   display:block;
   background-color:#064361;
   padding:0px;
   margin:0px;
   margin-top:20px;
   height:55px;
   width:100%;
}
.Footer-Link{
   line-height:55px;
   height:55px;
   font-size:16px;
   color:white;
   text-align:center;
   text-decoration:none;
   float:left;
   width:33%;
}
.Footer-Facebook-Container{
	
}
/* ========================================== */
/* =======         Seitentitel         ====== */
/* ========================================== */
.title-container{
   font-size:24px;
   text-align:center;
   margin-top:20px;
   margin-bottom:20px;
}
.Seitentitle-container{
   margin-top:20px;
   margin-bottom:20px;
   margin-left:auto;
   margin-right:auto;
   padding:0px;
   text-align:center;
   background-color:#F2F2F2;
}
   .Seitentitle{
      margin-top:0px;
	  margin-bottom:10px;
      margin-left:0px;
	  margin-right:0px;
	  padding:0px;
	  font-size:24px;
	  font-weight:bold;
	
   }
   .Seitentitle-Sub{
	  margin-top:10px;
	  margin-bottom:0px;
      margin-left:0px;
	  margin-right:0px;
	  padding:0px;
	  font-size:24px;
      font-weight:bold;
	  
   }
/*================================================*/
/*=========    Eine Spalten Formatierun    =======*/
/*================================================*/
   .S1-Text-Container-Spalte{
      display:block;
      margin-left:auto;
      margin-right:auto;
   }
/*================================================*/
/*=========    Zwei Spalten Formatierun    =======*/
/*================================================*/
   .S2-SpalteFloating-left{
   }
   .S2-SpalteFloating-right{
   }
   .S2-Text-Container-Spalte{
      margin-left:15px;
      margin-right:15px;
   }
/*================================================*/
/*=========    Drei Spalten Formatierun    =======*/
/*================================================*/
   .S3-SpalteFloating-left{
      float:left;
   }
   .S3-SpalteFloating-right{
      float:right;
   }
   .S3-Text-Container-Spalte{
      margin-left:15px;
      margin-right:15px;
   }
/*================================================*/
/*=========        Slider Container        =======*/
/*================================================*/
   .SliderContainer{
      height:280px;
      white-space:nowrap;
      text-align:center;
   }
   .SliderContainerSmall{
      height:82px;
      white-space:nowrap;
      text-align:center;
   }
/*================================================*/
/*=========    Bilderspalte Formatierung   =======*/
/*================================================*/
   .Bilderspalte-TextTeil{
      display:block;
      margin-top:0px;
      margin-bottom:20px;
      margin-left:auto;
      margin-right:auto;
      vertical-align:top;
      width:250px;
   }
   .Bilderspalte-BildTeil{
      display:block;
      margin-left:auto;
      margin-right:auto;
      margin-top:30px;
      margin-bottom:0px;
      width:255px;	
   }
/*================================================*/
/*=======    Bilderspalte-Big Formatierung   =====*/
/*================================================*/
   .Bilderspalte-TextTeil-Big{
      display:block;
      margin-top:20px;
      margin-bottom:20px;
      margin-left:auto;
      margin-right:auto;
      vertical-align:top;
      width:250px;
   }
   .Bilderspalte-BildTeil-Big{
      display:block;
      margin-left:auto;
      margin-right:auto;
      margin-top:30px;
      margin-bottom:0px;
      width:300px;	
   }
/*================================================*/
/*============    Textformatierung    ============*/
/*================================================*/
.p-Head{
   font-weight:bold;
   text-align:center;
   font-size:16px;
   line-height:1.5;
   font-family:"Open Sans",Helvetica,Arial,sans-serif;
   color:#064361;
}
.p-Text{
   text-align: justify; 
   font-size:16px;
   line-height:1.5;
   font-family:"Open Sans",Helvetica,Arial,sans-serif;
   color:#064361;
}
.p-Sitemap{
   text-align: justify; 
   font-size:16px;
   text-decoration:none;
   line-height:1.5;
   font-family:"Open Sans",Helvetica,Arial,sans-serif;
   color:#064361;
   
}
.Seiten-Sub-Titel{
   text-align:center;
   font-weight:bold;
   font-size:24px;
   line-height:1.5;
   font-family:"Open Sans",Helvetica,Arial,sans-serif;
   color:#064361;
}
/*================================================*/
/*============    Bilderformatierung  ============*/
/*================================================*/
   .Bilderspalte-Bild-Small{
      width:150px;	
	  height:150px;
	  display:block;
      margin-left:auto;
      margin-right:auto;
   }
   .Bilderspalte-Bild{
      width:250px;	
	  height:250px;
	  display:block;
      margin-left:auto;
      margin-right:auto;
   }
   .Bilderspalte-Bild-Big{
      width:300px;
      height:425px;
      display:block;
      margin-left:auto;
      margin-right:auto;
   }
   .SliderBild{ 
      width:260px;	
	  height:auto;
      margin-left:auto;
      margin-right:auto;
      vertical-align:middle;
   }
   .SliderBild-reduceSize{
      width:260px;	
	  height:auto;
      margin-left:auto;
      margin-right:auto;
      vertical-align:middle;
   }
   .SliderBildSmall{
      width:32px;	
	  height:auto;
      margin-left:auto;
      margin-right:auto;
      vertical-align:middle;
   }
   .SliderBildHelper{
      display: inline-block;
      height: 100%;
      vertical-align: middle;
   }
/*================================================*/
/*============    Videoformatierung   ============*/
/*================================================*/
   .flashContent{
      display:block;
      margin-left:auto;
      margin-right:auto;
      text-align:center;
   }  
   .VideoanimationTitel{
      text-align:center;
	  font-weight:bold;
	  font-size:20px;
   }
   .EmbeddedYoutube{
      display:block;
      margin-left:auto;
      margin-right:auto;
      width:260px;
      height:173px;
   }
/*================================================*/
/*============    Sonstiges   ============*/
/*================================================*/
.SchablonenContainer{
   margin-left:auto;
   margin-right:auto;
   display:block;
   width:160px;  	
}
.heightController1{

}
.blockIt{
	display:block;
}
/* ========================================== */
/* =======         Media Querries      ====== */
/* ========================================== */
/* =======         320    ====== */
@media (min-width: 320px) {
   .container,.Seitentitle-container {
      width: 300px;
   }
   .Seitentitle{ 
      font-size:24px;
   }
   .Seitentitle-Sub{
      font-size:24px;
   }
}
/* =======         520    ====== */
@media (min-width: 520px) {
   .container,.Seitentitle-container {
      width: 500px;
   }
   .Header-ColorContainer{
      height:110px;
   }
   .Header-Link{
      height:55px;
      line-height:55px;
   }
   .Seitentitle{ 
      font-size:28px;
   }
   .Seitentitle-Sub{
      font-size:26px;
   }
   .Header-Container {

   }
   .SliderContainer{
      height:480px;
   }
   .SliderContainer-reduceSize{
      height:280px;
   }
   .SliderBild{
      width:400px;
   }
   .SliderBild-reduceSize{
      width:260px;
   }
   .SliderContainerSmall{
      height:50px;
   }
   .Slider-Break_520{
      display:none;
   }
   .S1-Text-Container-Spalte{
      width: 400px;
   }
   .S2-Text-Container-Spalte{
      margin-left:50px;
      width: 400px;
   }
   .S3-Text-Container-Spalte{
      margin-left:50px;
      width: 400px;
   }
   .Bilderspalte-TextTeil{
      width:400px;
   }
   .Bilderspalte-TextTeil-Big{
      width:300px;
   }
   .EmbeddedYoutube{
      width: 410px;
      height:273px;
   }
   .SchablonenContainer{
      width:360px;
   }
}
@media (max-width: 520px) {
   .Header-Link-Spezial{
   }
   .SmallHeaderContainer-Break520{
      height:80px;
   }
   .SmallHeader-4Spalten-Break520{
    width: 49%;
   }
   .S1-Text-Container-Spalte{
      width: 270px;
   }
   .S2-Text-Container-Spalte{
      width: 270px;
   }
   .S3-Text-Container-Spalte{
      width: 270px;
   }
}
/* =======         768    ====== */
@media (min-width: 768px) {
   .container,.Seitentitle-container {
      width: 710px;
   }
   .Header-ColorContainer{
      height:110px;
   }
   .Header-Link{
      height:55px;
      line-height:55px;
   }
   .Header-Container {
   }
   .Seitentitle{ 
      font-size:30px;
   }
   .Seitentitle-Sub{
      font-size:28px;
   }
   .SliderBild{
      width:460px;
   }
   .SliderBild-reduceSize{
      width:260px;
   }
   .S1-Text-Container-Spalte{
      width: 480px;
   }
   .S2-SpalteFloating-left{
      float:left;
   }
   .S2-SpalteFloating-right{
      float:right;
   }
   .S2-Text-Container-Spalte{
      margin-left:15px;
      width: 325px;
   }
   .S3-Text-Container-Spalte{
      margin-left:15px;
      width: 200px;
   }
   .Bilderspalte-TextTeil{
      width:480px;
   }
   .Bilderspalte-TextTeil-Big{
      width:480px;
   }
   .EmbeddedYoutube{
      width: 510px;
      height:340px;
   }
   .heightController1{
      height: 350px;
   }
}
@media (max-width: 768px) {
   .SmallHeader-VerticlaStrut-Grenz{
      border-right-width:0px;
   }
   .SmallHeaderContainer-Break768{
      height:80px;
   }
   .SmallHeader-4Spalten-Break768{
    width: 49%;
   }
   .S2-Text-Container-Spalte{
      margin-left:auto;
      margin-right:auto;
      display:block;
   }
}
/* =======         992    ====== */
@media (min-width: 992px) {
   .container,.Seitentitle-container {
      width: 930px;
   }
   .Seitentitle{ 
      font-size:36px;
   }
   .Seitentitle-Sub{
      font-size:36px;
   }
   .S1-Text-Container-Spalte{
      width: 900px;
   }
   .S2-Text-Container-Spalte{
      width: 435px;
   }
   .S3-Text-Container-Spalte{
      width: 270px;
   }
   .Bilderspalte-Bild-Big{
      width:450px;
      height:638px;
   }
   .Bilderspalte-TextTeil{
      width:580px;
   }
   .Bilderspalte-TextTeil-Big{
      width:380px;
   }
   .Bilderspalte-BildTeil-Big{
      width:450px;
      height:638px;
   }
   .BilderspalteFloating-left{
      float:left;
	  margin-left:30px;
   }
   .BilderspalteFloating-right{
      float:right;
      margin-right:30px;
   }
   .heightController1{
      height: 230px;
   }
   .SchablonenContainer{
      width:680px;  	
   }
}
@media (max-width: 992px) {  
   .SmallHeader-4Spalten-Break992{
      width: 49%;
   }
   .SmallHeaderContainer-Break992{
      height:80px;
   }
   .SmallHeader-VerticlaStrut-Grenz-992{
      border-right-width:0px;
   }
}
/* =======         1200    ====== */
@media (min-width: 1200px) {
   .container,.Seitentitle-container {
      width: 1130px;
   }
   .S1-Text-Container-Spalte{
      width: 1100px;
   }
   .S2-Text-Container-Spalte{
      width: 535px;
   }
   .S3-Text-Container-Spalte{
      width: 330px;
   }
   .Bilderspalte-TextTeil{
      width:780px;
   }
   .Bilderspalte-TextTeil-Big{
      width:540px;
   }
   .heightController1{
      height: 200px;
   }
}

/*==================================================================*/
/*=====================  Amazon Shop Links --> muss ganz am schluss sein====*/
/*==================================================================*/
.Amazon_ItalianSwitchLink,.Amazon_FranceSwitchLink,.Amazon_GermanSwitchLink{
	display:inline-block;
}
.Amazon_ConentDisabled{
   display:none;
}
/*==================================================================*/
/*=====================  Languages --> muss ganz am schluss sein====*/
/*==================================================================*/
.ConentDisabled{
   display:none;
}
.englishConentIdentifier{

}
.Language-container{
   margin-top:20px;
   margin-bottom:0px;
   padding:0px;
   height:24px;
}
.Language-Link{
   cursor:pointer;
   margin-top:0px;
   margin-bottom:0px;
   margin-right:0px;
   margin-left:0px;
   padding-right:5px;
   padding-left:5px;
   height:24px;
   line-height:24px;
}
.Language-Link:hover{
   font-weight:bold;
}
.Language-Image{
   height:24px;
   cursor:pointer;
   margin-right:5px;
   margin-left:5px;
   margin-top:0px;
   margin-bottom:0px;
   vertical-align:middle;
}
.Language-Image:hover{
   height:25px;
}