@font-face {
    font-family: 'NABold';
    src: url('../fonts/scalasanspro-bold.eot');
    src: url('../fonts/scalasanspro-bold.eot') format('embedded-opentype'),
         url('../fonts/scalasanspro-bold.woff') format('woff'),
         url('../fonts/scalasanspro-bold.ttf') format('truetype'),
         url('../fonts/scalasanspro-bold.svg#ScalaSansProBold') format('svg');
}

@font-face {
    font-family: 'NARegular';
    src: url('../fonts/scalasanspro-regular.eot');
    src: url('../fonts/scalasanspro-regular.eot') format('embedded-opentype'),
         url('../fonts/scalasanspro-regular.woff') format('woff'),
         url('../fonts/scalasanspro-regular.ttf') format('truetype'),
         url('../fonts/scalasanspro-regular.svg#ScalaSansProRegular') format('svg');
}


   a, input {
	   -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	   -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	   -o-transition: color 0.1s ease-in, background 0.1s ease-in;
   }

* {
	text-decoration: none;
	margin:0px;
	padding:0px;
	font-family: Helvetica, Arial, sans-serif;
	}
	
	body {
		background:#f1f1f1;
		overflow-x: hidden;
	}
	
	h1, h2, h3, h4, h5 {
		color:#009ee0;
		font-family: "NABold", Helvetica, Arial, sans-serif;
		font-weight: normal;
	}
	
	h1 {
		font-size:55px;
	}
	
	h3 {
		font-size:30px;
		margin-bottom:20px;
		line-height: 1.3em;
	}
	
	h4 {
		margin-bottom:20px;
		font-size:28px;
		font-family: "NARegular", Helvetica, Arial, sans-serif;
		line-height: 1.3em;
	}
	
	.clear {
		clear: both;
	}
	
	a img {
		border:0px;
	}
	
	a {
		color:#009ee0;
	}
	
	a:hover {
		text-decoration: underline;
	}
 
/* = = = = = = = Multiple specified = = = = = = = = = */

	.twocolumn {
		columns:100px 2;
		-webkit-columns:100px 2;
		-moz-columns:100px 2;
		width:600px;
	}
	
	section {
		min-height: 100px;
		background-size: 100%;
		-moz-background-size: 100%;
	}
 
/* = = = = = = = Multiple specified = = = = = = = = = */

.menu {
	background:url(../img/bg-menu.png);
	width:100%;
	position: fixed;
	min-height:10px;
	z-index: 500;
	overflow: hidden;
	padding:10px 0px;
}  

	.menu .logo {
		float:left;
	}
	
	.menu .pages {
		float:right;
		font-size:12px;
		padding-top:11px;
		margin-right:20px;
	}
	
		.menu .pages a {
			color:#8f8f8f;
			display: block;
			float:left;
			margin-left:20px;
		}
		
			.menu .pages a:hover, a:focus {
				color:#fff;
			}
			
			.menu .pages a:visited, a:active {
				color:#8f8f8f;
			}
			
		.menu .totunebase {
			float:right;
		}
		
			.menu .totunebase a {
				display: block;
				background:#00aeef;
				color:#fff;
				font-size:14px;
				font-weight: bold;
				padding:8px 10px 6px 10px;
				text-shadow: 0px 1px 1px #007faf;
			}
			
				.menu .totunebase a:hover, a:focus {
					background: #00a3e0;
				}
				
				.menu .totunebase a:visited, a:active {
					color:#fff;
					background:#00aeef;
				}
   
/* = = = = = = = Standaard layout = = = = = = = = = */

.content {
	position: relative;
}

	.menupad {
		background:#565656;
		height:55px;
	}
	
	.bar {
		background: #fff;
		position: absolute;
		width: 100%;
		bottom: 0px;
		padding:35px 0px 40px 0px;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
		overflow: hidden;
	}
	
		.nobarshadow .bar {
			box-shadow: none;
		}
		
		.differ .bar {
			background:#f5f5f5;
		}
		
		section[data-type='background'] .bar {
			background: #fff !important;
		}
	
	.wrapper {
		width:1060px;
		margin:0px auto;
	}
	
	.text {
		font-size:13px;
		line-height: 1.8em;
		color:#5e625d;
		overflow: hidden;
	}
	
	.normal {
		width:700px;
	}
	
	.left {
		float:left;
	}
	
	.right {
		float:right;
	}
	
	.content-normal {
	position: relative;
	height:400px;
	}
	
		.fixedpos {
			position: relative !important;
			overflow: hidden;
			height:400px;
			box-shadow: none;
		}
		
	
	.column {
		float:left;
		width:320px;
		margin-bottom: 20px;
		margin-right:30px;
	}
	
	.text .button {
		color:#1f1f1f;
		margin-right:5px;
		margin-top:5px;
		display: block;
		border-radius: 1px;
		font-weight: bold;
	}
	
		.text .button:hover {
			color:#00afec;
		}
		
		.text h5 {
			font-family: "NARegular", Helvetica, Arial, sans-serif;
			font-size:22px;
			color:#3a3a3a;
			margin:0px 0px 7px 0px;
			line-height: 1.3em;
		}

