@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'joop';
	src: url('../font/GOTHIC.TTF');
}

*{
	margin:0px;
	padding:0px;
	font-family: 'joop';
}

#content{
	background-color:#000;}

/* ------------------------------- Header ------------------------------- */
#header_holder{
	position:relative;
	width:100%;
	background-color:#FFFFFF;
}
#subheader{
	position: absolute;
	right:0px;
	text-align:right;
	top:15px;
}
#header{
	position:relative;
	max-width:1280px;
	margin:0 auto;
}
#cmsheader{
	position:relative;
	max-width:1280px;
	margin:0 auto;
	border-bottom-width: thick;
	border-bottom-style: dashed;
	border-bottom-color: #F00;
	padding-top:25px;
	padding-bottom:25px;
	text-align:center;
}
#cmsheader a{
	text-decoration:none;
	color: #000;
}
/* ------------------------------- Logo ------------------------------- */
#logo{
	font-size:36px;
/*	padding-left:10px;*/
	padding-top:15px;
}
#logo a{
	color:#97ca3d;
	text-decoration:none;
}
/* ------------------------------- Menu ------------------------------- */
#menu_holder{
	position:realtive;
	/*top:239px;*/
	max-width:1280px;
	margin:0 auto;
	/*height:100px;*/
}
.active{
	background-color: #FAFAFA;
	color: #000;
}
/*Strip the ul of padding and list styling*/
ul {
    list-style-type:none;
    margin:0;
    padding:0;
	/*position: absolute;*/
	position:relative;
	/*right:0px;*/
	/*top:164px;*/
	float:right;
	max-width:1280px;
}
/*Create a horizontal list with spacing*/
li {
    display:inline-block;
    float: left;
    /*margin-right: 1px;*/
}
/*Style for menu links*/
li a {
    display:block;
    /*min-width:125px;*/
	padding-left:10px;
	padding-right:10px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #000;
    /* background: #333;*/
    text-decoration: none;
	font-size: 18px;
	/*text-shadow: 1px 1px black;*/
}
/*Hover state for top level links*/
li:hover a {
    /*background: #000;*/
	/*color:#cadb2a;*/
	/*text-decoration:underline;*/
	background-color: #FAFAFA;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    text-decoration: none;
    color: #000;
    /*background: #333;*/
    text-align: center;
    /*padding: 10px 0;*/
    display: none;
    line-height: 50px;
	font-size: 18px;
	/*text-shadow: 1px 1px black;*/
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
/*Responsive Styles*/
@media screen and (max-width : 768px){
/*@media screen and (max-width : 950px){*/
	.show-menu {
		text-decoration: none;
		/*color: #fff;*/
		color:#000000;
		/*background: #333;*/
		text-align: center;
		/*padding: 10px 0;*/
		display: none;
		line-height: 75px;
		/*font-family: 'Rubik', sans-serif;*/
		position:relative;
		font-size: 18px;
		/*text-shadow: 1px 1px black;*/
		z-index:100000;
		padding-top:10px;
	}
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
		float:left;
		max-width: none;
		width:100%;
	}
	/*Create vertical spacing*/
	li {
		/*margin-bottom: 1px;*/
	}
	/*Make all menu links full width*/
	ul li{
		width: 100%;
	}
	li a {
		padding-left:10px;			
		text-align: left;
		/*background-color:#333333;*/
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}

/* ------------------------------- Slides ------------------------------- */
#slides_holder{
	position:relative;
	width:100%;
	height:auto;
	background-color:#FFFFFF;	
}

#slides{
	position:relative;
	max-width:1280px;
	height:500px;
	margin:0 auto;
}


/* ------------------------------- Main ------------------------------- */
#main_holder{
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	background-color:#FFFFFF;
}
#main{
	position:relative;
	max-width:1024px;
	margin:0 auto;
}

#main h1{
	font-size:24px;
	color:#97ca3d;
	padding-top:25px;
	padding-bottom:15px;
}

#main h2{	
	font-size: 18px;
	color:#97ca3d;
		padding-top:25px;
	padding-bottom:15px;

}

#main p{
	font-size: 16px;
	line-height:25px;
}

#main.row::after{
  content: "";
  clear: both;
  display: table;
}
#main [class*="col-"]{
  /*float: left;*/
  /*padding-left: 15px;
  padding-right:10px;*/
}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#main .col-xs-1 {width: 8.33%;}
	#main .col-xs-2 {width: 16.66%;}
	#main .col-xs-3 {width: 25%;}
	#main .col-xs-4 {width: 33.33%;}
	#main .col-xs-5 {width: 41.66%;}
	#main .col-xs-6 {width: 50%;}
	#main .col-xs-7 {width: 58.33%;}
	#main .col-xs-8 {width: 66.66%;}
	#main .col-xs-9 {width: 75%;}
	#main .col-xs-10 {width: 83.33%;}
	#main .col-xs-11 {width: 91.66%;}
	#main .col-xs-12 {width: 100%;}
	
	#main_holder{
		top:-350px;
	}
	
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#main .col-s-1 {width: 8.33%;}
	#main .col-s-2 {width: 16.66%;}
	#main .col-s-3 {width: 25%;}
	#main .col-s-4 {width: 33.33%;}
	#main .col-s-5 {width: 41.66%;}
	#main .col-s-6 {width: 50%;}
	#main .col-s-7 {width: 58.33%;}
	#main .col-s-8 {width: 66.66%;}
	#main .col-s-9 {width: 75%;}
	#main .col-s-10 {width: 83.33%;}
	#main .col-s-11 {width: 91.66%;}
	#main .col-s-12 {width: 100%;}
	
