html, body{
	height: 101%;
}
body{
	background-color: white;
	font-family: 'Open Sans', sans-serif;
	color: #4d4d4d;
}
p{
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}
a{
	color: #4d4d4d;
	transition: color 0.25s ease 0s;
	outline: 0;
}
a:hover{
	color: #6ba542;
	text-decoration: none;
}
.container{
	position: relative;
}
#top{
	height: 48px;
	/*overflow: hidden;*/
	/*background-color: #e5e1dc;*/
	background: #e5e1dc; /* Old browsers */
	background: -moz-linear-gradient(top,  #e5e1dc 0%, #e5e1dc 75%, #cdc9c5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e1dc), color-stop(75%,#e5e1dc), color-stop(100%,#cdc9c5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e1dc 0%,#e5e1dc 75%,#cdc9c5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e1dc 0%,#e5e1dc 75%,#cdc9c5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e1dc 0%,#e5e1dc 75%,#cdc9c5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e1dc 0%,#e5e1dc 75%,#cdc9c5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e1dc', endColorstr='#cdc9c5',GradientType=0 ); /* IE6-9 */
}
#logo{
	z-index: 8888;
	position: absolute;
	top: 24px;
	left: 48px;
	display: block;
	width: 120px;
	height: 150px;
	background-image: url("../img/logo-better-biomass.svg");
	background-repeat: no-repeat;
	background-size: 120px 150px;
	-ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
	webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.36);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.36);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
#language{
	height: 48px;
	float: right;
	margin: 0 16px;
}
#language a{
	display: inline-block;
	height: 48px;
	line-height: 48px;
	font-weight: 400;
	padding: 0 4px;
}
#language a.active{
	text-decoration: underline;
}
#top-icons{
	height: 48px;
	float: right;
	padding-left: 16px;
}
#top-icons ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
#top-icons ul li{
	display: inline;
	float: left;
}
#top-icons ul li a{
	position: relative;
	display: block;
	min-width: 40px;
	height: 48px;
	padding-left: 40px;
	line-height: 48px;
}
#top-icons ul li a span{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	/*float: right;*/
	width: 40px;
	height: 48px;
	font-size: 40px;
	line-height: 48px;
	text-align: center;
	color: #72706e;
	transition: color 0.25s ease 0s;
}
#top-icons ul li a:hover span{
	color: black;
}
#top-icons ul li p{
	line-height: 48px;
}
#menu{
	min-height: 76px;
}
.main-menu{
	position: absolute;
	top: 18px;
	left: 184px;
	/*margin: 18px 0 0 184px;*/
}
.main-menu li a{
	background-color: white;
	font-size: 15px;
	font-weight: 400;
    /*color: #bbbbbb;*/
	text-transform: uppercase;
}
.main-menu li.current-page-ancestor a,
.main-menu li.current-menu-item a,
.main-menu li a:hover{
	background-color: #f4f4f4;
    color: #6ba542;
}
.main-menu li.active a{
	background-color: white;
    color: #4d4d4d;
}
.main-menu li.active a:hover{
	background-color: #f4f4f4;
    color: #6ba542;
}
.content{
	padding: 12px 24px;
	border-bottom: 1px solid #e9e9e9;
}
.content2{
	padding: 12px 24px;
}
.block{
	padding: 12px 0 24px;
}
.block-background{
	background-color: #dce9d2;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 12px 0;
	padding-bottom: 36px;
}
.block-background span{
	color: white;
}
.block h1{
	font-size: 36px;
	font-weight: 300;
	color: #6ba542;
	margin: 0 40px 12px 40px;
}
.block h3.alt,
.block h3 a{
	display: block;
	position: relative;
	margin: 20px 40px 12px 40px;
	min-height: 40px;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
	text-transform: uppercase;
}
.block h3.alt span,
.block h3 a span{
	display: block;
	position: absolute;
	top: 0;
	left: -40px;
	width: 40px;
	height: 40px;
	margin-top: -10px;
	text-align: center;
	font-size: 40px;
	line-height: 40px;
}
.block p{
	margin: 0 32px 12px 40px;
}
.block p.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 54px;
	margin-bottom: 8px;
}
.block p.datum{
	font-size: 11px;
	font-weight: 400;
	margin-top: -12px;
	margin-bottom: 4px;
	color: #bbbbbb;
}
.block a.link{
	display: block;
	margin: 0 24px 12px 40px;
	padding-left: 24px;
	position: relative;
	font-size: 12px;
	color: #777777;
	text-transform: uppercase;
}
.block a.link:hover{
	color: #6ba542;
}
.block a.link span{
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	height: 24px;
	margin-top: -12px;
	width: 24px;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
}
.block img.cover{
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.36);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.36);
}
.block ul{
	margin: 0 24px 12px 40px;
	padding: 0;
	list-style: none;
}
.block ul li{
	margin-bottom: 8px;
	margin-left: 16px;
	position: relative;
}
.block ul li:before{
    background-color: #4d4d4d;
    border-radius: 6px;
    content: "";
    display: block;
    height: 6px;
    left: -16px;
    position: absolute;
    top: 8px;
    width: 6px;
}
/* CONTACTPERSON */
.contactperson{
	background: #d2dee9;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:0 0 12px 0;
	overflow: hidden;
	margin-bottom: 36px;
	margin-top: 24px;
}
.contactperson img{
	float: right;
	width: 35%;
	margin-left: 16px;
}
.contactperson h4{
	padding-left: 40px;
	padding-top: 16px;
	text-transform: uppercase;
}
.contactperson p.name{
	display: block;
	font-size: 16px;
	line-height: 100%;
	margin-left: 40px;
	position: relative;
	font-weight: 700;
}
.contactperson p.functie{
	font-size: 12px;
	line-height: 100%;
	margin-top: 4px;
	margin-bottom: 0;
}
.contactperson p.phone{
	font-size: 16px;
	position: relative;
	margin-top: 12px;
}
.contactperson p.phone span{
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -8px;
	left: -40px;
	text-align: center;
	line-height: 32px;
	font-size: 40px;
}
.contactperson a.email{
	display: block;
	font-size: 16px;
	line-height: 100%;
	margin-left: 40px;
	position: relative;
	font-weight: 700;
}
.contactperson a.email span{
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -8px;
	left: -40px;
	text-align: center;
	line-height: 32px;
	font-size: 40px;
}

