/* CSS Document */
/*@charset "utf-8";*/


/*
oranje #e3a354;
oranje donker #DD8E2F
groen #55B025; //bestelbutton etc
groen hover: #64CE2B
fav liked: #FF4947
blauw : #00ADEE
blauw donker: #009BD7
roze: #D81F85
lichtroze: #FAABE2
*/


body {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height:1.5em;
color: #3d3b3b;
background-color:#fff;
margin:0px;padding:0px;
min-height:101vh;/*101% van viewport hoogte, zorgt dat er altijd een scrollbar naast staat, ook op lage paginas (voorkomt verspringen van paginapositie)*/
overflow-x:hidden; /*voorkomt dat dropmenu een horizontale scrollbar veroorzaakt*/

}


/* ~~ Element-/tagkiezers ~~ */
ul, ol, dl { /* Vanwege de verschillen tussen browsers kunt u het beste geen opvulling en marges gebruiken voor lijsten. Voor consistentie kunt u hier of bij de items (LI, DT, DD) voor de lijsten de gewenste waarden opgeven. Houd er rekening mee dat wat u hier doet, wordt gebruikt in de navigatielijst, tenzij u een specifiekere kiezer opgeeft. */
	padding: 0;
	margin: 0;
	list-style:none;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* als u de bovenmarge verwijdert, voorkomt u dat marges buiten de div vallen waartoe ze behoren. De resterende ondermarge zorgt ervoor dat er ruimte blijft tussen de div en alle volgende elementen. */
}