#main_holder{
	top:-300px;
}
	
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#main .col-m-1 {width: 8.33%;}
	#main .col-m-2 {width: 16.66%;}
	#main .col-m-3 {width: 25%;}
	#main .col-m-4 {width: 33.33%;}
	#main .col-m-5 {width: 41.66%;}
	#main .col-m-6 {width: 50%;}
	#main .col-m-7 {width: 58.33%;}
	#main .col-m-8 {width: 66.66%;}
	#main .col-m-9 {width: 75%;}
	#main .col-m-10 {width: 83.33%;}
	#main .col-m-11 {width: 91.66%;}
	#main .col-m-12 {width: 100%;}

#main_holder{
	top:-200px;
}

	

}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#main .col-l-1 {width: 8.33%;}
	#main .col-l-2 {width: 16.66%;}
	#main .col-l-3 {width: 25%;}
	#main .col-l-4 {width: 33.33%;}
	#main .col-l-5 {width: 41.66%;}
	#main .col-l-6 {width: 50%;}
	#main .col-l-7 {width: 58.33%;}
	#main .col-l-8 {width: 66.66%;}
	#main .col-l-9 {width: 75%;}
	#main .col-l-10 {width: 83.33%;}
	#main .col-l-11 {width: 91.66%;}
	#main .col-l-12 {width: 100%;}
	
#main_holder{
	top:-100px;
}

}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#main .col-xl-1 {width: 8.33%;}
	#main .col-xl-2 {width: 16.66%;}
	#main .col-xl-3 {width: 25%;}
	#main .col-xl-4 {width: 33.33%;}
	#main .col-xl-5 {width: 41.66%;}
	#main .col-xl-6 {width: 50%;}
	#main .col-xl-7 {width: 58.33%;}
	#main .col-xl-8 {width: 66.66%;}
	#main .col-xl-9 {width: 75%;}
	#main .col-xl-10 {width: 83.33%;}
	#main .col-xl-11 {width: 91.66%;}
	#main .col-xl-12 {width: 100%;}
#main_holder{
	top:0px;
}

	}


/* ------------------------------- Diensten Main  ------------------------------- */
#diensten_holder{
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	z-index:1;
	background-color:#FFFFFF;	
}
#diensten{
	position:relative;
	max-width:1074px;
	margin:0 auto;
	z-index:1;
	/*background-color:#999966;*/
}
#diensten.row::after{
	content: "";
	clear: both;
	display: table;
}
#diensten [class*="col-"]{
	float: left;
}
#diensten p{
	font-size:16px;
	line-height:30px;
	/*padding-bottom:100px;*/
	min-height:200px;
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
	padding-bottom:50px;
}
#diensten h1{
	font-size: 18px;
	color:#97ca3d;
	text-align:center;
	margin-left:25px;
	margin-right:25px;
}
#diensten img{
	padding-bottom:25px;
}
	
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#diensten .col-xs-1 {width: 8.33%;}
	#diensten .col-xs-2 {width: 16.66%;}
	#diensten .col-xs-3 {width: 25%;}
	#diensten .col-xs-4 {width: 33.33%;}
	#diensten .col-xs-5 {width: 41.66%;}
	#diensten .col-xs-6 {width: 50%;}
	#diensten .col-xs-7 {width: 58.33%;}
	#diensten .col-xs-8 {width: 66.66%;}
	#diensten .col-xs-9 {width: 75%;}
	#diensten .col-xs-10 {width: 83.33%;}
	#diensten .col-xs-11 {width: 91.66%;}
	#diensten .col-xs-12 {width: 100%;}
	#diensten_holder{
	top:-350px;
}

}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#diensten .col-s-1 {width: 8.33%;}
	#diensten .col-s-2 {width: 16.66%;}
	#diensten .col-s-3 {width: 25%;}
	#diensten .col-s-4 {width: 33.33%;}
	#diensten .col-s-5 {width: 41.66%;}
	#diensten .col-s-6 {width: 50%;}
	#diensten .col-s-7 {width: 58.33%;}
	#diensten .col-s-8 {width: 66.66%;}
	#diensten .col-s-9 {width: 75%;}
	#diensten .col-s-10 {width: 83.33%;}
	#diensten .col-s-11 {width: 91.66%;}
	#diensten .col-s-12 {width: 100%;}
		#diensten_holder{
	top:-300px;
}
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#diensten .col-m-1 {width: 8.33%;}
	#diensten .col-m-2 {width: 16.66%;}
	#diensten .col-m-3 {width: 25%;}
	#diensten .col-m-4 {width: 33.33%;}
	#diensten .col-m-5 {width: 41.66%;}
	#diensten .col-m-6 {width: 50%;}
	#diensten .col-m-7 {width: 58.33%;}
	#diensten .col-m-8 {width: 66.66%;}
	#diensten .col-m-9 {width: 75%;}
	#diensten .col-m-10 {width: 83.33%;}
	#diensten .col-m-11 {width: 91.66%;}
	#diensten .col-m-12 {width: 100%;}
		#diensten_holder{
	top:-200px;
}
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#diensten .col-l-1 {width: 8.33%;}
	#diensten .col-l-2 {width: 16.66%;}
	#diensten .col-l-3 {width: 25%;}
	#diensten .col-l-4 {width: 33.33%;}
	#diensten .col-l-5 {width: 41.66%;}
	#diensten .col-l-6 {width: 50%;}
	#diensten .col-l-7 {width: 58.33%;}
	#diensten .col-l-8 {width: 66.66%;}
	#diensten .col-l-9 {width: 75%;}
	#diensten .col-l-10 {width: 83.33%;}
	#diensten .col-l-11 {width: 91.66%;}
	#diensten .col-l-12 {width: 100%;}
		#diensten_holder{
	top:-100px;
}
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#diensten .col-xl-1 {width: 8.33%;}
	#diensten .col-xl-2 {width: 16.66%;}
	#diensten .col-xl-3 {width: 25%;}
	#diensten .col-xl-4 {width: 33.33%;}
	#diensten .col-xl-5 {width: 41.66%;}
	#diensten .col-xl-6 {width: 50%;}
	#diensten .col-xl-7 {width: 58.33%;}
	#diensten .col-xl-8 {width: 66.66%;}
	#diensten .col-xl-9 {width: 75%;}
	#diensten .col-xl-10 {width: 83.33%;}
	#diensten .col-xl-11 {width: 91.66%;}
	#diensten .col-xl-12 {width: 100%;}
	#diensten_holder{
	top:-0px;
}
}