/* NEWS */
.news h3 a {
    min-height: initial;
	font-size: 15px;
	font-weight: 400;
}
.news-image{
	width: 32%;
	float: right;
	height: 100px;
	border: 4px solid #f4f4f4;
	margin: 0 16px 8px 8px;
	background-color: black;
	background-size: cover;
	background-position: center center;
}
/* SUB-NAV */
#sub-nav{
	display: block;
	background-color: #f4f4f4;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/*margin: 12px 0 24px;*/
	padding: 24px 0;
	list-style: none;
}
#sub-nav li a{
	position: relative;
	display: block;
	margin: 0 24px 0 40px;
	padding: 8px 0;
	border-bottom: 1px solid white;
	/*border-bottom: 1px solid #f2f2f2;*/
	line-height: 120%;
}
#sub-nav li a.first{
	border-top: 1px solid #f2f2f2;
}
#sub-nav li.current_page_item a{
	color: #6ba542;
}
#sub-nav li a span{
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: 0;
	right: -16px;
	font-size: 32px;
	text-align: center;
	line-height: 32px;
}

/* CAROUSEL */
.carousel-caption {
    position: absolute;
	left: 50%;
    right: 0%;
	top: 25%;
	bottom: 25%;
	background-color: rgba(37, 74, 88, 0.6);
    padding-top: 32px;
    text-align: left;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
}
.carousel-caption h2 a{
	display: block;
	position: relative;
	margin: 0 64px 12px 64px;
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	line-height: 32px;
}
.carousel-caption h2 a:before{
    background-color: #fcd800;
    border-radius: 22px;
    content: "";
    display: block;
    height: 22px;
    left: -36px;
    position: absolute;
    top: 6px;
    width: 22px;
}
.carousel-caption h4{
	display: block;
	position: relative;
	margin: 0 64px 12px 64px;
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	line-height: 32px;
}
.carousel-indicators .active {
    background-color: rgba(0, 0, 0, 0.75);
    height: 12px;
    margin: 6px;
    width: 12px;
}
.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0.25);
    border: 0px solid #fff;
    border-radius: 12px;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin: 6px;
    text-indent: -999px;
    width: 12px;
}
div.pattern{
	position: absolute;
	z-index: 7777;
	top: 0px;
	left: 0px;
	width: 40%;
	height: 100%;
	background-image: url("../img/pattern.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: -18px -1px;
}

#header{
	position: relative;
	width: 100%;
	height: 210px;
	background-color: #9fb838;
	background-repeat: no-repeat;
	background-position: top right;
	overflow: hidden;
}
#header div.pattern{
	height: 200%;
}

