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

    format(opentype);
}


body { background-color:#ffffff;
	color:#333fff;
	font-family: Verdana, Arial , sans-serif;
	margin:0px auto;
	overflow:scroll;
	  }
	
header { margin:0px auto;
       display:block; }
    
   /*banner*/
   		#right2 {float:left;
width: 100%;
display: none;
}
 #right3 {float:left;
width: 100%;

 }

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

}

#hilfscontainer {float:top;
margin-left: auto;
    margin-right: auto;
min-height: 100%;
/*
margin:0px auto -50px;
height: auto; !impotant*/
	 max-width:1940px;
	  background: url()no-repeat left top;
		background-color: #f4f4f4;
		 }

		 
		 
		 

/*Menu*/

* {
  margin: 0px;
  padding: 0;
  font-family: Verdana, Arial, sna-serif;
  box-sizing: border-box;
}

nav {
	 margin: -21px 20px 0px 0px;
	  
  float: right;
  width: 570px;
height:35px;
  font-size: 14px;
}

nav ul {

  margin: 0;
  padding: 0;
}

nav a {
	margin:0px 0px 0px -12px;
	
	 background:transparent url(Bilder/blau.png) no-repeat;
	 background-position: 0px;	
	 width:106px;
  display: block;
   
  text-decoration: none;
}

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

}

nav ul li a {
	color: #999;
	text-align: center;
 padding: 10px 16px;

}


nav ul li:hover {
  color: #fff;
 }
nav ul li a:hover {color: #fff;
       background:transparent url(Bilder/blau1.png) no-repeat;
	 background-position: 0px;	 
}

.submenu {  
background: #4a4a4a;
  margin:0 0px 0px -12px;
}


.submenu a {
	text-align: left;
	margin:0 0px 0px -12px;
	background: #4a4a4a;
 
  color: #999;
  text-decoration: none;
width: 135px;

}
.submenu a:hover {
 
	margin:0px 0px 0px -12px;
  	background: #274a99;
  color: #fff;
  text-decoration: none;
  display: block;

}
.submenu li a {
	float: left;
	margin:0px 0px 0px -12px;
  	background: #1a3266;

  text-decoration: none;

  display: block;
}


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

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

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

}

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


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

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

}
.aktiv {color:#fff;
  background:transparent url(Bilder/blau1.png) no-repeat;
	 background-position: 0px;	
}
.aktiv2 {
    background: #274a99;
  color:#fff;
}

  /*tablet oder smartphone
*/
/*hide the checkbox and the label */

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


Declarations for the responsive menu 

@media screen and (max-width: 1680px) {
  * {
  font-size: 18px;

}





#right2 {float:left;
width: 100%;
}


nav {
  position: absolute;
  /*top: -9999px;*/
  padding: 10px;
}

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: 10px !important;
  padding: 10px 20px !important; 
  background: #4a4a4a;
}
  
nav ul li:hover {
  background: none;
}
  
nav ul li a:hover {
  background: #4096ee;
}
  
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;
}

}

.nojava {
width:70%;
padding:5px 0;
background:#ff0000;
color:#333;
font-weight:bold;

height:auto;
text-align:center;
}
		 
	.browserold {
width:100%;
padding:5px 0;
background:#ff0000;
color:#fff;
font-weight:bold;

height:auto;
text-align:center;
}	 
		 
		 
		 
aside {float:left;
 margin:0px auto;
width:100%;
}