/* ------------------------------- Footer  ------------------------------- */

#footer_holder{
	position:relative;
	width:100%;
	padding-top:100px;
	background-color: #333;
	z-index:1;
	padding-bottom:0px;
}
#footer{
	position:relative;
	max-width:1024px;
	margin:0 auto;
	color: #FFF;
	z-index:1;	
}
#footer.row::after{
	content: "";
	clear: both;
	display: table;
}
#footer [class*="col-"]{
	float: left;
}
#footer p{
	font-size: 16px;
	line-height:30px;
	padding-bottom:100px;
		padding-left:25px;
	padding-right:25px;

}
#footer h2{
	font-size: 18px;
	color:#97ca3d;
		padding-left:25px;
	padding-right:25px;

}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
	
	}
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#footer .col-xs-1 {width: 8.33%;}
	#footer .col-xs-2 {width: 16.66%;}
	#footer .col-xs-3 {width: 25%;}
	#footer .col-xs-4 {width: 33.33%;}
	#footer .col-xs-5 {width: 41.66%;}
	#footer .col-xs-6 {width: 50%;}
	#footer .col-xs-7 {width: 58.33%;}
	#footer .col-xs-8 {width: 66.66%;}
	#footer .col-xs-9 {width: 75%;}
	#footer .col-xs-10 {width: 83.33%;}
	#footer .col-xs-11 {width: 91.66%;}
	#footer .col-xs-12 {width: 100%;}
	#footer_holder{
	top:-350px;
}

}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#footer .col-s-1 {width: 8.33%;}
	#footer .col-s-2 {width: 16.66%;}
	#footer .col-s-3 {width: 25%;}
	#footer .col-s-4 {width: 33.33%;}
	#footer .col-s-5 {width: 41.66%;}
	#footer .col-s-6 {width: 50%;}
	#footer .col-s-7 {width: 58.33%;}
	#footer .col-s-8 {width: 66.66%;}
	#footer .col-s-9 {width: 75%;}
	#footer .col-s-10 {width: 83.33%;}
	#footer .col-s-11 {width: 91.66%;}
	#footer .col-s-12 {width: 100%;}
	#footer_holder{
	top:-300px;
}
	
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#footer .col-m-1 {width: 8.33%;}
	#footer .col-m-2 {width: 16.66%;}
	#footer .col-m-3 {width: 25%;}
	#footer .col-m-4 {width: 33.33%;}
	#footer .col-m-5 {width: 41.66%;}
	#footer .col-m-6 {width: 50%;}
	#footer .col-m-7 {width: 58.33%;}
	#footer .col-m-8 {width: 66.66%;}
	#footer .col-m-9 {width: 75%;}
	#footer .col-m-10 {width: 83.33%;}
	#footer .col-m-11 {width: 91.66%;}
	#footer .col-m-12 {width: 100%;}
	#footer_holder{
	top:-200px;
}
	
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#footer .col-l-1 {width: 8.33%;}
	#footer .col-l-2 {width: 16.66%;}
	#footer .col-l-3 {width: 25%;}
	#footer .col-l-4 {width: 33.33%;}
	#footer .col-l-5 {width: 41.66%;}
	#footer .col-l-6 {width: 50%;}
	#footer .col-l-7 {width: 58.33%;}
	#footer .col-l-8 {width: 66.66%;}
	#footer .col-l-9 {width: 75%;}
	#footer .col-l-10 {width: 83.33%;}
	#footer .col-l-11 {width: 91.66%;}
	#footer .col-l-12 {width: 100%;}
	#footer_holder{
	top:-100px;
}
	
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#footer .col-xl-1 {width: 8.33%;}
	#footer .col-xl-2 {width: 16.66%;}
	#footer .col-xl-3 {width: 25%;}
	#footer .col-xl-4 {width: 33.33%;}
	#footer .col-xl-5 {width: 41.66%;}
	#footer .col-xl-6 {width: 50%;}
	#footer .col-xl-7 {width: 58.33%;}
	#footer .col-xl-8 {width: 66.66%;}
	#footer .col-xl-9 {width: 75%;}
	#footer .col-xl-10 {width: 83.33%;}
	#footer .col-xl-11 {width: 91.66%;}
	#footer .col-xl-12 {width: 100%;}
	#footer_holder{
	top:-0px;
}
	
}