#page-content{
	margin: 36px 0 48px 0;
	padding: 0 32px 0 40px;
	overflow: hidden;
}
#page-content h1{
	font-size: 36px;
	font-weight: 300;
	line-height: 120%;
	color: #6ba542;
	margin-bottom: 24px;
}
#page-content h2{
	font-size: 24px;
	font-weight: 400;
	line-height: 120%;
	margin-bottom: 16px;
}
#page-content h3{
	font-size: 18px;
	font-weight: 400;
	line-height: 120%;
	color: #6ba542;
	margin-bottom: 16px;
}
#page-content h4{
	font-size: 16px;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 16px;
}
#page-content h5{
	font-size: 14px;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 16px;
}
#page-content p{
	line-height: 150%;
}
#page-content a{
	color: #d53c16;
	text-decoration: underline;
}
#page-content a:hover{
	color: black;
	text-decoration: underline;
}
#page-content blockquote{
	padding: 0 24px;
	margin: 36px;
	font-size: 24px;
	font-weight: 300;
	Overflow: hidden;*
}
#page-content ul{
	margin: 0 24px 12px 40px;
	padding: 0;
	list-style: none;
}
#page-content ul li{
	margin-bottom: 8px;
	margin-left: 16px;
	position: relative;
}
#page-content ul li:before{
    background-color: #4d4d4d;
    border-radius: 5px;
    content: "";
    display: block;
    height: 5px;
    left: -16px;
    position: absolute;
    top: 8px;
    width: 5px;
}
#page-content hr{
    margin-bottom: 36px;
    margin-top: 36px;
	clear: both;
}
#page-content .carousel{
	margin-bottom: 24px;
    margin-top: 24px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.24);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.24);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}
#page-content .carousel .carousel-arrows {
	position: absolute;
	top: 0;
	display: block;
	width: 48px;
	height: 100%;
	/*background: rgba(0,0,0,0.2);*/
	text-decoration: none;
}
#page-content .carousel .carousel-arrows span{
	display: block;
	width: 48px;
	height: 48px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	font-size: 48px;
	color: rgba(255,255,255,0.5);
	transition: color 0.25s ease 0s;
	line-height: 48px;
	outline: 0;
}
#page-content .carousel .carousel-arrows:hover span{
	color: white;
}
#page-content .carousel .go-right {
	right: 0;
}
#page-content .carousel .go-left {
	left: 0;
}
#page-content img{
	margin-bottom: 24px;
    margin-top: 24px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.24);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.24);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#page-content blockquote img{
	margin-bottom: 12px;
    margin-top: 0px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.24);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.24);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	/*clear: both;*/
}
#page-content img.floatleft{
	float: left;
	margin-right: 24px;
}
#page-content img.floatright,
#page-content img.alignright{
	float: right;
	margin-left: 24px;
}
#page-content #downloads{
	float: left;
	/*width: 50%;*/
	margin: 24px 36px 24px 0;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding: 16px 16px 16px 0;
}
#page-content #downloads h2{
	margin: 0 0 12px 0;
	padding: 0;
	text-transform: uppercase;
}
#page-content #downloads a{
	display: block;
	position: relative;
	margin-left: 40px;
	padding: 8px 0;
}
#page-content #downloads a span{
	display: block;
	position: absolute;
	top: -2px;
	left: -40px;
	width: 40px;
	height: 40px;
	font-size: 40px;
	line-height: 40px;
	text-align: center;
}

.certReg{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	border-color: #eeeeee;
}
.certReg th,
.certReg td{
	padding: 4px;
	border-color: #eeeeee;
}