/* = = = = = = = First Page = = = = = = = = = */
	
	.firstpage {
		overflow: hidden;
		background:#000;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		position: relative;
	}
	
		.firstpage .first-image {
			width:100%;
			opacity: 0.9;
			position: absolute;
			z-index: 1;
			display: none;
		}
		
		.firstpage .title {
			font-family: "NABold", Helvetica, Arial, sans-serif !important;
			color:#fff;
			position: absolute;
			font-size:45px;
			width: 100%;
			text-shadow: 0px 0px 10px rgba(0,0,0,1.0);
			z-index: 2;
			bottom:100px;
		}
		
			.firstpage .title .wrapper {
				font-family: "NABold", Helvetica, Arial, sans-serif !important;
			}
		
			.firstpage .title span {
				font-size:15px;
				display: block;
			}
			
			.round-button.arrow-down:hover {
				background: rgba(0,0,0,0.3) url(../img/icon-arrow-down.png) no-repeat 10px center;
			}
			
			.round-button {
				border: 2px solid #fff;
				font-size: 18px;
				display: block;
				padding: 9px 14px 9px 25px;
				width: 200px;
				border-radius: 30px;
				color: #fff;
				margin: 0px auto;
				margin-top: 40px;
				background: rgba(0,0,0,0.3) url(../img/icon-arrow-down.png) no-repeat 10px center;
				text-align: center;
				margin-left: 0px;
			}	
			
/* = = = = = = = image-out = = = = = = = = = */

	.right-out {
		position: absolute;
		margin-left:650px;
		text-align: center;
		cursor: pointer;
	}
	
	.big-out-right{
		position: absolute;
		margin-left:470px;
		text-align: center;
		cursor: pointer;
	}
	
	.left-pos-image {
		position: absolute;
		margin-left:-600px;
	}
	
	
	.normal-right-out {
		position: absolute;
		margin-left:750px;
		text-align: center;
	}
	
		.inhoud-right .normal-right-out {
			margin-left:-740px;
			margin-top:-80px;
		}
	
	.left-out {
		position: absolute;
		margin-left:-450px;
		text-align: center;
		cursor: pointer;
	}
	
	.inhoud-right {
		width:700px;
		float:right;
	}
	
		.imageup {
			margin-top:-50px;
		}
		
/* MODULES PAGES */

.bottom-info {
	min-height:400px;
	overflow: hidden;
	background:#f5f5f5 url(../img/bgbottom.png) repeat-x;
	padding:0px 0px 20px 0px;
}

	.bottom-info .block {
		width:225px;
		float:left;
		padding:20px 20px;
		font-size:13px;
		line-height:1.8em;
		color:#757575;
	}
	
	.bottom-info .block h4 {
		color:#3b3b3b;
		font-size:22px;
		padding:0px;
		margin:0px 0px 10px 0px;
	}
	
	.bottom-info h3 {
		color:#404040;
		text-align: center;
		margin-top:40px;
		text-shadow: 0px 1px 0px #fff;
	}
	
	.modulebar {
		background: #fff;
		overflow: hidden;
		padding:30px 0px;
	}
	
		.stacked {
			position: relative;
			height:500px;
			width:855px;
			margin-left:120px;
		}
		
			.stacked .first {
				position: absolute;
				z-index: 30;
			}
			
			.stacked .second {
				position: absolute;
				z-index: 29;
				margin-left:200px;
				height:480px;
				margin-top:10px;
			}
			
			.modulebar .normal {
				float:left;
			}
			
			.betweenbar {
				width:400px;
				border-top:1px solid #eaeaea;
				margin:30px auto 0px auto;
			}
			
			.explain {
				color:#b8b8b8;
				font-size:11px;
				text-align: center;
				padding:0px 0px 30px 0px;
				margin-top:-20px;
			}
			
			.other-text {
				width:400px;
			}
			
			.othermodules {
				background:#fff;
				overflow: hidden;
				padding:0px 0px 30px 0px;
			}
			
			.othermodules .item {
				float:left;
				width:320px; /* 500 for full width */
				padding:30px 30px 30px 0px;
			}
			
			.item h2 {
				font-size:30px;
				line-height: 30px;
			}
			
			.infographic {
				height:430px;
				background:#f5f5f5;
				margin-top:0px;
				margin-bottom:30px;
				overflow: hidden;
			}
			
				.infographic .banner {
					height:430px;
				}
				
				.infographic .firstbanner h3 {
					font-size:50px;
				}
				
				.infographic .text {
					width:350px;
					margin-top:120px;
					float:left;
				}
				
					.infographic .text h1 {
						line-height: 45px;
					}
					
					.infographic h3 {
						margin-bottom: 5px;
					}
				
				.infographic .image {
					float:right;
					width:600px;
					margin-top:105px;
				}
				
				.gotobtn {
					background:#009EE0;
					display: block;
					padding:3px 10px;
					color:#fff;
					float:left;
					cursor: pointer;
					margin-top:10px;
				}
				
				.gotobtn:hover {
					background: #1083b9;
				}
				
				.topinfo {
					text-align: center;
				}
	
