/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#POPUP_CONTENT{
	display:none;
}


/* DEFAULT STYLE SETTINGS */

.modal {
		display:    none;
		position:   fixed;
		z-index:    1000;
		top:        0;
		left:       0;
		height:     100%;
		width:      100%;
		background: rgba( 255, 255, 255, .8 ) 
		            url('http://i.stack.imgur.com/FhHRx.gif') 
		            50% 50% 
		            no-repeat;
		opacity: 0.80;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 80);
		filter: alpha(opacity = 80)
	};
	
	body.loading {
	    overflow: hidden;   
	}

		
	body.loading .modal {
	    display: block;
	}

@media screen and (min-width: 0px)  {

	
	:root {
	  	--oranje: #ea660a;
	 	--lichtoranje: #ed8620;
	}


	
	html{
		margin:0 auto;
		background-color:#ffffff;
		color:#1d1e1c;
		font-family: 'Roboto', sans-serif;
		margin:0px;
		padding:0px;
		position:relative;
		height:100%;
		font-size:0.9em;
	}
	
	body{
		height:100%;
	}
	
	.no-js #loader { display: none;  }
	
	.js #loader { display: block; position: absolute; left: 100px; top: 0; }

	input,textarea{
		padding:10px;
		border:none;
		border-bottom:1px solid #a9a9a8;
		background-color: inherit;
		font-size:1em;
	}

	textarea{
		font-family:inherit;
		font-size:0.8em:
	}

	.auto_select input, .auto_select textarea{
		padding:5px;
		border-radius:5px;
		border:1px solid #c9c9c9;
	}

	.auto_select .frm_focus{

	}

	.auto_select .button, .button{
		width:auto;
		cursor:pointer;
		-webkit-appearance: none;
		border-radius:5px;
        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
        outline:none;
		font-family: 'Oswald', sans-serif;
		font-weight: lighter;
		text-transform: uppercase;
		background-color:var(--oranje);
		color:#ffffff;
		padding:5px 25px;
		font-size:0.9em;
		letter-spacing: 0.05em;
		border:0px;
	}

	.button:hover{
		opacity: 0.8;
		outline:none;
	}

	.button:active{
		position:relative;
		top:1px;
		outline:none;
	}

	.button-dark{
		background-color:#1d1e1c;
	}
	
	.button-small{
		padding:3px 15px;
		font-size:0.9em;
	}
	
	
	#popup-content{

		min-width:140px;
		color:#000000;
		border-radius:5px ;
		opacity: 0;
   	 	transform: translateY(-50px);
    	transition: all .3s;

	}

	.fancybox-container a, .fancybox-controls, .fancybox-buttons , .fancybox-button--close{
		outline: none;
	}

	.fancybox-slide--complete #popup-content {
		opacity: 1;
		transform: translateY(0);
	}

	.btn-popup {
		display: inline-block;
		text-align:right;
		float:right;
		border:0px;
		background-color:#ad2100;
		border-radius:12px;
		color:#ffffff;
		padding:8px 15px;
		font-size:10px;
		outline:none;

	}



	.frmerror{
		border:1px solid #ff0000;
	}


	.formfeedback{
		color:#ff0000;
		font-style:italic;
	}



	.point{
		cursor:pointer;
	}


	a{
		outline: none;
		text-decoration:underline;
		color:inherit;
	}


	p, ul, ol{
		line-height:1.6em;
		margin-bottom:20px;
		font-size:1.1em
	}


	h1,h2,h3,h4{
		margin-bottom:30px;
		font-family: 'Oswald', sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		
	}

	h1{
		font-size:3em;
		letter-spacing: 0.1em;
		line-height: 1.3em;

	}

	h2{
		font-size:2.2em;
		letter-spacing: 0.07em;
	}

	h3{
		font-size:1.3em;
	}

	.oranje{
		color:var(--oranje);
	}
	strong{
		font-weight:bold;
	}

	small{
		font-size:0.8em;
	}

	em{
		font-style:italic;
	}


	ul, ol{
		list-style-type:disc;
		position:relative;
		margin-left:20px;
	}

	ol{
		list-style-type:decimal;
	}

	li{

	}


	.clear{
		clear:both;
	    height:0;
	    font-size: 1px;
	    line-height: 0px;
	}

	#cookiebanner{
		height:310px;
		position:fixed;
		color:#000000;
		width:230px;
		right:20px;
		top:20px;
		z-index:9997;
		-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
		background-color:#ffffff;
		overflow:hidden;
		font-size:0.8em;
		text-align:center;
		border-radius:5px;
	}
	

	
	
	#cookiebanner a{
		color:inherit;
	}
	
	#cookiebanner-header {
		padding:8px 5px 0px 5px;
	}
	
	#cookiebanner-header h3{
		margin-bottom:7px;
		color:#000000;
		text-transform:uppercase;
		font-weight:bold;
		font-size:1.1em;
	}
	
	#cookiebanner-image img{
		width:100%;
		height:auto;
	}


	#cookiebanner-tekst{
		padding:10px;
		font-weight:lighter;
		line-height:1.5em;
		margin-bottom:5px;
	}

	#cookiebanner-accept{
	
	}

	#cookiebanner-accept button{
		width:auto;
		cursor:pointer;
		-webkit-appearance: none;
		border:0px;
		background-color:#ad2100;
		color:#ffffff;
		font-size:11px;
		border-radius:10px;
		font-size:12px;
		padding:5px;
		margin-bottom:0px;
	}
	#cookiebanner-accept button:hover{
		background-color:#d72900;
	}

	#trigger-nav{
		background-color:var(--lichtoranje);
    	color:#ffffff;
    	-webkit-transition: .5s ease-in-out;
	 	 -moz-transition: .5s ease-in-out;
	  	-o-transition: .5s ease-in-out;
	  	transition: .5s ease-in-out;
	  	cursor:pointer;
	  	width:auto;
	  	height:29px;
	  	font-size:1.7em;
	  	padding:8px;
	  	position:absolute;
	  	top:0px;
	  	right:0px;
	  	z-index:901;
	}

	
	#trigger-nav:hover{
		background-color:#6a6a6a;
		background-color:var(--oranje);
	}

	#nav-icon{
		width: 30px;
		height: 10px;
		position: relative;
		margin: 3px auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		display:inline-block;
		vertical-align:top;
	}

	#nav-icon span{
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #ffffff;
		border-radius: 4px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#nav-icon span:nth-child(1) {
	  top: 0px;
	}

	#nav-icon span:nth-child(2) {
	  top: 8px;
	}

	#nav-icon span:nth-child(3) {
	  top: 16px;
	}

	#nav-icon.open span:nth-child(1) {
	  top: 8px;
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	  transform: rotate(135deg);
	}

	#nav-icon.open span:nth-child(2) {
	  opacity: 0;
	  left: -60px;
	}

	#nav-icon.open span:nth-child(3) {
	  top: 8px;
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	}
	
	
	header{
		position:relative;
	
	}
	
	#header-container{
		position:relative;
		border-bottom:1px solid #ececec;
	}
	
	#header-container-logo img{
		width:150px;
		height:auto;
	}
	
	.header-container-contact-item, .subcontact-data-item{
		color:#ffffff;
		display:inline-block;
	}
	
	.header-container-contact-item img, .subcontact-data-item img{
		width:auto;
		height:14px;
		margin-right:10px;
	}
	
	.header-container-contact-item img{
		height:20px;
		
	}
	
	.header-container-contact-item-login.trigger-login{
		cursor: pointer;
	}
	
	
	#header-background{
		position:absolute;
		background-image: url("../img/background-header.svg");
		right:0px;
		top:0px;
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	
	#header-contact{
		position:absolute;
		background-image: url("../img/background-contact.svg");
		left:0px;
		top:0px;
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	
	
	.nav-item{
		text-transform: uppercase;
		color:var(--oranje);
		cursor: pointer;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	
	#header-home .nav-item, #header-cadeaubon .nav-item{
		color:#ffffff;
	}
	
	.nav-item:hover{
		color:#ffdcc5;
		
	}
	
	.container{
		width:95%;
		margin:0 auto;
		max-width:1300px;
		position: relative;
	}
	
	.container-small{
		width:95%;
		max-width:1100px;
		width:95%;
		margin:0 auto;
	}
	.page{
		margin:60px 0px;
	}
	
	#subsets{
		text-align: center;
		padding-bottom:50px;

	}
	
	#subsetsoverzicht{
		width:85%;
		margin:0 auto 50px auto;
	}

	.set-item{
		background-color:#f5f5f5;
		padding:20px;
		width:200px;
		text-align:center;
		font-size:0.9em;
		cursor: pointer;
	
	}
	
	.set-item-foto{
		margin-bottom:20px;
	
	}
	
	.set-item-foto img{
		width:200px;
	}
	
	.set-item-naam{
		height:40px;
		overflow:hidden;
	}
	
	.set-item-naam h3{
		font-size:1.2em;
	}
	
	.set-item-theme p{
		
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		width:100%;
	}
	
	
	.set-item-info{
		font-size:0.8em;
	}
	
	.slick-prev {
	    left: -55px;
	}
	
	.slick-prev, .slick-next {
	    font-size: 0;
	    line-height: 0;
	    position: absolute;
	    top: 50%;
	    display: block;
	    width: 60px;
	    height: 60px;
	    margin-top: -10px;
	    padding: 0;
	    cursor: pointer;
	    color: transparent;
	    border: none;
	    outline: none;
	    background: transparent;
	    z-index:880;


	}
	
	.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {
	   
	}
	
	.slick-prev::before {
	    background-image: url('../img/icon-prev.png');
		background-repeat:no-repeat;
	   	display:block;
	    width:60px;
	    height:60px;
	    content:"";

	}
	.slick-prev::before, .slick-next::before {
	    font-family: 'slick';
	    font-size: 20px;
	    line-height: 1;
	
	    color: white;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	.slick-prev, .slick-next {
	    font-size: 0;
	    line-height: 0;
	    cursor: pointer;
	    color: transparent;
	}
	
	
	.slick-prev:hover:before,
	.slick-prev:focus:before,
	.slick-next:hover:before,
	.slick-next:focus:before
	{
		opacity: 0.7;
	}

	.slick-next {
   		right: -45px;
	}
	
	.slick-next::before {
	    background-image: url('../img/icon-next.png');
		background-repeat:no-repeat;
	   	display:block;
	    width:60px;
	    height:60px;
	    content:"";
	}
	
	#subfaq{
		background-image: url('../img/faq-achter.jpg');
		background-repeat:no-repeat;
		background-size: auto 500px;
		margin-bottom:60px;
	}
	
	.faq-item{
		padding:20px 10px 20px 50px;
		border-bottom:1px solid #ececec;
		position:relative;
	}
	
	.faq-item-bullet{
		background-image: url('../img/bullet.svg');
		background-repeat:no-repeat;
		background-size: 20px;
		background-position: top left;
		width:20px;
		height:20px;
		position: absolute;
		top:20px;
		left:0px;
		cursor:pointer;
	}
	
	.faq-item-vraag{
		font-size:1.4em;
		font-weight:bold;
		cursor:pointer;
	}
		
	.faq-item-antwoord{
		font-size:1.1em;
		padding:20px 0px 0px 0px;
		display:none;
	}
	
	#faq-cta{
		padding:10px 0px;
	}
	
	#faq-cta span{
		font-size:1.3em;
		color:var(--oranje); 
		margin-right:20px;
		line-height: 1.7em;
	}
	
	#subcontact{
		margin-bottom:60px;
	}
	
	#subcontact-form, #frm-gegevens{
		background-color:#f5f5f5;
		padding:30px;
	}
	
	.subcontact-item{
		margin-bottom:10px;
	}
	
	#frm-contact .button, #frm-contact #frm-contact-privacy{
		width:auto;
	}
	
	#frm-contact #frm-contact-privacy{

		margin-bottom:20px;
	}
	
	.subcontact-data-item{
		color:var(--oranje);
		display: block;
		margin-bottom:10px;
	}
	
	.subcontact-data-item img{
		width:20px;
		height:auto;
	}
	
	#footer-container{
		border-top:1px solid #ececec;
		padding:30px 0px;
	}
	
	#footer-container-logo img{
		width:150px;
		height:auto;
	}

	.footer-nav-item{
		margin-bottom:10px;
		cursor:pointer;	
	}
	
	.footer-nav-item:hover{
		text-decoration: underline;
	}
	
	
	.footer-container-contact-item{
		display: block;
		margin-bottom:10px;
	}
	
	.footer-container-contact-item img{
		height:15px;
		width:auto;
		margin-right:10px;
	}
	
	#verhuur-items-overzicht{
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
	}
	
	#verhuur h1{
		text-align: center;
	}
	
	.page-number{
		background-color:var(--oranje);
		color:#ffffff;
		padding:4px;
		border-radius: 3px;
	}
	
	.page-number a{
		text-decoration: none;
	}
	
	.page-number-selected{
		background-color:var(--lichtoranje);
		font-size:1.2em;
	}

	.page-number:hover{
		background-color:var(--lichtoranje);
	}
	
	#verhuur-filter h3{
		margin-bottom:10px;
	}
	#verhuur-filter-aantal{
		font-style: italic;
		color:var(--oranje);
		margin-bottom:20px;
	}
	
	#verhuur-filter ul{
		list-style-type: none;
		margin-left:0px;
	}
	
	#verhuur-filter ul li{
		margin-bottom:3px;
		font-size:0.9em;	
	}
	
	#verhuur-filter ul li input{
		margin-right:8px;
	}
	
	.verhuur-filter-set{
		margin-bottom:20px;
	}
	
	#trigger-filter{
		background-color:var(--oranje);
		color:#ffffff;
		padding:10px;
		margin-bottom:20px;
		cursor:pointer
	}
	
	#trigger-filter img{
		height:15px;
		width:auto;
	}
	
	.breadcrump{
		margin-bottom:40px;
		font-size:0.9em;
	}
	
	.breadcrump img{
		height:16px;
		width:auto;
		margin:0 4px;
		position:relative;
		top:4px;
	}
	
	
	#fiets-galerij{
		margin-bottom:50px;
	}
	
	#set-foto-main {
		margin-bottom:20px;
		background-color:#ffffff;
	}
	
	#set-foto-main img{
		width:80%;
		max-width:500px;
		height:auto;
	}
	
	.zoomImg{
		background-color:#ffffff;
	}
	#set-foto-thumb img{
		height:80px;
		width:auto;
		margin:0px 10px 10px 0px;
		border: 1px solid #ececec;
		cursor:pointer;
	}
	
	#set-foto-thumb img:hover, #set-foto-thumb img:active{
		border: 1px solid var(--lichtoranje);
	}
	
	#set-omschrijving{
		font-size:0.9em;
	}
	
	#set-details{
		display:flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-bottom:50px;
	}
	
	.set-detail-item{
		font-family: 'Oswald', sans-serif;
		font-weight: 600;
		font-size:1.6em;
		line-height: 0.8em;
		display:inline-block;
		width:110px;
		height:60px;
		border:1px solid var(--oranje);
		padding-top:30px;
		border-left:none;
		margin:0px;
		padding-left:5px;
	}
	
	.set-detail-item small{
		font-weight: 200;
		font-size:0.6em;
	}
	
	
	.set-detail-item img{
		width:auto;
		height:40px;
		vertical-align: top;
		margin-right:8px;
		float:left;
		position: relative;
		top:-17px;
	}
	


	.set-detail-item img{
		top:-10px;
		
	}
	
	#set-reserveer{
		margin-bottom:50px;
	}
	
	
	#set-reserveer-datum{
		margin-bottom:30px;
	}
	
	#set-reserveer-datum input{
		width:80%;
		max-width:450px;
	}
	
	#set-reserveer-prijs{
		font-family: 'Oswald', sans-serif;
		font-weight: 600;
		font-size:1.5em;
		line-height: 0.8em;
		
	}

	#frm-bon{
		background-color:#f5f5f5;
		padding:30px 30px 60px 30px;
		border-top-right-radius: 120px;
		border-bottom-left-radius: 75px;
	}
	
	
	.bon-part{
		margin-bottom:30px;
	}
	.bon-part h4{
		margin-bottom:10px;
	}
	
	#frm-bon #frm-bon-bericht{
		width:80%;
	}
	
	.contact-data-item{
		color:var(--oranje);
		font-size:1.4em;
		margin-bottom:20px;
	}
	
	.contact-data-item img{
		width:30px;
		margin-right:20px;
		position: relative;
		top:5px;
	}
	
	#contact-arrow .img-arrow{
		margin-bottom:30px;
	}
	
	#map{
		height:500px;
		margin-bottom:60px;
	}
	
	#set-download{
		font-size:0.9em;	
	}
	
	#set-download img{
		height:15px;
		width:auto;
		margin-right:10px;
		
	}
	
	#set-download ul{
		list-style-type: none;
		margin-left:0px;
		
	}
	
	
	#set-download ul li{
		margin-bottom:10px;
	}
	
	#nav-basket{
		position:relative;
		top:-10px
	}
	
	#nav-basket img{
		height:35px;
		width:auto;
	}
	
	#nav-basket-amount{
		position:absolute;
		top:-5px;
		right:-2px;
		width:16px;
		height:16px;
		border-radius:8px;
		background-color:var(--oranje);
		font-size:0.7em;
		text-align: center;
		color:#ffffff;
		line-height:1.6em;
	}
	
	#setconfirm, #loginscreen, #gegevenserror,#accountconfirm,#gemeente{
		width:80%;
		max-width: 400px;
		background-color:var(--oranje);
		color:#ffffff;
		display:none;
	}
	
	#loginscreen #frm-login-email,#loginscreen #frm-login-password{
		width:80%;	
		background-color:#ffffff;
	}
	
	#loginscreen h3 img{
		height:20px;
		width:auto;
		margin-right:10px;
	}
	
	.gemeente-item{
		margin-bottom:3px;	
	}
	
	.gemeente-item div{
		display:inline-block;
		margin-right:20px;
	}
	.setfeedback{
		margin:5px 0px;
		color:var(--oranje);
		font-style: italic;
	}
	
	.loginfeedback{
		margin:10px 0px;

		font-style: italic;
	}
	.winkelmand-item, .gegevens-item{
		background-color:#f5f5f5;
		padding:20px;
		margin-bottom:20px;
		border-radius: 5px;
		position: relative;
	}
	
	.gegevens-item{
		background-color:var(--oranje);
		color:#ffffff;
	}
	
	
	.winkelmand-item-foto img{
		width:80%;
		max-width:300px;
	}
	
	.winkelmand-item-info-titel, .gegevens-item-info-titel{
		font-family: 'Oswald', sans-serif;
		font-weight: 600;
		font-size:1.3em;
		line-height: 1.8em;
		margin-bottom: 15px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	
	.gegevens-item-info-titel{
		width:80%;
	}
	
	
	.winkelmand-item-info-periode,.gegevens-item-info-periode{
		margin-bottom: 15px;
	}
	
	.gegevens-item-info-prijs{
		margin-bottom: 15px;
	}
	
	.winkelmand-item-cta .button, .gegevens-item-cta .button{
		width:80px;
		height:80px;
		position:relative;
	}
	
	.gegevens-item-cta .button{
		width:25px;
		height:25px;
		position:absolute;
		top:25px;
		right:15px;
		padding:10px;
	}
	
	.winkelmand-item-cta .button img,.gegevens-item-cta .button img{
		width:50px;
		height:auto;
		position:absolute;
		top:9px;
		left:16px;
	}
	
	.gegevens-item-cta .button img{
		width:12px;
		top:6px;
		left:7px
	}
	
	
	#winkelmand-totaal, #gegevens-totaal{
		background-color:#f5f5f5;
		padding:20px;
		margin-bottom:20px;
		border-radius: 5px;
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
		text-align: center;
	}
	
	#winkelmand-totaal-titel,#gegevens-totaal-titel{
		letter-spacing: 0.1em;
		margin-bottom:10px;
	}
	
	#winkelmand-totaal-bedrag,#gegevens-totaal-bedrag{
		font-size:2.8em;
	}
	
	
	#winkelmand-totaal-credits,#gegevens-totaal-credits{
		font-style: italic;
		font-size:0.8em;
		margin-bottom:20px;
	
	}
	
	#frm-gegevens input,#frm-gegevens textarea {
		width:80%;	
		margin: 0 auto 20px auto;
	}
	
	#frm-gegevens .frm-gegevens-verzending, #frm-gegevens .frm-gegevens-account, #frm-gegevens .button {
		width:auto;
	}
	
	.gegevens-formulier-block{
		margin-bottom:30px;
	}
	
	#gegevens-formulier-wachtwoord{
		display:none;
	}
	
	.account-nav-item{
		background-color:var(--oranje);
		color:#ffffff;
		padding:10px;
		border-radius: 5px;
		cursor:pointer;
		-webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -ms-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
	}
	
	.account-nav-item:hover{
		background-color:#ffdcc5;
	}
	
	
	.verhuur-item{
		
		margin-bottom:20px;
	}

	.verhuur-item-info{
		background-color:var(--oranje);
		color:#ffffff;
		padding:10px;
		border-radius: 5px;
		margin-bottom: 10px;
	}
	
	#logincontainer{
		background-image:url("../img/background-contact.svg");
		background-position:0px 80%;
		background-size:cover;
		height:100%;
		background-repeat:no-repeat;
	}
	
	#logincontainer img{
		width:200px;
		height:auto;
		margin-bottom:20px;
	}
	
	
	#login{
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top:-170px;
		margin-left:-170px;
		text-align:center;
		padding:20px 20px 2px 20px;
		border:1px solid #dddbdb;
		background-color:#ffffff;
		
				
	}
	
	#login input{
		margin-bottom: 20px;
	}
	
	
	#login-error{
		padding:20px;
		color:var(--oranje);
	}
}