/* ------------------------------- Sub Footer  ------------------------------- */

#sub_footer_holder{
	width:100%;
	background-color: #000;
	position:relative;
	
}
#sub_footer{
	margin:0 auto;
	max-width:1200px;
	color:#FFF;
	font-size: 12px;
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
}

#sub_footer a{
	text-decoration:none;
	color:#FFF;
}
#sub_footer a:hover{
	text-decoration:underline;
}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#sub_footer_holder{
	top:-350px;
}

}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#sub_footer_holder{
	top:-300px;
}
	
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#sub_footer_holder{
	top:-200px;
}
	
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#sub_footer_holder{
	top:-100px;
}


	
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#sub_footer_holder{
	top:-0px;
}
	
}
/* ------------------------------- Projecten Main  ------------------------------- */
#projecten_holder{
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	z-index:1;
		background-color:#FFFFFF;
}
#projecten{
	position:relative;
	max-width:1024px;
	margin:0 auto;
	z-index:1;
	/*background-color:#999966;*/
}
#projecten.row::after{
	content: "";
	clear: both;
	display: table;
}
#projecten [class*="col-"]{
	float: left;
}
#projecten p{
	font-size:16px;
	line-height:30px;
	/*padding-bottom:100px;*/
	min-height:300px;
	padding-left:25px;
	padding-right:25px;
	padding-top:0px;
	padding-bottom:50px;
}
#projecten h1{
	font-size: 18px;
	color:#97ca3d;
		margin-left:25px;
	margin-right:25px;
	padding-bottom:0px;
	margin-bottom:0px;
}

#projecten img{
	padding-bottom:25px;
}
	
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#projecten .col-xs-1 {width: 8.33%;}
	#projecten .col-xs-2 {width: 16.66%;}
	#projecten .col-xs-3 {width: 25%;}
	#projecten .col-xs-4 {width: 33.33%;}
	#projecten .col-xs-5 {width: 41.66%;}
	#projecten .col-xs-6 {width: 50%;}
	#projecten .col-xs-7 {width: 58.33%;}
	#projecten .col-xs-8 {width: 66.66%;}
	#projecten .col-xs-9 {width: 75%;}
	#projecten .col-xs-10 {width: 83.33%;}
	#projecten .col-xs-11 {width: 91.66%;}
	#projecten .col-xs-12 {width: 100%;}
	
			#projecten_holder{
		top:-350px;
	}

}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#projecten .col-s-1 {width: 8.33%;}
	#projecten .col-s-2 {width: 16.66%;}
	#projecten .col-s-3 {width: 25%;}
	#projecten .col-s-4 {width: 33.33%;}
	#projecten .col-s-5 {width: 41.66%;}
	#projecten .col-s-6 {width: 50%;}
	#projecten .col-s-7 {width: 58.33%;}
	#projecten .col-s-8 {width: 66.66%;}
	#projecten .col-s-9 {width: 75%;}
	#projecten .col-s-10 {width: 83.33%;}
	#projecten .col-s-11 {width: 91.66%;}
	#projecten .col-s-12 {width: 100%;}
			#projecten_holder{
		top:-300px;
	}
	
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#projecten .col-m-1 {width: 8.33%;}
	#projecten .col-m-2 {width: 16.66%;}
	#projecten .col-m-3 {width: 25%;}
	#projecten .col-m-4 {width: 33.33%;}
	#projecten .col-m-5 {width: 41.66%;}
	#projecten .col-m-6 {width: 50%;}
	#projecten .col-m-7 {width: 58.33%;}
	#projecten .col-m-8 {width: 66.66%;}
	#projecten .col-m-9 {width: 75%;}
	#projecten .col-m-10 {width: 83.33%;}
	#projecten .col-m-11 {width: 91.66%;}
	#projecten .col-m-12 {width: 100%;}
			#projecten_holder{
		top:-200px;
	}
	
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#projecten .col-l-1 {width: 8.33%;}
	#projecten .col-l-2 {width: 16.66%;}
	#projecten .col-l-3 {width: 25%;}
	#projecten .col-l-4 {width: 33.33%;}
	#projecten .col-l-5 {width: 41.66%;}
	#projecten .col-l-6 {width: 50%;}
	#projecten .col-l-7 {width: 58.33%;}
	#projecten .col-l-8 {width: 66.66%;}
	#projecten .col-l-9 {width: 75%;}
	#projecten .col-l-10 {width: 83.33%;}
	#projecten .col-l-11 {width: 91.66%;}
	#projecten .col-l-12 {width: 100%;}
			#projecten_holder{
		top:-100px;
	}
	
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#projecten .col-xl-1 {width: 8.33%;}
	#projecten .col-xl-2 {width: 16.66%;}
	#projecten .col-xl-3 {width: 25%;}
	#projecten .col-xl-4 {width: 33.33%;}
	#projecten .col-xl-5 {width: 41.66%;}
	#projecten .col-xl-6 {width: 50%;}
	#projecten .col-xl-7 {width: 58.33%;}
	#projecten .col-xl-8 {width: 66.66%;}
	#projecten .col-xl-9 {width: 75%;}
	#projecten .col-xl-10 {width: 83.33%;}
	#projecten .col-xl-11 {width: 91.66%;}
	#projecten .col-xl-12 {width: 100%;}
			#projecten_holder{
		top:-0px;
	}

}

