/* HOOFDKLEUR/ bca38e */
/* TEKST DONKER /  7f6857  / hover:a09187 */
/* LICHTE ACHTERGROND / f7f7f5 */


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

	html{
		margin:0 auto;
		background-color:#ffffff;
		color:#000000;
		color:#bca38e;
		font-family: "Poppins", sans-serif;
		font-weight: 400;
		font-style: normal;
		margin:0px;
		padding:0px;
		position:relative;
		height:100%;
		
				background-image:url("../img/background.svg");
		background-size: 100%;
		background-repeat: no-repeat;
	}
	
	body{
		height:100%;

	}
	
	.no-js #loader { display: none;  }
	
	.js #loader { display: block; position: absolute; left: 100px; top: 0; }
	
	
	

	input,textarea{
		padding:5px;
		border:1px solid #c2a28c;
		font-size:0.9em;
		border-radius: 10px;
		color:#c2a28c;
	}
	
	.bestellen-gegevens-label{
		color:#a5673b;
		font-size:0.9em;
	}
	
	label{
		color:#7f6857;
	}

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

	.auto_select input, .auto_select textarea{
		padding:5px;
		border-radius:5px;
		border:1px solid #c9c9c9;
	}
	
	
	#frm-contact input, #frm-contact textarea{
		border:0px;
		border-bottom:1px solid #c2a28c;
		border-radius:0px;
		width:80%;
		max-width:300px;
		margin-bottom:20px;
	}
	
	#frm-contact input.button, #frm-contact input#frm-contact-privacy{
		width:auto;
	}

	.auto_select .frm_focus{

	}
	
	input::placeholder {
	  font-style:italic;
	}

	.auto_select .button, .button,  .breadcrump-item{
		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;
		background-color:#bca38e;
		color:#ffffff;
		font-weight:lighter;
		letter-spacing: 0.15em;
		text-transform: uppercase;
		font-size:0.9em;
		padding:10px;
		border:0px;
	}
	
	.levering-item, .bestellen-verzendtype-item{
		width:120px;
		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;
		border:1px solid #bca38e;
		color:#ffffff;
		font-weight:lighter;
		letter-spacing: 0.01em;
		text-transform: uppercase;
		font-size:0.8em;
		padding:10px;
		display:inline-block;
		color:#bca38e;
		
	}
	
	
	.levering-item:hover,.levering-selected, .bestellen-verzendtype-item{
		background-color:#bca38e;
		color:#ffffff;
	}
	
	.bestellen-verzendtype-item{
		width:60%;
		margin-bottom:10px;
	}
	
	.levering-item:active{
		top:1px;
		position: relative;
	}

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

	.button:active{
		position:relative;
		top:1px;
		outline:none;
	}
	
	
	.disabledbutton{
		pointer-events: none;
		opacity: 0.4;
		cursor:default;
	}
	
	
	
	.breadcrump-item{
		background-color:#bca38e;
	}
	
	.button-small,.breadcrump-item,.breadcrump-item-selected{
		font-size:0.8em;
		padding:6px;
		
	}
	.button-small,.breadcrump-item-selected{
		background-color:#7f6857;
	}
	.breadcrump-item-selected, .breadcrump-item{
		display:inline-block;
		margin:0px 5px 5px 0px;
	}
	
	
		
	#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.7em;
		margin-bottom:20px;
		color:#bca38e;
		font-size:1.1em;
	}


	h1,h2,h3,h4{
		margin-bottom:30px;
		color:#bca38e;
	}

	h1{
		font-size:2.5em;
		color:#7f6857;
	}

	h2{
		font-size:2em;
		font-weight: lighter;
		line-height:1.2em;
		
	}

	h3{
		font-size:1.3em;
	}
	
	h4{
		font-size:1.1em;
		color:#7f6857;
		margin-bottom:10px
	}

	strong{
		font-weight:bold;
	}

	small{
		font-size:0.8em;
	}

	em{
		font-style:italic;
	}


	ul, ol{
		list-style-type:disc;
		position:relative;
	}

	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{
  
    	-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:27px;
	  	font-size:1.7em;
	  	padding:8px;
	  	position:absolute;
	  	top:0px;
	  	right:0px;
	  	z-index:901;
	}

	#trigger-nav:hover{
		
	}

	#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: #7f6857;
		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;
	}

	
	#trigger-nav:hover #nav-icon span{
		background: #a09187;
	}
		
		
	#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);
	}
	
	footer{
		background-color:#bca38e;
		color:#ffffff;
	}
	
	header{
		background-image: url("../img/header.png");
		background-position: bottom center;
		background-size:cover;
		background-repeat: no-repeat;
		color:#ffffff;
		background-color:#ffffff;
	
	}
	
	#header-container, #footer-container, .breadcrump{
		width:90%;
		max-width:1400px;
		margin:0 auto;
	}

	.breadcrump{
		margin-bottom:50px;
	}
	#navtop{
		font-size:0.8em;
		letter-spacing: 0.15em;
		text-transform: uppercase;
	}
	
	nav{
		color:#ffffff;
		font-size:0.8em;
		letter-spacing: 0.15em;
		text-transform: uppercase;
	}
	
	nav a{
		color:#ffffff;
		text-decoration: none;
		-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;
	}
	
	nav a:hover{
		color:#7f6857;
	}
	
	.center{
		text-align: center;
	}
	
	.content{
		padding:50px 0px;
	}
	
	
	
	.container,.container-small,.container-large{
		width:90%;
		max-width:1200px;
		margin:0 auto;
		position:relative;
	}

	.container-small{
		max-width:1000px;
	}
	
	.container-large{
		max-width:1400px;
	}
	
	#navtop img{
		width:20px;
		height:auto;
		position: relative;
		top:3px;
	}
	
	#home-intro h1{
		font-size:3em;
	
	}
	
	#home-intro p{
		font-size:1.4em;
		font-style: italic;
	}
	
	.troef-item{
		text-align:center;
		width:20%;
		max-width: 300px;
		color:#7f6857;
			display:inline-block;
	}
	
	
	.troef-item h3{
		color:#7f6857;
	}
	
	
	
	.troef-item img{
		width:100px;
		height:auto;
		margin-bottom:30px;
	}
	
	.troef-item p{
		font-size:0.9em;
	}
	
	
	#indekijker-intro p{
		font-style: italic;
		margin-bottom: 40px;
	}
	
	.indekijker-item{
		margin:0 auto;
		width:250px;
		vertical-align: top;
		border-radius: 10px;
		border:1px solid #eaeae1;
		overflow:hidden;
		background-color: #f7f7f5;
	}
	
	.indekijker-item-foto{
		width:250px;
		height:250px;
		overflow: hidden;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	
	.indekijker-item-foto img{
		width:250px;
		height:auto
	}
	
	.indekijker-item-content{
		
		font-size:0.9em;
		width:250px;
	}
	
	
	.indekijker-item-content p{
		font-size:0.9em;
		/*height:50px;*/
	}
	
	.indekijker-item-content h3{
		margin-bottom:10px;
	}
	
	.indekijker-item-contentinner{
		padding:20px;
	
	}
	
	#indekijker-container{
		position:relative;
		width:90%;
		margin:0 auto 50px auto;
	}
	
	
	.prev,.next{
		position: absolute;
		top:90px;
		left:-60px;
		z-index: 1900;
		width:50px;
		height: 50px;
		cursor:pointer;
			
	}
	
	.prev img,.next img{
		height:50px;
		width:auto;
	}
	
	.prev img{
		transform: rotate(180deg);
	}
	
	.next{
		right:-60px;
		left:auto;
	}
	
	#footer-logo img{
		width:250px;
		height:auto;
	}
	
	#footer-container{
		display:flex;
		justify-content: space-between;
		padding:40px 0px;
		flex-wrap: wrap;
	}
	
	#footer-container p,#footer-container ul{
		color:#ffffff;
	}
	
	#footer-container ul{
		list-style-type: none;
		text-align: center;
		margin:0px;
		padding:0px;
	}
	
	#detail-foto-main{
		width:85%;
		max-width:500px;
		heifght:auto;
		overflow: hidden;
		margin-bottom:20px;
	}
	
	#detail-foto-main img{
		width:100%;
		max-width:500px;
		height:auto;
		padding:10px;
		box-sizing: border-box;
		background-color:#f7f7f5;
		margin-bottom:10px;
		line-height: 0em;
		white-space: nowrap;
		overflow: hidden;
	}
	

	#detail-foto-thumbs img{
		height:100px;
		width:100px!important;
		margin-right:10px;
		cursor:pointer;
	}
	/*
	#sel-product-uitvoering{
		margin-right:10px;
		width:300px;
		padding-bottom:40px;
	}
	*/
	
	
	.sel-product-uitvoering{
		background-color:#f7f7f5;
		color:#a09187;
		padding:10px;
		border-radius:5px;
		margin:0px 10px 10px 0px;
		font-size:0.8em;
		width:160px;
		display:inline-block;
		cursor:pointer;
		border:1px solid #f7f7f5;
		vertical-align: top;
		position:relative;
		
	}
	
	
	
	.sel-product-uitvoering:hover
	{
		border:1px solid #bca38e;
	}
	
	.sel-product-uitvoering-titel{
		font-size:1.2em;
		color:#7f6857;
		margin-bottom:5px;
	}
	
	.uitvoering-selected, .uitvoering-selected .sel-product-uitvoering-titel{
		background-color:#bca38e;
		color:#ffffff;
	}

	.sel-product-uitvoering:active{
		position:relative;
		top:1px;
	}

	.sel-product-uitvoering em{
		padding-top:5px;font-weight:bold;
	}


	
	#frm_add_basket-prijs{
		font-size:1.5em;
		font-weight:bold;
		margin:20px 0px 50px 0px;
		color:#7f6857;	
	}
	
	#frm_add_basket-prijs small{
		font-size:0.5em;
		font-weight:normal;
		font-style: italic;
		color:#bca38e;
	}
	
	.frm_add_basket-config	{
		margin-bottom:20px;
	}
	
	#detail-content-info{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin:50px 0px;
	}
	
	.detail-content-info-item{
		min-width:200px;
		margin-bottom:20px;
	}
	
	.detail-content-info-item img{
		width:50px;
		height:auto;
		margin-bottom:10px;
		margin-right:10px;
		display:inline-block;
		vertical-align: middle;
	}

	.detail-content-info-item span{
		color:#7f6857;
		display:inline-block;
		
		vertical-align: middle;
	}
	
	#sel-product-aantal{
		width:60px;
	}

	
	#catalogus-overzicht-items{
		display:flex;
		justify-content: left;
		flex-wrap: wrap;
		width:100%;
		
		
	}
	
	#catalogus-overzicht .indekijker-item-container{ 
		margin:0px 40px 40px 0px;
	}
	
	#catalogus-filter ul{
		list-style-type: none;
		margin:0px;
		padding:0px;
		margin-bottom:40px;
	}
	
	#catalogus-filter h3{
		font-weight:bold;
		color:#7f6857;
		margin-bottom: 10px;
	}
	
	
	#popuperror{
		background-image: url("../img/error.svg");
		background-position: 20px 20px;
		background-repeat: no-repeat;
		background-size:50px 50px;
		padding:20px;
		border-radius:5px;
		display: none;
	}
	
	
	
	#popuperror ul{
		margin-left:20px;
		
	}
		
	
	#popupconfirm{
		background-image: url("../img/succes.svg");
		background-position: 20px 20px;
		background-repeat: no-repeat;
		background-size:50px 50px;
		padding:20px;
		border-radius:5px;
		display: none;
	}
	
	
	#popuperror-title h3{
		font-weight: bold;
	}
	
	#popuperror h1, #popupconfirm h1{
		font-size:1.5em;
		position:relative;
		top:14px;
		left:60px;
		margin-bottom:50px;
		width:75%;
	}
	
	
	.basket{
		position:absolute;
		top:80px;
		right:30px;
		width:6px;
		height:60px;
	}
	.basket img{
		widht:40px;
		height:40px;
	}
	
	.basket span{
		background-color:#bca38e;
		width:20px;
		height:20px;
		border-radius:10px;
		text-align:center;;
		display:inline-block;
		line-height:1.7em;			
		position: relative;
		left:26px;
		top:-14px;
		font-size:0.8em;
	}
	
	
		

	
	.winkelmand-item{
		margin-bottom:20px;
		padding:10px;
		/*background-color:#f4f4f4;*/
		margin-bottom:10px;
		position: relative;
		border-bottom:1px solid #bca38e;
	}
	
	.winkelmand-item:last-of-type{
		
	
		border-bottom:none;
	}
	
	
	
	

	.winkelmand-item .winkelmand-item-afbeelding{
		float:left;
		margin-right:20px;
	}
	
	
	
	.winkelmand-item .winkelmand-item-afbeelding img{
		width:100px;
		height:auto;
		display:block;
	}
	
	.winkelmand-item .winkelmand-item-omschrijving{
		line-height:1.6em;
		margin-bottom:20px;
		float:left;
		width:420px;
	}
	
	.winkelmand-item .winkelmand-item-omschrijving h3{
		margin-bottom:10px;		
		font-weight: bold;
		font-size:1.1em;
	}
	

	.winkelmand-item .winkelmand-item-aantal input{
		background-color:#ffffff;
		width:40px;
		text-align:center;
		padding:5Px;
	}
	
	.winkelmand-item .winkelmand-item-prijs{
		padding-top:7px;
		text-align: right;
	}
	
	.winkelmand-item-remove{
		position:absolute;
		bottom:15px;
		right:10px;
	
		color:#878787
	}
	
	.winkelmand-item-remove img{
		height:40px;
		width:auto;
		vertical-align: bottom;
		margin-right:10px;
	}
	
	.winkelmand-item-remove a{
		text-decoration: none;
	}
	
	
	.info-field{
		display:none;
	}
	
	#winkelmand{
		margin-bottom:50px;
	}
	
	
	
	.winkelmand-afrekening-lijn,.totaal{
		margin-bottom:30px;
		font-size:1.1em;
	}
	
	
	.winkelmand-afrekening-titel,.totaal-titel{
		font-weight:bold;
		
	}
	
	.winkelmand-afrekening-titel h4,.totaal-titel h4{
		margin-bottom:10px;
			
	}
	
	
	.winkelmand-afrekening-waarde{
		line-height:1.5em;
			
	}

		
	.winkelmand-afrekening-waarde ul{
		margin:0px;
		padding:0px;
		font-size:0.9em;
		left:20px;
	}
	
	.winkelmand-afrekening-waarde ul li{
		margin-bottom:10px;
	}
	
	
	#winkelmand-afrekening-lijn-betalingen img{
		width:250px;
		height:auto;
	}
	
	#catalogus-filter ul li a{
		text-decoration: none;
	}
	
	
	#catalogus-filter ul li a:hover{
		text-decoration: underline;
	}
	
	.selectedfilter{
		font-weight: bold;
	}
	
	.bestellen-gegevens-check{
		margin-bottom:20px;
	}
	
	.bestellen-gegevens-check-item{
		margin-bottom:10px;
	}
	
	.bestellen-gegevens-check-item input{
		margin-right:10px;
	}
	
	
	.bestellen-gegevens-line input{
		width:80%;
		max-width:350px;
	}
	
	.bestellen-gegevens-line .input-small {
		width:80px;
	}
	
	#FRM_BESTEL_LAND, #FRM_BESTEL_VERZEND_LAND{
		width:250px;
	}
	
	#FRM_BESTEL_STRAAT,#FRM_BESTEL_VERZEND_STRAAT{
		margin-bottom:10px;
	}
	
	.bestellen-betaling-item-logo img{
		width:80%;
		height:auto;
	}
	
	.levering-item,#frm-levering-postcode{
		margin-bottom:20px;
	}
	
	.levering-uitleg p{
		font-size:0.9em;
		color:#7f6857;
	}
	
	
	
	#levering-uitleg-levering .button{
		font-size:0.8em;
		margin-left:10px;
		padding:0px;
		height:32px;
		width:32px;
		border-radius:16px;
	}
	
	#levering-uitleg-levering .button img{
		width:20px;
		height:auto;
	}
	
	.bestellen-gegevens-part{
		margin-bottom:40px;
	}
	
	#contct-formulier img{
		height:100px;
		width:auto;
		position:relative;
		top:15px;
	}
	
	#subhomeshopping{
		
		width:100%;
		background-image:URL("../img/thuis-background.svg");
		background-size:cover;
		margin-bottom:80px;
		background-repeat: no-repeat;
		background-position: top center;
		color:#ffffff;
		padding:80px 0px 50px 0px;
	}
	
	#subhomeshopping p{
		color:#ffffff;	
		font-style: italic;
		font-size:0.9em;
	}
	
	#subhomeshopping h2{
		color:#f7f7f5;
	}
			
	#subhomeshopping-inner-left img{
		width:250px;
		height:auto;
	}
	
	#contacttroeven-inhoud ul{
		list-style-type: none;
		font-size:0.9em;
	}
	
	
	#contacttroeven-inhoud ul li:before{
		content:'+';
		position:relative;
		font-size:1.5em;
		left:-30px;
		top:25px;
		width:50px;
		heigth:50px;
	}
	
	#contacttroeven-inhoud ul h3{
		color:#7f6857;
		font-size:1.1em;
		margin-bottom:10px;
	}
	
	#contacttroeven-inhoud ul p{
		margin-bottom:10px;
	}
	
	.contact-foto{
		width:300px;
		height:auto;
	}
	
	#map{
		height:400px;
		width:100%;
	}
	
	.kleur-klein, .kleur-groot{
		width:15px;
		height:15px;
		border-radius:2px;
		border:1px solid #7f6857;
		display:inline-block;
		margin-left:5px;
		position:relative;
		top:5px;
	}
	
	.kleur-groot{
		top:2px; 
		margin:0px 5px 0px 0px;
	}
	
	.sel-product-kleurcategorie{
		margin-bottom:50px;
	}
	
	.sel-product-kleurcategorie h3{
		margin-bottom:10px;
	}
	
	#contact-formulier{
		max-width:400px;
		margin:0 auto;
		width:95%;
	}
	
	#contact-formulier input, #contact-formulier textarea {
		max-width:380px;
		width:95%;
	}
	
	#footer-adres img{
		height:40px;
		width:auto;
	}
	
	.sel-product-uitvoering img{
		width:30px;
		height:auto;
		position: absolute;
		top:3px; right:5px;
	}
}







