@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
	font-family: 'Raleway', sans-serif;	
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body, html {
  height: 100%;
  margin: 0;
}
#content{}
#statusbar_holder{
	position:relative;
	width:100%;
}
#statusbar{
	position:relative;
	max-width:1260px;
	margin:0 auto;
	text-align:right;
	padding:10px;
	font-size:12px;
}
#statusbar img{
	width:20px;
	height:auto;
	padding-right:5px;
}
#statusbar a{
	text-decoration:none;
	color:#000;
}
/* ------------------------------- Header ------------------------------- */
#header_holder{
	position:relative;
	width:100%;
}
#header{
	position:relative;
	max-width:1280px;
	margin:0 auto;
}
/* ------------------------------- Logo ------------------------------- */
#logo{
	font-size:36px;
	font-weight: 700;
	padding-left:10px;
	padding-right:10px;
}
#logo a{
	color:#000;
	text-decoration:none;
}
#logo img{
	max-width:58px;
	
}
@media only screen and (max-width: 600px) {
	#logo{
		text-align:center;
	}
}
/* ------------------------------- Crumb ------------------------------- */
#crumb{	
	max-width:1260px;
	margin:0 auto;
	padding:10px;
	line-height:35px;
	font-size: 12px;
}
#crumb a{
	color:#000;
	text-decoration:none;
}
#crumb a:hover{
	color:#000;
	text-decoration: underline;
}
/* ------------------------------- 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;
	right:10px;
	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:25px;
	padding-right:25px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #000;
    /* background: #333;*/
    text-decoration: none;
	font-size: 14px;
	letter-spacing: 2px;
	/*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: 16px;
	/*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: 16px;
		/*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;
	}
}
/* ------------------------------- Main ------------------------------- */
#main_holder{
	position:relative;
	width:100%;
}
#main{
	position:relative;
	max-width:1280px;
	margin:0 auto;
/*	height:500px;
	background-color:
	#0FC;*/
}
/* ------------------------------- Subfooter ------------------------------- */
#subfooter_holder{
	position:relative;
	width:100%;
}
#subfooter{
	position:relative;
	max-width:1260px;
	margin:0 auto;
	padding:10px;
	text-align:right;
	font-size:12px;	
}
#subfooter a{
	color:#000000;
	text-decoration:none;
}
#subfooter a:hover{
	text-decoration:underline;
}
/* ------------------------------- Footer  ------------------------------- */
#footer_holder{
	position:relative;
	width:100%;
	z-index:1;
	padding-top:50px;
	margin-top:50px;
	background-color: #FAFAFA;
}
#footer{
	position:relative;
	max-width:1260px;
	margin:0 auto;
	color: #000;
	z-index:1;
	/*padding:10px;*/
		padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	font-size:14px;
}
#footer a{
	text-decoration:none;
	color:#000000;
	}
#footer.row::after{
	content: "";
	clear: both;
	display: table;
}
#footer [class*="col-"]{
	float: left;
}
#footer h2{
	/*padding-left:25px;*/
	padding-bottom:15px;
	color: #000;
	
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 2px;
	
}
#footer p img{
	max-width:35px;
	position:relative;
	top:10px;
}
/* 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 [class*="col-"]{
		padding-bottom:50px;
	}
	#footer p{
		line-height:35px;
		padding-right:15px;
	}	
}
/* 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 [class*="col-"]{
		min-height:385px;
	}	
	#footer p{
		line-height:35px;
		padding-right:15px;
	}	
}
/* 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 [class*="col-"]{
		min-height:450px;
	}	
	#footer p{
		line-height:40px;
	}	
}
/* 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 [class*="col-"]{
		min-height:350px;
	}		
	#footer p{
		line-height:40px;
		padding-right:20px;
	}
}
/* 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 p{
		line-height:30px;
		padding-right:15px;
	}
}
.vinkje:after{	
	color: #090;
	content: "✔\fe0e";
}

.kruis{	
	color: #F00;
}
/* ------------------------------- Producten ------------------------------- */
#producten_holder{
	position:relative;
	width:100%;
}
#producten{
	position:relative;
	max-width:1280px;
	margin:0 auto;
}
#producten.row::after{
	content: "";
	clear: both;
	display: table;
}
#producten [class*="col-"]{
	float: left;
}
#producten p{
	padding-left:10px;
	padding-right:10px;
	/*font-size:16px;*/
	/*line-height:30px;
	padding-bottom:25px;*/
}
/*#producten h2{
	padding-bottom:15px;
	font-size: 18px;
	color: #000;
	text-align:center;
}*/
#producten a{
	text-decoration:none;
	color:#000;
	
	}
#producten .titel{
	font-size:14px;
	padding-bottom:5px;
	}