hr {border:0px;	border-top: 1px solid #ddd; margin-top:25px;margin-bottom:20px;}

h1 {font-size:18px;margin:0px;padding:0px; padding-bottom:10px; /*padding-top:10px;*/}
h2 {font-size:14px;margin:0px;padding:0px;}
h3 {font-size:12px;margin:0px;padding:0px;}

img {image-rendering: -webkit-optimize-contrast;will-change: transform; }/*fix ugly chrome scaling???*/

a img { /* met deze kiezer verwijdert u de blauwe standaardrand die in bepaalde browsers wordt weergeven rond een afbeelding als deze wordt omgeven door een koppeling */
	border: none;
}
/* ~~ De stijl voor de koppelingen op uw site moet deze volgorde aanhouden, inclusief de groep kiezers waarmee het aanwijseffect wordt gemaakt. ~~ */
a:link {
	color: #000;/*#42413C;*/
	text-decoration:none;/*text-decoration: underline; /* tenzij u zeer unieke opmaak toepast op uw koppelingen, kunt u de koppelingen het beste onderstrepen zodat ze gemakkelijk te herkennen zijn */
}
a:visited {
	color: #000;/*#6E6C64;*/
	text-decoration:none;	/*text-decoration: underline;*/
}
a:hover, a:active { /* met deze groep kiezers krijgen gebruikers die navigeren met een toetsenbord, dezelfde aanwijsfunctionaliteit als gebruikers die werken met een muis. */
	text-decoration: underline;
}


/*a.font-oranje{color:#e3a354;}*/



/*button*/
input[type=button],input[type=submit] {background-color:#F5F5F5;  border:1px solid #C5C5C5;
min-width:100px; font-size: 9pt;font-weight:bold; padding:10px; padding-top:6px;padding-bottom:6px; color: #606060;text-align:center;cursor: pointer;}
input[type=button]:hover,input[type=submit]:hover {border:1px solid #e3a354;background-color:#e3a354;color:#fff;}
input[type=button]:focus,input[type=submit]:focus {box-shadow: 0px 0px 3px #777;}

/*disabled*/
input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled {background-color:#FCFCFC; border:1px solid #E5E5E5;color: #AAAAAA;}

/*textbox*/
input[type=text],input[type=number],input[type=email],input[type=password] { font-family: Verdana, Arial, Helvetica, sans-serif; color: #555; 
border: 1px #C0C0C0 solid; font-size: 8pt; border-radius:3px; padding:0px;padding-left:5px;padding-right:5px; line-height:22px;height:22px;
margin:4px; margin-left:0px;}
input[type=text]:hover,input[type=number]:hover,input[type=email]:hover,input[type=password]:hover {border:1px solid #00AEEF;}
input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus {  outline: none !important;box-shadow: 0px 0px 3px #00AEEF;}


  
/*pijl omhoog/omlaag uit naast nummerveld*/
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance:textfield;}


/*checkboxes/radiobuttons*/
/*verberg normale checkboxes*/
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}
label{line-height:24px;}
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('/images/checkboxstrak.png') no-repeat 0 0;
  line-height  : 24px;
}
input[type=checkbox]:not(old):checked + label{
  background-position : 0 -24px;
}
input[type=radio]:not(old):checked + label{
  background-position : 0 -48px;
}
textarea {font-family: Verdana, Arial, Helvetica, sans-serif; color: #555; border: 1px #C0C0C0 solid; background-color: #FFF; font-size: 8pt; border-radius:2px;padding:3px;padding-left:5px;}
textarea:hover {border:1px solid #00AEEF;}
textarea:focus {box-shadow: 0px 0px 3px #00AEEF;}

/*end checkboxes/radiobuttons*/



/*vervallen? vervangen door button*/
/*.buttonNP {
background-color:#55B025; color:#fff;border-radius:4px;
min-width:60px; font-size: 12px;font-weight:normal; padding:20px; text-align:center;cursor: pointer;
height:22px; line-height:22px;padding-top:6px; padding-bottom:6px; display:inline-block;
}
.buttonNP:hover {text-decoration:none; }

.buttonNPbestel {background-color:#55B025; color:#fff;padding-top:6px;padding-bottom:6px; }
.buttonNPbestel:hover {background-color:#64CE2B;}

.buttonNPafronden {background-color:#00ADEE; color:#fff;}
.buttonNPafronden:hover {background-color:#009BD7;}
.buttonNPafronden i {margin-right:5px;}

.buttonNPinwinkelwagen {background-color:#55B025; color:#fff;}
.buttonNPinwinkelwagen:hover {background-color:#699E18;}

.buttonNPverder {background-color:#fff; color:#00ADEE; border:1px solid #00ADEE;  }
.buttonNPverder:hover {background-color:#00ADEE; color:#fff;}
.buttonNPverder i {margin-right:5px;}

.buttonNPkorting {background-color:#fff; color:#E8007D; border:1px solid #E8007D;  }
.buttonNPkorting:hover {background-color:#E8007D; color:#fff;}

.buttonNPblauw {background-color:#00ADEE; color:#fff;}
.buttonNPblauw:hover{background-color:#009BD7;}

.buttonNPwit {background-color:#fff;  color:#00ADEE; padding-left:3px;padding-bottom:0px;margin-bottom:0px;}
.buttonNPwit:hover{color:#007AA8; text-decoration:underline;}

*/



button {background-color:#00ADEE; color:#fff;border-radius:4px;min-width:40px; font-size: 12px; font-weight:normal;text-align:center;cursor: pointer;
height:36px; line-height:36px; padding:0px; padding-left:20px;padding-right:20px;border:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
button:hover{background-color:#009BD7;}

.buttonWit {background-color:#fff; color:#00ADEE; border:1px solid #00ADEE;  }
.buttonWit:hover {background-color:#00ADEE; color:#fff;}

.buttonRoze {background-color:#fff; color:#E8007D; border:1px solid #E8007D;  }
.buttonRoze:hover {background-color:#E8007D; color:#fff;}

.buttonGroen {background-color:#55B025;  }
.buttonGroen:hover {background-color:#699E18; }

/*link op homepage*/
a.btn-oranje{font-size: 12px; font-weight:normal;font-family: Verdana, Arial, Helvetica, sans-serif; border-radius:4px;display:inline-block;padding-left:20px;padding-right:20px; text-align:center; line-height:36px; height:36px; color:#fff; background-color:#e3a354; text-align:center; text-decoration:none;}
a.btn-oranje:hover {background-color:#DD8E2F;}
a.btn-oranje > i {margin-left:10px; }

/*grijze tabel oa login*/
.tableA {border:1px solid #EEEEEE; padding:5px; margin-top:10px; background-color:#f8f8f8; /*display:inline-block; */}
.tableA td {padding:3px; display:table-cell; vertical-align:top;}

/*table oa stofverbruik*/
/*.tableB {border:1px solid #ddd;width:300px; max-width:100%;}
.tableB td {padding:3px; display:table-cell; vertical-align:top; border:1px solid #e6e6e6; }*/



#sortering {max-width:120px;}

.shop63-header {box-sizing:border-box;	width:100%;display:block;min-height:60px; margin:0px;
background-color:#fff; border-bottom:1px dotted #555;position:sticky; top:0; z-index:3;border:1px solid #ccc;}
.shop63-header-main {width:100%; padding:5px; padding-top:0px; padding-bottom:0px; display:inline-block;
  float:left; background-color:#fff;}
.shop63-search { width:230px; display:inline-block;padding:0px;margin:0px; margin-top:15px; margin-right:25px; float:right; 
border:1px solid #000;}
.shop63-search > i {cursor:pointer;margin-left:-20px;}
#zoekveld{height:24px; border:1px solid #CCC; color:#777; padding:2px;padding-left:5px;padding-right:25px; margin:0px; border-radius:2px;width:100%;box-sizing:border-box;}


.shop63-logo {display:inline-block; float:left; margin-right:10px; max-width:175px;max-height:51px;}
.shop63-logo img {height:51px;width:175px;}	

.shop63-nav {border:1px solid #E7E7E7;background-color:#EEEEEE;width:100%;box-sizing:border-box;display:block; padding:0px;margin:0px; float:left;}

.shop63-path {width:100%;box-sizing:border-box;display:block; padding:0px;margin:0px; background-color:#f5f5f5;
 float:left; white-space:nowrap; display:block; }



/*.shop63-vullerleft {width:400px;border:1px solid #0f0;display:block; visibility:hidden; float:left;}*/


.teksttop { width:100%; color:#777; position:relative; max-height:60px; overflow:hidden;}
.teksttop.fadeit:after {content:""; position:absolute;bottom:0; left:0; height:20px; width:100%; background: linear-gradient(rgba(0,0,0,0), #fff);}
/*.teksttop.hidden:after {display: none;}*/
.teksttop > a {float:left;}



.winkelwagen-head {float:right;display:inline-block; margin-top:0px;height:50px;width:55px; text-align:center; margin-left:3px;margin-right:6px;  overflow:hidden;}
.winkelwagen-head a{ display:block; height:100%;}
#winkelwagen-aantal {text-align:center; vertical-align:middle;color:#000;background-color:#ddd;padding-left: 5px;  padding-right: 5px; 
  border-radius: 10px; font-size:10px;  display:inline-block; margin-left:3px;}
#winkelwagen-icon {font-size:24px; color:#555;margin-left:3px; padding-top:10px; }

.winkelwagen-bedrag { float:right; margin-top:0px;height:50px;width:65px; text-align:center; margin-left:3px;margin-right:10px;  overflow:hidden; font-size:12px; font-weight:bold; display:inline-block; z-index:2; position:relative; }
.winkelwagen-bedrag a{display:block; height:100%; text-decoration:none;}
#winkelwagen-bedrag {text-align:left; color:#DD8E2F;  margin-top:15px;		display:block; white-space:nowrap; }


.favorieten-head {  float:right;display:inline-block;margin-top:0px;width:55px; text-align:center;margin-left:3px;margin-right:10px; overflow:hidden;padding-right:10px;}
.favorieten-head a{display:block; height:100%;}


#favorieten-aantal {text-align:center; vertical-align:middle;color:#000;background-color:#ddd; padding-left: 5px;  padding-right: 5px;   border-radius: 10px;  font-size:10px; margin-left:3px;display:inline-block;}
#favorieten-icon {font-size:24px; color:#555;margin-left:3px; padding-top:10px; }


.isFav {  clear:both; height:22px;display:block; cursor:pointer; float:left; z-index:10;margin-top:10px; font-size:11px;}
.isFav i { width:22px; height:22px;font-size:18px; color:#AAA; text-align:center; line-height:24px;}
.isFav i:hover { color:#FF4947;}
.isFav span {color:#777; line-height:24px; position:relative; top:-3px;}
.isFav_sel {color:#FF4947 !important;}


/*fav hartslag*/
.fa-beat {animation:fa-beat 0.5s ease infinite; animation-iteration-count: 1;}
@keyframes fa-beat {
  0% {transform:scale(1);}
  50% {transform:scale(1.25);}
  85% {transform:scale(1);  }
}





#messagebar {display:inline-block;background-color:#e3a354;color:#fff;font-weight:bold;font-size:12px; box-sizing:border-box;
width:100%;padding:0px;visibility:hidden; min-height:25px;line-height:25px; text-align:center; margin:0px;
/*margin-top:98px;*/
clear:none; float:right;
/*margin-top:93px;*/

}


.leftmenulist{
 float:left; margin:0px; padding:0px; width:100%; box-sizing:border-box; font-size:14px;overflow-y:auto; background-color:#f9f9f9; 
display:none;
margin-bottom:20px;/*zorgt dat onder menu wit blijft (van mainleft)*/}
.leftmenulist > ul { width:100%; float:left; overflow-y:auto; overflow-x:hidden; box-sizing:border-box; }
.leftmenulist li {border-top:1px dotted #ccc;  float:left; width:100%;overflow:hidden;box-sizing:border-box; display:inline-block;margin:0px;paddixng:5px; padding-left:8px;min-width:150px;font-size:14px; line-height:30px;}
.leftmenulist > ul > li ul {float:left;width:100%; /*display:inline-block;*/box-sizing:border-box;display:none;}/*subs*/
.leftmenulist .level2 li a:before {
content: "-";
/*  content: "\f105"; *//* FontAwesome Unicode */
/*  font-family: FontAwesome;*/
  display: inline-block;
  text-align:center;
  margin-left: 0px; /* same as padding-left set on li */
  width: 15px; /* same as padding-left set on li */
}
.leftmenulist .level0 > li {}
.leftmenulist .level1 > li {}
.leftmenulist .level2 > li{font-size:12px; border:none;}/*default alle subs gesloten*/
.leftmenulist .level3 > li {font-size:12px; border:none;}
.leftmenulist .level4 > li {font-size:12px; border:none;}
.leftmenulist .level5 > li {font-size:12px; border:none;}
.leftmenulist .level6 > li {font-size:12px; border:none;}
.leftmenulist .subrubriekklapuit{display:inline-block;}
.leftmenulist span { color:#a0a0a0; font-size:10px; float:right; margin-right:5px; cursor:pointer;transition: 1s;padding-right:5px;} 
.leftmenulist .klapper{ font-size:14px; padding-right:0px;}
.leftmenulist .klapper:before {
/*  content: "\f067";*/ /* FontAwesome Unicode */
  content: "\f078";  
  font-family: FontAwesome;
  display: inline-block;
  text-align:center;
  margin-left: 0px; /* same as padding-left set on li */
  width: 20px; /* same as padding-left set on li */
  transform: rotate(0deg);
}

/*.leftmenulist .klapin:before {  content: "\f068" ;}*//*min*/
.leftmenulist .klapin {transform: rotate(180deg);}

.leftmenulist a{color:#555;transition: 0.2s;display:inline-block; padding:0px; height:100%; min-width:250px; }
.leftmenulist a:hover{ padding-left:4px;}
.leftmenulist .selected{font-weight:bold; color:#D81F85;} /*selected tag current en parents*/







/*bovenaan pagina met rubrubrieken met fotos*/
.subrubriekmenu {float:left; width:100%; box-sizing:border-box; margin:0px;padding:0px; display:inline-block;}
.subrubriekmenu > li {border:1px solid #fff; width:150px;padding:0px;margin:5px;height:150px;text-align:center;overflow:hidden; box-sizing:border-box; display: block; float: left;border-radius:3px;}
.subrubriekmenu > li:hover {border:1px solid #ddd; background-color:#fafafa}
.subrubriekmenu a {color:#DD8E2F; font-size:14px;position: relative; display:block; height:100%; padding:5px;padding-top:10px;} /*nodig om link net zo groot als div te maken*/
.subrubriekmenu img {width:125px; height:83px; display:inline-block;margin:0px;}

.subrubriekmenutekst {-moz-column-count: 4;    -moz-column-gap: 20px;  width:100%;   -webkit-column-count: 4;    -webkit-column-gap: 20px;    column-count: 4;    column-gap: 20px;}


.shop63-quicklist {background-color:#F5F5F5; width:100%; display:block; box-sizing:border-box; padding:10px; padding-top:20px;padding-bottom:20px; color:#5C5C5C; }
.shop63-quicklist-div1 {width:250px;float:left;display:inline-block;padding:10px; box-sizing:border-box;}
.shop63-quicklist-div2 {width:180px;float:left;display:inline-block;padding:10px; box-sizing:border-box;}
.shop63-quicklist-div2 a{line-height:20px; display:inline-block;}
.shop63-quicklist-div2 a span{width:20px; margin:3px; margin-left:0px; text-align:center; display:inline-block; font-size:18px;}

.shop63-quicklist-div3 {width:450px;max-width:100%;float:left;display:inline-block;padding:10px; box-sizing:border-box;}
.shop63-quicklist h3 {font-size: 18px; font-weight:normal; margin-bottom:15px;}
.shop63-quicklist li {line-height:26px;margin-left:3px;}
.shop63-quicklist a{color:#5C5C5C;}

.shop63-footer {font-size:10px;background-color:#DDDDDD; width:100%; display:block; box-sizing:border-box; padding:18px;padding-bottom:30px;clear:both;
padding-left:410px;transition: 0.7s;}
.shop63-footer a { color:#3d3b3b;}


.maxbreedte {max-width:1170px;margin:0 auto; display:block; overflow:hidden;}

.main-content {width:100%;max-width:1170px;min-height:500px;display:block;margin:0 auto; box-sizing:border-box; 
padding:10px; margin-bottom:50px;overflow:none;max-width:100%;
padding:0px; margin-bottom:0px;
 display:inline-block; 
 display:flex; padding:0px;margin:0px;
}

.menulefttop {color:#5BAF45;display:inline-block;width:100%;height:30px;font-size:16px;line-height:30px;padding-left:20px;}


.menuleft {margin:0px;padding:0px; border-bottom:5px solid #d1d1d1;}
.menuleft li {background-color:#f3f3f3;width:80px; text-align:center;display:inline-block; 
padding:3px; padding-left:5px; padding-right:5px; cursor:pointer;  border-radius:0px; border-top-left-radius:3px; border-top-right-radius:3px; 
margin:0px; margin-right:3px; height:18px; line-height:18px;
transition:background .5s ease-in-out;}
.menuleft li:hover {background-color:#e3e3e3;}
.menuleft .active{font-weight:bold;background-color:#d1d1d1;}

.mainlefttop {margin-bottom:10px; display:none;/*alleen op mobiel*/}
.mainlefttop li {text-align:center;display:inline-block; padding:3px; padding-left:5px; padding-right:5px; cursor:pointer; background-color:#e6e6e6; border-radius:4px; height:18px; line-height:18px;margin:3px; margin-bottom:5px;}
.mainlefttop .active{font-weight:bold;}


/*homepath:*/
#nav {width:100%; background-color:#fff; height:35px;line-height:35px;margin:0px; padding:0px; padding-left:10px;}
.breadcrumb {font-size:12px;}
.breadcrumb a { color:#555;}
/*.breadcrumb li:last-child a {color:#DD8E2F !important;} */
.breadcrumb li {display:inline-block; padding:0px; margin:0px;}
.breadcrumb li > i {font-weight:bold;font-size:13px;}
.breadcrumb li a:after {
  content: "\f105"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  text-align:center;
  margin-left: 5px;
  width: 15px;
}
.breadcrumb .lastitem a:after{display:none; content: "";}
.breadcrumb .lastitem {font-weight:bold;}




.artikel_fotoblok {
	width:400px;max-width:400px;min-height:200px;float:left;/*display:inline-block;*/margin-right:20px;margin-bottom:10px;
	padding-top:20px;
display:block;	
clear:both;
	}

.artikel_omschrijving {float:left;display:inline-block;max-width:500px;min-width:300px;padding:10px;padding-top:20px;box-sizing:border-box;}

.artikel_prijs {  padding-top:15px;  min-height:50px; padding:5px;font-size:18px; font-weight:bold; }
.artikel_prijs_striked { font-size:18px; font-weight:bold; color:#ccc; text-decoration: line-through;}
.artikel_korting {display:block; text-align:right; padding-bottom:10px;color:#e3a354; font-weight:bold; font-size:14px;}

.artikel_kenmerken {display:inline-block;width:100%; margin:4px;padding:0px;margin-left:0px;margin-top:10px;  box-sizing:border-box; font-size:12px; background-color:#fafafa;border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.artikel_kenmerken td{padding-bottom:5px;padding-top:5px; padding-left:10px;}
.artikel_kenmerken td:nth-child(1) {padding-right:15px;font-weight:bold;} /*1e kolom*/

.artikel_nummer {width:100%;margin-top:10px;text-align:right;font-size:10px;color:#777; }


.artikel_shoplogo {padding:0px; margin:0px;  margin-top:5px;margin-bottom:5px; margin-right:5px; width:85px; text-align:right; height:30px; box-sizing:border-box; 
float:right;display:inline-block;}
.artikel_shoplogo > img { opacity:0.8;}

.artikel_bekijk {/* float:right;*//*float:left;*/ float:right;margin-top:20px;display:inline-block;clear:both;}

.addww { display:inline-block; background-color:#fafafa; margin:0px; margin-top:5px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; min-height:50px; padding:5px;font-size:12px; width:100%;}
.addwwL {float:left;min-width:90px;margin-top:4px;margin-left:10px;}
.addwwR {float:right;min-width:100px;margin-right:10px;text-align:right; margin-left:5px;margin-top:7px;}
.addwwF {font-size:11px;color:#999;margin:0px;padding:0px;}
.addwwP {font-size:12px;color:#000;margin:0px;padding:0px; text-align:right; margin-right:10px;}
.addwwartikel_prijs { font-size:14px; font-weight:bold; color:#e3a354; }
.addwwartikel_prijs_striked { font-size:14px; font-weight:bold; color:#ccc; text-decoration: line-through;}
#addwwTotaalprijs {font-weight:bold;}

/*.artikel_bestel {float:left;margin-top:10px;width:100%; box-sizing:border-box;}*/

.artikel_bestelregel {float:left;margin-top:10px; width:100%;}

.artikel_bottom {display:block;float:left;margin-top:10px; width:100%;}

/*#artikel_prijs { font-size:18px; font-weight:bold; }*/
/*#artikel_prijs_striked { font-size:18px; font-weight:bold; color:#ccc; text-decoration: line-through;}*/

.artikelbutton {background-color:#55B025; color:#fff;border-radius:4px;font-size: 9pt;/*font-weight:bold;*/ font-weight:normal; padding:5px; text-align:center;cursor: pointer; padding-right:15px;padding-left:15px; height:22px; line-height:22px; float:right; margin-top:5px;}
.artikelbutton:hover {text-decoration:none; background-color:#699E18;}
.artikelbutton > i {font-size:16px;}


.artikel_aanbieding { border:1px solid #fff;height:22px;line-height:22px; display:inline-block;font-size:12px;font-weight:bold;padding-left:10px;padding-right:10px; margin-top:10px; background-color:#e3a354; color:#fff; float:left;}


#artikel_voorraad {float:right; height:50px;line-height:50px;}
#artikel_minimaleafname {/*color:#f00;*/ color:#aaa;}

#artikel_proefmonster { font-size:11px;color:#777; clear:both; margin-top:30px; float:right;cursor:pointer;}
#artikel_proefmonster:hover {text-decoration:underline;}
#artikel_bijnaop {font-size:11px;color:#777;clear:both; margin-top:30px; float:right;}
#art_alinww {font-size:11px;color:#777;clear:both; margin-top:30px; float:right; display:none;}

.artikel_foto_hoofd {margin-bottom:5px;max-width:400px;max-height:200px;float:left;display:block;}
.artikel_foto_sub {margin:5px;max-width:90px;max-height:90px;float:left;display:block;}

/*.voorraad_ruim {color:#16A825;}*/
.voorraad_ruim {color:#55B025;}
.voorraad_bijnaop {color:#e3a354;}
.voorraad_op {color:#d00;}


.rubriektekst {font-size:13px;padding-top:10px;padding-bottom:10px;}/*tekst bovenaan een rubriek/tag*/
.rubriektekstonder {font-size:13px;padding-top:10px;padding-bottom:10px;color:#aaa;}/*tekst onderaan een rubriek/tag*/




/*#subrubriekmenuclosed {display:none;}*/


.paginatekst {font-size:13px;border-top:2px solid #ddd;display:block; width:100%;padding-top:10px;margin-top:0px;margin-bottom:30px;}/*tekst bovenaan een rubriek/tag*/




.lijst_info {/*border:1px dotted #f00;*/width:100%;display:inline-block;}
.lijst_foto {/*border:1px solid #00f;*//* width:345px;*/  margin:auto; display:block; height:auto;}
/*.lijst_overlay {border:1px solid #fff;height:22px;line-height:22px;position:absolute;margin-top:-218px;margin-left:-8px;display:inline-block;font-size:12px;font-weight:bold;padding-left:10px;padding-right:10px;color:#fff;background-color:#e3a354;box-sizing:border-box;}*/
.lijst_overlay {border:1px solid #fff;height:22px;line-height:22px;position:absolute;/*margin-top:-218px;*/margin-top:-148px;margin-left:-8px;display:inline-block;font-size:12px;font-weight:bold;padding-left:10px;padding-right:10px;color:#fff;background-color:#e3a354;box-sizing:border-box;}
.wsohlijst_overlay {xheight:22px;line-height:22px;position:absolute;margin-top:-148px;margin-left:-8px;display:block; font-size:12px;font-weight:bold;padding-left:10px;padding-right:10px;color:#f00; background-color:#fff; opacity:0.4; box-sizing:border-box;}
.lijst_tekst {/*border:1px solid #f00;*/ display:block;width:100%; margin-top:0px; vertical-align:bottom; overflow:hidden; font-size:14px;  
height:46px; /*height:23px;*/ margin-bottom:5px;}
.lijst_tekst > a{ /*border:1px solid #0f0;*/vertical-align:bottom; margin-bottom:5px; padding:5px; padding-left:0px;display:block; box-sizing:border-box; text-decoration:none; }
.lijst_tekst > span {font-size:10px;display:none;}
.lijst_prijs { height:20px; line-height:20px;color:#e3a354; font-size:14px;font-weight:bold;display:inline-block;}
.lijst_prijs_striked { height:20px; line-height:20px;color:#777; font-size:14px;font-weight:normal;text-decoration: line-through;}
.lijst_head {border-bottom:1px solid #eee;text-align:right;color:#777; padding:5px; padding-bottom:10px;}
.lijst_bottom {display:block;}




/*wide screen*/
.lijst > div {/*width:265px;*/width:270px; height:295px;}
.lijst_foto {width:250px;max-height:170px;}
/*.lijst_overlay {margin-top:-148px;}*/

.lijst_picture {/*border:none;*/width:250px;height:166px; display:block;}
.lijst_picture img{ width:250px;height:166px;/* margin:0px;padding:0px;*/}



.lijst_shoplogo {padding:0px; width:80px; text-align:right; height:30px; float:right; box-sizing:border-box; position:relative;}
.lijst_shoplogo > img {/*filter: grayscale(100%);*/ opacity:0.5; position:absolute; bottom:0; right:0;}






.lijstUL { width:100%; box-sizing:border-box; margin:0px;padding:0px; display:inline-block;}
.lijstUL a {display:block;}
.lijstUL > li { border:1px solid #f0f0f0; border-radius:5px; padding:10px; margin:8px; width:365px; /*height:370px;*/ height:350px; 
box-sizing:border-box;display:block;float:left; /*cursor:pointer; */ }
.lijstUL > li:hover {border:1px solid #ddd; background-color:#fafafa;}
/*wide screen*/
.lijstUL > li {width:270px; height:295px;}




/*oa loginforms*/
.frm_titel {display:inline-block;height:28px;line-height:28px;float:left;width:130px; font-size:11px;}
.frm_input {display:inline-block;height:28px;line-height:28px;float:left;width:220px;}


.menu_toggle { margin:0px; height:100%; width:34px;font-size:20px;color:#777; cursor:pointer; box-sizing:border-box; float:left; display:none; text-align:center; }
.menu_toggle > i {margin:0px;margin-top:16px;}


/*.mainleft_toggle {width:20px;float:right;display:none;height:20px;margin-right:-25px;font-size:18px;color:#777; cursor:pointer; box-sizing:border-box; text-align:center;}*/
.mainleft_toggle {float:right;display:none;margin-right:-27px;
font-size:20px;color:#777; cursor:pointer; box-sizing:border-box; text-align:center;
 margin-top:-6px; padding-top:3px;
width:25px; height:30px; background-color:#f3f3f3;
}


.topmenu { padding:0px; list-style-type:none;box-sizing:border-box; display:block; transition: max-height 0.5s;/*margin:0 auto; */
padding-left:400px;}
.topmenu ul {list-style-type:none; visibility:hidden;background-color:#fafafa; /*z-index:5;*/ }
.topmenu li { display:inline-block;float:left; white-space:nowrap; margin:0px;box-sizing:border-box;}
.topmenu li a {padding-left:18px;padding-right:18px; margin:0px; height:35px; line-height:35px; display:block;color:#777;text-decoration:none; font-size:14px;}
.topmenu li a i {height:18px;width:18px;} 
.topmenu li:hover { background:#dddddd;}
.topmenu > li:hover ul {visibility: visible;opacity: 1;transition-delay: 0s, 0s;}
.topmenu .active{ background-color:#dddddd;}




.appmenu {z-index:9;position: fixed;bottom: 0;width: 100%;padding:0px; box-sizing:border-box; height: 50px; 
background-color: #eee; color:#999; font-size:20px; text-align:center; overflow: hidden; 
display:none;/*display:block; */}
.appmenu ul {display:table; width:100%;}
.appmenu li {width:40px; height:50px; line-height:50px; overflow:hidden; display:table-cell; cursor:pointer;}
.appmenu li:hover {background-color:#e6e6e6;}
.appmenu a {display:block;color:#999; font-size:20px;}
.appmenusel {background-color:#ddd;}
.appmenusel:hover {background-color:#ddd !important;}

/*
.appinstallreq {display:none; width:100%; text-align:right;}
.appinstallreq button {float:right;background-color:#ddd; color:#777;   padding:0px; padding-left:7px;padding-right:7px; font-size:11px; line-height:24px; height:24px;  }
.appinstallreq button:hover {background-color:#ddd; color:#222; }
.appinstallreq i { font-size:14px;}
*/
.appinstallreq {display:none; width:100%; font-size:11px;color:#333; margin-top:50px;margin-bottom:20px;line-height:22px;}
.appinstallreq button {background-color:#0B92E0; color:#fff;  padding:0px; padding-left:7px;padding-right:7px; margin-top:10px; font-size:11px; line-height:24px; height:24px;  }
.appinstallreq button:hover {background-color:#1F85C7; color:#fff; }
.appinstallreq i { font-size:14px;}



/*#resultset { max-width:1150px;width:100%;display:inline-block;float:left; padding-right:5px; box-sizing:border-box; }*/
#resultset { max-width:1160px;width:100%;display:inline-block;float:left; padding-right:0px; box-sizing:border-box;  /*border:1px solid #f00;*/}


#pagemenubottom {display:inline-block;}	/*wordt vervangen door meer artikelen button on mibile*/


.pagemenu {position:relative; padding:0px; margin:0px; margin-top:10px; margin-bottom:25px; width:100%; height:40px;  box-sizing:border-box;font-size:12px;border-radius:5px; background-color:#f6f6f6; display:inline-block;}
.pagemenu_numbers {display:inline-block; margin: auto auto; margin-left:10px; float:left;}
.pagemenu_numbers li {  float:left; margin:auto auto; margin-right:7px; line-height:30px; height:30px;}
.pagemenu_numbers a{  display: inline-block; margin:0px; padding:0px; padding-left:5px;padding-right:5px; min-width:20px; text-align:center;text-decoration: none; cursor: pointer;background-color:#f6f6f6;border-radius:5px; color:#999;border:1px solid #ddd;}
.pagemenu_numbers a:hover, a.pagemenusel {background-color:#ddd; color:#555;border:1px solid #ccc;}
a.pagemenusel { font-weight:bold;}

.pagemenu_title {position:relative;top:13px;float:left;margin: auto auto; margin-left:20px;margin-right:5px; line-height: normal;}

.pagemenu_sort {position:relative;top:9px;float:right;color:#777; padding:0px; margin:auto auto; padding-left:5px;margin-right:20px;}

.pagemenu_listtype {position:relative;top:9px;float:right;color:#777; padding:0px; margin:auto auto; padding-left:5px;margin-right:10px; }
.pagemenu_listtype > div{ display:inline-block; cursor:pointer; margin-left:10px; padding-left:5px;padding-right:5px;}
.pagemenu_listtype div:hover{ color:#e3a354;}
.pagemenu_listtype i{ font-size:21px; vertical-align:middle;}
.pagemenu_listtypesel {color:#DD8E2F;}

/*#lt_0 {color:#DD8E2F;}
#lt_1 {color:#777;}
#lt_2 {color:#777;}*/

#lt_0 {color:#555;}
#lt_1 {color:#bbb;}
#lt_2 {color:#bbb;}

	
.pagemenu_footer {float:right;margin: auto auto; margin-right:20px; display:inline-block; line-height:30px; height:30px;}
.pagemenuwit { background-color:#fff; height:50px; border-radius:0px; border-top:2px solid #eee; margin-top:30px; padding-top:10px;}

.required {color:#e3a354;}


#btn_meerartikelen {display:none;margin-bottom:20px;}


.iframePopup {  display: none; padding:0px; color:#000000; z-index:10;  top:50px;left:50px;  min-width:100px; min-height:50px;box-sizing:border-box;
position:absolute; box-sizing:border-box; background-color:#fff;  box-shadow: 0px 0px 5px 3px rgba(50, 50, 50, .5); z-index:100; display:inline-block; }
.iframePopup_content {  margin:0px; background-color:#fff;   min-height:30px;  font-size: 12px; display:inline-block; width:100%; box-sizing:border-box; padding:5px;
/*  background:url(/images/ajax-loader.gif) center center no-repeat;*/
}
/*.iframePopup_content_loader {background:url(/images/ajax-loader.gif) center center no-repeat; background-color:#FFF;}*/

.iframePopup_titel {
float:left; display:inline-block;padding:0px;margin:0px;padding-left:10px;height:36px; line-height:36px;font-size:13px; font-weight:bold; width:100%; box-sizing:border-box; color:#777; border-bottom:1px solid #eee;}
.iframePopup_sluit {float:right;display:inline-block;paddxing:4px;margin:0px;width:34px;height:34px;line-height:34px;cursor:pointer; text-align:center;}
.iframePopup_sluit:hover {background-color:#aaa;}
.iframePopup_sluit .fa-close{ margin:3px; font-size:16px; color:#777;}
.iframePopup_sluit .fa-close:hover {color:#eee;}

.iframePopup_reload {float:right;display:inline-block;padding:4px;margin:0px;width:22px;height:22px;line-height:22px;cursor:pointer; text-align:center;}
.iframePopup_reload:hover {background-color:#aaa;}
.iframePopup_reload .fa-close{ margin:3px; font-size:16px; color:#777;}
.iframePopup_reload .fa-close:hover {color:#eee;}

.iframePopup_prevpage {float:right;display:inline-block;padding:4px;margin:0px;width:22px;height:22px;line-height:22px;cursor:pointer; text-align:center;}
.iframePopup_prevpage:hover {background-color:#aaa;}
.iframePopup_prevpage .fa-close{ margin:3px; font-size:16px; color:#777;}
.iframePopup_prevpage .fa-close:hover {color:#eee;}
/*end popypvenster*/



#lockoverlay {/*back bij geopend iframePopup*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=20);
    opacity: 0.2;
    z-index: 1;
}





.lijsthomepage {float:left;clear:both; display:block; width:100%;margin-bottom:30px; background-color:#eee; border-radius:8px; }
.lijsthomepage > div {padding:10px; margin:0px; box-sizing:border-box;display:block; float:left;width:50%; max-width:540px; }




.onlymobile {display:none !important;}


#main-left  {position:relative; display:block; width:400px;min-width:400px; overflow:hidden; box-sizing:border-box; 
margin:0px;padding:5px; padding-right:10px; padding-top:15px; left:0px;min-height:100%;
transition: 0.7s;
z-index:2; position:fixed;background-color:#fff;}
/*#main-right {position:relative; float:right; box-sizing:border-box;margin:0px;padding:10px;padding-left:15px;padding-top:15px;}
#main-right{margin-left:400px;}*/
#main-right {position:relative; float:right; box-sizing:border-box;margin:0px;padding:10px;padding-left:15px;padding-top:15px;
/*min-width:900px;*/width:100%; max-width:1190px;}
#main-right{margin-left:400px;}




.filtermenu {display:inline-block;background-color:#f9f9f9;  margin:0px; padding:0px; /*overflow:auto;*/}

#filtermenufooter {display:block;}
/*.filterdiv{width:100%; margin-top:5px; display:inline-block; }*/

.filterdiv > span {font-weight:bold; margin-left:20px;line-height:20px;}/*filterdivhead*/

.filterlist { background-color:#fafafa; border:1px solid #e3e3e3; margin:0px; 
 padding:3px; width:100%; box-sizing:border-box; float:left;
 margin-bottom:5px; /*display:block;*/ display:none; 
border-radius:5px; /*border:1px solid #f00;*/ width:95%; margin-left:10px; overflow-y:auto;  max-height:1000px;
}

.filter { overflow-y:auto; overflow-x:hidden;}
.filter .selected{font-weight:bold; color:#D81F85;} /*selected filtertag current etu indien als links*/
.filter li { width:100%; float:left; overflow:hidden; margin:2px; white-space:nowrap;color:#000;  padding:0px; margin:5px; margin-left:0px; }
.filter li:hover {background-color:#eee;}
.filter li a{padding-left:23px;}
.filter li a span {font-size:10px; color:#e4685d; display:none;}/*subtekst bij filteritems*/



.filterlist label {width:100%;box-sizing:border-box;}
.filterlist input { margin-top:9px;}

.filternietbeschikbaar {color:#999 !important;}

.filtermenuTABs {display:block; float:left; width:95%; box-sizing:border-box; line-height:26px; margin-left:10px; padding-left:10px; padding-top:10px;}
.filtermenuTABs li{border:1px solid #e3e3e3; border-bottom:none; margin-right:4px;display:inline-block; float:left; padding:0px;cursor:pointer; padding-left:10px;padding-right:10px;
transition:background .5s ease-in-out;
border-radius:0px; border-top-left-radius:3px; border-top-right-radius:3px;}
.filtermenuTABs li:hover {background-color:#e3e3e3; }
.filtermenuTABssel {background-color:#e3e3e3;/*font-weight:bold;*/}

.filter_btn {margin-top:5px; border-radius:4px;margin-left:10px;}
#filterverwijderen_btn {float:right;}





a.filternorm {color:#000;
background-repeat:no-repeat; background-position:3px center; background-image:url(/images/checkbox.png);
}
a.filternorm:hover {
background-repeat:no-repeat; background-position:3px center; background-image:url(/images/checkbox_on.png);
}

a.filternormdisabled { color:#aaa;
background-repeat:no-repeat; background-position:3px center; background-image:url(/images/checkbox.png);
}
a.filtersel {color:#000;
background-repeat:no-repeat; background-position:3px center; background-image:url(/images/checkbox_on.png);
}
a.filterseldisabled { color:#aaa;
background-repeat:no-repeat; background-position:3px center; background-image:url(/images/checkbox_on.png);
}

.filterselitem {font-weight:bold;}

#actievefilters {padding-left:10px; box-sizing:border-box;padding:0px;
line-height:20px; color:#555; font-size:12px;display:inline-block; white-space:nowrap; float:left;margin:0px;
/*padding-left:400px;*/ 
}
#actievefilters ul {display:inline-block; white-space:nowrap; float:left; margin:4px; margin-top:0px; margin-left:0px;}
#actievefilters li { float:left; margin:0px; padding:4px; padding-left:0px; cursor:pointer;}
#actievefilters li > a{ border-radius:3px; margin-right:6px; padding:4px; padding-left:6px; line-height:22px;
background-color:#eee;/*border:1px solid #ddd;*/
background-color:#D81F85; color:#fff; 
}
#actievefilters i{color:#fff;margin-left:8px;}
#actievefilters li > a:hover{background-color:#E64DA0;text-decoration: line-through;}
#actievefilters span { height:22px; line-height:22px; display:inline-block; vertical-align:top;}

#actievefilters-tekst { color:#333 !important; font-size:11px; margin:0px; margin-top:10px; padding:0px; }
#actievefilters-wisalle { color:#333 !important; background-color:transparent !important;margin-left:15px;font-size:11px; cursor:pointer;}
/*end filter*/


#subtitel {font-weight:bold; color:#777; font-size:14px;width:100%; box-sizing:border-box;float:left;}


/*slider artikelpagina*/
.dlx_fotoslider {display:block;width:100%;max-width:350px;box-sizing: border-box;cursor:pointer;margin-bottom:10px;}
.dlx_fotoslider ul { width:100%;max-width:350px;height:253px; display:flex; overflow-x: scroll; overflow-y: hidden;list-style: none; margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth;  box-sizing: border-box;}

/*verberg scrollbar*/
.dlx_fotoslider ul::-webkit-scrollbar {width: 0;display:none;}
.dlx_fotoslider ul::-webkit-scrollbar-track {background: transparent;}
.dlx_fotoslider ul::-webkit-scrollbar-thumb {background: transparent;border: none;}
.dlx_fotoslider ul {-ms-overflow-style: none;scrollbar-color: transparent transparent;scrollbar-width: 0px;scrollbar-width: none;}

.dlx_fotoslider ol > li:not(:last-child) {width:350px;height:233px;margin-right:10px; display:inline;float:left;box-sizing: border-box;}
.dlx_fotoslider_nav {width:100%;display:table;margin-top:0px;z-index:99;height:30px; /*border:1px dotted #f00;*/}
.dlx_fotoslider .btn {width:30px;height:30px;line-height:30px;text-align:center;margin: 0 auto; color:#999;}

#dlx_fotoslider_dots {height:30px; line-height:30px; display:table; margin: auto;}
#dlx_fotoslider_dots li {width:20px; height:20px; line-height:20px; display:inline-block;margin: auto; text-align:center; padding:0px;}
#dlx_fotoslider_dots i {color:#ccc;}

.dlx_fotoslider #btnPrev {float:left;}
.dlx_fotoslider #btnNext {float:right;}





.shop63-cookiebar {display:block;width:100%; position:fixed; bottom:0px; background-color:#fff;z-index:100;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);}
.shop63-cookiebar > div {background-color:#fff; color:#555; display:block; max-width:900px; border-radius:2px; margin:auto auto; margin-top:15px; margin-bottom:10px;}
.shop63-cookiebar > div > div {background-color:#F6F6F6; display:table;  padding:10px;}
.shop63-cookiebar > div > div > span { display:table-cell;vertical-align: middle;padding:10px;}
.shop63-cookiebar > div > span {cursor:pointer;padding-top:5px; }



#debugpage {background-color:#fff;z-index:10;display:none;border:1px solid #f00; width:100%; min-height:25%; position:fixed; top:35px;left:0; overflow:auto; }


.s63edit {
/*float:right; position:fixed;
top:100px; right:0px;*/
float:left; clear:both; width:100%;
}
.s63edit > div {border:1px solid #01A045; opacity:0.5; border-radius:5px; height:20px;line-height:20px; display:inline-block;margin:10px;margin-left:0px;}
.s63edit > div span:nth-child(1) {background-color:#01A045; color:#fff; font-weight:bold; padding:0px; padding-left:5px;padding-right:5px; display:inline-block;}
.s63edit > div span:nth-child(2) {padding:0px;}
.s63edit a {display:inline-block;color:#01A045;padding-left:5px;padding-right:5px; text-decoration:none;}
.s63edit a:hover {background-color:#01A045;color:#fff;opacity:0.7;}


.bottom-ad {display:block;clear:both;}


#feedback {
position: fixed;   right: 0;   top: 70%;   height: 20px;   width: 80px;   margin: 3px;   padding: 3px;   line-height:20px;
background-color:#444444;   color: #FFF;   text-align:center;
transform: rotate(-90deg);
transform-origin: bottom right;
cursor:pointer;
border-radius:2px;font-size: 12px; font-weight:normal;
border:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
#feedback:hover{ background-color:#999999;}

.apponly {display:none;}
.webonly {}
#appactive {
clear:both;float:left;width:100%; height:26px; line-height:26px; background-color:#fff;padding-left:30px;	
display:none;}

#appmenu_toggle {display:none;}


@media only screen and (max-width: 1300px) {

	.main-content {padding-top:0px;}	
	.mainleft_toggle {display:block;}
	.menu_toggle { display:inline-block;}
	#main-left {left:-375px; z-index:7; position:fixed; min-width:inherit; height:100%;padding-right:25px;/*verberg evt scrollbars*/
	}
	

	#main-right{padding:10px;margin-left:0px;padding-left:40px;padding-top:15px;}		
	.shop63-footer {padding-left:30px;}
	
	.topmenu{padding-left:10px;}
		#appmenu_toggle {display:table-cell;}
}
	
	
@media only screen and (max-width: 1000px) {	/*dropmenu verkleinen */
	
	#main-right {float:left; width:100%;max-width:100%;padding:0px; padding-left:30px; padding-top:10px;}

/*	.pagemenu_sort > span {display:none;}
	.pagemenu_sort {margin-right:5px;}
	.pagemenu_title > span {display:none;}
	.pagemenu_title {margin-left:5px;}
	.pagemenu_listtype > div > span {display:none;}
	.pagemenu_listtype > div {margin-left:0px;padding-left:2px;}	
	*/
}
@media only screen and (max-width: 850px) {	/*dropmenu verkleinen */
/*	.drop_menu li a {padding-left:10px;padding-right:10px; font-size:12px; }*/
}


@media only screen and (max-width: 751px) {	/*hier switch tussen desktop/ (mobile|tablet) */
	.notmobile {display:none !important;}
	.onlymobile {display:block !important;}

	.shop63-logo img {height:34px;width:116px;margin-top:2px;}
	.shop63-search {display:none;}
	#zoekveld{width:100%;}
	.shop63-nav {position:inherit; box-shadow:none; /*box-shadow:0px 0px 3px 0px rgba(0,0,0,0.7); margin-bottom:0px;padding-bottom:0px;*/
	float:left;
clear:none;  display:none;
/*margin-top:40px;*/
}
	
	
	.shop63-quicklist-div1 {width:100%;}
	.shop63-quicklist-div2 {width:100%;}
	

	.topmenu {float:left; border-bottom:1px solid #eee;  overflow:hidden; min-height:0px; max-height:0px;	

/*box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);*/
	}/*begin gesloten*/
	.topmenu li { width:100%; background-color:#f9f9f9;}
	.topmenu li a {padding-left:18px;padding-right:18px; font-size:14px; } /*weer normale grootte*/

/*	.menu_toggle > i {margin-top:10px;}	*/
	.menu_toggle > i {margin-top:16px;}	

	.subrubriekmenutekst {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}


	.lijsthomepage > div {width:100%; max-width:100%; }
	
	.artikel_fotoblok {width:400px;max-width:100%;box-sizing:border-box;}


	.pagemenu_numbers {clear:both;margin-left:0px; margin-top:10px; }
	.pagemenu_numbers li { margin-right:5px; line-height:25px; height:25px;}
	.pagemenu_numbers a{  padding-left:5px;padding-right:5px; min-width:15px;}
	.pagemenu_footer {float:left;/*padding-left:10px;*/padding-left:0px;}
	.pagemenuwit {border:none; overflow:visible;padding-left:10px;margin-bottom:40px;}/*toon pagenumbers*/

/*test fixed top*/	
/*	.shop63-header {height:83px;}
	.shop63-headerback {height:83px;}*//*zelfde als hierboven*/	
/*	.shop63-path {margin-top:50px;}*/
	
	
	#messagebar { visibility:hidden; /*margin-top:-25px;*//*default verborgen onder menu*/
	float:left;clear:none;/*verwijderd whitespace eronder*/}
/*	.main-content {	margin-top:40px; }*/

/*	.menu_toggle { display:inline-block; margin-top:0px; }*/
	.favorieten-head { margin-top:3px;}
	.winkelwagen-head { margin-top:3px;margin-right:3px;}
	.winkelwagen-bedrag { margin-top:3px;}
/*	#drop_menu_zoekveld_li {display:inline-block;}*/
/*end fixed top*/

	#winkelwagen-icon {padding-top:5px;}
	#favorieten-icon {padding-top:5px; }
	#winkelwagen-bedrag {padding-top:5px;margin-top:5px;}
	

	.pagemenu_sort > span {display:none;}
	.pagemenu_sort {margin-right:5px;}
	.pagemenu_title > span {display:none;}
	.pagemenu_title {margin-left:5px;}
	.pagemenu_listtype > div > span {display:none;}
	.pagemenu_listtype > div {margin-left:0px;padding-left:2px;}	

/*	.messagebar {top:45px;}	*/
}




@media only screen and (max-width: 500px) {	/*hieronder vanuitgaan dat het een telefoon is mobile*/



	.shop63-logo {margin-right:10px;}

	#winkelwagen-icon {font-size:18px;margin-top:0px;}
	#favorieten-icon {font-size:18px;margin-top:0px;}
	.winkelwagen-bedrag {width:55px; height:15px; margin-left:-60px;margin-top:27px;}
	#winkelwagen-bedrag {font-size:10px;margin-top:0px; padding-top:0px; text-align:center;}


/*test lijst groot op mobiel*/
	.lijst { width:100%;}
	.lijst > div {border:1px solid #fff;width:100%; max-width:360px; height:inherit; border-bottom:1px dotted #ccc; border-radius:0px;
	 padding-left:3px; padding-right:3px; margin-left:0px;margin-right:8px; padding-top:0px; padding-bottom:10px;}
	.lijst > div:hover {border:1px solid #fff; border-bottom:1px dotted #ccc; background-color:inherit;}
	.lijst_tekst {height:auto;}
	.lijst_foto {max-width:345px; width:100%;/* max-height:230px; height:auto;*/ height:233px; }
	
	.lijst_overlay {left:-7px;margin-top:0px;margin-left:0px; position:relative;bottom:50px;}
/*	.lijst_overlay {left:-7px;margin-top:0px;margin-left:0px; position:relative;top:50px;z-index:2;}*/
/*	.lijst_picture { max-width:350px;width:100%;height:auto;}
	.lijst_picture img{ max-width:350px;width:100%;height:auto;}*/

	.lijst_picture { width:350px; max-width:100%;  max-height:233px; height:auto;}	
	.lijst_picture img{ width:350px; max-width:100%;  max-height:233px; height:auto;}
/*end test lijst groot op mobiel*/



	.lijstUL { width:100%;}
	.lijstUL > li {border:1px solid #fff;width:100%; max-width:360px; height:inherit; border-bottom:1px dotted #ccc; border-radius:0px;
	 padding-left:3px; padding-right:3px; margin-left:0px;margin-right:8px; padding-top:0px; padding-bottom:10px;}
	.lijstUL > li:hover {border:1px solid #fff; border-bottom:1px dotted #ccc; background-color:inherit;}


	.subrubriekmenutekst {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}


	#pagemenubottom {display:none;}	
	#btn_meerartikelen {display:inline-block;}


/*	#subrubriekmenu > div {width:100%;} */
	.frm_titel { height:20px; line-height:20px; padding-top:3px; width:90%;}
	.frm_input {width:90%;}		
/*#main-left {width:100%;}*/
}


@media only screen and (max-width: 400px) {	/* tel max 400*/

#main-left {width:100%; left:-400px;}/*buiten beeld*/
#main-right{padding-left:10px;}
	.menu_toggle > i {margin-top:11px;}	
.shop63-header {min-height:45px;}
.shop63-footer {padding-left:10px;}
.shop63-logo {margin-top:2px;}
.shop63-logo img {height:34px;width:116px;}
/*.shop63-logo img {height:32px;width:168px;margin-top:3px;}*/
.favorieten-head {margin-top:0px;}
.winkelwagen-head {margin-top:0px;}
}

@media only screen and (max-width: 340px) {	/*oude tel, bv iphone5 zijn 320*/
	#winkelwagen-icon {font-size:14px;margin-top:0px;}
	#favorieten-icon {font-size:14px;margin-top:0px;}
	.favorieten-head {width:35px; height:45px; margin-left:2px;margin-right:0px; margin-top:-5px;}
	#winkelwagen-bedrag {display:none;}
	
	.pagemenu_listtype > div> i {font-size:16px;}


	.winkelwagen-head {width:35px;height:45px; margin-left:2px;margin-right:10px;margin-top:-5px;}
	.winkelwagen-bedrag {display:none;}
}


/*@media all and (display-mode: standalone){*/
@media (display-mode: standalone){
/*@media all and (max-width: 420px) {*/
 .apponly {display:block;}
 .webonly {display:none;}
 #appactive {display:block;}
 .appmenu {display:block;}
/* .naaiplezier-header-main {border:1px solid #00f;}*/
.shop63-header-main {box-shadow:none;border-bottom:1px solid #eee;}
 .shop63-logo {display: block; width:100%;  margin-left: auto;  margin-right: auto; float:none;clear:both;}
/* .naaiplezier picture {border:1px solid #0f0;}*/
 .shop63-logo a {width:100%;text-align:center;display:block;margin: auto;}
 .pagefooter-last {margin-bottom:50px;}
}