*{
		box-sizing: border-box;
	}
	
	html{ 
		height: 100%;
		background-color: #FFF;
		margin: 0px;
		padding: 0px;
	}
	
	.round-profile{
		height: 270px;
		width: 270px;
		background-color: #bbb;
		border-radius: 50%;
		display: inline-block;
	}
	
	.one-third{
		float:left;
		width: 33.33%;
	}
	
	.absolute-right{
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	.absolute{
		position: absolute;
	}
	
	.hidden{
		display: none;
	}
	
	.fixed-bottom{
		position: fixed;
		bottom: 0px;
		left: 0px;
		z-index: 9999;
	}
	
	.full-width{
		width: 100%;
	}
	
	.relative{
		position: relative;
	}
	
	.inline-block{
		display: inline-block;
	}
	
	.no-wrap{
		white-space: nowrap;
	}

	.flex-space-between{
		display: flex; 
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	
	ul.list{
		margin-left: 20px;
		list-style-type: disc;
	}
	
	ul.list li{
		line-height: 150%;
	}
	
	.bg-white{
		background-color: #FFF;
	}
	
	.bg-nearwhite{
		background-color: #FCFCFC;
	}
		
	.bg-lightgrey{
		background-color: #F8F8F8;
	}
	
	.bg-mediumgrey{
		background-color: #f2f2f2;
	}
	
	.bg-blue{
		background-color: #0062a6;
	}
	
	.bg-red{
		background-color: #E32118;
	}
	
	.bg-darkgrey{
		background-color: #3c3c3c;
	}
	
	.covering-img, .bg-covered{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top;
	}
	
	.bg-covered-center{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.bg-covered-bottom{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	.bg-covered-top{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top;
	}
	
	.hero-img{
		height: 400px;
	}
	
	.largehero{
		height: 90vh;
	}
	
	.minihero-img{
		height: 70vh;
	}
	
	.minihero-img .caption{
		font-size: 27px;
		font-weight: 400;
		letter-spacing: 0.015em;
	}
	
	.sidekick-img{
		height: 300px;
	}
	
	.h50{
		height: 50px;
	}
	
	.rounded{
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	
	.padded-0{
		padding: 0px;
	}
	
	.padded-r3{
		padding-right: 3px;
	}

	.padded-5{
		padding: 5px;
	}
	
	.padded-9{
		padding: 9px;
	}
	
	.padded-r9{
		padding-right: 9px;
	}
	
	.padded-l9{
		padding-left: 9px;
	}
	
	.padded-t9{
		padding-top: 9px;
	}
	
	.padded-b9{
		padding-bottom: 9px;
	}

	.padded-18{
		padding: 18px;
	}
		
	.padded-l18{
		padding-left: 18px;
	}
	
	.padded-r18{
		padding-right: 18px;
	}
	
	.padded-t18{
		padding-top: 18px;
	}
	
	.padded-b18{
		padding-bottom: 18px;
	}

	.padded-27{
		padding: 27px;
	}
	
	.padded-t27{
		padding-top: 27px;
	}
	
	.padded-b27{
		padding-bottom: 27px;
	}
	
	.padded-t33{
		padding-top: 33px;
	}
	
	.padded-t36{
		padding-top: 36px;
	}
	
	.padded-b36{
		padding-bottom: 36px;
	}
	
	.padded-l36{
		padding-left: 36px;
	}
	
	.padded-r36{
		padding-right: 36px;
	}
		
	.padded-t45{
		padding-top: 45px;
	}
	
	.padded-45{
		padding: 45px;
	}
	
	.padded-l45{
		padding-left: 45px;
	}
	
	.padded-b45{
		padding-bottom: 45px;
	}
	
	.padded-t72{
		padding-top: 72px;
	}
	
	.padded-b72{
		padding-bottom: 72px;
	}
	
	.padded-t90{
		padding-top: 90px;
	}
	
	.padded-b90{
		padding-bottom: 90px;
	}
	
	.padded-t135{
		padding-top: 135px;
	}
	
	.padded-b135{
		padding-bottom: 135px;
	}
	
	.padded-t180{
		padding-top: 180px;
	}
	
	.padded-l27{
		padding-left: 27px;
	}
	
	.padded-r27{
		padding-right: 27px;
	}
	
	.padded-r45{
		padding-right: 45px;
	}
	
	.text-bigger{
		font-size: 17px;
	}
	
	.text-bigger{
		font-size: 17px;
	}
	
	.text-right{
		text-align: right;
	}
	
	.text-left{
		text-align: left;
	}
	
	.text-shadowed{
		text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
	}
	
	.text-caps{
		font-size: 13px;
		letter-spacing: 0.18em;
		text-transform: uppercase;
	}

	.text-italic{
		font-style: italic;
	}
	
	.text-small{
		font-size: 14px;
	}
	
	.text-smallest{
		font-size: 13px;
		line-height: 21px;
	}
	
	.text-indented{
		text-indent: 2em;
	}
	
	.text-lh29{
		line-height: 29px;
	}
	
	.text-white{
		color: #FFF;
	}
	
	.text-grey{
		color: #8b8b8b;
	}
	
	.text-red{
		color: #E32118;
	}
	
	.text-centered{
		text-align: center;
	}
	
	.text-light{
		font-weight: 300;
		letter-spacing: 0.010em;
	}
	
	.text-strong{
		font-weight: 500;
	}

	.text-bold{
		font-weight: 700;
	}
	
	.text-quote{
		font-size: 17px;
		line-height: 24px;
		font-family: 'Hind', sans-serif;
	}

	.overflow-auto{
		overflow: auto;
	}
	
	.search-icon{
		height: 14px;
	}
	
	.border-bottomgrey{
		border-bottom: 1px solid #f2f2f2;
	}
	
	.border-bottomwhite{
		border-bottom: 1px solid #FFF;
	}
	
	.tile-shadowed{
		-webkit-box-shadow: 0px 1px 1px 2px rgba(0,0,0,0.06); 
		box-shadow: 0px 1px 1px 2px rgba(0,0,0,0.06);
		background-color: #FFF;
	}
	
	.tile-heavy-shadowed{
		-webkit-box-shadow: 0px 0px 27px 15px rgba(0,0,0,0.14); 
		box-shadow: 0px 0px 27px 15px rgba(0,0,0,0.14);
	}
		
	a.cta:link, a.cta:active, a.cta:visited {
		background-color: #E32118;
		color: #FFF; 
		font-weight: 500;
		text-decoration: none;
		padding: 12px 24px;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
		-webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.2); 
		box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.2);
		letter-spacing: -0.015em;
	}
	
	a.cta:hover {
		background-color: #0062a6;
	}
	
	a.productname:link, a.productname:active, a.productname:visited, a.productname:hover {
		font-size: 25px;
		color: #3c3c3c; 
		text-decoration: none;
	}
	
	a.grey:link, a.grey:active, a.grey:visited, a.grey:hover {
		font-size: 13px;
		font-weight: 500;
		margin-left: 5px;
		color: #8B8B8B; 
		text-decoration: none;
	}
	
	a.red:link, a.red:active, a.red:visited, a.red:hover {
		color: #E32118; 
		text-decoration: none;
		border-bottom: 2px solid #E32118;
	}
	
	a.dark:link, a.dark:active, a.dark:visited, a.dark:hover {
		color: #3c3c3c; 
		font-weight: 500;
		text-decoration: none;
	}
	
	a.white:link, a.white:active, a.white:visited, a.white:hover {
		color: #FFF; 
		text-decoration: none;
	}
	
	a.white:hover {
		color: #FFF; 
		text-decoration: none;
		padding-bottom: 1px;
		border-bottom: 2px solid #FFF;
	}

	a.white-no-underline:link, a.white-no-underline:active, a.white-no-underline:visited, a.white-no-underline:hover,a.white-no-underline:hover {
		color: #FFF; 
		text-decoration: none;
	}
	
	a.white-underlined:link, a.white-underlined:active, a.white-underlined:visited, a.white-underlined:hover {
		color: #FFF; 
		text-decoration: none;
		padding-bottom: 0px;
		border-bottom: 3px solid #FFF;
	}
	
	a.underlined:link, a.underlined:active, a.underlined:visited, a.underlined:hover {
		color: #3c3c3c; 
		text-decoration: none;
		padding-bottom: 0px;
		border-bottom: 2px solid #3c3c3c;
	}
	
	p a:link, p a:active, p a:visited, p a:hover {
		color: #3c3c3c; 
		font-weight: 500;
		text-decoration: none;
		border-bottom: 2px solid #E9E9E9;
	}
	
	a.x-to-close:link, a.x-to-close:active, a.x-to-close:visited, a.x-to-close:hover {
		color: #FFF;
		font-weight: 600; 
		border: 1px solid #FFF;
		width: 10px;
		height: 10px;
		padding: 1px 8px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	
	.inputfield, .textarea{
		border: 0px;
		padding: 9px 18px;
		-webkit-box-shadow: 0px 1px 1px 2px rgba(0,0,0,0.05); 
		box-shadow: 0px 1px 1px 2px rgba(0,0,0,0.05);
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
		font-family: 'Poppins', sans-serif;
		font-size: 15px;
		width: 100%;
		outline: none;
	}
	
	.inputfield-optin{
		border: 0px;
		padding: 9px 18px;
		font-family: 'Poppins', sans-serif;
		font-size: 14px;
		font-weight: 400;
		width: 100%;
		outline: none;
		border-bottom: 1px solid #FFF;
		color: #333;
		background-color: #FFF;
	}
	
	.submit-optin{
		border: 0px;
		outline:none;
		color: #333; 
		font-weight: 500;
		padding: 9px;
		letter-spacing: -0.015em;
		font-family: 'Poppins', sans-serif;
		font-size: 14px;
		width: 100%;
		background-color: #FFF;
		border: 1px solid #DDD;
	}
	
	.textarea{
		height: 180px;
	}
	
	.submit {
		border: 0px;
		outline:none;
		background-color: #E32118;
		color: #FFF; 
		font-weight: 500;
		padding: 12px 20px 12px 20px;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
		-webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.2); 
		box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.2);
		letter-spacing: -0.015em;
		font-family: 'Poppins', sans-serif;
		font-size: 17px;
	}
	
	.submit:hover {
		border: 0px;
		outline:none;
		background-color: #E32118;
		color: #FFF; 
		font-weight: 500;
		padding: 12px 22px 12px 22px;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
		-webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.2); 
		box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.2);
		letter-spacing: -0.015em;
		font-family: 'Poppins', sans-serif;
		font-size: 17px;
	}
	
	/* custom radiobuttons */
	.radiobuttons-container {
	  display: inline-block;
	  position: relative;
	  padding-left: 27px;
	  padding-right: 27px;
	  cursor: pointer;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}
	
	.radiobuttons-container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}
	
	.radiobuttons-checkmark {
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	  	height: 18px;
	  	width: 18px;
	  	background-color: #FFF;
	  	border: 1px solid #E32118;
	  	border-radius: 50%;
	}
	
	.radiobuttons-container:hover input ~ .radiobuttons-checkmark {
	  	background-color: #FFF;
	  	border: 1px solid #E32118;
	}
	
	.radiobuttons-container input:checked ~ .radiobuttons-checkmark {
	  	background-color: #FFF;
	}
	
	.radiobuttons-checkmark:after {
	  	content: "";
	  	position: absolute;
	  	display: none;
	}
	
	.radiobuttons-container input:checked ~ .radiobuttons-checkmark:after {
	  	display: block;
	}
	
	.radiobuttons-container .radiobuttons-checkmark:after {
	 	top: 2px;
		left: 2px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: #E32118;
	}
	
	/* custom checkboxes */
	.checkbox-container {
	  display: block;
	  position: relative;
	  padding-left: 35px;
	  margin-bottom: 12px;
	  cursor: pointer;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}
	
	.checkbox-container input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	  height: 0;
	  width: 0;
	}
	
	.checkbox-checkmark {
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	  	height: 18px;
	  	width: 18px;
	  	background-color: #FFF;
	  	border: 1px solid #E32118;
	}
	
	.checkbox-container:hover input ~ .checkbox-checkmark {
	  	background-color: #FFF;
	  	border: 1px solid #E32118;
	}
	
	.checkbox-container input:checked ~ .checkbox-checkmark {
	  	background-color: #FFF;
	}
	
	.checkbox-checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}
	
	.checkbox-container input:checked ~ .checkbox-checkmark:after {
	  display: block;
	}
	
	.checkbox-container .checkbox-checkmark:after {
	  left: 2px;
	  top: 1px;
	  width: 10px;
	  height: 13px;
	  border: solid red;
	  border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	
	/* custom dropdown select */
	.custom-select {
	  position: relative;
	  font-family: Arial;
	}
	
	.custom-select select {
	  display: none; /*hide original SELECT element: */
	}
	
	.select-selected {
	  background-color: #F8F8F8;
	  -webkit-box-shadow: 0px 1px 1px 2px rgba(0,0,0,0.05); 
	  box-shadow: 0px 1px 1px 2px rgba(0,0,0,0.05);
	  -webkit-border-radius: 6px;
	  -moz-border-radius: 6px;
	  border-radius: 6px;
	}
	
	.select-selected:after { /* arrow down */
	  position: absolute;
	  content: "";
	  top: 16px;
	  right: 18px;
	  width: 0;
	  height: 0;
	  border: 6px solid transparent;
	  border-color: #3C3C3C transparent transparent transparent;
	}
	
	.select-selected.select-arrow-active:after {	  	/* arrow up */
	  border-color: transparent transparent #3C3C3C transparent;
	  top: 10px;
	}
	
	.select-items div,.select-selected {
	  color: #3C3C3C;
	  padding: 8px 16px;
	  border: 1px solid transparent;
	  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	  cursor: pointer;
	}
	
	.select-items {
	  position: absolute;
	  background-color: #FFF;
	  top: 100%;
	  left: 0;
	  right: 0;
	  z-index: 99;
	  -webkit-box-shadow: 0px 1px 1px 2px rgba(0,0,0,0.05); 
	  box-shadow: 0px 1px 1px 2px rgba(0,0,0,0.05);
	  -webkit-border-bottom-right-radius: 6px;
	  -webkit-border-bottom-left-radius: 6px;
	  -moz-border-radius-bottomright: 6px;
	  -moz-border-radius-bottomleft: 6px;
	  border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	}
	
	.select-hide {
	  display: none;
	}
	
	.select-items div:hover, .same-as-selected {
	  background-color: #E32118;
	  color: #FFF;
	}
	
	
	#searchbar{
		/*position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 3000;*/
		margin-top: -27px;
		padding: 18px;
		margin-bottom: 27px;
		background-color: #f2f2f2;
		display: none;
		color: #e0232a;
	} 
	
	#searchbar input{
		padding: 10px 30px;
		text-align: center;
		outline: none;
		font-family: "Poppins",sans-serif;
		font-weight: 400;
		font-size: 26px;
		border-width:0px;
		border:none;
		display: block;
		color: #e0232a;
		background-color: #f2f2f2;
		width: 100%;
		box-sizing: border-box;
		/* input:-webkit-autofill;
		input:-webkit-autofill:hover; 
		input:-webkit-autofill:focus; 
		input:-webkit-autofill:active;  
		-webkit-box-shadow: 0 0 0 30px white inset !important; */
	}
		
	
	/**/
	
	.product-teaser, .product-teaser-outlet{
		overflow: hidden;
		position: relative;
		height: 309px;
		margin-bottom: 27px;
		margin-right: 27px;
	}

	.product-teaser-outlet{
		height: 334px;
	}
	
	.product-teaser .klasse, product-teaser-outlet .klasse{ 
		position: absolute;
		display: inline-block;
		top: 0px;
		left: 0px;
		z-index: 2;
	 }
	 
	 .product-teaser .image, .product-teaser-outlet .image{
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: 18px;
		right: 18px;
		height: 144px;
		width: 216px;
		z-index: 1;
	 }

	 .product-teaser-outlet .image{
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: 18px;
		right: 18px;
		height: 144px;
		width: 216px;
		z-index: 1;
	 }
		 
	 .product-teaser .description, .product-teaser-outlet .description{ 
		position: absolute;
		top: 126px;
		z-index: 2;
	 }

	 .product-teaser-outlet .aanbieder{ 
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		color: #646464;
		z-index: 3;
	 }
	
	
	.dots{
		text-align: center;
	}
	
	 .dots img{
		 height: 63px;
	 }
	 
	 .download-pdf img{
		 height: 30px;
	 }
	 
	 .nieuws-teaser{
		overflow: hidden;
		position: relative;
		margin-bottom: 27px;
	}
	
	.nieuws-teaser .datum{ 
		position: absolute;
		display: inline-block;
		top: 0px;
		left: 0px;
		z-index: 1;
	 }
	 
	 .nieuws-teaser .titel{ 
		 font-size: 22px;
	 }
	 
	 /* video embedding */
	 .video-container {
	    position: relative;
	    padding-bottom: 56.25%; /* 16:9 */
	    height: 0;
	}
	.video-container iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	
	.cookies-btn{
		padding: 9px 18px;
		font-size: 12px;
		line-height: 18px;
		background-color: #E32118;
		color: #FFF;
		display: inline-block;
	}
	 
	 	
	@media screen and (max-width: 4000px){
		
		body{
			font-family: 'Poppins', sans-serif;
			color: #3c3c3c;
			font-weight: 400;
			margin-top: 27px;
		}
		
		.centered {
			width: 702px;
			margin: 0 auto;	
		}

		.centered-wide {
			width: 880px;
			margin: 0 auto;	
		}
		
		.centered-pct {
			width: 81%;
			margin: 0 auto;	
		}

		.centered-300 {
			width: 300px;
			margin: 0 auto;	
		}

		.centered-filters {
			width: 720px;
			margin: 0 auto;	
		}
		
		.largehero-to-minihero{
			height: 90vh;
		}
		
		h1{
			font-family: 'Poppins', sans-serif;
			font-weight: 400;
			font-size: 27px;
			line-height: 36px;
			text-align: center;
			letter-spacing: -0.025em;
		}
		
		h1.smaller{
			font-family: 'Poppins', sans-serif;
			font-weight: 400;
			font-size: 24px;
			line-height: 36px;
			text-align: center;
			letter-spacing: -0.025em;
		}
		
		h2{
			font-family: 'Poppins', sans-serif;
			font-weight: 400;
			font-size: 21px;
			line-height: 21px;
			text-align: left;
			letter-spacing: -0.015em;
		}
		
		h2.big{
			font-family: 'Poppins', sans-serif;
			font-weight: 500;
			font-size: 23px;
			line-height: 23px;
			text-align: left;
			letter-spacing: -0.015em;
		}
		
		h3{
			font-family: 'Poppins', sans-serif;
			font-weight: 200;
			font-size: 18px;
			line-height: 18px;
			text-align: left;
			letter-spacing: 0.010em;
		}
		
		p{
			padding: 0px; margin: 0px;
			font-family: 'Poppins', sans-serif;
			font-weight: 400;
			font-size: 16px;
			line-height: 27px;
			letter-spacing: -0.018em;
		}
		
		.grid-2-columns{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-3-columns{
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-4-columns{
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
			
	}
	
	
	@media screen and (max-width: 1094px){
		
		.centered, .centered-wide {
			width: 100%;
			margin: 0px;
		}
		
		.centered-pct {
			width: 94%;
			margin: 0 auto;	
		}
				
		.grid-2-columns{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-3-columns{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-4-columns{
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
	}
	
	@media screen and (max-width: 781px){
		
		.largehero-to-minihero{
			height: 50vh;
		}		
		.grid-2-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-3-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-4-columns{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
	}
	
	
	@media screen and (max-width: 480px){
		
		h1{
			font-family: 'Poppins', sans-serif;
			font-weight: 400;
			font-size: 30px;
			line-height: 30px;
			text-align: center;
		}
		
		.grid-2-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-3-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-4-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}

		
	}