/* ------------------------------- Main ------------------------------- */
#intro_holder{
	position:relative;
	width:100%;
	padding-top:50px;
	background-color:#FFFFFF;	
}
#intro{
	position:relative;
	max-width:1024px;
	margin:0 auto;
}

#intro h1{
	font-size:24px;
	color:#97ca3d;
	padding-top:25px;
	padding-bottom:15px;
}

#intro h2{	
	font-size: 18px;
	color:#97ca3d;
		padding-top:25px;
	padding-bottom:15px;

}

#intro p{
	font-size: 16px;
	line-height:25px;
}
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#intro_holder{
	top:-350px;
}

}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#intro_holder{
	top:-300px;
}
	
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#intro_holder{
	top:-200px;
}
	
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#intro_holder{
	top:-100px;
}


	
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#intro_holder{
	top:-0px;
}
	
}
/* ------------------------------- Nieuws Main  ------------------------------- */
#nieuws_holder{
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	z-index:1;
		background-color:#FFFFFF;
}
#nieuws{
	position:relative;
	max-width:1330px;
	margin:0 auto;
	z-index:1;
	/*background-color:#999966;*/
}
#nieuws.row::after{
	content: "";
	clear: both;
	display: table;
}
#nieuws [class*="col-"]{
	float: left;
}
#nieuws p{
	font-size:16px;
	line-height:30px;
	/*padding-bottom:100px;*/
	min-height:300px;
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
	padding-bottom:50px;
	/*background-color:#00FF33;*/
}
#nieuws h1{
	font-size:24px;
	color:#97ca3d;
		margin-left:25px;
	margin-right:25px;
}
#nieuws img{
	padding-bottom:25px;
}
	
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#nieuws .col-xs-1 {width: 8.33%;}
	#nieuws .col-xs-2 {width: 16.66%;}
	#nieuws .col-xs-3 {width: 25%;}
	#nieuws .col-xs-4 {width: 33.33%;}
	#nieuws .col-xs-5 {width: 41.66%;}
	#nieuws .col-xs-6 {width: 50%;}
	#nieuws .col-xs-7 {width: 58.33%;}
	#nieuws .col-xs-8 {width: 66.66%;}
	#nieuws .col-xs-9 {width: 75%;}
	#nieuws .col-xs-10 {width: 83.33%;}
	#nieuws .col-xs-11 {width: 91.66%;}
	#nieuws .col-xs-12 {width: 100%;}
	#nieuws_holder{
		top:-350px;
	}

}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#nieuws .col-s-1 {width: 8.33%;}
	#nieuws .col-s-2 {width: 16.66%;}
	#nieuws .col-s-3 {width: 25%;}
	#nieuws .col-s-4 {width: 33.33%;}
	#nieuws .col-s-5 {width: 41.66%;}
	#nieuws .col-s-6 {width: 50%;}
	#nieuws .col-s-7 {width: 58.33%;}
	#nieuws .col-s-8 {width: 66.66%;}
	#nieuws .col-s-9 {width: 75%;}
	#nieuws .col-s-10 {width: 83.33%;}
	#nieuws .col-s-11 {width: 91.66%;}
	#nieuws .col-s-12 {width: 100%;}
	#nieuws_holder{
		top:-300px;
	}

}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#nieuws .col-m-1 {width: 8.33%;}
	#nieuws .col-m-2 {width: 16.66%;}
	#nieuws .col-m-3 {width: 25%;}
	#nieuws .col-m-4 {width: 33.33%;}
	#nieuws .col-m-5 {width: 41.66%;}
	#nieuws .col-m-6 {width: 50%;}
	#nieuws .col-m-7 {width: 58.33%;}
	#nieuws .col-m-8 {width: 66.66%;}
	#nieuws .col-m-9 {width: 75%;}
	#nieuws .col-m-10 {width: 83.33%;}
	#nieuws .col-m-11 {width: 91.66%;}
	#nieuws .col-m-12 {width: 100%;}
	#nieuws_holder{
		top:-200px;
	}

}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#nieuws .col-l-1 {width: 8.33%;}
	#nieuws .col-l-2 {width: 16.66%;}
	#nieuws .col-l-3 {width: 25%;}
	#nieuws .col-l-4 {width: 33.33%;}
	#nieuws .col-l-5 {width: 41.66%;}
	#nieuws .col-l-6 {width: 50%;}
	#nieuws .col-l-7 {width: 58.33%;}
	#nieuws .col-l-8 {width: 66.66%;}
	#nieuws .col-l-9 {width: 75%;}
	#nieuws .col-l-10 {width: 83.33%;}
	#nieuws .col-l-11 {width: 91.66%;}
	#nieuws .col-l-12 {width: 100%;}
	#nieuws_holder{
		top:-100px;
	}

}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#nieuws .col-xl-1 {width: 8.33%;}
	#nieuws .col-xl-2 {width: 16.66%;}
	#nieuws .col-xl-3 {width: 25%;}
	#nieuws .col-xl-4 {width: 33.33%;}
	#nieuws .col-xl-5 {width: 41.66%;}
	#nieuws .col-xl-6 {width: 50%;}
	#nieuws .col-xl-7 {width: 58.33%;}
	#nieuws .col-xl-8 {width: 66.66%;}
	#nieuws .col-xl-9 {width: 75%;}
	#nieuws .col-xl-10 {width: 83.33%;}
	#nieuws .col-xl-11 {width: 91.66%;}
	#nieuws .col-xl-12 {width: 100%;}
	#nieuws_holder{
		top:-0px;
	}

}