strong {color: #4b4b4b;}

         
hr { 
color: #fff;
}
section {/*silbentrennung*/
-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
  background-color: #fff;

}
section, div {

  
  background-color: #fff;
min-width: 400px;
display:block;

}
section a { 
	  color: #1a3266;
text-decoration: none;
font-weight: bold;
}
section a:hover { 
	list-style: none;
  color: #999;
text-decoration: underline;
						font-weight: bold;
				}
				 

article {
		font-size: 0.9em;
  line-height:20px;
	color: #4b4b4b;
  background-color:#ffffff;
  
	margin:20px 00px 30px 0px;
	padding-bottom:30px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	width: 100%;
	min-height: 100%;
	 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 */
/*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: 10px;
	margin-top: 10px;
	padding: 5px;
  color:#1a3266;
  text-decoration:none;
  text-align: center;
}		
article ul {
  line-height:22px;
	color: #4b4b4b;
			 
			text-decoration: none;
			display: inline;
			list-style: none;

  }
  
article li{ 

	color: #4b4b4b;
	 text-decoration: none;
		
					
	}
article a { 
	  color: #1a3266;
}
article a:hover{ 
	  color: #999;
text-decoration: underline;
			
			font-weight: bold;
}

dt {line-height: 22px;}
dd { line-height:22px;}

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

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




iframe {
max-width: 100%;
margin:0px auto;

}


/*neu_old_syntax_Boote_Produkte*/
	.flex-container {
	  width:100%;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
 
  
  
display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;  
   -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
      webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    
}



.flex-item1 { 
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 31%; 
  min-width:100px;
  max-width: 430px;
  /* For old syntax, otherwise collapses. */
  -webkit-flex: 1 1 auto;          /* Chrome */
  -ms-flex: 1 1 auto;              /* IE 10 */
  flex: 1 1 auto;             
 -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
margin-left: auto;
    margin-right: auto;
margin:5px;
padding: 20px;
   background: #fff;
}
	
	/*end old syntax*/
/*neu_old_syntax_motore*/


.flex-item2  { 
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 19%; 
  min-width:125px; 
  max-width: 260px;
  /* For old syntax, otherwise collapses. */
  -webkit-flex: 1 1 auto;          /* Chrome */
  -ms-flex: 1 1 auto;              /* IE 10 */
  flex: 1 1 auto;             
 -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;


	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
margin-top:10px;
  padding: 20px 9px 20px 9px;
  background: #fff;
 
}
.flex-item2a  { 
  -webkit-box-flex: 0;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 0;         /* OLD - Firefox 19- */
  width: 19%; 
  min-width:125px;  
  max-width: 260px;
  /* For old syntax, otherwise collapses. */
  -webkit-flex: 0 1 auto;          /* Chrome */
  -ms-flex: 0 1 auto;              /* IE 10 */
  flex: 0 1 auto;             
 -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
margin-top:10px;
  padding: 22px 9px 20px 9px;
 
}

	

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


  
.flex-item3 { 
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 50%; 
  min-width:250px;          /* For old syntax, otherwise collapses. */
  -webkit-flex: 1 1 auto;          /* Chrome */
  -ms-flex: 1 1 auto;              /* IE 10 */
  flex: 1 1 auto;             
 -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
background: #fff;

}
.flex-item3a  { 
  -webkit-box-flex: 0;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 0;         /* OLD - Firefox 19- */
  width: 50%; 
  min-width:350px;          /* For old syntax, otherwise collapses. */
  -webkit-flex: 0 1 auto;          /* Chrome */
  -ms-flex: 0 1 auto;              /* IE 10 */
  flex: 0 1 auto;             
 -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;


	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	
	/*end old syntax*/

/*neu_old_syntax_service*/
	

.flex-item4 { 
 
  -webkit-box-flex: 0;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex:0;         /* OLD - Firefox 19- */
  
  width:48%;  
  min-width:260px;
  /* For old syntax, otherwise collapses. */
  -webkit-flex: 0 1 auto;          /* Chrome */
  -ms-flex: 0 1 auto;              /* IE 10 */
  flex: 0 1 auto;  

 -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    margin: 5px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 margin-top:10px;
  padding: 20px;
background-color: #f4f4f4;
}

footer {/*neu*/
  font-family: Verdana, Arial, sans-serif;
  margin-top: auto;
  margin: auto;
  font-size: 0.8em;
  line-height:18px;
 background-color:#1a3266;
	color: #fff;
		padding-bottom:0px;
	padding-top: 0px;
			margin-bottom: 0px;
		min-height:130px;
	width:100%;
	

	  }
	
	
footer a {/*neu*/
  color: #999;
  text-decoration:none;
  }
footer a:hover {color: #fff;
text-decoration: underline;
font-weight: bolder;
}
footer .font {color: #fff;
font-weight:  bold;
}

/*neu_old_syntax_footer*/
	
.flex-item5 { 
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
width:28%;
min-width:100px;

  /* For old syntax, otherwise collapses. */
  -webkit-flex: 1 1 auto;          /* Chrome */
  -ms-flex: 1 1 auto;              /* IE 10 */
  flex: 1 1 auto;             
 -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
padding: 10px 20px 10px 20px;
background-color: #1a3266;
margin-left: auto;
    margin-right: auto;
margin:15px;

}
 
@-moz-document url-prefix() {
.flex-container {
    width: 100%;
    -moz-box-sizing: border-box;
    }

}


.left {float: right;

width: 33%;
padding: 10px 10px 10px 20px;

}
@media screen and (max-width: 840px) {
  	.flex-container {
  width:100%;
 
    margin-left: auto;
    margin-right: auto;
    
}
  .flex-item4 { 
  float:left;
position:relative;
 min-width: 260px;

 margin-top:10px;
  padding: 20px;
background-color: #f4f4f4;
border-radius: 10px;
   
    margin: 5px;
}

}