#producten .prijs{}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#producten .col-xs-1 {width: 8.33%;}
	#producten .col-xs-2 {width: 16.66%;}
	#producten .col-xs-3 {width: 25%;}
	#producten .col-xs-4 {width: 33.33%;}
	#producten .col-xs-5 {width: 41.66%;}
	#producten .col-xs-6 {width: 50%;}
	#producten .col-xs-7 {width: 58.33%;}
	#producten .col-xs-8 {width: 66.66%;}
	#producten .col-xs-9 {width: 75%;}
	#producten .col-xs-10 {width: 83.33%;}
	#producten .col-xs-11 {width: 91.66%;}
	#producten .col-xs-12 {width: 100%;}
	#producten [class*="col-"]{
	/*height:360px;*/
	height:450px;
	/*background-color:#99FF00;*/
	}
	
	#producten .titel{
		padding-top:10px;
	}	
	
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#producten .col-s-1 {width: 8.33%;}
	#producten .col-s-2 {width: 16.66%;}
	#producten .col-s-3 {width: 25%;}
	#producten .col-s-4 {width: 33.33%;}
	#producten .col-s-5 {width: 41.66%;}
	#producten .col-s-6 {width: 50%;}
	#producten .col-s-7 {width: 58.33%;}
	#producten .col-s-8 {width: 66.66%;}
	#producten .col-s-9 {width: 75%;}
	#producten .col-s-10 {width: 83.33%;}
	#producten .col-s-11 {width: 91.66%;}
	#producten .col-s-12 {width: 100%;}
	#producten [class*="col-"]{
		/*height:355px;*/
		height:415px;
		/*background-color:#FF0000;*/
	}
	
	#producten .titel{
		padding-top:10px;
	}	
	
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#producten .col-m-1 {width: 8.33%;}
	#producten .col-m-2 {width: 16.66%;}
	#producten .col-m-3 {width: 25%;}
	#producten .col-m-4 {width: 33.33%;}
	#producten .col-m-5 {width: 41.66%;}
	#producten .col-m-6 {width: 50%;}
	#producten .col-m-7 {width: 58.33%;}
	#producten .col-m-8 {width: 66.66%;}
	#producten .col-m-9 {width: 75%;}
	#producten .col-m-10 {width: 83.33%;}
	#producten .col-m-11 {width: 91.66%;}
	#producten .col-m-12 {width: 100%;}
	#producten [class*="col-"]{
		/*height:365px;*/
		height:445px;
		/*background-color:#0F0;*/
	}
	#producten .titel{
		padding-top:10px;
	}	
	
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#producten .col-l-1 {width: 8.33%;}
	#producten .col-l-2 {width: 16.66%;}
	#producten .col-l-3 {width: 25%;}
	#producten .col-l-4 {width: 33.33%;}
	#producten .col-l-5 {width: 41.66%;}
	#producten .col-l-6 {width: 50%;}
	#producten .col-l-7 {width: 58.33%;}
	#producten .col-l-8 {width: 66.66%;}
	#producten .col-l-9 {width: 75%;}
	#producten .col-l-10 {width: 83.33%;}
	#producten .col-l-11 {width: 91.66%;}
	#producten .col-l-12 {width: 100%;}
	#producten [class*="col-"]{
		/*height:335px;*/
		height:400px;
		/*background-color: #FFF;*/
	}
	#producten .titel{
		padding-top:10px;
	}	
	
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#producten .col-xl-1 {width: 8.33%;}
	#producten .col-xl-2 {width: 16.66%;}
	#producten .col-xl-3 {width: 25%;}
	#producten .col-xl-4 {width: 33.33%;}
	#producten .col-xl-5 {width: 41.66%;}
	#producten .col-xl-6 {width: 50%;}
	#producten .col-xl-7 {width: 58.33%;}
	#producten .col-xl-8 {width: 66.66%;}
	#producten .col-xl-9 {width: 75%;}
	#producten .col-xl-10 {width: 83.33%;}
	#producten .col-xl-11 {width: 91.66%;}
	#producten .col-xl-12 {width: 100%;}
	#producten [class*="col-"]{
		/*height:325px;*/
		height:380px;
		/*background-color: #FFF;*/
	}
	#producten .titel{
		padding-top:15px;
	}	
	
}
/* ------------------------------- Product ------------------------------- */
#product_holder{
	position:relative;
	width:100%;
}
#product{
	position:relative;
	max-width:1280px;
	margin:0 auto;
}
#product.row::after{
	content: "";
	clear: both;
	display: table;
}
#product [class*="col-"]{
	float: left;
}
#product p{
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	line-height:30px;
	padding-bottom:15px;
}
#product a{
	text-decoration:none;
	color:#000000;
	}

#product .lucht{
	padding-left:40px;
}

#product .tumb{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;

}
#product .tumb img{
	padding-right:10px;
	padding-bottom:10px;

}


#product h2{
	padding-left:10px;
	padding-bottom:15px;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 2px;
	color: #000;
}
#product input {
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #3C3;
	border:0px;
}

#product .buttongrey{
	margin-left:40px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #CCC;
	border:0px;
}
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#product .col-xs-1 {width: 8.33%;}
	#product .col-xs-2 {width: 16.66%;}
	#product .col-xs-3 {width: 25%;}
	#product .col-xs-4 {width: 33.33%;}
	#product .col-xs-5 {width: 41.66%;}
	#product .col-xs-6 {width: 50%;}
	#product .col-xs-7 {width: 58.33%;}
	#product .col-xs-8 {width: 66.66%;}
	#product .col-xs-9 {width: 75%;}
	#product .col-xs-10 {width: 83.33%;}
	#product .col-xs-11 {width: 91.66%;}
	#product .col-xs-12 {width: 100%;}

}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#product .col-s-1 {width: 8.33%;}
	#product .col-s-2 {width: 16.66%;}
	#product .col-s-3 {width: 25%;}
	#product .col-s-4 {width: 33.33%;}
	#product .col-s-5 {width: 41.66%;}
	#product .col-s-6 {width: 50%;}
	#product .col-s-7 {width: 58.33%;}
	#product .col-s-8 {width: 66.66%;}
	#product .col-s-9 {width: 75%;}
	#product .col-s-10 {width: 83.33%;}
	#product .col-s-11 {width: 91.66%;}
	#product .col-s-12 {width: 100%;}
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#product .col-m-1 {width: 8.33%;}
	#product .col-m-2 {width: 16.66%;}
	#product .col-m-3 {width: 25%;}
	#product .col-m-4 {width: 33.33%;}
	#product .col-m-5 {width: 41.66%;}
	#product .col-m-6 {width: 50%;}
	#product .col-m-7 {width: 58.33%;}
	#product .col-m-8 {width: 66.66%;}
	#product .col-m-9 {width: 75%;}
	#product .col-m-10 {width: 83.33%;}
	#product .col-m-11 {width: 91.66%;}
	#product .col-m-12 {width: 100%;}
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#product .col-l-1 {width: 8.33%;}
	#product .col-l-2 {width: 16.66%;}
	#product .col-l-3 {width: 25%;}
	#product .col-l-4 {width: 33.33%;}
	#product .col-l-5 {width: 41.66%;}
	#product .col-l-6 {width: 50%;}
	#product .col-l-7 {width: 58.33%;}
	#product .col-l-8 {width: 66.66%;}
	#product .col-l-9 {width: 75%;}
	#product .col-l-10 {width: 83.33%;}
	#product .col-l-11 {width: 91.66%;}
	#product .col-l-12 {width: 100%;}
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#product .col-xl-1 {width: 8.33%;}
	#product .col-xl-2 {width: 16.66%;}
	#product .col-xl-3 {width: 25%;}
	#product .col-xl-4 {width: 33.33%;}
	#product .col-xl-5 {width: 41.66%;}
	#product .col-xl-6 {width: 50%;}
	#product .col-xl-7 {width: 58.33%;}
	#product .col-xl-8 {width: 66.66%;}
	#product .col-xl-9 {width: 75%;}
	#product .col-xl-10 {width: 83.33%;}
	#product .col-xl-11 {width: 91.66%;}
	#product .col-xl-12 {width: 100%;}
}
/* ------------------------------- Cart ------------------------------- */
#cart_holder{
	position:relative;
	width:100%;
}
#cart{
	position:relative;
	max-width:1240px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}
