/* ----------------------------------------------- START NORMALISEREN --------------------------------------------------------------- */
/* Normaliseren margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin : 0;
padding : 0;
}

/* Normaliseren font-size voor headers */
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}

/* Verwijderen list-style van lijsten */
ol, ul {
list-style : none;
}

/* font-style en font-weight op normaliseren */
address, caption, cite, code, dfn, em, strong, th, var {
font-style : normal;
font-weight : normal;
}

table {
border-collapse : collapse;
border-spacing: 0;
}

/* verwijderen randen van fieldset en img */
fieldset, img {
border : 0;
}

/* links aligneren caption en th */
caption, th {
text-align: left;
}

/* verwijderen van aanhalingstekens in q */
q:before, q:after {
content : '';
}

a
{
  outline: none;
}

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/* ----------------------------------------------- EINDE NORMALISEREN --------------------------------------------------------------- */

html{
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	color:#61706C;
}	

	.containerlogo em img{
		width:170px;
		position:absolute;
		top:0;
	}

	#logo{
		display:none;
	}

	.topnav{
		display:none;
	}

	.js #menu {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}

	.js .slicknav_menu {
		display:none;
	}
header{

}

.fullw{
	clear:both;
	overflow:hidden;
	width:100%;
	position:relative;
}

.fullw2{
	clear:both;
	overflow:hidden;
	width:100%;
	position:relative;
}

.green{
	background-color: #6DB744;
}

.txtgrn{
	color: #6DB744;
}

.grey{
	background-color: #F1F1F1;
}
.dark{
	background-color: #61706C;
}
	.green h1{
		text-align: center;
		color:#fff;
		padding:10px;
		font-size:1.4em;
		font-weight: 300;
	}

.contentcontainer, main{
	margin:0 auto;
	width:100%;
	max-width:1160px;
}

	main{
		margin-top:20px;
		margin-bottom:20px;
		overflow: hidden;
		padding:0 10px;
		display:block;
	}

	main .blok{
		background-color: #F7F7F7;
		padding:10px;
		text-align: center;
		margin:0;
		width:100%;
	}

		main .blok h2{
			color:#6DB744;
			font-size:1.5em;
			font-weight: 300;
			margin-bottom:10px;
		}

		main .blok p{
			line-height: 23px;
		}

		main .mini{
			background-color: transparent;
			color:#6DB744;
			width:100%;
			margin:0;
			font-size:2.5em;
			line-height:30px;
		}

	main .blokmain{
		clear:both;
		background-color: #E4EFDE;
		text-align: center;
		margin:20px auto 0 auto;
		width:100%;
		overflow:hidden;
		width:100%;
		max-width:640px;
		padding:10px;
	}

	main .blokmain h2{
			color:#61706C;
			font-size:1.5em;
			font-weight: 300;
			margin-bottom:10px;
	}

		main .blokmain h2 em{
			color:#6DB744;
		}

		main .blokmain p{
			line-height: 23px;
		}

		main .imgcontainer{
			width:100%;
			max-width:640px;
			margin:0 auto
		}

		main img.hpimg{
			width:100%;
		}

		.nieuws{
			margin-top:30px;
			text-align:center;
		}
		
		.nieuws h3{
			font-size:1.5em;
			font-weight: 500;
			margin-bottom:10px;
			color:#ce0000;
		}

		.nieuws p{
			margin-bottom:10px;
		}

		.nieuws p.mbot{
			margin-bottom:30px;
		}

		.nieuws img{
			border:1px solid #ccc;
		}

		.nieuws a.acta{
			background-color:#6DB744;
			text-decoration: none;
			color:#fff;
			padding:10px 20px;
		}

		.nieuws a.acta:hover{
			background-color:#365f1f;
		}

.contentcontainer .kol6, .contentcontainer .kol12{
	display:block;
	padding:10px;
}

	.contentcontainer .kol6 h3, .contentcontainer .kol12 h3{
		color:#6DB744;
		font-weight: 300;
		text-transform: uppercase;
		font-size: 1.5em;
		margin-bottom:8px;
	}

	.contentcontainer .kol6 a, .contentcontainer .kol12 a{
		line-height: 23px;
		color:#61706C;
		text-decoration: none;
	}

			.contentcontainer .kol6 a:hover, .contentcontainer .kol12 a:hover{
				color:#55853A;
			}

	.contentcontainer .quo a, .contentcontainer .quo2 a{
		font-size:1.4em;
		color:#6DB744;
		font-weight: 300;
		font-style: italic;
		text-decoration: none;
		line-height: 28px;
	}

			.contentcontainer .quo a:hover, .contentcontainer .quo2 a:hover{
				color:#55853A;
			}