@media screen and (max-width: 1000px)  {		/* DIT IS VOOR DE MOBIELE BROWSERS */
	
	h1{
		font-size:2.7em;

	}

	h2{
		font-size:2em;
	}

	h3{
		font-size:1.2em;
	}
	
	
	
	
	#cookiebanner{
		height:auto;
	}

	#cookiebanner-accept{
		top:55px;
		left:10px;
	}
	
	#cookiebanner-accept button{
		margin-bottom:20px;
	}
	

	nav{
		display:none;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		background-color:var(--oranje);
		z-index:900;
		padding:20px 0px;
	}

	.nav-item{
		text-align:center;
		width:80%;
		margin:0 auto;
		color:#ffffff;
		padding:20px;
		font-size:1.3em;
	}

	.home-list{
		text-align:center;
	}

	.home-list ul{
		left:0px;
		list-style-type:none;
	}
	
	
	#header-container-logo{
		text-align: center;
		padding-top:70px;
	}
	#header-container-logo img{
		width:150px;
		padding:10px;
	}
	
	#header-container-contact{
		position: absolute;
		top:0px;
		right:0px;
		background-color:var(--oranje);
		border-bottom-left-radius: 20px;
		padding:12px 75px 18px 20px;
		font-size:0.7em;
	}
	
	.header-container-contact-item img{
		width:auto;
		height:14px;
		margin-right:6px;
	}
	
	.header-container-contact-item{
		margin-left:10px;
	}
	
	.header-container-contact-item:first-of-type{
		margin-left:0px;
	}

	.header-container-contact-item-login.user-login{
		display: block;
		margin:10px 0px 0px 0px;
		
	}
	
	
	#home{
		text-align:center;
	}
	
	#home-inleiding{
		margin-bottom:50px;
	}
	
	#home-foto img, #contact-foto img{
		width:80%;
		max-width:300px;
	}
	
	.set-wrapper, .set-item{
		margin:0 auto;
	}
	
	footer{
		text-align:center;
	}
	
	#subcontact{
		text-align: center;
	}
	#footer-container-logo, #footer-container-sitemap{
		margin-bottom:30px;
	}
	
	#frm-contact input,#frm-contact textarea{
		width:80%;
		max-width:400px;
		display: block;
		margin: 0 auto 20px auto;
	
	}
	
	
	#frm-contact #frm-contact-privacy{
		width:auto;
		display:inline-block;
	}
	
	#subfaq{
		background-image:none;
	}
	
	#subfaq h2{
		text-align: center;
	}
	
	#faq-cta{
		text-align: center;
	}

	#subsetsoverzicht{
		width:80%;
		margin:0 auto 50px auto;
	}
	
	.slick-prev, .slick-next {
	   height:0px;
   		width:0px;
		overflow:hidden;
	}
	
	#verhuur-items-overzicht{
		justify-content: center;
	}
	#verhuur-items-overzicht .set-item{
		margin:0px 10px 30px 10px;
	}
	
	#filter-values{
		display: none;
	}
	
	#verhuur-filter ul li{
		display:inline-block;
		margin-bottom:3px;
		font-size:0.9em;	
		border:1px solid #a9a9a8;
		padding:3px;
		margin:3px 3px 0px 0px;
	}
	
	
	#contact-form{
		text-align: center;
	}
	
	
	#contact-arrow{
		text-align:center;
	}
	
	#contact-arrow .img-arrow{
		width:90%;
	}
	
	.set-detail-item{
		width:40%;
		margin: 10px auto;
		border:1px solid var(--oranje);
	}
	
	#set-reserveer{
		text-align: center;
	}
	#set-reserveer-prijs{
		margin-bottom:30px;
	}
	
	
	.account-nav-item{
		margin-bottom:10px;
		text-align:center;
	}
	
	#nav-basket-amount{
		left:51%;
		top:13px;
	}
	
	
	.winkelmand-item{
		text-align: center;
	}
	
	.winkelmand-item-foto {
		text-align: center;
		margin:0 auto;
		width:120px;
	}
	
	.winkelmand-item-info {
		margin:0 auto 20px auto;
		width:80%;
	}
	
	.winkelmand-item-cta {
	
		text-align: center;
	}
	
	.winkelmand-item-cta .button{
		position:relative;
		margin:0 auto;
		left:0px;
		right:0p;
		height:40px;
		width:40px;
	}
	
	.winkelmand-item-cta .button img{
		height:25px;
		width:25px;
		left:13px;
		top:8px;
	}
	
	#winkelmand-cta{
		text-align:center;
		margin-bottom:20px
	}
	
	#gegevens-formulier{
		margin-bottom:30px;
	}
	
	#account-nav{
		margin-bottom:30px;
	}
	
	.useraccount-page .gegevens-formulier-item{
		margin-bottom:20px;
	}
	
	
	.useraccount-page .gegevens-formulier-item label{
		display: block;
	}
	
	.useraccount-page .gegevens-formulier-item input{
		padding-left:0px;
	}
}