.cap{
	background-color:FAFAFA ;
	}
.border{
 	border-bottom-width: 5px;
	border-bottom-style: dashed;
	border-bottom-color: #FAFAFA;
}
#cart.row::after{
	content: "";
	clear: both;
	display: table;
}
#cart [class*="col-"]{
	float: left;
}
#cart p{
	font-size:14px;
	line-height:30px;
}
#cart img{
	max-width:100%;
	max-height:150px;
}
#cart .plusmin {
	margin-left:10px;
	width:35px;
	font-size: 25px;
	font-weight:100;
	position:relative;
	top:5px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color:#CCC;
	border:0px;
}
#cart .button{
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #3C3;
	border:0px;
}
#cart .buttongrey, #cart .buttongrey3{
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #CCC;
	border:0px;
}

#cart .invulcode{
	width:25%;
	padding:15px;
	font-size:14px
}
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#cart .col-xs-1 {width: 8.33%;}
	#cart .col-xs-2 {width: 16.66%;}
	#cart .col-xs-3 {width: 25%;}
	#cart .col-xs-4 {width: 33.33%;}
	#cart .col-xs-5 {width: 41.66%;}
	#cart .col-xs-6 {width: 50%;}
	#cart .col-xs-7 {width: 58.33%;}
	#cart .col-xs-8 {width: 66.66%;}
	#cart .col-xs-9 {width: 75%;}
	#cart .col-xs-10 {width: 83.33%;}
	#cart .col-xs-11 {width: 91.66%;}
	#cart .col-xs-12 {width: 100%;}
	#cart .plusmin {
		margin-left:0px;
		width:25px;
		font-size: 10px;
		position:relative;
		top:-2px;
	}	
	#cart .reserveringen{
		font-size:12px;
		line-height:20px;
	}
	#cart .reserveringen_info{
		font-size:14px;
		line-height:30px;
	}	
	#cart .invulcode{
		width:100%;
		padding:15px;
		font-size:14px;
		margin-bottom:10px;
	}
	#cart .buttongrey3{
		margin-left:0px;
	}
	#cart .nietweg{
		visibility:unset;
		position:unset;
	}	
	#cart .weg{
		visibility:hidden;
		position:fixed;
	}		
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#cart .col-s-1 {width: 8.33%;}
	#cart .col-s-2 {width: 16.66%;}
	#cart .col-s-3 {width: 25%;}
	#cart .col-s-4 {width: 33.33%;}
	#cart .col-s-5 {width: 41.66%;}
	#cart .col-s-6 {width: 50%;}
	#cart .col-s-7 {width: 58.33%;}
	#cart .col-s-8 {width: 66.66%;}
	#cart .col-s-9 {width: 75%;}
	#cart .col-s-10 {width: 83.33%;}
	#cart .col-s-11 {width: 91.66%;}
	#cart .col-s-12 {width: 100%;}
	#cart img{
		max-width:90%;
	}	
	#cart .reserveringen{
		font-size:12px;
		line-height:20px;
	}
	#cart .nietweg{
		visibility:unset;
		position:unset;
	}	
	#cart .weg{
		visibility:hidden;
		position:fixed;
	}		
	
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#cart .col-m-1 {width: 8.33%;}
	#cart .col-m-2 {width: 16.66%;}
	#cart .col-m-3 {width: 25%;}
	#cart .col-m-4 {width: 33.33%;}
	#cart .col-m-5 {width: 41.66%;}
	#cart .col-m-6 {width: 50%;}
	#cart .col-m-7 {width: 58.33%;}
	#cart .col-m-8 {width: 66.66%;}
	#cart .col-m-9 {width: 75%;}
	#cart .col-m-10 {width: 83.33%;}
	#cart .col-m-11 {width: 91.66%;}
	#cart .col-m-12 {width: 100%;}
	#cart img{max-width:95%;}
	#cart .errorcode{
		visibility: visible;
	}
	#cart .reserveringen{
		font-size:12px;
		line-height:20px;
	}
	#cart .reserveringen_info{
		font-size:14px;
		line-height:30px;
	}
	#cart .nietweg{
		visibility:hidden;
		position:fixed;
	}
	#cart .weg{
		visibility:unset;
		position:unset;
	}	
	
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#cart .col-l-1 {width: 8.33%;}
	#cart .col-l-2 {width: 16.66%;}
	#cart .col-l-3 {width: 25%;}
	#cart .col-l-4 {width: 33.33%;}
	#cart .col-l-5 {width: 41.66%;}
	#cart .col-l-6 {width: 50%;}
	#cart .col-l-7 {width: 58.33%;}
	#cart .col-l-8 {width: 66.66%;}
	#cart .col-l-9 {width: 75%;}
	#cart .col-l-10 {width: 83.33%;}
	#cart .col-l-11 {width: 91.66%;}
	#cart .col-l-12 {width: 100%;}
	#cart .errorcode{
		visibility:visible;
	}
	#cart .reserveringen{
		font-size:12px;
		line-height:20px;
	}
	#cart .reserveringen_info{
		font-size:14px;
		line-height:30px;
	}
	#cart .nietweg{
		visibility:hidden;
		position:fixed;
	}
	#cart .weg{
		visibility:unset;
		position:unset;
	}	
	
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#cart .col-xl-1 {width: 8.33%;}
	#cart .col-xl-2 {width: 16.66%;}
	#cart .col-xl-3 {width: 25%;}
	#cart .col-xl-4 {width: 33.33%;}
	#cart .col-xl-5 {width: 41.66%;}
	#cart .col-xl-6 {width: 50%;}
	#cart .col-xl-7 {width: 58.33%;}
	#cart .col-xl-8 {width: 66.66%;}
	#cart .col-xl-9 {width: 75%;}
	#cart .col-xl-10 {width: 83.33%;}
	#cart .col-xl-11 {width: 91.66%;}
	#cart .col-xl-12 {width: 100%;}
	#cart .errorcode{
		visibility:hidden;
	}
	#cart .reserveringen{
		font-size:12px;
		line-height:20px;
	}
	#cart .reserveringen_info{
		font-size:14px;
		line-height:30px;
	}
	#cart .nietweg{
		visibility:hidden;
		position:fixed;
	}
	#cart .weg{
		visibility:unset;
		position:unset;
	}	
}
/* ------------------------------- Bestel process ------------------------------- */
#bestelprocess_holder{
	position:relative;
	width:100%;
}
#bestelprocess{
	position:relative;
	max-width:1280px;
	margin:0 auto;
	padding-bottom:20px;
}
#bestelprocess.row::after{
	content: "";
	clear: both;
	display: table;
}
#bestelprocess [class*="col-"]{
	float: left;
}
#bestelprocess p{
	font-size:14px;
	line-height:35px;
	text-align:center;
}
#bestelprocess.active{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}
.activeprocess1{
	background-color: #FAFAFA;
	color: #000;
	font-size:16px;
}
.activeprocess2{
	font-weight:bold;
}
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#bestelprocess .col-xs-1 {width: 8.33%;}
	#bestelprocess .col-xs-2 {width: 16.66%;}
	#bestelprocess .col-xs-3 {width: 25%;}
	#bestelprocess .col-xs-4 {width: 33.33%;}
	#bestelprocess .col-xs-5 {width: 41.66%;}
	#bestelprocess .col-xs-6 {width: 50%;}
	#bestelprocess .col-xs-7 {width: 58.33%;}
	#bestelprocess .col-xs-8 {width: 66.66%;}
	#bestelprocess .col-xs-9 {width: 75%;}
	#bestelprocess .col-xs-10 {width: 83.33%;}
	#bestelprocess .col-xs-11 {width: 91.66%;}
	#bestelprocess .col-xs-12 {width: 100%;}
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#bestelprocess .col-s-1 {width: 8.33%;}
	#bestelprocess .col-s-2 {width: 16.66%;}
	#bestelprocess .col-s-3 {width: 25%;}
	#bestelprocess .col-s-4 {width: 33.33%;}
	#bestelprocess .col-s-5 {width: 41.66%;}
	#bestelprocess .col-s-6 {width: 50%;}
	#bestelprocess .col-s-7 {width: 58.33%;}
	#bestelprocess .col-s-8 {width: 66.66%;}
	#bestelprocess .col-s-9 {width: 75%;}
	#bestelprocess .col-s-10 {width: 83.33%;}
	#bestelprocess .col-s-11 {width: 91.66%;}
	#bestelprocess .col-s-12 {width: 100%;}
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#bestelprocess .col-m-1 {width: 8.33%;}
	#bestelprocess .col-m-2 {width: 16.66%;}
	#bestelprocess .col-m-3 {width: 25%;}
	#bestelprocess .col-m-4 {width: 33.33%;}
	#bestelprocess .col-m-5 {width: 41.66%;}
	#bestelprocess .col-m-6 {width: 50%;}
	#bestelprocess .col-m-7 {width: 58.33%;}
	#bestelprocess .col-m-8 {width: 66.66%;}
	#bestelprocess .col-m-9 {width: 75%;}
	#bestelprocess .col-m-10 {width: 83.33%;}
	#bestelprocess .col-m-11 {width: 91.66%;}
	#bestelprocess .col-m-12 {width: 100%;}
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#bestelprocess .col-l-1 {width: 8.33%;}
	#bestelprocess .col-l-2 {width: 16.66%;}
	#bestelprocess .col-l-3 {width: 25%;}
	#bestelprocess .col-l-4 {width: 33.33%;}
	#bestelprocess .col-l-5 {width: 41.66%;}
	#bestelprocess .col-l-6 {width: 50%;}
	#bestelprocess .col-l-7 {width: 58.33%;}
	#bestelprocess .col-l-8 {width: 66.66%;}
	#bestelprocess .col-l-9 {width: 75%;}
	#bestelprocess .col-l-10 {width: 83.33%;}
	#bestelprocess .col-l-11 {width: 91.66%;}
	#bestelprocess .col-l-12 {width: 100%;}
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#bestelprocess .col-xl-1 {width: 8.33%;}
	#bestelprocess .col-xl-2 {width: 16.66%;}
	#bestelprocess .col-xl-3 {width: 25%;}
	#bestelprocess .col-xl-4 {width: 33.33%;}
	#bestelprocess .col-xl-5 {width: 41.66%;}
	#bestelprocess .col-xl-6 {width: 50%;}
	#bestelprocess .col-xl-7 {width: 58.33%;}
	#bestelprocess .col-xl-8 {width: 66.66%;}
	#bestelprocess .col-xl-9 {width: 75%;}
	#bestelprocess .col-xl-10 {width: 83.33%;}
	#bestelprocess .col-xl-11 {width: 91.66%;}
	#bestelprocess .col-xl-12 {width: 100%;}
}
#maat_holder{
	position:relative;
	width:100%;
}
#maat{
	position:relative;
	max-width:1280px;
	margin:0 auto;
	background-color: #093;
}
/* ------------------------------- Details ------------------------------- */
#detail_holder{
	position:relative;
	width:100%;
}
#detail{
	position:relative;
	max-width:1240px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}