@media screen and (max-width: 1100px)  {		/* DIT IS VOOR DE MOBIELE BROWSERS */
	#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:#000000;
		z-index:900;
		padding:20px 0px;
		background-color:#bca38e;
		color:#ffffff;
	}

	nav ul{	
		list-style-type: none;
		
	}
	
	nav ul li{	
		margin-bottom:10px;	
		
	}
	
	#navtop img{
		display:none;
	}
	
	.home-list{
		text-align:center;
	}

	.home-list ul{
		left:0px;
		list-style-type:none;
	}

	header{
		text-align:center;
	}
	#header-logo{
		
	}
	
	#header-logo img{
		width:80%;
		max-width:400px;
		height:auto;
		padding-bottom:20px;
	}
	
	#home-container{
		font-size:0.8em;
		text-align: center;
	}
	
	#home-foto img{
		width:80%;
		max-width:400px;
	}
	
	.troef-item{
		text-align:center;
		width:80%;
		max-width: 300px;
		margin: 0 auto;
		display:block;
	}
	
	#home-overons-foto{
		text-align: center;
		margin-bottom:30px;
	}
	
		
	#home-overons-foto img{
		max-width:550px;
		height:auto;
		width:80%;
	
	}
	
	
	#home-overons-content{
		text-align: center;
	}
	
	#footer-container div{
		text-align: center;
		display:block;
		min-width:80%;
		margin:20px auto;
	}
	
	
	#indekijker-container{
		position:relative;
		width:98%;
	}
	
	.prev,.next{
		display:none;
		width:0px;
	}
	
	
	
	#detail-foto-main{
		margin:0 auto;
	}
	
	#detail-foto-thumbs{
		text-align: center;
		margin-bottom:50px;
	}
	
	#detail-content{
		text-align: center;
	}
	
	.detail-content-info-item{
		text-align: left;;
	}
	
	
	
	#winkelmand{
		text-align: center;
	}
	
	
	.winkelmand-item{
		width:95%;
		margin:0 auto 20px auto;
		padding:5px;
		overflow:hidden;
	}
	
	
	.winkelmand-item .winkelmand-item-afbeelding{
		margin-bottom:20px;
	}
	
	
	.winkelmand-item .winkelmand-item-afbeelding img{
		width:100px;
		height:auto;
	}
	
	.winkelmand-item .winkelmand-item-omschrijving{
		text-align:left;
	}
	
	.winkelmand-item .winkelmand-item-omschrijving h3{
		overflow:hidden;
		font-size:1.0em;
		
	}
	
	.winkelmand-item .winkelmand-item-aantal{
		text-align:left;	
		float:left;
		width:80px;
	}
	
	.winkelmand-item .winkelmand-item-prijs{
		text-align:left;	
		float:left;
		width:50px;
		padding-top: 10px;
	
	}
	
	#winkelmand-content{
		margin-bottom:50px;
		
	}	
	
	#about-intro{
		margin-bottom:50px;
		text-align: center;
	}
	
	#about-intro .button{
		margin:10px;
	}
	
	
	#about-foto{
		text-align: center;
	}
	
	
	#about-foto img{
		max-width:500px;
		height:auto;
		width:90%
	}
	
	#subhomeshopping{
		text-align:center;
		background-size:cover;
		height:auto;
		padding-top:40px;
		padding-bottom:50px;
	}
	
	#contacttroeven-inhoud ul li{
		wdith:80%;
		margin-left:40px;
	}
	
	#contacttroeven-inhoud ul li:before{
		content:'+';
		position:relative;
		font-size:1.5em;
		left:-30px;
		top:25px;
		width:50px;
		heigth:50px;
	}
	
	#togglefilter{
		cursor:pointer;
	}
	
	#catalogus-filter{
		display:none;
	}
	
	#catalogus-overzicht-items{
		display:flex;
		justify-content: center;
		flex-wrap: wrap;
		width:100%;	
	}
	
	.detail-content-info-item{
		text-align: center;
		width:80%;
		margin:20px auto;
	}
	
	.detail-content-info-item img{
		display:block;
		text-align: center;
		margin:10px auto;
	}
	
	#popupconfirm{
		
	}
	
	#popupconfirm .button{
		margin:0px 10px 10px 0px;
	}
	
	.basket{
		position:absolute;
		top:80px;
		right:50px;
		width:6px;
		height:60px;
	}
	
	.bestellen-gegevens-label{
		margin-bottom:10px;
	}
	
	#FRM_BESTEL_VERZEND_STRAAT, #FRM_BESTEL_VERZEND_GEMEENTE{
		width:60%;
	}
}