@media screen and (min-width: 1000px)  {		/* DIT IS VOOR DE STANDAARD BROWSERS */
	#trigger-nav, #trigger-filter{
		display:none;
	}
	
	
	#header-container-logo{
		position: absolute;
		top:15px;
		left:0px;
	}
	
	#header-container{
		width:95%;
		margin:0 auto;
		max-width:1300px;
		height:160px;
	}
	
	#header-background, #header-contact{
		width:65%;
		height:700px;
		background-size:cover;
	
	}
	
	#header-contact{
		width:40%;	
	}
	
	 #header-container-contact{
		position: absolute;
		top:0px;
		right:0px;
		background-color:var(--oranje);
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		padding:20px 40px;
	}
	
	
	#header-home #header-container-contact, #header-cadeaubon #header-container-contact{
		position: absolute;
		top:60px;
		right:0px;
		background-color:transparent;
		padding:0px;
		border-radius: inherit;
			
		
	}
	
	
	.header-container-contact-item{
		margin-left:30px;
	}
	
	
	
	nav{
		position:absolute;
		top:110px;
		right:0px;
		display:flex;
		justify-content: space-between;
		width:52%;
	}
	
	.nav-item{
		display:inline-block;
	}
	

	#home-inleiding{
		width:40%;
		float:left;
	}	

	
	
	#contact-inleiding{
		width:50%;
		float:left;
	}	
	
	
	#home-foto, #contact-foto{
		position:absolute;
		right:0px;
		top:0px;
		
	}
	
	
	#home-foto img{
		width:400px;
		height:auto;
	}
	
	
	#contact-foto img{
		width:500px;
		height:auto;
	}
	
	#subsets{
		margin-top:150px;
	}
	
	#subfaq-items{
		float:right;
		width:50%;
		min-height:500px;
	}
	
	#subcontact-tekst{
		float:left;
		width:30%;
	}
	
	
	#subcontact #subcontact-form{
		float:right;
		width:65%;
		max-width:600px;
	}
	
	#frm-contact input,	#frm-contact textarea{
		width:500px;
	}
	
	#frm-contact #frm-contact-tel,#frm-contact #frm-contact-email {
		width:240px;
	}
	
	
	#footer-container-logo{
		float:left;
		width:400px;
	}
	
	#footer-container-sitemap{
		float:left;
		width:130px;
	}
	
	
	#footer-container-contact{
		float:right;
		width:250px;
	}
	
	#verhuur-filter{
		width:200px;
		float:left;
	}
	
	#verhuur-items{
		width:75%;
		float:right;
	}
	
	#verhuur-items-overzicht .set-item{
		margin:0px 5px 30px 5px;
	}
	
	#set-foto{
		float:left;
		width:45%;
	}
	
	.set-detail-item:first-of-type,.set-detail-item:nth-of-type(2), .set-detail-item:nth-of-type(3),.set-detail-item:nth-of-type(4){
		border-top:none;
	}
	
	.set-detail-item:nth-of-type(5), .set-detail-item:nth-of-type(6), .set-detail-item:nth-of-type(7), .set-detail-item:nth-of-type(8){
		border-bottom:none;
		border-top:none;
	}
	
	.set-detail-item:nth-of-type(4),.set-detail-item:nth-of-type(8){
		border-right:none;
	}
	
	#set-omschrijving{
		float:right;
		width:50%;
	}
	
	#set-reserveer-cta{
		float:right;
		width:45%;
	}
	
	#set-reserveer-prijs{
		float:left;
		width:45%;
	}
	
	#contact-arrow{
		float:left;
		width:40%;
	}

		
	#contact-arrow .img-arrow{
		width:90%;
	}
	
	#contact-form{
		float:right;
		width:48%;
	}
	
	.winkelmand-item{
		
	}
	
	.winkelmand-item-foto {
		float:left;
		width:120px;
	}
	
	.winkelmand-item-info {
		float:left;
		width:750px;
	}
	
	.winkelmand-item-cta {
		float:right;
		position:relative;
		height:100px;
		width:100px;
	}
	
	.winkelmand-item-cta .button{
		position:absolute;
		bottom:10px;
		right:10px;
	}
	
	.winkelmand-item-cta .button:hover{
		position:absolute;
		bottom:9px;
		top:auto;
	}
	
	#winkelmand-totaal-container{
		width:200px;	
		float:left;
	}
	
	
	#winkelmand-cta{
		width:200px;	
		float:right;
		text-align:right;
		height:100px;
		position: relative;
	}
	
	#winkelmand-cta button{
		position: absolute;
		bottom:0px;
		right:10px;
		font-size:1.2em;
	}
	
	#winkelmand-cta button:hover{
		position:absolute;
		bottom:-1px;
		top:auto;
	}

	#gegevens-formulier{
		float:left;
		width:500px;
	}
	
	#gegevens-bestelling{
		float:right;
		width:300px;
	}

	#frm-gegevens #frm-gegevens-nr,#frm-gegevens #frm-gegevens-postcode  {
		width:70px;	
	}
	
	#frm-gegevens #frm-gegevens-straat,#frm-gegevens #frm-gegevens-gemeente  {
		width:250px;
	}
	
	#frm-gegevens #frm-gegevens-straat,#frm-gegevens #frm-gegevens-postcode  {
		margin-right:10px;
	}
	
	
	
	#account-nav{
		float:left;
		margin-right:50px;
		width:250px;
	}
	
	.useraccount-page{
		float:left;
		width:500px;
	}
	
	.account-nav-item{
		margin-bottom:10px;
		width:150px
	}
	
	.useraccount-page .gegevens-formulier-item label{
		width:150px;
		display: inline-block;
	}
	
	#set-download{
		width:400px;
	}
}

@media screen and (min-width: 1200px)  {
	

	
	#header-background, #header-contact{
		height:800px;
	}
	
	nav{
		width:45%;
	}
	
	
	#home-foto img{
		width:600px;
	}
	
	#footer-container-logo{
		width:500px;
	}
	
	#verhuur-items{
		width:82%;

	}
	
	#verhuur-items-overzicht .set-item{
		margin:0px 10px 30px 10px;
	}
	
	.set-detail-item{
		width:130px;
		font-size:1.9 em;
	}
}


@media screen and (min-width: 1500px)  {

	nav{
		width:35%;
	}
	
	#header-background, #header-contact{
		height:900px;
	}
	
	#footer-container-logo{
		float:left;
		width:600px;
	}
	
	
}