/*
 * Allgemein
 */
html {
height: 100%;
}

body{
margin:0px;
padding:0px;
background-color:#ffffff;
font-size: 12px;
font-family: 'Lato', sans-serif;
font-weight: 300;
overflow-x:hidden;
height: 100%;
-webkit-text-size-adjust: none;
}

div .clear {
overflow:hidden;
clear:both;
height:0;
}

img {
border:0px;
}



/*
 * Schriften
 */
.ff_300{ font-family: 'Lato', sans-serif; font-weight: 300; }
.ff_400{ font-family: 'Lato', sans-serif; font-weight: 400; }
.ff_900{ font-family: 'Lato', sans-serif; font-weight: 900; }


p{
margin:0px;
padding:0px;
font-size: 14px;
line-height:25px;
color: #2e2e2e;
text-align:justify;
}

.fs10{ font-size:10px; }
.fs11{ font-size:11px; }
.fs12{ font-size:12px; }
.fs13{ font-size:13px; }
.fs14{ font-size:14px; }
.fs15{ font-size:15px; }
.fs16{ font-size:16px; }
.fs17{ font-size:17px; }
.fs18{ font-size:18px; }
.fs19{ font-size:19px; }
.fs20{ font-size:20px; }
.fs25{ font-size:25px; }
.fs30{ font-size:30px; }
.fs35{ font-size:35px; }
.fs40{ font-size:40px; }
.fs45{ font-size:45px; }

.pddgb5{ padding-bottom:5px; }
.pddgb10{ padding-bottom:10px; }
.pddgb15{ padding-bottom:15px; }
.pddgb20{ padding-bottom:20px; }

.pddgt5{ padding-top:5px; }
.pddgt10{ padding-top:10px; }
.pddgt15{ padding-top:15px; }
.pddgt20{ padding-top:20px; }

.center{ text-align:center; }
.left{ text-align:left; }
.right{ text-align:right; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.jsty{ text-align: justify; }

.blue{ color:#4b6193; }
.white{ color:#ffffff; }
.black{ color:#000000; }


.lh18{ line-height:18px; }
.lh19{ line-height:19px; }
.lh20{ line-height:20px; }
.lh21{ line-height:21px; }
.lh22{ line-height:22px; }
.lh23{ line-height:23px; }
.lh24{ line-height:24px; }
.lh25{ line-height:25px; }
.nlh{ line-height:normal; }


h1{
margin:0px 0px 0px -4px;
padding:0px;
font-weight:normal;
font-size: 25px;
color: #4b6193;
}



/*
 * Links
 */
p a{
color: #4b6193;
}

a:link, a:visited, a:active{
white-space:nowrap;
text-decoration:none;
}
a:hover{
white-space:nowrap;
text-decoration:underline;
}
a.udl:link, a.udl:visited, a.udl:active{
text-decoration:underline;
}
a.udl:hover{
text-decoration:underline;
}




/*
 * Buttons
 */
.btn-1{
margin:10px 0px 0px 0px;
padding:4px 9px 4px 9px;
border:1px solid #0000ff;
color: #0000ff;
cursor:pointer;
}




/*
 * LISTEN
 */
#wrapcontent ul{
margin:0px 0px 0px 15px;
padding:0px;
}
#wrapcontent li{
font-size: 12px;
line-height:25px;
color: #000000;
}
#mainmenu-desktop li{
line-height:normal;
}



/*
 * HELPER
 */
.bordertop{
border-top:1px solid #cccccc;
}


/*
 * TOP
 */
#wraplogomenu{
width:80%;
height:auto;
margin:0 auto;
}
  #logo{
  margin:40px 0px 0px 0px;
  }
  #facts{
  margin:-5px 0px 40px 0px;
  }
  #mainmenu{
  position:relative;
  margin:-62px 0px 20px 0px;
  -moz-transition-duration:0.5s;
  -o-transition-duration:0.5s;
  -webkit-transition-duration:0.5s;
	transition-duration:0.5s;
  }
 			#mainmenu ul.main { list-style:none; padding:0px; margin:0px; }
			#mainmenu ul.main li { float:left; display:block; }
			#mainmenu ul.main li:hover>ul{left:auto;top:100%;}
 			#mainmenu ul.sub { left:-1000px;position:absolute; list-style:none; padding:16px 0px 20px 0px; margin:0px 0px 0px -20px; background-color:#fff; }
			#mainmenu ul.sub li { float:none; display:block; }
			
			#mainmenu ul.main li a{
			font-size: 18px;
			color: #2e2e2e;
			margin:0px 20px 0px 0px;
			text-decoration:none;
			}
			#mainmenu ul.main li a:hover{
			color: #4b6193;
			}
			#mainmenu ul.main li a.isactive{ color: #4b6193; }
 
				#mainmenu ul.sub li a{
				font-size: 16px;
				color: #2e2e2e;
				padding:0px;
				margin:0px 20px 0px 20px;
				line-height:25px;
				text-decoration:none;
				}
				#mainmenu ul.sub li a:hover{
				color: #4b6193;
				}
				#mainmenu ul.sub li a.isactive{ color: #4b6193; }
				
	
	@media screen and (max-width: 840px){	
	  #logo{
	  margin:40px 0px 0px 0px;
	  }
		  #logo p{
		  text-align:left;
		  }
	  #facts{
	  margin:-5px 0px 40px 0px;
	  }
		  #facts p{
		  text-align:left;
		  }
	  #mainmenu{
	  margin:0px 0px 20px 0px;
	  }
	}   		


/*
 * CONTENT
 */
#wrapcontent{
width:80%;
margin:0 auto;
padding-bottom:20px;
}
	.content-headline{
	width:100%;
	margin:40px 0px 4px 0px;
	}
	.content-one{
	width:100%;
	}
	.content-half{
	float:left;
	width:48%;
  -moz-transition-duration:0.5s;
  -o-transition-duration:0.5s;
  -webkit-transition-duration:0.5s;
	transition-duration:0.5s;
	}
	.content-half-space{
	float:left;
	width:4%;
	height:10px;
  -moz-transition-duration:0.5s;
  -o-transition-duration:0.5s;
  -webkit-transition-duration:0.5s;
	transition-duration:0.5s;
	}
	.content-spacer{
	width:100%;
	height:20px;
	}
		
		
	@media screen and (max-width: 640px){	
		.content-half{
	  float:none;
		width:100%;
	  padding:0px 0px 20px 0px;
		}
		.content-half-space{
	  float:none;
		width:0%;
		height:0px;
		}
	}

							

			


		
/*
 * KEYVISUAL
 */
#wrapkeyvisual{
width:80%;
margin:0 auto;
}
	#keyvisual{
	height:600px;
	margin:0px 0px 10px 0px;
	}
		.wrap-slkeyvisual{
		width:100%;
		height:600px;
		overflow:hidden;
		}
		.slwrapkeyvisual{
		display:none;
		width:80%;
		height:600px;
		position:absolute;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
			.slkeyvisual{
			width:100%;
			height:600px;
			}	
		


/*
 * FOOTER
 */
#wrapfooter{
width:80%;
margin:0 auto;
padding:0px 0px 50px 0px;
}
  #footer-copyright{
  width:100%;
  padding-top:10px;
  border-top:1px solid #ccc;
  text-align:center;
  }