.kol8{
	padding:10px;
	text-align:left;
}

	.kol8 h2{
		color:#61706C;
		font-size: 1.5em;
		font-weight: 300;
		margin-bottom:10px;
	}

	.kol8 h2 em{
		color:#6DB744;
		font-weight: 300;
	}

.kol4{
	padding:10px;
	overflow:hidden;
	margin-top:20px;
}

.kol4 h1{
    color: #6DB744;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.5em;
    margin-bottom: 8px;	
}

	.kol4 li{
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:1px solid #ccc;
	}

	.kol4 li a{
		color:#61706C;
		text-decoration: none;
	}
	
		.kol4 li a:hover{
			color:#6DB744;
			text-decoration: none;
		}

	.blgpic{
		width:100%;
	}

.kol4b{
	overflow:hidden;
	margin-top:20px;
	padding:10px;
}



	.kol4b h2{
		color:#6DB744;
		font-size: 1.5em;
		font-weight: 300;
		margin-bottom:10px;
	}

	.kol4b h2 em{
		color:#61706C;
		font-weight: 300;
	}

	.kol4b h2.nmob{
		display:none;
	}

	.kol4b p{
		line-height: 23px;
	}

	.kol4b li{
		line-height: 25px;
	}

	.kol4b ul em{
		font-size:0.8em;
		display:block;
	}

	.kol4b ul.subl{
		margin-left:15px;
	}

	.kol4b img{
		width:100%;
	}

	.kol4b h2.adres{
			color:#61706C;
			font-size:1.5em;
			font-weight: 300;
			margin-bottom:10px;
	}

		.kol4b h2.adres em{
				color:#6DB744;
		}

		.kol4b a{
			color:#61706C;
			text-decoration: none;
		}

.kol6b{
	overflow:hidden;
	margin-top:0;
	padding:0 10px;
}
	.kol6b:first-child{
		overflow:hidden;
		margin-top:0;
		padding-top:10px;
	}

	.kol6b h2{
		color:#61706C;
		font-size: 1.5em;
		font-weight: 300;
		margin-bottom:10px;
	}

	.kol6b h3, .kol4b h3{
		color:#6DB744;
		font-size: 1em;
		font-weight: 400;
		margin-bottom:8px;
	}

	.kol6b p{
		line-height: 23px;
		margin-bottom:10px;
	}

	.kol6b ul{
		list-style-type: disc;
		padding-left:20px;
	}

	.kol6b li{
		line-height: 23px;
		margin-bottom:8px;
	}

	.kol6b blockquote{
		background-color:#6DB744;
		color:#fff;
		padding:10px;
		line-height: 23px;
		margin-bottom:10px;
	}

	.kol6b blockquote.big{
		font-size: 1.5em;
		font-weight: 300;
		padding:20px;
	}


main article h1{
	color:#6DB744;
	font-size:1.5em;
	font-weight: 400;
	margin-bottom:16px;
}

main article h2{
	color:#6DB744;
	font-size:1.5em;
	font-weight: 300;
	margin-bottom:16px;
}

main article h3{
	color:#61706C;
	font-size:1.3em;
	font-weight: 400;
	margin-bottom:12px;
}

main article h4{
	color:#61706C;
	font-size:1.2em;
	font-weight: 400;
	margin-bottom:12px;
}

main article p{
	line-height: 23px;
	margin-bottom:10px;
}

main article p:last-child{
	margin-bottom:20px;
}

main article ul{
		margin-bottom:15px;
}

	main article li{
		padding-left:20px;
		margin-bottom:10px;
		color:#999;
	}

	main article li:last-child{
		margin-bottom:0;
	}

main article blockquote{
	background-color:#6DB744;
	color:#fff;
	padding:10px;
	font-style: italic;
	margin-bottom:20px;
}

main article blockquote p, main article blockquote p:last-child{
	margin-bottom:0;
}

