@charset "utf-8";
/* CSS Document */
@font-face {font-family: BPreplay;
  src: url(./schrift/BPreplay.otf)

    format(opentype);
}
 
/* Fix Android */
body { 
  -webkit-animation: bugfix infinite 1s; 
}
@-webkit-keyframes bugfix { 
  from {padding:0;} 
  to {padding:0;} 
}

body {background-color:#ffffff;	
	color:#333fff;
	font-family:Verband, Geneva, sans-serif;
	margin:0px;
  overflow:scroll;
}

	
header {
  margin:0px auto;

	text-align:center;}
	
#hilfscontainer {

width: 100%;
 
     background-color: #f4f4f4;
  
}

aside {
  text-align:center;
	width:100%;
  
}

hr { margin-top: 10px;
color: #fff;

} 

strong {color: #4b4b4b;}


article {
  font-size: 0.8em;
  line-height:20px;
 
	color: #4b4b4b;
  background-color:#ffffff;
  margin:20px 0px 30px 0px;
  
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	display:inline-block;
	
	 /*opacity:0.8;*/
	 -moz-box-shadow:0px 1px 6px #292929; /* Firefox */
-webkit-box-shadow:0px 1px 6px #292929; /* Chrome, Safari */
-khtml-box-shadow:0px 1px 6px #292929; /* Konqueror */
box-shadow:-0px 0px 6px 00px #292929; /* CSS3 */
width:100%;
	/*silbentrennung*/
-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
	
	
}

article h1 {font-size: large;
background-color: #9c9c9c;
 	margin-bottom: 0px;
	margin-top: 0px;
	padding: 5px;
  color:#1a3266;
  text-decoration:none;
  text-align: center;
}		
article ul {
			 background-color:#fcfcfc;
	margin: 0px 10px 0px 10px;
			padding:5px 5px 5px 5px;
			text-decoration: none;
			text-align: center;
			border: 1px solid grey;
			border-radius: 5px;
			display: block;
			line-height: 22px;
	list-style: none;
  color: #fff;
  }
  
article  a { 
	  color: #1a3266;
text-decoration: none;
			display: inline-block;
			font-weight: bold;
			
	}
article a:hover { 
	list-style: none;
  color: #999;
text-decoration: underline;
			display: inline-block;
			font-weight: bold;
			
			
	}


img {max-width:100%; height:auto; 
  
}


.box9 { width: 100%;
  text-align: center;
  color: #d43f17;

}


img,
iframe {
margin:0px auto;
width: 100%;
}
/*neu_old_syntax_Boote_Produkte*/
	.flex-container {
   width:100%;}

.flex-item1  { 
 
  width: 70%; 
  min-width:100px; 
   margin-left: auto;
  margin-right: auto; 
/*silbentrennung*/
-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
padding: 20px;
   background: #fff;

}
	
	/*end old syntax*/
/*neu_old_syntax_motore*/

.flex-item2  { 
 
  width: 60%; 
  min-width:135px;  
  margin-left: auto;
  margin-right: auto;
margin-top:10px;
  padding: 20px;
  background: #fff;

}
.flex-item2a  { 
 
  width: 60%; 
  min-width:135px;  
   margin-left: auto;
  margin-right: auto;
  margin-top:10px;
  padding: 20px;
  background: #fff;
}

	

	/*end old syntax*/
	
/*neu_old_syntax_kontakte*/
	

.flex-item3  { 
 
  width: 60%; 
  min-width:310px;          /* For old syntax, otherwise collapses. */
   margin-left: auto;
  margin-right: auto;
background: #fff;
display: block;
}
	
	/*end old syntax*/

/*neu_old_syntax_service*/
	
.flex-item4{ 
  
  width: 80%; 
  min-width:200px;  
  margin-left: auto;
  margin-right: auto;
border-radius: 10px;
    width:100%;
  margin-top:10px;
  padding: 20px;
background-color: #f4f4f4;


}

footer {/*neu*/
  font-family: Verdana, Geneva, sans-serif;
  margin-top: auto;
  font-size: 0.8em;
  line-height:18px;
 background-color:#1a3266;
		
color: #fff;
	
	padding-bottom:0px;
	padding-top: 0px;
	text-align:center;
		margin-bottom: 0px;
		min-height:130px;
	width:100%;
	  /*opacity:0.8;*/
	  }
	
	
footer a {/*neu*/
  color: #999;
  text-decoration:none;
  }
footer a:hover {/*neu*/
  color: #999;
  text-decoration: underline;
font-weight: bolder;

  }

footer .font {color: #fff;
font-weight:  bold;
}

/*neu_old_syntax_footer*/
	
.flex-item5 { 
 
  width: 100%; 
  min-width:100px;  
 padding: 10px 0 10px 0;
background-color: #1a3266;
    

}


.links {float: left;
margin-right: 10px;
  max-width: 50%;

display: inline-block;
}



img,
iframe {max-width: 100%;}



/*banner*/
 #right3 {float:left;
width: 100%;
display:none;

 }

