body.home{
	background:url(../images/bg.jpg) center top no-repeat fixed;
	color:#1f221f;
	background-size:cover;
}

#CybotCookiebotDialogDetailFooter{ display: none !important; }

#verlangpopup{
	width: 300px;
	height: 150px;
	position: fixed;
	bottom: -150px;
	right: 15px;
	z-index:5000;
	padding: 0;
	background: #fff;
	border: solid 1px #00743f;
}

#verlangpopup p{
	margin:0 0 10px;
}

.gform_wrapper textarea.largetextarea {
height: 200px !important;
}

#footer-links {
	text-align:center;
	margin:30px 0;
}

#homeblokken .img-responsive {
	min-height:274px;
}

#footer-links a {
	text-decoration:none;
}

#popuptitel{
	width: 100%;
	color: #fff;
	margin: 0;
	font: 700 18px/21px 'Open Sans Condensed', Verdana, Geneva, sans-serif;
	background: #00743f;
	padding: 5px 15px;
}

#popuptekst{
	padding: 5px 15px;
}

body{
	font:400 14px/24px 'Open Sans';
	background:url(../images/bg-small.jpg) center top no-repeat;
}
	
h1, h2, h3, p, ul, ol, table, form, iframe{
	margin-top:0;
	margin-bottom:24px;
}

#contenthome h1{
	color:#fff;
	font:300 24px/normal 'Open Sans';
}

h1{
	color:#00743f;
	font:300 24px/normal 'Open Sans';
}

.kuntststof, .palletboxen, .pallets, .accessoires {
	display:none;
}

.term-3 .kuntststof, .term-14 .kuntststof, .term-13 .kuntststof, .term-16 .kuntststof, .term-15 .kuntststof, .term-17 .kuntststof, .term-21 .kuntststof, .term-22 .kuntststof, .term-23 .kuntststof {
	display:block;
}

.term-4 .palletboxen, .term-8 .palletboxen, .term-10 .palletboxen, .term-9 .palletboxen {
	display:block;
}

.term-5 .pallets, .term-20 .pallets, .term-18 .pallets, .term-19 .pallets {
	display:block;
}

.term-7 .accessoires {
	display:block;
}

#sidemenu .sub-menu {
	display:none;
}

#sidemenu .current-menu-item .sub-menu {
	display:block;
}




h2,
h3{
	color:#00743f;
	font:300 20px/normal 'Open Sans';
}

.terug{
	background:url(../images/terug.jpg);
	width:74px;
	height:32px;
	float:left;
	text-indent:-9999px;
}

#sidemenu .sub-menu li a {
	font-size: 15px;
    line-height: 30px;
}

#sidemenu .sub-menu {
	    list-style: none;
    font-size: 10px;
}


#sidemenu .sub-menu li:last-child {
    border-bottom: none;
}

.toevoegen{
	background:url(../images/toevoegen.jpg);
	width:213px;
	height:32px;
	float:right;
	text-indent:-9999px;
}

#middle-table td{
	vertical-align:middle;
}

a,
a:hover,
a:focus{
	color:#00743f;
}

hr{
	float:left;
	clear:both;
	width:100%;
	border-top:solid 1px #c9c9c9;
	margin:24px 0 48px;
}

.vhidden{
	display:none;
}

.button,
.button:hover,
.button:focus{
	display:inline-block;
	text-decoration:none !important;
	outline:none;
	border:none;
	border-radius:4px;
	color:#fff;
	background:#00743f;
	padding:0 10px;
	line-height:27px;
}

form.search-form{
	margin:0;
}

.navbar-default{
	min-height:0;
	background:none;
	border:none;
	margin:0;
}

.navbar>.container .navbar-brand{
	height:auto;
	padding:0;
	margin:36px 0 55px;
}

#mandje{
	background:url(../images/mandje.png);
	width:213px;
	height:32px;
	float:right;
	margin:23px 0 0;
	font:400 11px/25px 'Open Sans';
	color:#124b36;
	text-decoration:none !important;
	padding:0 30px 0 37px;
}

.dl-menu{
	margin:-118px 0 0;
}

.dl-menu li{
	margin:0 0 0 33px;
}

.dl-menu li a{
	color:#124b36 !important;
	background:none;
	text-decoration:none !important;
	padding:0;
	margin:0;
	font:700 18px/normal 'Open Sans Condensed';
}

.dl-menu ul{
	display:none;
}

#homeblokken{
	margin:0 -4px;
}

#contenthome{
	border:solid 1px #fff;
	border:solid 1px rgba(255,255,255,0.45);
	background:#2e5339;
	background:rgba(0,42,2,0.65);
	width:100%;
	color:#fff;
	float:left;
	padding:30px 35px 6px;
}

#home-footer{
	margin-top:80px;
	margin-bottom:40px;
}

#home-footer,
#home-footer a{
	font:600 14px/normal 'Open Sans';
	color:#fff;
}

#home-footer span{
	margin-right:27px;
	float:left;
	position:relative;
}

#home-footer span:after{
	position:absolute;
	content:"";
	width:1px;
	height:17px;
	background:#4d6a5c;
	right:-15px;
	top:2px;
}