#detail.row::after{
	content: "";
	clear: both;
	display: table;
}
#detail [class*="col-"]{
	float: left;
}
#detail p{
	font-size:14px;
	line-height:30px;
}
#detail .invul{
	width:100%;
	padding:15px;
	font-size:14px
}	
#detail p.space-l{
	padding-right:10px;
}
#detail p.space-r{
	padding-left:10px;
}
#detail .buttonok,#detail .buttonweg{
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #3C3;
	border:0px;
}
#detail .buttongrey{
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #CCC;
	border:0px;
}	
#detail .alert{
	color:#06F;
}
#detail textarea {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
			padding :15px;
}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#detail .col-xs-1 {width: 8.33%;}
	#detail .col-xs-2 {width: 16.66%;}
	#detail .col-xs-3 {width: 25%;}
	#detail .col-xs-4 {width: 33.33%;}
	#detail .col-xs-5 {width: 41.66%;}
	#detail .col-xs-6 {width: 50%;}
	#detail .col-xs-7 {width: 58.33%;}
	#detail .col-xs-8 {width: 66.66%;}
	#detail .col-xs-9 {width: 75%;}
	#detail .col-xs-10 {width: 83.33%;}
	#detail .col-xs-11 {width: 91.66%;}
	#detail .col-xs-12 {width: 100%;}
	#detail p.space-r{
		padding-left:0px;
	}
	#detail p.space-l{
		padding-right:0px;
	}
	#detail [class*="col-"]{
		padding-bottom:0px;
	}
	#detail .buttonok{
		visibility:hidden;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#detail .col-s-1 {width: 8.33%;}
	#detail .col-s-2 {width: 16.66%;}
	#detail .col-s-3 {width: 25%;}
	#detail .col-s-4 {width: 33.33%;}
	#detail .col-s-5 {width: 41.66%;}
	#detail .col-s-6 {width: 50%;}
	#detail .col-s-7 {width: 58.33%;}
	#detail .col-s-8 {width: 66.66%;}
	#detail .col-s-9 {width: 75%;}
	#detail .col-s-10 {width: 83.33%;}
	#detail .col-s-11 {width: 91.66%;}
	#detail .col-s-12 {width: 100%;}
	#detail .buttonweg{
		position:absolute;
		visibility:hidden;
	}
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#detail .col-m-1 {width: 8.33%;}
	#detail .col-m-2 {width: 16.66%;}
	#detail .col-m-3 {width: 25%;}
	#detail .col-m-4 {width: 33.33%;}
	#detail .col-m-5 {width: 41.66%;}
	#detail .col-m-6 {width: 50%;}
	#detail .col-m-7 {width: 58.33%;}
	#detail .col-m-8 {width: 66.66%;}
	#detail .col-m-9 {width: 75%;}
	#detail .col-m-10 {width: 83.33%;}
	#detail .col-m-11 {width: 91.66%;}
	#detail .col-m-12 {width: 100%;}
	#detail .buttonweg{
		position:absolute;
		visibility:hidden;
	}
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#detail .col-l-1 {width: 8.33%;}
	#detail .col-l-2 {width: 16.66%;}
	#detail .col-l-3 {width: 25%;}
	#detail .col-l-4 {width: 33.33%;}
	#detail .col-l-5 {width: 41.66%;}
	#detail .col-l-6 {width: 50%;}
	#detail .col-l-7 {width: 58.33%;}
	#detail .col-l-8 {width: 66.66%;}
	#detail .col-l-9 {width: 75%;}
	#detail .col-l-10 {width: 83.33%;}
	#detail .col-l-11 {width: 91.66%;}
	#detail .col-l-12 {width: 100%;}
	#detail .buttonweg{
		position:absolute;
		visibility:hidden;
	}
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#detail .col-xl-1 {width: 8.33%;}
	#detail .col-xl-2 {width: 16.66%;}
	#detail .col-xl-3 {width: 25%;}
	#detail .col-xl-4 {width: 33.33%;}
	#detail .col-xl-5 {width: 41.66%;}
	#detail .col-xl-6 {width: 50%;}
	#detail .col-xl-7 {width: 58.33%;}
	#detail .col-xl-8 {width: 66.66%;}
	#detail .col-xl-9 {width: 75%;}
	#detail .col-xl-10 {width: 83.33%;}
	#detail .col-xl-11 {width: 91.66%;}
	#detail .col-xl-12 {width: 100%;}
	#detail .buttonweg{
		position:absolute;
		visibility:hidden;
	}
}
/* ------------------------------- Product ------------------------------- */
#login_holder{
	position:relative;
	width:100%;
}
#login{
	position:relative;
	max-width:1280px;
	margin:0 auto;
	text-align:center;
	top:100px;
}
#login input {
	padding:15px;
	font-size: 14px;
	color: #000;
	border:1px solid #CCC;
	margin-bottom:15px;
}
#login .button{
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #3C3;
	border:0px;
}
/* ------------------------------- Contact  ------------------------------- */
#contact_holder{
	position:relative;
	width:100%;
	z-index:1;
	padding-bottom:0px;
}
#contact{
	position:relative;
	max-width:1260px;
	margin:0 auto;
	color: #000;
	z-index:1;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}
