/* GOOGLE FONT */



@-ms-viewport{
	width: device-width;
}

/* /////////////////////////////////////////////////////////////////////// TOOLS */
.clear, .row{ clear:both; }
.clearfix:after, .row:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
html.ie7 .clearfix, html.ie7 .row{ min-height:1%; }

*{
	-webkit-text-size-adjust: none;
}

/* /////////////////////////////////////////////////////////////////////// GLOBAL STYLES */
html{
	min-height:100%;
	overflow-y:scroll;
}

body{
	background-color:#f3f6f7;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size:13px;
	line-height:17px;
	color:#2a3542;
}

/* links */
a{
	color:#4974BA;
	text-decoration:none;
	-webkit-transition:color 0.15s ease-out;
	-moz-transition:color 0.15s ease-out;
	-o-transition:color 0.15s ease-out;
	transition:color 0.15s ease-out;
}
a:hover{
	color:#2a3542;
	cursor:pointer;
}

.half .container{
	padding: 20px 20px 20px 0;
}


/* titles */
h1{
	color:#4974BA;
	font-weight:300;	/* light */
	/*font-size:37px;
	line-height:43px;*/
	font-size:30px;
	line-height:35px;
	margin-bottom:25px;
	position:relative;
	left:-3px;
}
h2{
	font-size:18px;
	margin-bottom:20px;
}
h4{
	color:#4974BA;
	font-weight:300;
	margin-bottom:10px;
	font-size:18px;
	line-height:22px;
}
h5{
	color:#4974BA;
	font-weight:400;
	font-size:16px;


}

/* bodytext */
.bodytext{
	font-size:12px;
	line-height:18px;
	/*font-weight:300;*/
}
.bodytext a{
	text-decoration:underline;
}

/* various */
hr{
	border:0;
	height:1px;
	background-color:#DDD; color:#DDD;
	margin:40px 0;
}

img{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}


/* /////////////////////////////////////////////////////////////////////// MAIN */
body >.main{
	width:100%;
	max-width:1066px;
	/*padding:0 5%;*/
	margin:0 auto;
}
body >.main .fixedheight{
	height:125px;
}
* html body>.main {
   height: expression( this.scrollHeight > 1066 ? "1066px" : "auto" ); /* sets max-height for IE */
}


body >.main >.pagecontent{
	min-height:300px;
}


/* RESPONSIVE COLUMNS */
.col{
	float:left;
	min-height:1px;
	/*background-color:rgba(255,0,0,0.1);*/
}
.col.col1{
	width:25%;
	padding-right:5%;
}
.col.col2{
	width:70%;
}



/* /////////////////////////////////////////////////////////////////////// HEADER */
header{
	margin-bottom:25px;
	background:url('../img/bgmenu.png');

	position:absolute;
	width:100%;
	 max-width:1066px;  /* MEDIAQURIES */
	top:0px;
	margin:0 auto;
	z-index:100;
}
* html header {
   height: expression( this.scrollHeight > 1066 ? "1066px" : "auto" ); /* sets max-height for IE */
}



header .logo{
	margin-top:20px;
	background:url('../img/logo.png') 0px 0px no-repeat;
	width:160px;
	height:75px;
	display:block;
	float:left;
	margin-left:5%;
}
html.svg header .logo{
	background:url('../img/logo.svg') 0px 0px no-repeat;
}
header nav{
	 margin-top:53px;
	  margin-right:15%;

	float:right;
}
header nav a{
	display:inline-block;
	padding:5px 0px 12px 0px;
	margin:0 10px;
	font-size:14px;
	color:#000;
}

header nav a:first-child{
	margin-left:0;
}
header nav a.active,
header nav a:hover{
	color:#4974BA;
	position:relative;
}
header nav .hassub>a{
	background:url('../img/pijlmenu.png') center bottom no-repeat;
}
.svg header nav .hassub>a{
	background:url('../img/pijlmenu.svg') center bottom no-repeat;
}
header nav >ul>li{
	position:relative;
	float:left;
}
header nav >ul>li:hover .fakesub{
	display:block;
	display:hidden;
}
header nav >ul>li:hover .submenu{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	display:inline-block;

	top:40px;
	 margin-top:0px;

}

header nav .submenu{
	  position:absolute;
	  width:150px;
	   /* display:none;   */
	 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	  top:-1000px; /*40px*/
	  left:0px;
	  margin-top:-10px;
	  /*  -webkit-transition:all 0.3s cubic-bezier(.300, .460, .450, .940);
	  -moz-transition:all 0.3s cubic-bezier(.300, .460, .450, .940);
	  -o-transition:all 0.3s cubic-bezier(.300, .460, .450, .940);
	  transition:all 0.3s cubic-bezier(.300, .460, .450, .940);
     */
   -webkit-transition-property:margin-top, opacity, -webkit-transform;
	-moz-transition-property:margin-top, opacity, -moz-transform;
	transition-property:margin-top, opacity, transform;

	-webkit-transition-timing-function:cubic-bezier(.165, .840, .440, 1);
	-moz-transition-timing-function:cubic-bezier(.165, .840, .440, 1);
	transition-timing-function:cubic-bezier(.165, .840, .440, 1);

	-webkit-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
	transition-duration:0.6s;


	}