#home-footer #social{
	float:right;
}

#home-footer span:last-of-type:after{
	display:none;
}

#home-footer img{
	display:inline-block;
	margin:-8px 0 0;
}

.cs-style-4{
	padding:0;
	margin:0;
	float:left;
}

.cs-style-4 > li {
	display: inline-block;
	text-align: left;
	position: relative;
	
	width:20%;
	float:left;
	margin:0 0 27px 0;
	padding:0 4px;
}

.cs-style-4 > li span{
	color:#fff;
	padding:0 15px;
	width:100%;
	float:left;
	background:#2e5339;
	background:rgba(0,42,2,0.65);
	font:700 21px/57px 'Open Sans Condensed';
	position:relative;
}

.cs-style-4 > li span:after{
	position:absolute;
	content:"";
	background:url(../images/arrow.png);
	width:44px;
	height:44px;
	right:8px;
	bottom:4px;
}

.cs-style-4 > li figcaption:after{
	background:url(../images/arrow-hover.png);
	position:absolute;
	content:"";
	width:44px;
	height:44px;
	right:8px;
	bottom:4px;
}

.cs-style-4 figure {
	margin: 0;
	position: relative;
	float:left;
}

.cs-style-4 figure .inner-image {
	max-width: 100%;
	display: block;
	position: relative;
}

.cs-style-4 figcaption {
	position: absolute;
	top: 0;
	left: 0;
	background:#00743f url(../images/hover-blok.jpg) right bottom no-repeat;
}

.cs-style-4 > li {
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
	perspective-origin: 0 50%;
}

.cs-style-4 figure {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.cs-style-4 figure:hover > div {
	overflow: hidden;
}

.cs-style-4 figure > div{
	overflow: hidden;
	float:left;
	border:solid 1px #fff;
	border:solid 1px rgba(255,255,255,0.45);
}

.cs-style-4 figure .inner-image {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.cs-style-4 figure:hover .inner-image,
.cs-style-4 figure.cs-hover .inner-image {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
}

.cs-style-4 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	padding:30px 20px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

a.title{
	font:21px/normal 'Open Sans Condensed';
	color:#fff;
	text-decoration:none !important;
}

.subcats{
	list-style:disc;
	margin:20px 0 0;
	padding:0 0 0 18px;
}

.subcats li{
	color:#fff;
}

.subcats li a{
	color:#fff;
	font:18px/36px 'Open Sans Condensed';
	text-decoration:none !important;
}

.subcats li a:hover{
	text-decoration:none;
	color:#092909;
}

#content{
	background:#fff;
	margin:0;
	padding:60px 0 36px;
	float:left;
	width:100%;
}

#sidemenu{
	list-style:none;
	margin:-5px 0 65px;
	padding:0;
	float:left;
	width:100%;
}

#sidemenu li{
	width:100%;
	float:left;
	border-bottom:solid 1px #c5dfd5;
}

#sidemenu li a{
	float:left;
	font:300 18px/48px 'Open Sans';
	color:#00743f;
	text-decoration:none !important;
}

.cta{
	font-weight:600;
	clear:both;
	float:left;
	margin-bottom:10px;
	text-decoration:none !important;
	line-height:24px;
	height:24px;
}

.cta img{
	float:left;
	margin-right:10px;
}

#footer{
	background:#002a16;
	padding:50px 0 40px;
	margin:0;
	float:left;
	width:100%;
}

#footer #home-footer{
	margin-top:0;
	margin-bottom:0;
}

#footer-menu{
	border-top:solid 1px #c5dfd5;
	float:left;
	width:100%;
	padding:40px 0;
	background:#fff;
	margin:0;
}

#footer-menu ul{
	list-style:none;
	padding:0;
	margin:0;
}

#footer-menu li{
	margin:0 34px 0 0;
	float:left;
}

#footer-menu li a{
	color:#002a16;
	font:400 18px/normal 'Open Sans';
}

#credits{
	font:400 14px/normal 'Open Sans';
	color:#6b8a7b;
}