/* In contact */

.incontact {
	background: #353535;
	padding:30px 0px;
	overflow: hidden;
}

	.incontact .wrapper {
		width:800px;
	}

	.incontact a {
		display: block;
		background: #242424;
		padding:10px 0px;
		width:300px;
		font-size:16px;
		text-align: center;
		float: left;
		color:#d9d9d9;
		margin:0px 50px;
		font-family: "NARegular", Helvetica, Arial, sans-serif;
	}
	
	.incontact a:hover, a:focus {
		background:#000;
		color:#fff;
	}
	
		.incontact a:visited, a:active {
			background: #242424;
			color:#d9d9d9;
		}
	


	.contact_btn:hover {
		background:#000;
		color:#fff;
	}	
	
/* Big button */ 

.bigbutton {
	width:190px;
	height:150px;
	background:url(../img/button-box.png);
}

	.previewpos {
		position: absolute;
		margin-top:-170px;
		z-index: 50;
	}

.bigbutton .icon {
	display: block;
	text-align: center;
	padding-top:20px;
}

.bigbutton .titel {
	display: block;
	padding-top:5px;
	text-align: center;
}

	.to-top {
		position: fixed;
		right:-145px;
		z-index:500;
		bottom:30px;
		cursor: pointer;
	}
	
	.introtext {
		width:600px;
		margin-top:10px;
	}
	
	
.social {
	padding:20px 0px;
	overflow: hidden;
	font-size:14px;
	background: #242424;
}

	.social .left, .social .right {
	}

	.social h5 {
		font-size:20px;
		color:#dbdbdb;
		font-family: "NARegular",Helvetica,Arial,sans-serif;
		font-size:16px;
		padding:0px 0px 5px 0px;
		border-bottom: 1px solid #444444;
		margin-bottom:10px;
	}
	
	.social-1, .social-2, .social-3 {
		float:left;
	}
	
		.social-1 {
			width:100px;
		}
		
.infobar {
	background:#0c0c0c;
	color:#838383;
	font-size:12px;
	line-height: 1.8em;
	padding:15px 0px;
}


/* FAQ */


.wrapper1 {
		width: 1060px;
		margin: 0px auto;
		}

.introtext {
		font-size:13px;
		line-height: 1.8em;
		color:#5e625d;
		overflow: hidden;
		background: #fff;

	}

p  {
		font-size:13px;
		line-height: 1.8em;
		color:#5e625d;
		overflow: hidden;
		background: #fff;

	}
	
	.faqtekst {
		float:left;
		width:450px;
		color: #5e625d;
		
	}
	
		.faqtekst2 {
		float:right;
		width:450px;
		color: #5e625d;
		
	}
	
	
		.modulebarfaq, .modulebarfaq p  {
		background: #f5f5f5;
		overflow: hidden;
		padding:30px 0px;
	}
	
		.modulebar2, .modulebar2 p  {
		background: #fff;
		overflow: hidden;
		padding:30px 0px;
	}

	.answer {
		display:none;
	}
	.answer p {
		margin-bottom: 30px; padding:0px 0px;
		}

iframe[data-id=""] {
	display: none;
}

.question {
	
	padding-top: 7px;
	
	
}

.question:hover{
	cursor:pointer;
	color:black;
	
}


/* videopage */

.text-videobig iframe {
	width:1000px;
	height:500px;

}
.video_klein {
width: 235px;
height: 235px;
float:left;
padding-right: 20px;
margin-bottom: 20px;
}

.video_klein:nth-child(5) {

	padding-right:0px;


}
.video_klein img {
	width: 100%;
 	height: 100%;
 	
 }

.videosmall {
	float: left;
	width: 1000px;
	color: #5e625d;
}

p.title {
	font-size:14px; 
	color:#009ee0;
	padding-top: 0px;
}

.modulebarsmallvid {
	background-color:#f5f5f5;
	overflow: hidden;
	padding:30px 0px;


}

.introtexttop {width:1000px;}