/* ------------------------------- Contact Main  ------------------------------- */
#contact_holder{
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	z-index:1;
	background-color:#FFFFFF;	
}
#contact{
	position:relative;
	max-width:1280px;
	margin:0 auto;
	z-index:1;
	/*background-color:#999966;*/
}
#contact.row::after{
	content: "";
	clear: both;
	display: table;
}
#contact [class*="col-"]{
	float: left;
}
#contact p{
	font-size:16px;
	line-height:30px;
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
}
#contact h1{
	font-size: 18px;
	color:#97ca3d;
	margin-left:25px;
	margin-right:25px;
}
#contact img{
	padding-bottom:25px;
}
	
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#contact .col-xs-1 {width: 8.33%;}
	#contact .col-xs-2 {width: 16.66%;}
	#contact .col-xs-3 {width: 25%;}
	#contact .col-xs-4 {width: 33.33%;}
	#contact .col-xs-5 {width: 41.66%;}
	#contact .col-xs-6 {width: 50%;}
	#contact .col-xs-7 {width: 58.33%;}
	#contact .col-xs-8 {width: 66.66%;}
	#contact .col-xs-9 {width: 75%;}
	#contact .col-xs-10 {width: 83.33%;}
	#contact .col-xs-11 {width: 91.66%;}
	#contact .col-xs-12 {width: 100%;}
		#contact_holder{
		top:-350px;
	}

}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#contact .col-s-1 {width: 8.33%;}
	#contact .col-s-2 {width: 16.66%;}
	#contact .col-s-3 {width: 25%;}
	#contact .col-s-4 {width: 33.33%;}
	#contact .col-s-5 {width: 41.66%;}
	#contact .col-s-6 {width: 50%;}
	#contact .col-s-7 {width: 58.33%;}
	#contact .col-s-8 {width: 66.66%;}
	#contact .col-s-9 {width: 75%;}
	#contact .col-s-10 {width: 83.33%;}
	#contact .col-s-11 {width: 91.66%;}
	#contact .col-s-12 {width: 100%;}
		#contact_holder{
		top:-300px;
	}

}

/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#contact .col-m-1 {width: 8.33%;}
	#contact .col-m-2 {width: 16.66%;}
	#contact .col-m-3 {width: 25%;}
	#contact .col-m-4 {width: 33.33%;}
	#contact .col-m-5 {width: 41.66%;}
	#contact .col-m-6 {width: 50%;}
	#contact .col-m-7 {width: 58.33%;}
	#contact .col-m-8 {width: 66.66%;}
	#contact .col-m-9 {width: 75%;}
	#contact .col-m-10 {width: 83.33%;}
	#contact .col-m-11 {width: 91.66%;}
	#contact .col-m-12 {width: 100%;}
	
		#contact_holder{
		top:-200px;
	}
	
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#contact .col-l-1 {width: 8.33%;}
	#contact .col-l-2 {width: 16.66%;}
	#contact .col-l-3 {width: 25%;}
	#contact .col-l-4 {width: 33.33%;}
	#contact .col-l-5 {width: 41.66%;}
	#contact .col-l-6 {width: 50%;}
	#contact .col-l-7 {width: 58.33%;}
	#contact .col-l-8 {width: 66.66%;}
	#contact .col-l-9 {width: 75%;}
	#contact .col-l-10 {width: 83.33%;}
	#contact .col-l-11 {width: 91.66%;}
	#contact .col-l-12 {width: 100%;}
		#contact_holder{
		top:-100px;
	}
	
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#contact .col-xl-1 {width: 8.33%;}
	#contact .col-xl-2 {width: 16.66%;}
	#contact .col-xl-3 {width: 25%;}
	#contact .col-xl-4 {width: 33.33%;}
	#contact .col-xl-5 {width: 41.66%;}
	#contact .col-xl-6 {width: 50%;}
	#contact .col-xl-7 {width: 58.33%;}
	#contact .col-xl-8 {width: 66.66%;
	
	}
	#contact .col-xl-9 {width: 75%;}
	#contact .col-xl-10 {width: 83.33%;}
	#contact .col-xl-11 {width: 91.66%;}
	#contact .col-xl-12 {width: 100%;}
		#contact_holder{
		top:-0px;
	}
}

	#contact_container{
		position:relative;
		padding:25px;
	}
		
	#contact input{
		min-width:96%;
		padding:15px;
		margin-bottom:15px;
	}
	#contact textarea{
		padding:15px;
		margin-bottom:15px;
		min-width:96%;
	}

	