main a.cta{
	background-color: #B75544;
	color:#fff;
	padding:10px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

main a.cta:hover{
	background-color: #7F1F0E;
}

footer{
	margin:0 auto;
	width:100%;
	max-width:1160px;
	padding:10px;
	color:#fff;
	text-align:center;
}
	footer a{
		color:#fff;
		text-decoration: none;
	}

	footer em{
		display:block;
		text-align:center;
		margin-top:10px;
	}

strong{
	font-weight: 700;
}

.mtop20{
	margin-top:20px;
}

.js-video {
  height: 100%;
  padding-bottom: 50%;
  position: relative;
  overflow: hidden;
  clear:both;
  margin-bottom:30px;
}
 
 .js-video:last-child{
  margin-bottom:0;
}

.js-video.widescreen {
  padding-bottom: 50%;
}
 
.js-video.vimeo {
  padding-top: 0;
}		
.js-video iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
/*------------------------------------------*/
@media(min-width:580px){

	main{
		margin-bottom:40px;
	}

	main .topblocks{
		overflow:hidden;
		margin-bottom:40px;
	}

	main .blok{
		background-color: #F7F7F7;
		padding:20px 10px;
		text-align: center;
		float:left;
		margin:0 5.17241379%;
		width:37.9310344%;
		max-width:440px;
	}

		main .blok h2{
			color:#6DB744;
			font-size:1.5em;
			font-weight: 300
		}

		main .mini{
			background-color: transparent;
			color:#6DB744;
			width:3.44827586%;
			max-width: 40px;
			margin:0;
			margin-top:35px;
			font-size:3em;
			line-height:70px;
			padding:0;
		}
	
	main .blokmain{
		padding:20px 10px;
	}

.fullw2{
	padding:20px 0;
}

.contentcontainer .quo a, .contentcontainer .quo2 a{
	font-size:1.9375em;
	line-height: 36px;
}

	.blgpic{
		width:100%;
		max-width:360px;
		float:left;
		margin-right:1.72413793%;
	}

footer{
	padding:0;
}

}
/*-------------------------------------------*/
@media(min-width:880px){

	.js #menu {
		display:none;
	}

	.slicknav_menu {
		display:none;
	}

	.containerlogo em{
		display:none;
	}

	.container, .containerlogo{
		width:100%;
		max-width:1160px;
		margin:0 auto;
		padding:0;
		overflow: hidden;
	}

		.containerlogo{
			z-index: 10;
			margin-top:10px;
		}

		#logo{
			display:block;
		}

			#logo img{
				width:100%;
				max-width:201px;
				position:absolute;
			}

				ul.mainnav{
					position:absolute;
					width:78.3333333%;
					max-width:900px;
					margin-left:250px;
					margin-top:161px;

				}

				ul.mainnav li{
					display:inline-block;
					text-transform: uppercase;
					padding:0 1.25%;
				}

				ul.mainnav li.mob{
					display:none;
				}

				ul.mainnav li:first-child{
					padding:0 1.25% 0 0;
				}

					ul.mainnav li a{
						color:#61706C;
						text-decoration: none;
					}

					ul.mainnav li a:hover{
						color:#6DB744;
					}

					ul.mainnav li a.actief{
						color:#6DB744;
						border-bottom:1px solid #6DB744;
					}

	header .topnav{
		display:block;
		text-align:right;
	}

		header .topnav li{
			display:inline-block;
			color:#6DB744;
			font-size:1em;
			padding:6px 1.25%;
			font-weight: 300;
		}

		header .topnav li:last-child{
			padding:6px 0 6px 1.25%;
		}


		header .topnav li a{
			font-family: 'Lato', sans-serif;
			color:#63726E;
			text-decoration: none;
		}

		header .topnav li a.actief{
			text-decoration: none;
			border-bottom:1px solid #63726E;
		}

.fullw{
	margin-top:200px;
}

	.green h1{
		padding:20px;
		font-size:1.9375em;
	}

	main{
		margin-top:40px;
	}

		main .mini{
			font-size:4.375em;
		}

.contentcontainer .kol6{
	float:left;
	width:48.275862%;
	max-width:560px;
	margin-right:3.44827586%;
	padding:0;
}

	.contentcontainer .kol12{
		width:100%;
		max-width:1160px;
	}

.contentcontainer .quo{
	padding-left:3.44827586%;
	padding-right:3.44827586%;
	padding-top:0;
}

	.contentcontainer .quo2{
		padding-left:0;
		padding-right:0;
		padding-top:0;
	}
.contentcontainer .kol6:last-child{
	margin-right:0;
}

.kol8{
	float:left;
	width:65.5172413%;
	max-width:760px;
}

.kol4{
	margin-top:0;
}

	.mrght40{
		margin-right:3.44827586%;
	}

.kol4b{
	float:left;
	width:31.0344827%;
	margin-right:3.44827586%;
	margin-top:0;
	padding:0;
}

	.kol4b:last-child{
		margin-right:0;
	}

	.kol4b h2.nmob{
		display:block;
	}

.kol6b{
	float:left;
	width:48.275862%;
	margin-right:3.44827586%;
	margin-top:0;
	padding:0;
}

.kol6b:first-child{
	padding-top:0;
}

	.kol6b:last-child{
		margin-right:0;
	}

	.k6mtop{
		margin-top:41px;
	}

footer{
	text-align:left;
}
	footer a{
		color:#fff;
		text-decoration: none;
	}

	footer em{
		float:right;
		margin-top:-7px;
	}

}
/*-------------------------------------------*/
@media(min-width:970px){


}
/*-------------------------------------------*/
@media(min-width:1160px){

}