#contact a{
	text-decoration:none;
	color:#000000;
	}

#contact.row::after{
	content: "";
	clear: both;
	display: table;
}
#contact [class*="col-"]{
	float: left;
}
#contact h1{
	padding-bottom:15px;
	font-size: 16px;
	color: #000;

	font-weight: normal;
	font-size: 14px;
	letter-spacing: 2px;
	
	
}
#contact p{
		line-height:30px;
}
#contact .invul{
	width:100%;
	padding:15px;
	font-size:14px
}
/* 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 [class*="col-"]{
		min-height:385px;
	}
	#contact input {
		width:90%;
	}
	#contact textarea{
		width:90%;
	}
}
/* 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 input {
		width:93%;
	}
	#contact textarea{
		width:93%;
	}
}
/* 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 input {
		width:92%;
	}
	#contact textarea{
		width:92%;
	}
}
/* 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 input {
		width:96%;
	}
	#contact textarea{
		width:96%;
	}
}
/* 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 input {
		width:96%;
	}
	#contact textarea{
		width:96%;
	}
}	
#contact input {
	padding:15px;
	font-size: 14px;
	color: #000;
	border:1px solid #CCC;
	margin-bottom:15px;
}
#contact .button{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #3C3;
	border:0px;
	width:100%;
}
#contact textarea{
	padding:15px;
	font-size: 14px;
	color: #000;
	border:1px solid #CCC;
	margin-bottom:15px;
}
#contact .g-recaptcha{
	padding-bottom:15px;
}	
/* ------------------------------- Error  ------------------------------- */
#error_holder{
	position:relative;
	width:100%;
	z-index:1;
	padding-bottom:0px;
}
#error{
	position:relative;
	max-width:1260px;
	margin:0 auto;
	color: #000;
	z-index:1;
	padding:10px;
}
#error h1{
	padding-bottom:15px;
	font-size: 16px;
	color: #000;
}
/* ------------------------------- Over ------------------------------- */
#over_holder{
	position:relative;
	width:100%;
	z-index:1;
	margin-top:50px;
}
#over{
	position:relative;
	max-width:720px;
	margin:0 auto;
	color: #000;
	z-index:1;
}
#over h2{
	padding-bottom:15px;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 2px;
	color: #000;
	padding-left:20px;
	padding-right:20px;
}
#over p{
	line-height:30px;
	padding-right:20px;
	padding-left:20px;
}