.footer{
	padding: 0 0 36px 0;
	background-color: #f6f6f6;
}
.footer h5{
	margin: 0 32px 12px 40px;
}
.footer .verloop{
	height: 36px;
	background: rgb(234,234,234); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(234,234,234,1) 0%, rgba(246,246,246,1) 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(50%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(246,246,246,1) 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(246,246,246,1) 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(246,246,246,1) 50%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(234,234,234,1) 0%,rgba(246,246,246,1) 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

/* ICOMOON */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-a8cdcx');
	src:url('../fonts/icomoon.eot?#iefix-a8cdcx') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-a8cdcx') format('woff'),
		url('../fonts/icomoon.ttf?-a8cdcx') format('truetype'),
		url('../fonts/icomoon.svg?-a8cdcx#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-ico-arrow-left:before {
	content: "\e600";
}
.icon-ico-arrow-right:before {
	content: "\e601";
}
.icon-ico-check:before {
	content: "\e602";
}
.icon-ico-illustration:before {
	content: "\e604";
}
.icon-ico-linkedin:before {
	content: "\e605";
}
.icon-ico-logo:before {
	content: "\e606";
}
.icon-ico-mail:before {
	content: "\e607";
}
.icon-ico-marker:before {
	content: "\e608";
}
.icon-ico-menu:before {
	content: "\e609";
}
.icon-ico-phone:before {
	content: "\e60a";
}
.icon-ico-pinterest:before {
	content: "\e60b";
}
.icon-ico-play:before {
	content: "\e60c";
}
.icon-ico-square:before {
	content: "\e60e";
}
.icon-ico-star:before {
	content: "\e60f";
}
.icon-ico-textcloud:before {
	content: "\e610";
}
.icon-ico-twitter:before {
	content: "\e611";
}


@media (max-width: 1200px) {
	.carousel-caption h2 a{
		margin: 0 32px 8px 56px;
		font-size: 21px;
		line-height: 21px;
	}
	.carousel-caption h2 a:before{
		background-color: #fcd800;
		border-radius: 16px;
		content: "";
		display: block;
		height: 16px;
		left: -25px;
		position: absolute;
		top: 4px;
		width: 16px;
	}
	.carousel-caption h4{
		display: block;
		position: relative;
		margin: 0 32px 8px 56px;
		color: #fff;
		font-size: 21px;
		font-weight: 300;
		line-height: 21px;
	}
}
@media (max-width: 768px) {
	#mobile-menu{
		margin:0;
		padding:0;
		list-style-type: none;
		width: 100%;
	}
	#mobile-menu ul.children{
		list-style-type: none;
	}
	#mobile-menu .dropdown-menu{
		z-index: 9999;
		margin: 0;
		padding: 0;
		width: 100%;
		background-color: #e5e1dc;
		border: 0px solid rgba(0, 0, 0, 0.15);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#mobile-menu li{
		width: 100%;
	}
	#mobile-menu a{
		position: relative;
		display: block;
		min-height: 48px;
		font-size: 14px;
		line-height: 16px;
		padding: 16px 24px 16px 40px;
		border-top: 1px solid #dad6d1;
		white-space: normal;
	}
	#mobile-menu a span{
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 40px;
		height: 48px;
		font-size: 40px;
		line-height: 48px;
		text-align: center;
		color: #72706e;
		transition: color 0.25s ease 0s;
	}
	#mobile-menu a:hover span{
		color: black;
	}
	#menu{
		min-height: 36px;
	}
	#logo{
		top: 64px;
		left: 24px;
		display: block;
		width: 96px;
		height: 120px;
		background-image: url("../img/logo-better-biomass.svg");
		background-repeat: no-repeat;
		background-size: 96px 120px;
		-ms-transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
		transform: rotate(-4deg);
		-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.36);
		-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.36);
		box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.36);
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
	}
	#language{
		position: absolute;
		top: 0;
		right: 16px;
	}
	.content{
		padding: 16px;
		border-bottom: 1px solid #e9e9e9;
	}
	.content2{
		padding: 16px;
	}
	.block {
		padding: 6px 0 0 0;
	}
	.footer .block{
		padding: 6px 0 12px 0;
	}
	.block h3 a{
		min-height: initial;
	}
	.block p.ellipsis{
		height: initial;
	}
	.block-background{
		padding-bottom: 36px;
	}
	.contactperson{
		padding:0;
	}
	#page-content{
		margin: 16px 0 24px 0;
		padding: 0 16px 0 16px;
		overflow: hidden;
	}
	#page-content h1{
		font-size: 24px;
	}
	#page-content h2{
		font-size: 20px;
	}
	#page-content ul{
		margin: 0 8px 12px 16px;
		padding: 0;
		list-style: none;
	}
	#page-content blockquote{
		padding: 0 12px;
		margin: 24px;
	}
	#page-content hr{
		margin-bottom: 24px;
		margin-top: 24px;
	}
	.carousel-inner .item{
		height: 320px;
		width: 100%;
		overflow: hidden;
	}
	.carousel-inner .item img{
		height: 320px;
		max-width: none;
		/*margin-left: -50%;*/
	}
	.carousel-caption {
		left: 0%;
		padding-top: 16px;
	}
	.carousel-caption h2 a{
		margin: 0 32px 8px 56px;
		font-size: 21px;
		line-height: 21px;
	}
	.carousel-caption h2 a:before{
		background-color: #fcd800;
		border-radius: 16px;
		content: "";
		display: block;
		height: 16px;
		left: -25px;
		position: absolute;
		top: 4px;
		width: 16px;
	}
	.carousel-caption h4{
		display: block;
		position: relative;
		margin: 0 32px 8px 56px;
		color: #fff;
		font-size: 21px;
		font-weight: 300;
		line-height: 21px;
	}
	.carousel-indicators .active {
		margin: 0 12px;
	}
	.carousel-indicators li {
		margin: 0 12px;
	}
}
#index-content a.post-edit-link,
#page-content a.post-edit-link{
	z-index: 1000;
	display: block;
	width: 48px;
	height: 48px;
	position: fixed;
	bottom: 0;
	left: 50%;
	margin-left: -24px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: white;
	line-height: 48px;
	background-color: #6ba542;
	transition: background-color 0.25s ease 0s;
}
#index-content a.post-edit-link:hover,
#page-content a.post-edit-link:hover{
	background-color: black;
}