#contact .button {
	padding:10px;
	margin-top:15px;
}


.anker{
	    display:block;
    padding-top:50px;
    margin-top:-50px;
}



/* ------------------------------- Login Main  ------------------------------- */
#login_holder{
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	z-index:1;
	background-color:#FFFFFF;	
}
#login{
	position:relative;
	max-width:250px;
	margin:0 auto;
	z-index:1;
}
#login p{
	font-size:16px;
	padding-right:25px;
	padding-top:25px;
}
#login h1{
	font-size: 18px;
	color:#97ca3d;
	margin-right:25px;
}
#login input{
	min-width:96%;
	padding:15px;
}

	
/* ------------------------------- CMS Main  ------------------------------- */
#cms_holder{
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	z-index:1;
		background-color:#FFFFFF;
}
#cms{
	position:relative;
	max-width:1024px;
	margin:0 auto;
	z-index:1;
}
#cms.row::after{
	content: "";
	clear: both;
	display: table;
}
#cms [class*="col-"]{
	float: left;
}
#cms p{
	font-size:16px;
	line-height:30px;
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
}
#cms h1{
	font-size: 18px;
	color:#97ca3d;
}
#cms img{
	padding-bottom:25px;
}
	
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#cms .col-xs-1 {width: 8.33%;}
	#cms .col-xs-2 {width: 16.66%;}
	#cms .col-xs-3 {width: 25%;}
	#cms .col-xs-4 {width: 33.33%;}
	#cms .col-xs-5 {width: 41.66%;}
	#cms .col-xs-6 {width: 50%;}
	#cms .col-xs-7 {width: 58.33%;}
	#cms .col-xs-8 {width: 66.66%;}
	#cms .col-xs-9 {width: 75%;}
	#cms .col-xs-10 {width: 83.33%;}
	#cms .col-xs-11 {width: 91.66%;}
	#cms .col-xs-12 {width: 100%;}
	#cms_holder{
		top:-350px;
	}
	
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#cms .col-s-1 {width: 8.33%;}
	#cms .col-s-2 {width: 16.66%;}
	#cms .col-s-3 {width: 25%;}
	#cms .col-s-4 {width: 33.33%;}
	#cms .col-s-5 {width: 41.66%;}
	#cms .col-s-6 {width: 50%;}
	#cms .col-s-7 {width: 58.33%;}
	#cms .col-s-8 {width: 66.66%;}
	#cms .col-s-9 {width: 75%;}
	#cms .col-s-10 {width: 83.33%;}
	#cms .col-s-11 {width: 91.66%;}
	#cms .col-s-12 {width: 100%;}
	#cms_holder{
		top:-300px;
	}

}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#cms .col-m-1 {width: 8.33%;}
	#cms .col-m-2 {width: 16.66%;}
	#cms .col-m-3 {width: 25%;}
	#cms .col-m-4 {width: 33.33%;}
	#cms .col-m-5 {width: 41.66%;}
	#cms .col-m-6 {width: 50%;}
	#cms .col-m-7 {width: 58.33%;}
	#cms .col-m-8 {width: 66.66%;}
	#cms .col-m-9 {width: 75%;}
	#cms .col-m-10 {width: 83.33%;}
	#cms .col-m-11 {width: 91.66%;}
	#cms .col-m-12 {width: 100%;}
	#cms_holder{
		top:-200px;
	}

}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#cms .col-l-1 {width: 8.33%;}
	#cms .col-l-2 {width: 16.66%;}
	#cms .col-l-3 {width: 25%;}
	#cms .col-l-4 {width: 33.33%;}
	#cms .col-l-5 {width: 41.66%;}
	#cms .col-l-6 {width: 50%;}
	#cms .col-l-7 {width: 58.33%;}
	#cms .col-l-8 {width: 66.66%;}
	#cms .col-l-9 {width: 75%;}
	#cms .col-l-10 {width: 83.33%;}
	#cms .col-l-11 {width: 91.66%;}
	#cms .col-l-12 {width: 100%;}
	#cms_holder{
		top:-100px;
	}

}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#cms .col-xl-1 {width: 8.33%;}
	#cms .col-xl-2 {width: 16.66%;}
	#cms .col-xl-3 {width: 25%;}
	#cms .col-xl-4 {width: 33.33%;}
	#cms .col-xl-5 {width: 41.66%;}
	#cms .col-xl-6 {width: 50%;}
	#cms .col-xl-7 {width: 58.33%;}
	#cms .col-xl-8 {width: 66.66%;
	
	}
	#cms .col-xl-9 {width: 75%;}
	#cms .col-xl-10 {width: 83.33%;}
	#cms .col-xl-11 {width: 91.66%;}
	#cms .col-xl-12 {width: 100%;}
	#cms_holder{
		top:-0px;
	}
}

	#cms_container{
		position:relative;
		padding:25px;
	}
		
	#cms input{
		min-width:96%;
		padding:15px;
		margin-bottom:15px;
	}
	#cms textarea{
		padding:15px;
		margin-bottom:15px;
		min-width:96%;
	}

	