#over img{
	float:left;
	padding-right:25px;
	padding-bottom:25px;
	max-width:330px;}
/* ------------------------------- Info ------------------------------- */
#info_holder{
	position:relative;
	width:100%;
	z-index:1;
	margin-top:50px;
}
#info{
	position:relative;
	max-width:720px;
	margin:0 auto;
	color: #000;
	z-index:1;
}
#info a{
	text-decoration:none;
	color:#000000;
	}

#info.row::after{
	content: "";
	clear: both;
	display: table;
}
#info [class*="col-"]{
	float: left;
}
#info h2{
	padding-bottom:15px;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 2px;
	color: #000;
	padding-left:20px;
	padding-right:20px;
}
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	#info .col-xs-1 {width: 8.33%;}
	#info .col-xs-2 {width: 16.66%;}
	#info .col-xs-3 {width: 25%;}
	#info .col-xs-4 {width: 33.33%;}
	#info .col-xs-5 {width: 41.66%;}
	#info .col-xs-6 {width: 50%;}
	#info .col-xs-7 {width: 58.33%;}
	#info .col-xs-8 {width: 66.66%;}
	#info .col-xs-9 {width: 75%;}
	#info .col-xs-10 {width: 83.33%;}
	#info .col-xs-11 {width: 91.66%;}
	#info .col-xs-12 {width: 100%;}
	#info p{
		line-height:30px;
		padding-right:20px;
		padding-left:20px;
	}
	#info [class*="col-"]{
		padding-bottom:50px;
	}	
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#info .col-s-1 {width: 8.33%;}
	#info .col-s-2 {width: 16.66%;}
	#info .col-s-3 {width: 25%;}
	#info .col-s-4 {width: 33.33%;}
	#info .col-s-5 {width: 41.66%;}
	#info .col-s-6 {width: 50%;}
	#info .col-s-7 {width: 58.33%;}
	#info .col-s-8 {width: 66.66%;}
	#info .col-s-9 {width: 75%;}
	#info .col-s-10 {width: 83.33%;}
	#info .col-s-11 {width: 91.66%;}
	#info .col-s-12 {width: 100%;}
	#info p{
		line-height:30px;
		padding-right:20px;
		padding-left:20px;
	}	
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#info .col-m-1 {width: 8.33%;}
	#info .col-m-2 {width: 16.66%;}
	#info .col-m-3 {width: 25%;}
	#info .col-m-4 {width: 33.33%;}
	#info .col-m-5 {width: 41.66%;}
	#info .col-m-6 {width: 50%;}
	#info .col-m-7 {width: 58.33%;}
	#info .col-m-8 {width: 66.66%;}
	#info .col-m-9 {width: 75%;}
	#info .col-m-10 {width: 83.33%;}
	#info .col-m-11 {width: 91.66%;}
	#info .col-m-12 {width: 100%;}
	#info p{
		line-height:30px;
		padding-right:20px;
		padding-left:20px;
	}	
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#info .col-l-1 {width: 8.33%;}
	#info .col-l-2 {width: 16.66%;}
	#info .col-l-3 {width: 25%;}
	#info .col-l-4 {width: 33.33%;}
	#info .col-l-5 {width: 41.66%;}
	#info .col-l-6 {width: 50%;}
	#info .col-l-7 {width: 58.33%;}
	#info .col-l-8 {width: 66.66%;}
	#info .col-l-9 {width: 75%;}
	#info .col-l-10 {width: 83.33%;}
	#info .col-l-11 {width: 91.66%;}
	#info .col-l-12 {width: 100%;}
	#info p{
		line-height:30px;
		padding-right:20px;
		padding-left:20px;
	}
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#info .col-xl-1 {width: 8.33%;}
	#info .col-xl-2 {width: 16.66%;}
	#info .col-xl-3 {width: 25%;}
	#info .col-xl-4 {width: 33.33%;}
	#info .col-xl-5 {width: 41.66%;}
	#info .col-xl-6 {width: 50%;}
	#info .col-xl-7 {width: 58.33%;}
	#info .col-xl-8 {width: 66.66%;}
	#info .col-xl-9 {width: 75%;}
	#info .col-xl-10 {width: 83.33%;}
	#info .col-xl-11 {width: 91.66%;}
	#info .col-xl-12 {width: 100%;}
	#info p{
		line-height:30px;
		padding-right:20px;
		padding-left:20px;
	}
}
.anchor {
    display:block;
    padding-top:75px;
    margin-top:-75px;
}
#info .logo{max-width: 100px;
	position:relative;
	top:25px;
}
/* ====================================================================================== */
#cookie_holder p{
	color:#FFF;
}
a.cook1 {
	line-height:50px;
	background-color: #3C3;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
	border:0px;
}
a.cook2 {
	line-height:50px;
	background-color: #CCC;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
	border:0px;
}
#cookie_holder{
	opacity: 0.9;
	background-color: #333;
	z-index:10000;
	width:100%;
	position: fixed;
	text-align:center;
	padding:15px;
}