@media screen and (min-width: 1100px)  {		/* DIT IS VOOR DE STANDAARD BROWSERS */
	#home-foto img{
		display:none;
	}
	
	#trigger-nav,#togglefilter{
		display:none;
	}
	
		
	#catalogus-filter{
		display:block;
	}
	
	header{
		height:140px;
	}
	
	#header-logo{
		position: absolute;
		top:10px;
		left:0px;	
	}
	
	#header-logo img{
		width:200px;
		height:auto;
	}
	
	nav{
		color:#ffffff;
		width:70%;
		max-width:790px;
		position: absolute;
		top:0px;
		right:0px;
		font-size:0.7em;
	}
	
	#navtop{
		position: absolute;
		top:0px;
		right:0px;
		z-index:900;
	}
		
	nav ul{	
		list-style-type: none;
		display: flex;
		justify-content: space-between;
		margin-top:50px;
	}
	
	.navtop-item{
		background-color:#ffffff;
		color:#bca38e;
		padding:8px;
		border-top:5px solid #ffffff;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		cursor:pointer;
		position: relative;
		-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;
		top:-5px
	}
	
	.navtop-item:hover{
		top:0px
	}
	
	
	
	#header-container{
		
		position:relative;
	}
	
	#home-container{
		background-image: url("../img/home.png");
		background-size: contain;
		background-position:top right;
		background-repeat:no-repeat;
	}
	
	#home-intro{
		width:550px;
		padding:80px 0px 80px 0px;
	}
	
	#home-intro h2{
		width:400px;
	}
	
		
	#home-intro p{
		width:300px;
	}
	
	#home-troeven{
		display:flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	
	.troef-line{
		border-left:1px solid #bca38e;
		width:1px;
		height:100px;
		display:inline-block;
		position:relative;
		top:130px;
	}
	
	#home-overons-foto{
		width:55%;
		float:left;
			text-align:center;
		min-width:550px;
	}
	
		
	#home-overons-foto img{
		width:500px;
		height:auto;
	
	}
	
	
	#home-overons-content{
		width:40%;
		float:right;
		text-align: left;
	}
	
	#footer-adres{
		text-align: right;
	}
	
		
	#footer-container div{
		display:inline-block;
		width:32%;
	}
	
	#detail-content{
		float:right;
		width:50%;

	}
	
	#detail-afbeelding{
		float:left;
		width:45%;
	}
	
		.winkelmand-item{
		
		max-width:740px;
		
	}
	
	.winkelmand-item-opties{
		float:left;	
		width:550px;
		
	}
	
	.winkelmand-item-aantal{
		float:left;	
		width:100px;
		
	}
	
	#winkelmand-content{
		float:left;
		width:70%;
	}
	
	#winkelmand-afrekenen{
		float:right;
		width:26%;
	}
	
	
	#about-intro{
		float:left;
		width:50%;
	}
	
	#about-foto{
		float:right;
		width:45%;
	}
	
	#contact-formulier{
		width:40%;
		float:right
	}
	
	#about-foto img{
	
		height:auto;
		width:95%
	}
	
	#catalogus-filter{
		float:left;
		width:220px;
	}
	
	
	#catalogus-overzicht{
		float:right;
		width:70%;
		
	}
	
	
	#catalogus-overzicht-sort{
		float:right;
		text-align:right;
		font-size:0.9em;
		width:55%;

	}
	
	#catalogus-overzicht-sort span{
		margin:6px;	
		display:inline-block;
	}
	
	.bestellen-gegevens-label{
		float:left;
		width:150px;
		padding-top:15px;
	}
	
	.bestellen-gegevens-value{
		float:left;
		width:500px;
	}
	
	
	#bestellen-formulier{
		float:left;
		width:60%;
	}
	
	#bestellen-betaling{
		float:right;
		width:38%;
	}
	
	#subhomeshopping-inner{
		width:760px;
	}
	
	
	#subhomeshopping-inner-left{
		border-right:1px solid #ffffff;
		float:left;
		width:250px;
		padding-right:40px;
		text-align:right;
	}
	
	#subhomeshopping-inner-right{
		float:right;
		width:390px;
	}
	
	#contacttroeven-titel{
		float:left;
		width:40%;
	}
	
	#contacttroeven-inhoud{
		float:right;
		width:50%;
	}
	
	#contact-gegevens-info{
		float:left;
		width:200px;
	}
			
	#contact-gegevens img{
		float:left;
		width:260px;
	
	}
	
	
	
}



@media screen and (min-width: 1400px)  {
	nav{
		
		font-size:0.8em;
		width:80%;
		max-width:990px;
	}
}