header nav .fakesub{
	  position:relative;
	  display:none;
	  padding-bottom:25px;

}
header nav  .fakesub  a,
header nav  .submenu  a{
	padding:3px 0px  ;
}
/* -------------------------------- langmenu */

.langmenu{
	position:absolute;
	 margin-top:53px;
	 right:5%;
	 margin-right:5px;

}
.langmenu  a{
	display:inline-block;
	padding:5px 0px 12px 0px;
	margin:0 4px;
	font-size:12px;
	color:#000;
	text-transform:uppercase;
}
.langmenu a:first-child{
	margin-left:0;
}
.langmenu  a:hover,
.langmenu  a.active{
	color:#4974BA;
}
.langmenu >ul>li{
	float:left;
}

/*------------------------------------------ cols */

.col_main{
	width:90%;
	margin-left:5%;
	margin-right:5%;
}
.col_main .col_left{
	float:left;
	width:48%;
	/*margin-top:20px; */
}
.col_main .col_left .col1>.container{
	padding:20px;
}
.col_main .col_left .col2>.container{
	padding:20px;
}
.col_main .col_right{
	float:right;
	width:48%;
	/*margin-top:20px; */
}

.col_main .col_right>.container{
	/*margin-top:20px;*/
}

.col1{
	width:50%;
	margin:0%;
	float:left;
}
.col2{
	width:50%;
	margin:0%;
	float:right;
}

.infoaanvraag{
	text-transform:uppercase;
	color:#fff;
	font-size:11px;

	display:inline-block;
	/*background:url('../img/bolnext.png') -1px -1px no-repeat;*/
	 padding:8px;
	/* padding-left:18px;*/
		background-color:#4974BA;
}
.infoaanvraag:hover{
	/*	background:#000 url('../img/bolnext.png') -1px -31px no-repeat;*/
		background-color:#000;
		color:#fff;
}

.svg .infoaanvraag{
	/*background:#4974BA url('../img/bolnext.svg') -1px -1px no-repeat;	*/
	 color:#fff;
}

.svg .infoaanvraag:hover{
	/*background:#000 url('../img/bolnext.svg') -1px -31px no-repeat;*/
	 	background-color:#000;
	 	color:#fff;
}
/*------------------------------------------- phonemenu */
#phonemenu{

	position: absolute;

	top:-1000px;
	width:100%;
}
   #phonemenu select{
   width:90%;
   margin-left:5%;
   }


/* /////////////////////////////////////////////////////////////////////// FOOTER */
footer{
	width:90%;
	margin:5%;
	margin-top:50px;
	margin-bottom:20px;
	font-size:11px;
}
footer .details {
	margin-left:20px;
	float:left;
	/*padding-top:10px;
	width:650px;
	margin:0 auto;
	border-top:1px solid #eaeaea;
	text-align:center;*/
}
footer .details span.splitter{
margin-right:5px;
}
footer .details span{
	margin-right:5px;
}
footer .details span,
footer .details span a{
	color:#595959;
}
footer .details span a:hover,
footer .details span.company{
	color:#4974BA;
}
footer .details span.tel,
footer .details span.mail{
	white-space:nowrap;
}

/* site by plug */
footer  .madeby span a,
footer  .madeby span{
	color:#595959;
	}
footer  .madeby{
	float:right;

/*	margin-top:10px;*/
}
footer .madeby span a{
	/*color:#9E9E9E;*/
}
footer .madeby span a:hover{
	color:#4974BA;
}


/* /////////////////////////////////////////////////////////////////////// RESPONSIVE MEDIA QUERIES */
@media only screen and (max-width:650px){
	header nav{
		display:none;
	}

	header #phonemenu{
		top:125px;
	}
	.langmenu{
		margin-top:53px;
	}
	body >.main .fixedheight{
		height:190px;
	}




}

@media only screen and (min-width:650px) and (max-width:800px){
	header nav{
		 /*display:none;*/



		margin-right:5%;
	}
	header nav a{

	 margin:0 8px;

	}
	.langmenu{
		position:absolute;
		margin-top:20px;
	 	right:5%;

	}
	.langmenu a{
		/*margin:0 10px;*/
	}
	header nav a{
		/*margin:0 10px;*/
	}
}

@media only screen and (max-width:800px){



	h1{

	font-size:30px;
	line-height:33px;
	margin-bottom:25px;
	position:relative;
	left:-3px;
	}


	.col_main .col_right,
	.col_main .col_left{
		width:100%;
		float:left;
	}

}

@media only screen and (min-width:1066px){
	/*
	header,
	body >.main{
		width:1066px;
	}
	*/

}

@media only screen and (max-width:550px){

	.col1{
		width:100%;
		margin:0%;
		float:left;
	}
	.col_main .col_left .col1>.container,
	.col_main .col_left .col2>.container{
		padding-bottom:0px;
	}

	.col2{
		width:100%;
		margin:0%;
		float:left;
	}

}


@media only screen and (max-width:767px){
/*-------------------------- footer*/
	footer{
		width:80%;
		margin-top:30px;
		font-size:12px;
	}
	footer .details{
		width:100%;

	}
	footer .details span{
		width:100%;
		display:block;
		/*text-align:center;	*/
	}
	footer .details .splitter{
		display:none;
	}
	footer  .madeby{
		margin-top:20px;
		float:left;
		margin-left:20px;
	}
}