@media only screen and (max-width: 600px) {
	#cookie_holder{
		top:0px;
	}
	#cookie_holder .nietweg{
		visibility:unset;
		position:unset;
	}	
	#cookie_holder .weg{
		visibility:hidden;
		position:absolute;
	}	
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#cookie_holder{
		top:0px;
	}
	#cookie_holder .nietweg{
		visibility:unset;
		position:unset;
	}	
	#cookie_holder .weg{
		visibility:hidden;
		position:absolute;
	}	
}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#cookie_holder{
		bottom:0px;
		top:unset;		
	}
	#cookie_holder .nietweg{
		visibility:hidden;
		position:absolute;
	}		
	#cookie_holder .weg{
		visibility:unset;
		position:unset;
	}	
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#cookie_holder{
		bottom:0px;
		top:unset;		
	}
	#cookie_holder .nietweg{
		visibility:hidden;
		position:absolute;
	}
	#cookie_holder .weg{
		visibility:unset;
		position:unset;
	}	
}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#cookie_holder{
		bottom:0px;
		top:unset;
	}
	#cookie_holder .nietweg{
		visibility:hidden;
		position:absolute;
	}
	#cookie_holder .weg{
		visibility:unset;
		position:unset;
	}	
}

#noSupport{
	position: fixed;
	top:0px;
	width:100%;
	text-align:center;
	padding:15px;
	z-index:999999;
	opacity: 0.9;
	color:#FFFFFF;
	background-color:#333333;
} 


/* ------------------------------- Status pagina ------------------------------- */
#status_holder{
	position:relative;
	width:100%;
}
@media only screen and (max-width: 600px) {
	#status{
		position:relative;
		top:50px;
		margin:0 auto;
		padding-bottom:50px;
		padding-left:40px;
		padding-right:40px;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
		#status{
		position:relative;
		top:50px;
		max-width:600px;
		margin:0 auto;
		padding-bottom:50px;
	}

}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#status{
		position:relative;
		top:50px;
		max-width:600px;
		margin:0 auto;
		padding-bottom:50px;
	}

}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#status{
		position:relative;
		max-width:unset;
		margin:0 auto;
		height:500px;
	}
	section {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
	}	
}
@media only screen and (min-width: 1280px) {
	#status{
		position:relative;
		max-width:unset;
		margin:0 auto;
		height:500px;
	}
	section {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
	}
}


/* ------------------------------- Uitleg  ------------------------------- */
#uitleg_holder{
	position:relative;
	width:100%;
	z-index:1;
	padding-top:50px;
	/*margin-top:50px;*/
	background-color: #FAFAFA;
	padding-bottom:50px;
	margin:0 auto;

}
#uitleg{
	position:relative;
	max-width:1260px;
	/*height:500px;*/
	margin:0 auto;
	color: #000;
	z-index:1;
	/*padding:10px;*/
		padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}
#uitleg.row::after{
	content: "";
	clear: both;
	display: table;
}
#uitleg [class*="col-"]{
	float: left;
}
#uitleg h2{
	/*padding-left:25px;*/
	padding-bottom:15px;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 2px;
	color: #000;
}
#uitleg p {
		line-height:30px;

	/*font-weight: bold;*/
	/*text-shadow: 2px 2px black;*/

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

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

}



	
	.vlek{
/*	height:300px;*/
	/*height:100%;*/
	/*background-color:#F00;*/
	background-image: url(../pic/Vlek1260.png);
 /* Full height */
  height: 100%; 
 /* height:300px;*/

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
 /* background-size: cover;*/
 

	}