#cms .button {
	padding:10px;
	margin-top:15px;
}


/* ------------------------------- Nieuws artikel Main  ------------------------------- */
#nieuwsart_holder{
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	z-index:1;
		background-color:#FFFFFF;
}
#nieuwsart{
	position:relative;
	max-width:795px;
	margin:0 auto;
	z-index:1;
}
#nieuwsart.row::after{
	content: "";
	clear: both;
	display: table;
}
#nieuwsart [class*="col-"]{
	float: left;
}
#nieuwsart p{
	font-size:16px;
	line-height:30px;
	/*padding-bottom:100px;*/
	min-height:200px;
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
	padding-bottom:50px;
}
#nieuwsart h1{
	font-size:24px;
	color:#97ca3d;
}

#nieuwsart h2{
	font-size:18px;
	color:#97ca3d;
}
#nieuwsart img{
	padding-bottom:25px;
}
	
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#nieuwsart .col-xs-1 {width: 8.33%;}
	#nieuwsart .col-xs-2 {width: 16.66%;}
	#nieuwsart .col-xs-3 {width: 25%;}
	#nieuwsart .col-xs-4 {width: 33.33%;}
	#nieuwsart .col-xs-5 {width: 41.66%;}
	#nieuwsart .col-xs-6 {width: 50%;}
	#nieuwsart .col-xs-7 {width: 58.33%;}
	#nieuwsart .col-xs-8 {width: 66.66%;}
	#nieuwsart .col-xs-9 {width: 75%;}
	#nieuwsart .col-xs-10 {width: 83.33%;}
	#nieuwsart .col-xs-11 {width: 91.66%;}
	#nieuwsart .col-xs-12 {width: 100%;}
	#nieuwsart_holder{
		top:-350px;
	}
	
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#nieuwsart .col-s-1 {width: 8.33%;}
	#nieuwsart .col-s-2 {width: 16.66%;}
	#nieuwsart .col-s-3 {width: 25%;}
	#nieuwsart .col-s-4 {width: 33.33%;}
	#nieuwsart .col-s-5 {width: 41.66%;}
	#nieuwsart .col-s-6 {width: 50%;}
	#nieuwsart .col-s-7 {width: 58.33%;}
	#nieuwsart .col-s-8 {width: 66.66%;}
	#nieuwsart .col-s-9 {width: 75%;}
	#nieuwsart .col-s-10 {width: 83.33%;}
	#nieuwsart .col-s-11 {width: 91.66%;}
	#nieuwsart .col-s-12 {width: 100%;}
	#nieuwsart_holder{
		top:-300px;
	}

}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#nieuwsart .col-m-1 {width: 8.33%;}
	#nieuwsart .col-m-2 {width: 16.66%;}
	#nieuwsart .col-m-3 {width: 25%;}
	#nieuwsart .col-m-4 {width: 33.33%;}
	#nieuwsart .col-m-5 {width: 41.66%;}
	#nieuwsart .col-m-6 {width: 50%;}
	#nieuwsart .col-m-7 {width: 58.33%;}
	#nieuwsart .col-m-8 {width: 66.66%;}
	#nieuwsart .col-m-9 {width: 75%;}
	#nieuwsart .col-m-10 {width: 83.33%;}
	#nieuwsart .col-m-11 {width: 91.66%;}
	#nieuwsart .col-m-12 {width: 100%;}
	#nieuwsart_holder{
		top:-200px;
	}

}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#nieuwsart .col-l-1 {width: 8.33%;}
	#nieuwsart .col-l-2 {width: 16.66%;}
	#nieuwsart .col-l-3 {width: 25%;}
	#nieuwsart .col-l-4 {width: 33.33%;}
	#nieuwsart .col-l-5 {width: 41.66%;}
	#nieuwsart .col-l-6 {width: 50%;}
	#nieuwsart .col-l-7 {width: 58.33%;}
	#nieuwsart .col-l-8 {width: 66.66%;}
	#nieuwsart .col-l-9 {width: 75%;}
	#nieuwsart .col-l-10 {width: 83.33%;}
	#nieuwsart .col-l-11 {width: 91.66%;}
	#nieuwsart .col-l-12 {width: 100%;}
	#nieuwsart_holder{
		top:-100px;
	}

}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#nieuwsart .col-xl-1 {width: 8.33%;}
	#nieuwsart .col-xl-2 {width: 16.66%;}
	#nieuwsart .col-xl-3 {width: 25%;}
	#nieuwsart .col-xl-4 {width: 33.33%;}
	#nieuwsart .col-xl-5 {width: 41.66%;}
	#nieuwsart .col-xl-6 {width: 50%;}
	#nieuwsart .col-xl-7 {width: 58.33%;}
	#nieuwsart .col-xl-8 {width: 66.66%;}
	#nieuwsart .col-xl-9 {width: 75%;}
	#nieuwsart .col-xl-10 {width: 83.33%;}
	#nieuwsart .col-xl-11 {width: 91.66%;}
	#nieuwsart .col-xl-12 {width: 100%;}
	#nieuwsart_holder{
		top:-0px;
	}

}