@media (max-width: 767px)
{	
	.navbar>.container .navbar-brand{
		padding-left:15px;
		padding-right:15px;
		text-align:center;
		width:100%;
		max-width:100%;
		margin: 77px 0 38px;
	}
	
	.breadcrumbs {
		margin-top:0 !important;
	}
	
	#home-footer{
		text-align:center;
	}
	
	#home-footer span{
		float:none;
		margin:0 10px;
		display:inline-block;
	}
	
	.dl-menu li.menu-item-has-children:after{
		display:none !important;
	}
	
	#home-footer span:after{
		display:none;
	}
	
	.navbar>.container .navbar-brand img{
		max-width:100%;
		height:auto;
		float:none;
		display:inline-block;
	}
	
	#menuholder{
		position: absolute;
		left: 15px;
		right: 15px;
		top: 15px;
	}
	
	.navbar-toggle{
		position:absolute;
		right:0;
		background:#fff !important;
		border:none;
		top:50%;
		margin-top:-17px;
	}
	
	.dl-menu{
		margin:0 -15px;
		background:#fff;
	}
	
	.dl-menu li{
		margin:0;
	}
	
	.dl-menu li a{
		padding:0 15px;
		line-height:35px;
		color:#fff !important;
	}
	
	.navbar-default .navbar-toggle .icon-bar{
		background:#00743f;
	}
	
	#mandje{
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -106.5px;
	}
	
	.container>.navbar-header{
		position:relative;
	}
	
	.cs-style-4 > li {
		width:100%;
		max-width:230px;
		float:none;
		display:inline-block;
		clear:both;
	}
	
	#homeblokken{
		width:100%;
		text-align:center;
	}
	
	#home-footer #social {
		float: right;
		width: 100%;
		text-align: center;
		margin: 45px 0 0;
	}
	
	#content{
		padding-top:0;
	}
	
	.cta{
		width:100%;
		text-align:center;
		border-bottom:solid 1px #c5dfd5;
	}
	
	.cta:last-of-type{
		margin-bottom:30px;
	}
	
	#footer-menu li,
	#credits{
		width:100%;
		text-align:center;
		float:left;
		margin:0;
		line-height:40px;
	}
	
	.cta img{
		display:none;
	}
	
	#sidemenu{
		margin-bottom:30px;
	}
	
	#verlangpopup{
		right:0;
	}
	
	.updateverlanglijst img{
		width:auto;
	}
	
	#mandje{
		z-index:3000;
	}
}


@media (max-width: 321px)
{	
	#mandje{
		right:15px;
		left:auto;
	}
	
	.breadcrumbs {
		margin-top:0 !important;
	}
}

@media (min-width: 768px) and (max-width: 991px)
{
	.cs-style-4 > li {
		width:33.333333%;
	}
	
	#home-footer{
		text-align:center;
	}
	
	
	
	#home-footer span{
		float:none;
		margin:0 10px;
		display:inline-block;
	}
	
	#home-footer span:after{
		display:none;
	}
	
	#home-footer #social {
		float: right;
		width: 100%;
		text-align: center;
		margin: 45px 0 0;
	}
	
	#sidemenu li a {
		font: 300 16px/45px 'Open Sans';
	}
	
	#footer-menu ul,
	#credits{
		text-align:center;
		width:100%;
	}
	
	#footer-menu ul li{
		float:none;
		display:inline-block;
		margin:0 10px;
	}
	
	.navbar>.container .navbar-brand{
		margin-bottom:20px;
	}
	
	.dl-menu{
		margin:0 0 15px;
		width:100%;
		text-align:center;
	}
	
	.dl-menu li{
		float:none;
		margin:0 16px;
		display:inline-block;
	}
	
	#homeblokken .img-responsive {
    min-height: 290px;
}
}

@media (min-width: 992px) and (max-width: 1199px)
{
	.subcats li a{
		color:#fff;
		font:18px/36px 'Open Sans Condensed';
		text-decoration:none !important;
	}
	
	#home-footer{
		text-align:center;
	}
	
	#home-footer span{
		float:none;
		margin:0 10px;
		display:inline-block;
	}
	
	
	
	#home-footer span:after{
		display:none;
	}
	
	#home-footer #social {
		float: right;
		width: 100%;
		text-align: center;
		margin: 45px 0 0;
	}
	
	#sidemenu li a {
		font: 300 16px/45px 'Open Sans';
	}
	
	#footer-menu ul,
	#credits{
		text-align:center;
		width:100%;
	}
	
	#footer-menu ul li{
		float:none;
		display:inline-block;
		margin:0 10px;
	}
}

@media (min-width: 768px)
{
	.dl-menu > li{
		padding-bottom:20px;
	}
	
	
	
	.dl-menu li.menu-item-has-children:after{
		position:absolute;
		content:"";
		background:url(../images/pijl.png);
		width:9px;
		height:5px;
		right: -13px;
		bottom: 29px;
	}
	
	.dl-menu li:hover ul{
		display:block;
		position:absolute;
		list-style:none;
		padding:0;
		margin:0;
		left:0;
		top:42px;
		background:#00743f;
		background:rgba(0,116,63,0.80);
		border:solid 1px #b6dbc7;
	}
	
	.dl-menu li ul li{
		padding:0 24px;
		margin:0;
		text-align:left;
		width:100%;
		float:left;
	}
	
	.dl-menu li ul li a{
		color:#b0d6aa !important;
		border-bottom:solid 1px #6bb67e;
		width:100%;
		float:left;
		white-space:nowrap;
		text-transform:uppercase;
		font:700 18px/48px 'Open Sans Condensed';
	}
	
	.dl-menu li ul li:last-of-type a{
		border:none;
	}
	
	.dl-menu li ul li:hover a{
		color:#fff !important;
	}
}

#footer-links i:hover {
	cursor:pointer;
}

#seo {
	display:none;
}

#menu-seo {
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu-seo li {
	display:inline-block;
}

#menu-seo li:after{
    content: ", ";
    padding:0 10px 0 0;
}



#menu-seo li:last-child:after{
    content: ".";
    padding:0;
}

#menu-seo li a {
	font-weight:normal;
}

#menu-seo li a:hover {
	text-decoration:none;
}