/* ::::::::: COLORS :::::::: */

.lime{color:#d6e343;}
.dark_lime{color:#a6ad01;}
.gray{color:#696969;}

/* ::::::::: TYPO :::::::: */

body{font-family: 'PT Sans', sans-serif;}
h1, h2, h3, h4, h5, h6{padding:0;margin:10px 0;font-family: 'Montserrat', sans-serif;}
p, ul, ol{padding:0;margin:0 0 7px 0;}
ul,ol{margin-left:15px;}
main h2, .siteAside h3{font-weight:700; color:#696c6a; text-transform:uppercase;}
h2.title{text-transform:uppercase;font-weight:700;color:#696969;}
h2.tel{background-color:#d6e343;color:#fff;border-radius:8px;text-align:center;line-height:2;font-weight:700;font-size:2.3em;padding:0 20px;}
h3.topic{font-weight:700;color:#696969;}
h4.topic{font-weight:700;color:#696969;}
.siteContent a{color:#6e710e;}
.doculist a{color:#a6ad01;}
.doculist a:hover, .doculist a:visited {color: #a6ad01;}
.eigendocs a{color:#6e710e;}
.eigendocs a:hover, .eigendocs a:visited {color: #848810;}
.doculist .companyname{color:#7e7e7e;font-size:90%;}
.titlediv a{color:#696969;text-decoration:none;display:block;}
.contactbox p{font-family: 'PT Sans', sans-serif; font-weight:400;margin: 0;padding:0;}
.contactbox h4{font-family: 'PT Sans', sans-serif; font-weight:400;margin: 0;padding:0;}
.font_85{font-size:85%}
.article_intro{font-size: 0.9em;}
.article_item p{font-size: 0.9em;line-height:1.35em;margin-top:15px;}
.article_item ul, .article_item ol{font-size: 0.85em;margin:10px 30px;}

/* ::::::::: LINKS :::::::: */

.portima{
	display:inline-block;
	margin-top:10px;
	padding:8px;}
.portima:hover{}
.portima img{
	display:inline-block;
	vertical-align: middle;
	width:40px;}
.portima span{
	font-family: 'Montserrat', sans-serif;
	font-size:21px;
	font-weight:700;
	line-height: 1em;
	text-decoration:none;
	text-transform: uppercase;
	display:inline-block;
	vertical-align: bottom;
	color:#2D2E72 !important;}

/* ::::::::: NAVIGATION :::::::: */

.nav{
	position:absolute;
	top:110px;
	right:0;}
	.nav.enabled{
		top:70px;}
	.nav li {
		 line-height: 1;
		 margin:0;}
		.nav li a{
			font-family: 'Montserrat', sans-serif;
			font-weight:400;
			font-size:1em;
			text-decoration:none;
			text-transform:uppercase;
			display:block;
			color:#696c6a;
			height:30px;
			z-index:9999;
			border-bottom:2px solid #d6e343;}
	@media (min-width: 60.625em) {
	.nav{
		position:absolute;
		bottom:-10px;
		right:0;}
		.nav li{
			display: inline-block;
			line-height:1;
			margin:0 10px;}
		.nav li:first-of-type {
			margin-left: 0;}
			.nav li a{
				font-weight:700;
				height:47px;
				border-bottom:none;}
			.nav li a.active, .nav li a:hover{
				border-bottom:10px solid #d6e343;}
	}

/* ::::::::: LAYOUT :::::::: */

.top{
	 height:120px;
	 z-index:9999;
	 position:relative;}
	.siteHeader{
		 position:relative;
		 height:150px;}
	.logo{
  		margin:10px 0 0 0;
		width:90px;
		height:90px;
		display:block;
		float:left;}
	.socialsdiv{
		position:fixed;
		z-index:9999;
		width:50px;
		padding:5px;
		font-size:2.5em;
		top:160px;
		left:0px;}
.socialsdiv a{
	display:inline-block;
padding:0;margin:0;}
.socialsdiv .fa{
display:inline-block;}
.socialsdiv .fa::after{
    position: absolute;
    content: '';
    background: #fff;
    z-index: -1;
    top:3px;
    left:0;
    width: 100%;
    height: 82%;
	border-radius:8px;
}
@media (max-width: 60.625em) {
	.socialsdiv{
		position:absolute;
		top: 130px;
		font-size:2.0em;}
}
	.siteHeader .socials a{
		font-size:2.2rem;
		color:#a6ad01;}
	.langs{
		float:right;
		list-style: none;
		margin-top:10px;}
		.langs li{
		display:inline-block;}
			.langs li a{
				background-color:#fff;
				color:#a6ad01;
				width:30px;
				height:30px;
				display:block;
				text-align:center;
				line-height:30px;
				text-decoration:none;
				border-radius:5px;
				border:1px solid #a6ad01;
				text-transform:uppercase;
				font-size:0.8em;
				font-family: 'Montserrat', sans-serif;}
			.langs li a:hover{
				color:#a6ad01;}
			.langs li a.active{
				border:1px solid #696c6a;
				background-color:#696c6a;
				color:#fff;}

	@media (min-width: 60.625em){
	.top{
		height:150px;}
	}
	@media (min-width: 70em){
	  .logo {
		width:120px;
		height:120px;}
	}

.masthead {
	background-color: #eee;
	background-image:url("../images/header_01.jpg");
	background-position:center;
	background-size:cover;
	padding: 45px 0;
	position:relative;
	min-height:300px;
	border-top-width:10px;
	border-top-style:solid;
	border-top-color:rgba(214,227,67,0.7);
	z-index:9;}
	.masthead-title {
  		position: absolute;
  		bottom:0;
  		width:100%;
  		text-align:center;
  		background-color:rgba(214,227,67,0.6);}
		.masthead-title .comp_name, .masthead-title .comp_subtitle{
			color:#fff;
			text-transform:uppercase;}
	@media (min-width: 48em) {
	.masthead {
		padding: 60px 0;
		min-height:400px;}
	}
	@media (min-width: 60.625em) {
	.masthead {
		padding: 75px 0;
		min-height:500px;}
	}
.pagehead{
	background-color: #d6e343;
	position:relative;
/*	min-height:300px;*/
	border-top-width:10px;
	border-top-style:solid;
	border-top-color:rgba(198,198,198,0.8);}
	.contactpage{position:relative;background-color: #EEEFE3;}
	.makelaarpage{
		position:relative;}
		.makelaarpage .team_wrap{
			position:relative;
			display:inline-block;
			width:100%;
			vertical-align:top;
			margin-top:30px;}
			.makelaarpage .team_wrap h2{
				margin:0 0 10px 0;}
			.makelaarpage .team_wrap .team_lid{
				width:100%;
				display:inline-block;
				vertical-align:top;
				min-height:95px;}
@media (min-width: 767px) {
			.makelaarpage .team_wrap .team_lid{
				width:calc(50% - 4px);}
}
				.makelaarpage .team_wrap .team_lid .team_pic{
					float:left;
					margin-right:15px;
					max-width:80px;
					border-radius:12px;}
				.makelaarpage .team_wrap .team_lid h3{
					color:#5f621c;
					font-size:17px;
					margin:0;}
				.makelaarpage .team_wrap .team_lid p{
					font-size:14px;
					margin:5px 0;
					padding:0;
					line-height:1;}
				.makelaarpage .team_wrap .team_lid p.functie{
					color:#8b8f33;
					font-style: italic;}
				.makelaarpage .team_wrap .team_lid p a{
					color:#5f621c;}
				.makelaarpage .team_wrap .team_lid p a:hover{
					color:#fff;}

		.contactpage .team_wrap{
			border:15px solid #d6e343;
			background-color: #d6e343;}
			.contactpage .team_wrap .team_table{
				width:100%;}
				.contactpage .team_wrap .team_lid{
					width:100%;
					display:block;
					min-height:95px;}
@media (min-width: 600px) {
			.contactpage .team_wrap .team_lid{
				width:calc(50% - 5px);
				display:inline-block;
				vertical-align: top;
				padding-bottom: 20px;}
}
@media (min-width: 850px) {
			.contactpage .team_wrap .team_lid{
				width:calc(33.33% - 5px);
				display:inline-block;
				vertical-align: top;
				padding-bottom: 20px;}
}
				.contactpage .team_wrap .team_lid .team_pic{
					float:left;
					margin-right:15px;
					max-width:80px;
					border-radius:12px;}
				.contactpage .team_wrap .team_lid h3{
					color:#5f621c;
					font-size:17px;
					margin:0;}
				.contactpage .team_wrap .team_lid p{
					font-size:14px;
					margin:5px 0;
					padding:0;
					line-height:1;}
				.contactpage .team_wrap .team_lid p.functie{
					color:#8b8f33;
					font-style: italic;}
				.contactpage .team_wrap .team_lid p a{
					color:#5f621c;}
				.contactpage .team_wrap .team_lid p a:hover{
					color:#fff;}
	#contactmap{width:100%;min-height:450px;}
	#contactbox{
		position:absolute;
		max-width:380px;
		right:15%;
		bottom:50px;
		padding:0 20px;
		background-color: #fff;
		border:3px solid #333;
		border-radius: 6px;}
	.contactpage #contactbox{
		right:15%;}
	.makelaarpage #contactbox{
		left:0px;}
	#contactbox a{color:#333;}
	.contact_resp, #contactbox_resp{
		display:none;
		padding:0;}
	.mailingbox{
		background-color: #fff;
		border:3px solid #a6ad01;
		border-radius: 6px;
		padding:20px;
		max-width:380px;}
	.dossierbox{
		background-color: #fff;
		border:3px solid #00347C;
		border-radius: 6px;
		padding:20px;}
	.pagehead .head_art{overflow:hidden;}

.pagehead .head_art .submenu{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	list-style: none;
}
.pagehead .head_art .submenu .cat_but{
	background:none;
	-webkit-flex: 1 0 100%;
	flex: 1 0 100%;
	vertical-align: middle;
/*	min-width: 180px;*/
/*	padding:0 0 10px 0;*/
}
.pagehead .head_art .submenu .cat_but .submenuitem{
		text-align: center;
		display:block;
		font-family: 'Montserrat', sans-serif;
		font-weight:700;
		font-size:0.9em;
		text-transform: uppercase;
		text-decoration: none;
		color:#696c6a;
		line-height:1.2em;
		padding: 0;}
.pagehead .head_art .submenu .cat_but .submenuitem div{
		height:50px;
		display:table;
		width:100%;
		text-align: center;}
	.pagehead .head_art .submenu .cat_but .submenuitem div p{
		display:table-cell;
		vertical-align: middle;}
	.pagehead .head_art .submenu .cat_but:nth-child(2) .submenuitem{
		border-width: 1px 0;
		border-style: solid;
		border-color: #000;}
	.cat_but .submenuitem:hover, .cat_but .submenuitem.active{
		background-color: #ecf2a7;}

@media (min-width: 600px) {
	.pagehead .head_art .submenu .cat_but{
		-webkit-flex: 1 0 33%;
		flex: 1 0 33%;}
	.pagehead .head_art .submenu .cat_but:nth-child(2) .submenuitem{
		border-width: 0 1px;}
}
@media (min-width: 768px) {
	.pagehead .head_art .submenu .cat_but{
		-webkit-flex: 1 0 100%;
		flex: 1 0 100%;}
	.pagehead .head_art .submenu .cat_but:nth-child(2) .submenuitem{
		border-width: 1px 0;}
}
@media (min-width: 1000px) {
	.pagehead .head_art .submenu .cat_but{
		background:none;
		-webkit-flex: 1 0 33%;
		flex: 1 0 33%;}
	.pagehead .head_art .submenu .cat_but:nth-child(2) .submenuitem{
		border-width: 0 1px;}
}


.siteContent {
  padding:0;}
.col{overflow-x: hidden;}
.siteContent .btn {
  background-color: transparent;
  border: 1px solid #ccc;
  color: #666;}
.colfoto{
	background-size:cover;
	background-position: center;
	background-repeat:no-repeat;
	min-height:400px;}
.colalbum, .article_album{
	margin-top:10px;
	width:100%;
	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;}
.colalbum img{
	width:calc(25% - 5px);
	margin-bottom: 7px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1}
.article_album img{
	width:calc(50% - 5px);
	margin-bottom: 7px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1}
.colalbum:after, .article_album:after{
    content: '';
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0}

.artalbum{
    clear:both;}
.artalbum .albumpics{
    clear:both;}
.artalbum .albumpics .albumpicwrap{
    display:inline-block;
    margin-bottom:4px;
    min-height:100px;
    max-width:97px;
    vertical-align:top;}
.artalbum .albumpics .albumpicwrap img{
    max-width:100%;
    display:block;}
.artalbum .albumpics .albumpicwrap p{
    font-size:0.75em;
    font-style:italic;
    text-align:center;}


.siteContent .btn:hover {
  background-color: #eee;}

.catlist{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	list-style: none;}
.catlist li{
	-webkit-flex: 1 auto;
	flex: 1 auto;
	min-width: 50%;}

/*
.catlist{
	width:calc(50% - 4px);
	display:inline-block;
	margin:0;
	padding-left:0;
	vertical-align:top;
	list-style: none;}
*/
.catlist li a:before{
	font-family: fontAwesome;
	content:"\f111";
	color:#fff;
	padding-right:8px;
	font-size:90%;}
.catlist li a{
	color:#696969;
	font-size:1.15em;
	line-height: 1;
	margin:5px 0;
	display: block;
	text-decoration: none;
	white-space: nowrap;}
.catlist li.active a{
	color:#4a4d01;}
.catlist li.active a:before{
	color:#4a4d01;
	content:'\f138';}

.siteAside{
	border-top:3px solid #d6e343;
	background-color: #eee;
	min-height:200px;}
.sidebar{
	background-color: #EEEFE3;}
.pijlke{
float:right;}
	.news_list a{
		display:block;
		text-decoration:none;
		font-weight:700;
		color:#696969;
		line-height:1.7em;
		border-bottom:1px solid #d2d4c1;}
	.news_list a.active{color:#a6ad01;}
.pijlke{color:#a6ad01;}

.siteFooter {
	margin-top:-25px;
  	border-top: 10px solid #d6e343;
	background-color:#a6ad01;
	clear: both;}
	.siteFooter .address{
		font-size: 14px;
  		font-size: 0.875rem;
  		line-height: 1;
		padding-top:10px;}
	.siteFooter .address .logo{
		max-width:70px;
		max-height:70px;
		margin-right:20px;}
	.siteFooter .address p{
		margin:10px 0 10px 90px;
		padding:0;
  		line-height: 1.7;
		color:#fff;}
	.siteFooter .address p a{
		color:#fff;}
	.siteFooter .address p a:hover{
		color:#d6e343;}
	.siteFooter .address .socials{
		margin:0 0 10px 90px;}
	.siteFooter .address .socials a{
		font-size:1.8rem;
		color:#fff;}
	.siteFooter .disclaimers{
		display:table;
		margin-top:20px;}
	.siteFooter .disclaimers a{
		color:#fff;
		font-size:85%;
		display:table-cell;
		padding: 0 15px;
		border-right:1px solid #fff;}
.bottom{
	margin-top:-25px;
	overflow:auto;}
	.bottom .ramdesign{
		float:right;
		font-size:0.8rem;
		color:#696c6a;}
		.bottom .ramdesign a{
			color:#696c6a;
			text-decoration:none;}
		.bottom .ramdesign a:hover{
			color:#a6ad01;
			text-decoration:none;}

/* ::::::::: BANNERS :::::::: */

.banner_wrapper{
	position: relative;
	padding:20px 0;
    height: 0;
    overflow: hidden;
	background:none;}
.Leaderboard{
/*	padding-bottom:calc(12.36% + 20px);
	min-width:728px;*/
	width:100%;
	min-height:calc(90px + 40px);
	height:90px;;
	max-width:728px;}
.Leaderboard iframe{
	height:90px;}
.Medium_rectangle{
/*  padding-bottom:calc(83.33% + 20px);
	min-width:300px; */
	width:100%;
	height:250px;
	min-height:calc(250px + 40px);
	max-width:300px;}
.Medium_rectangle iframe{
	height:250px;}
.Rectangle{
/*    padding-bottom:calc(83.33% + 20px);*/
	min-width:180px;
	min-height:calc(150px + 40px);
	max-width:150px;}
.Rectangle iframe{
	height:150px;}
.banner_728x90{
	position: absolute;
    left:calc(50% - 364px);
    top:calc(50% - 45px);
    width: 100%;
    height: 100%;
	max-width:728px;
	max-height:90px;}
.resp_banner_728x90{
	width:728px;
	height:90px;}
.banner_300x250{
	position: absolute;
    left:calc(50% - 150px);
    top:calc(50% - 125px);
    width: 100%;
    height: 100%;
	max-width:300px;
	max-height:250px;}
.resp_banner_300x250{
	width:300px;
	height:250px;}
.banner_180x150{
	position: absolute;
    left:calc(50% - 90px);
    top:calc(50% - 75px);
    width: 100%;
    height: 100%;
	max-width:180px;
	max-height:150px;}
.resp_banner_180x150{
	width:180px;
	height:150px;}
.banner_wrapper  {width:100%;margin:0 auto;}
.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%;}

/* ::::::::: IMAGES :::::::: */

.article_photo_med_left{
	float:left;
	margin:15px 20px 20px 0;}
.article_photo_med_right{
	float:right;
	margin:15px 0 20px 20px;}
.article_photo_thumb_left{
	float:left;
	margin:30px 20px 20px 0;}
.article_photo_thumb_right{
	float:right;
	margin:15px 0 20px 20px;}
.news_photo_thumb_left{
	float:left;
	margin:25px 20px 20px 0;}
.news_photo_thumb_right{
	float:right;
	margin:15px 0 20px 20px;}
.scale{
	min-width:100%;
	display:block;}
/*.article_pic{padding-top:70px;}*/

/* ::::::::: TITELS :::::::: */

.pagehead h2:before{
	content: "";
	background-image:url('../images/titelbollekes_wit.png');
  	width: 23px;
  	height: 23px;
  	display:inline-block;
	margin-right: 10px;}
.pagehead .tel:before{
	content: "";
	background:none;
  	width:0;
  	height:0;
  	display:none;
	margin-right:0px;}
.titlediv{
	background-color: #ededed;
	border-width:2px 0;
	border-color:#a6ad01;
	border-style: solid;}
.titlediv .row{
	padding:0;margin:0 10px;}
.titlediv h2{
	line-height:2.5em;padding:0;margin:20px 0;}
h2.topic{
/*	white-space: nowrap;*/}
.titlediv h2:before, h2.topic:before{
	content: "";
	background-image:url('../images/titelbollekes_groen.png');
  	width: 23px;
  	height: 23px;
  	display:inline-block;
	margin-right: 10px;}
h3.topic:before{
	content: "";
	background-image:url('../images/titelbollekes_groen.png');
	background-size:contain;
  	width: 18px;
  	height: 18px;
  	display:inline-block;
	margin-right: 10px;}
h4.topic:before{
	content: "";
	background-image:url('../images/titelbollekes_groen.png');
	background-size:contain;
  	width: 16px;
  	height: 16px;
  	display:inline-block;
	margin-right: 10px;}

/* ::::::::: SOCIALS :::::::: */



/* ::::::::: MASONRY :::::::: */


.doculist{margin:0;}
.maze{
	position:relative;
	width:100%;
	margin:0 auto 25px;
	padding-bottom: 10px;
	display:block;}
.maze .grid{
/*	min-height:200px;*/
	width:50%;
	float:left;}
.ibp{padding-right:40px; display:inline-block;width:50%;}
.titlediv .catlinks{
	margin-bottom:20px;
	overflow: auto;}
.titlediv .catlinks a .fa{
	color:#ededed;
	margin-right:10px;
	font-size: 1.5em;}
.titlediv .catlinks a:hover .fa{
	color:#a6ad01;}


/* ::::::::: MISC. :::::::: */

.btn {
  border-radius: 4px;
  transition: all .3s;}
.bg-light-green{
	padding:0 20px;}
.right{
	float:right;}
.clear_10{
	clear:both;
	height:10px;
	display:block;}
.clear_15{
	clear:both;
	height:15px;
	display:block;}
.clear_20{
	clear:both;
	height:20px;
	display:block;}
.clear_30{
	clear:both;
	height:30px;
	display:block;}
.clear_40{
	clear:both;
	height:40px;
	display:block;}
.clear_50{
	clear:both;
	height:50px;
	display:block;}
.nopadding{padding:0 !important;}
.column-8.padding_30{padding:30px;}
.year_nr{cursor:pointer;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;}
.videoWrapper .video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}

.objectfit img{
	object-fit: cover;
	object-position: 50% 50%;
	width:100%;
	max-height:500px;
	min-height:300px;}
.map{
	max-height:500px;
	min-height:300px;
	margin:0;
}

/* ::::::::: MEDIA QUERIES ::::::::: */

.boxes .box{margin-top:30px;}
@media (max-width: 70.625em) {
	.titlediv .catlinks a{width:33%;}
	#contactbox{right:10%;}
}
@media (max-width: 60.625em) {
	.titlediv .catlinks a{width:50%;}
	#contactbox{right:2%;}
}
@media (max-width: 450px) {
	/*.boxes .box{max-width:80%;margin: auto;display:block;}*/
	.colalbum img{width:calc(33.33% - 5px)}
	.article_album img{width:calc(25% - 5px)}
	#contMail .form_col,
	#contMail .form_col #voornaam,
	#contMail .form_col #familienaam,
	#contMail .form_col #telefoon,
	#contMail .form_col #emailadres,
	#contMail .submit_row{width:100%;}
	#contMail #bericht{width:100%;max-width:100%;min-width:100%;}
	.formulierwrap{width:calc(100% + 18px);padding:10px 20px;margin:10px -10px;background-color:#eee;}
	#contactbox_resp{width:calc(100% + 18px);padding:10px 20px;margin:10px -10px;}
}
@media (max-width: 767px) {
	.klants, .docus{padding-bottom:30px;border-bottom: 2px solid #555;}
/*	.boxes .box{max-width:45%;display:inline-block;vertical-align: top;}*/
	.article_album img{width:calc(33.33% - 5px)}
	#contactbox{display:none;}
	.contact_resp, #contactbox_resp{display:block;}
	.ibp{width:100%}
}
@media (min-width: 1044px) {
		.makelaarpage .team_wrap{
			width:calc(60% - 34px);
			padding-left:30px;
			margin-top:0;}
			.makelaarpage .team_wrap h2{
				margin:0 0 10px 0;}
			.makelaarpage .team_wrap .team_lid{
				width:calc(50% - 4px);
				min-height:95px;}
				.makelaarpage .team_wrap .team_lid .team_pic{
					max-width:80px;}
}