.trans{ opacity: 0.9;
}

/* ------------------------------- HOME PAGE TEGELS ------------------------------- */
#tegel_holder{
	position:relative;
	width:100%;
	padding-top:20px;
}
#tegel{
	position:relative;
	max-width:1280px;
	margin:0 auto;
}
#tegel.row::after{
	content: "";
	clear: both;
	display: table;
}
#tegel [class*="col-"]{
	float: left;
}
#tegel 2p{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;;
}
#1tegel img{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;;
	
}





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


.box {
	background-size: cover;
	color: #fff;
	position: relative;
	text-align: center;
	height: auto;
	width: auto;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;;
}
.box__text {
	text-align:center;
	/*background-color: rgba(0,0,0,0.5);*/
	height: 100%;
/*	opacity: 0;*/
	position: absolute;
	top: 0;
	/*transition: opacity 0.25s ease-in;*/
	width: 100%;
}
.box__text_f1{
	position:relative;
	top:50%;
	font-size:16px;
	letter-spacing: 2px;
	
}

.box:hover .box__text {
  opacity: 0;
}

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

.box {
	background-size: cover;
	color: #fff;
	position: relative;
	text-align: center;
	height: auto;
	width: auto;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;;
}
.box__text {
	text-align:center;
	/*background-color: rgba(0,0,0,0.5);*/
	height: 100%;
/*	opacity: 0;*/
	position: absolute;
	top: 0;
	/*transition: opacity 0.25s ease-in;*/
	width: 100%;
}
.box__text_f1{
	position:relative;
	top:50%;
	font-size:16px;
	letter-spacing: 2px;
	
}

.box:hover .box__text {
  opacity: 0;
}

.box a {
	color:#FFFFFF;
}}
/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#tegel .col-m-1 {width: 8.33%;}
	#tegel .col-m-2 {width: 16.66%;}
	#tegel .col-m-3 {width: 25%;}
	#tegel .col-m-4 {width: 33.33%;}
	#tegel .col-m-5 {width: 41.66%;}
	#tegel .col-m-6 {width: 50%;}
	#tegel .col-m-7 {width: 58.33%;}
	#tegel .col-m-8 {width: 66.66%;}
	#tegel .col-m-9 {width: 75%;}
	#tegel .col-m-10 {width: 83.33%;}
	#tegel .col-m-11 {width: 91.66%;}
	#tegel .col-m-12 {width: 100%;}
.box {
	background-size: cover;
	color: #fff;
	position: relative;
	text-align: center;
	height: auto;
	width: auto;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;;
}
.box__text {
	text-align:center;
	/*background-color: rgba(0,0,0,0.5);*/
	height: 100%;
/*	opacity: 0;*/
	position: absolute;
	top: 0;
	/*transition: opacity 0.25s ease-in;*/
	width: 100%;
}
.box__text_f1{
	position:relative;
	top:50%;
	font-size:16px;
	letter-spacing: 2px;
	
}

.box:hover .box__text {
  opacity: 0;
}

.box a {
	color:#FFFFFF;
}
}
/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#tegel .col-l-1 {width: 8.33%;}
	#tegel .col-l-2 {width: 16.66%;}
	#tegel .col-l-3 {width: 25%;}
	#tegel .col-l-4 {width: 33.33%;}
	#tegel .col-l-5 {width: 41.66%;}
	#tegel .col-l-6 {width: 50%;}
	#tegel .col-l-7 {width: 58.33%;}
	#tegel .col-l-8 {width: 66.66%;}
	#tegel .col-l-9 {width: 75%;}
	#tegel .col-l-10 {width: 83.33%;}
	#tegel .col-l-11 {width: 91.66%;}
	#tegel .col-l-12 {width: 100%;}
.box {
	background-size: cover;
	color: #fff;
	position: relative;
	text-align: center;
	height: auto;
	width: auto;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;;
}
.box__text {
	text-align:center;
	/*background-color: rgba(0,0,0,0.5);*/
	height: 100%;
/*	opacity: 0;*/
	position: absolute;
	top: 0;
	/*transition: opacity 0.25s ease-in;*/
	width: 100%;
}
.box__text_f1{
	position:relative;
	top:50%;
	font-size:16px;
	letter-spacing: 2px;
	
}

.box:hover .box__text {
  opacity: 0;
}

.box a {
	color:#FFFFFF;
}}
/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#tegel .col-xl-1 {width: 8.33%;}
	#tegel .col-xl-2 {width: 16.66%;}
	#tegel .col-xl-3 {width: 25%;}
	#tegel .col-xl-4 {width: 33.33%;}
	#tegel .col-xl-5 {width: 41.66%;}
	#tegel .col-xl-6 {width: 50%;}
	#tegel .col-xl-7 {width: 58.33%;}
	#tegel .col-xl-8 {width: 66.66%;}
	#tegel .col-xl-9 {width: 75%;}
	#tegel .col-xl-10 {width: 83.33%;}
	#tegel .col-xl-11 {width: 91.66%;}
	#tegel .col-xl-12 {width: 100%;}
.box {
	background-size: cover;
	color: #fff;
	position: relative;
	text-align: center;
	height: auto;
	width: auto;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;;
	
}
.box__text {
	text-align:center;
	background-color: rgba(0,0,0,0.5);
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity 0.25s ease-in;
	width: 100%;
}
.box__text_f1{
	position:relative;
	top:50%;
	font-size:16px;
	letter-spacing: 2px;
	
}

.box:hover .box__text {
  opacity: 1;
}

.box:hover a {
	color:#FFFFFF;
}

#tegel_holder{
	position:relative;
	width:100%;
	padding-top:150px;
}

}