/*Menu*/


* {
  margin: 0;
  padding: 0;
  font-family: Verdana, Geneva, sans-serif;
  box-sizing: border-box;
}

/* hide the checkbox and the label */

input#responsive-nav,
label.responsive-nav-label {
  display: none;
  text-align: left;
}

/* declarations for the not-responsove-menu */

nav {
  float: left;
  width: 100%;
  background: #666;
  font-size: 16px;
  text-align: left;
}

nav ul {
  margin: 0;
  padding: 0;
}

nav a {
  display: block;
  color: #fff;
  text-decoration: none;
}

nav ul li {
  position: relative;
  float: left;
  list-style: none;
  color: #fff;

}

nav ul li a {
  padding: 5px;
}


nav ul li:hover {
  background: #fff;
}

nav ul ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: #fff;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

nav ul ul li {
  float: none;
  width: 100px;
  border-bottom: 1px solid #555;
}

nav ul ul li a {
  padding: 10px 10px;
}

nav ul ul li:last-child {
  border-bottom: none;
}

nav ul li:hover > ul {
  top: 100%;
  left: 0;
}

nav ul ul li:hover > ul {
  top: 0;
  left: 200px;
}

/* Declarations for the responsive menu 
@media screen and (max-device-width: 1640px) {
  /* All devices with display width less then 480px 
  will obey the following rules */

*/
  
* { 
  /*font-size: 12px;*/
}
  
label.responsive-nav-label {
    position: relative;
  display:block;
  padding: 10px;
  background: #1d3266;
  cursor: pointer;
  color: #fff;
 
}
  
label.responsive-nav-label span {
  margin-right: 10px;  
}

nav {
  position: absolute;
  top: -9999px;
  padding: 5px;
}

input#responsive-nav[type=checkbox]:checked ~ nav {
  position: relative;
  top: 0;
}

nav a:after {
  display: none;
}

nav li {
  float: none !important;
  width: 100% !important;
  border-bottom: none !important; 
}
  
nav li a {
  margin-bottom: 3px !important;
  padding: 5px 10px 5px 35px !important; 
   background: #4a4a4a;
  color:#999;
}
  
nav ul li:hover {
  background: none;
}
  
nav ul li a:hover {
  background: #274a99;
  color:#fff;
}
  
nav ul ul {
  position: relative !important;
  width: 100%;
  left: 0 !important;
  top: 0 !important;
  background: none !important;
  box-shadow: none;
}
  
nav ul ul li {
  padding-left: 20px;
}
.aktiv2 {
    background: #274a99;
  color:#fff;
}
.aktiv {color:#fff;
  background: #274a99;
}
.nojava {
width:70%;
padding:5px 0;
background:#ff0000;
color:#333;
font-weight:bold;

height:auto;
text-align:center;
}