

/* OVERLAYMNU_CATALOG */
#subb1,#subb2,#subb3					{z-index:950;display:none;width:33.333%;position:fixed;top:0px;left:0px;bottom: 10px;background-color:var(--BACKGROUND); overflow-y: scroll;max-height: 100%;box-sizing:border-box;padding:50px 30px 50px 50px;border-right:solid 1px #666;}
#subb1 h1,#subb2 h1,#subb3 				{text-transform:uppercase;}
#subb1									{}
#subb2									{z-index:951;left:33.333%;}
#subb3									{z-index:952;left:66.666%;}
/* ZOEKEN */
#subbZ1,#subbZ2,#subbZ3					{z-index:950;display:none;width:33.333%;position:fixed;top:0px;left:0px;bottom: 10px;background-color:var(--BACKGROUND); overflow-y: scroll;max-height: 100%;box-sizing:border-box;padding:50px 30px 50px 50px;}
#subbZ2									{z-index:950;left:33.333%;}
#subbZ3									{z-index:950;left:66.666%;}
a.nivFew								{text-transform:uppercase;text-decoration:none;margin-bottom:5px;display:block;font-size:13px !important;border-bottom:solid 1px #000;padding-bottom:5px;}
a.nivFew:hover							{color:var(--MAINCOLOR);}
a.nivFew i								{color:var(--MAINCOLOR);}
/* CLOSE BUTTONS */
.cllo									{font-size:40px;padding-right:0px;}
a.cllo									{color:var(--MAINCOLOR);}


#catContent								{width:75%;float:left;}
.pad									{position:relative;}
.error									{background-color:var(--RED);color:#fff;padding:10px;}

/*ANDEREPRODUCTEN*/
#otherProds								{margin-top:50px;}
#otherProds height: 2px;				{margin-top:100px;color:var(--MAINCOLOR);}

/*MERKEN*/
#merkDiv								{margin-bottom:60px;}
.merImg									{max-width:100%;width:100%;}
a.merkImg 								{width:10%;}
@media screen and (max-width: 1130px) 	{a.merkImg{width:20%;}}
@media screen and (max-width: 640px) 	{a.merkImg{width:25%;}}

.merkTitel{}
.merTxt									{margin-top:20px;}
.merSubTit								{font-weight:bold;margin-top:20px;text-transform:uppercase;}
.merParent								{color:var(--MAINCOLOR);}

.placer 								{box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 34%);padding: 30px 10px;}
.placer2 								{box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 34%);}

/*PROMOTIE-NIEUW BALK*/
.nieuwSlick {margin-bottom:20px;}
.slickTit{margin-bottom:30px;}
.nieuwSlick div h3{color:var(--MAINCOLOR2);font-size:18px;}
#allNieuwSlick{}
#allNieuwSlick a{text-decoration:none;}
.owl-nav{width:100%;text-align:center;}

/*BREADCRUMB*/
.breadcrumb {margin-bottom:25px;}
#catTitle {}
#catTitle span {display:inline;}
#catTitle a{text-transform:uppercase;text-decoration:none;}

/*CATNIV*/
#cat {float:left;margin-right:5%;width:20%;}
.catniv1 {list-style-type:none;margin:0;}
.catniv1 li {margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #000;}
.catniv1 li a {display:block;text-align:left;text-decoration:none;text-transform:uppercase;color:#343434;}
.catniv1 ul {margin:0;list-style-type:none;}
.catniv1 li ul li {margin:0;padding:0;border:0;margin-left:10px;}
.catniv1 li.curr ul li a {background-color:#fff;font-size:11px;color:#000;padding:0;}
.catniv1 li ul li a {background-color:#fff;font-size:11px;color:#000;padding:0;}
.catniv1 li ul li.curr a {color:#343434;}
.catniv1 li ul li a:hover {color:#343434;}
.catniv1 li ul ul li ul ul li {border-bottom:1px dashed #000;}


/*NIVEAUTEKST*/
#aboutNivBtn{display:block;text-align:right;}
#aboutNivBtn a,.nivTxt a{display:inline-block;background-color:var(--MAINCOLOR);color:var(--BACKGROUND);text-decoration:none;text-transform:uppercase;padding:3px 7px 3px 7px;}
#aboutNivBtn a:hover,.nivTxt a:hover{color:var(--MAINCOLOR);outline:solid 1px var(--MAINCOLOR);background-color:var(--BACKGROUND);}
.nivTxt {display:none;margin-bottom:25px;width:100%;background-color:#fff;margin:25px auto 25px 0px;border-top:dashed 1px #bbb;border-bottom:dashed 1px #bbb;cleaer:both;float:none;}
#aboutNivClose{text-align:center;}
#aboutNivClose a{text-decoration:none;font-weight:bold;margin-bottom:20px;display:inline-block;}
#aboutBtn{text-align:right;}

/*NIVEAUSLIJST MET THUMB*/
.nivPic {position:relative;}
.nivPic a {display:block;}
.nivPic a img{position:relative;width:100%;aspect-ratio: 4/3;}
.nivPic a img.cover{object-fit:cover;}
.nivTitle {text-align:center;margin:15px 0 15px 0;}
.nivTitle a {text-decoration:none;text-transform:uppercase;font-size:18px;}

/*ADD IN PRODLIST*/
.addinprodlist > div:nth-of-type(1){float:left;width:58%;font-size:18px;font-weight:bold;}
.addinprodlist > div:nth-of-type(2){float:left;width:20%;margin-right:2%;}
.addinprodlist > div:nth-of-type(3){float:left;width:20%;}
.addinprodlist div a.upP,.addinprodlist div a.downP{display:block;text-align:center;border-radius:10px;border:solid 1px #ad6a43;padding:5px;}
.addinprodlist div a.upP:hover, .addinprodlist a.downP:hover{background-color:#ad6a43;color:#fff;}
.bestelInList{margin-top:5px;}
.bestelInList > div:nth-of-type(1){float:left;width:40%;font-size:18px;padding-top:5px;}
.bestelInList > div:nth-of-type(2){float:left;width:60%;}
.bestelInList > div:nth-of-type(2) a{display:block;border-radius:5px;background-color:#ad6a43;padding:5px;font-size:15px;text-decoration:none;color:#fff;text-align:center;text-transform:uppercase;}
a.gotoShopInc:hover{color:#ccc;}

/*PRODUCTENLIJST MET THUMB*/
.prodTitle {text-align:center;margin-top:5px;}
.prodTitle a {text-decoration:none;text-transform:uppercase;font-size:18px;}
.prodTitle a:hover {color:var(--MAINCOLOR2);}

/*PRODDETAIL*/
#prodDiv{display: flex;}
#prodPic{flex: 1;}
#prodPic a {display:block;}
#prodPic img {width:100%;}
#prodPic div.Floader img{width:auto;}
#prodShop{flex: 1;margin-left: 50px;}
#prodShop addForm{}
#prodOms{float:left;width:300px;margin-top:25px;padding-right:30px;}

/*THUMBS*/
#thumbs {margin-top:10px;}
.thumb {float:left;width:23.5%;margin-left:2%;position:relative;}
.t4 {margin-left:0;}
.thumbs4 {margin-bottom:10px;}
.thumbs2 {margin-bottom:10px;display:none;}
.thumbs1 {margin-bottom:5px;display:none;}

/*PRIJS*/
.prijs,.prijs2,.prijs3{text-align:center;}
.prijs span{font-size:22px;}
.prijs2 span{font-size:22px;}
.prijs3 span{text-decoration:line-through;color:#f60;}
#prodDiv span.prijs  {display:inline-block;padding:5px 10px;font-weight:700;letter-spacing:1px;font-size:20px;}
#prodDiv span.prijs2 {display:inline-block;padding:5px 10px;font-size:20px;}
span.prijs3 {display:inline-block;text-decoration:line-through;color:#f60;font-size:18px;margin-bottom:10px;}

/*NIEUW / PROMO*/
.nieuw {position:absolute;background-color:#00c5a3;color:#fff;padding:2px 3px;z-index:100;text-transform:uppercase;padding-right:30px;border-bottom-right-radius:20px;}
.promo {position:absolute;left:0px;background-color:#f60;color:#fff;padding:2px 3px;z-index:100;text-transform:uppercase;padding-right:30px;border-bottom-right-radius:20px;}
.uitv {position:absolute;left:0px;background-color:var(--MAINCOLOR);color:#fff;padding:2px 3px;z-index:100;text-transform:uppercase;}

#info {margin-bottom:25px;}

/*CATMENU*/
#catNav{float:right;}
#catNav ul{list-style-type:none;margin:0;}
#catNav li{width:15px;height:15px;float:left;margin-left:5px;}
a.next {width:15px;height:15px;display:block;background-image:url(../catimg/volgend_product.jpg);text-indent:-10000px;}
a.next:hover {background-image:url(../catimg/volgend_product_hover.jpg);}
a.prev {width:15px;height:15px;display:block;background-image:url(../catimg/vorig_product.jpg);text-indent:-10000px;}
a.prev:hover {background-image:url(../catimg/vorig_product_hover.jpg);}
a.up {width:15px;height:15px;display:block;background-image:url(../catimg/bovenliggende_map.jpg);text-indent:-10000px;}
a.up:hover {background-image:url(../catimg/bovenliggende_map_hover.jpg);}

/*PAGER*/
#pagerAbove {margin:10px 0px 30px 0px}
#pagerBelow {margin-top:30px;}
.pagingDiv {}
.pagingDiv ul {margin:0;list-style:none;display: flex;flex-wrap: wrap;}
.pagingDiv li {}
.pagingDiv li a {text-decoration:none;font-size:12px;color:#aaa;padding:5px 10px;display:block;background-color:#fff;text-align:center;margin-left:2px;border:solid 1px #e3e0d7;}
.pagingDiv li.pagingCurrent a {color:#343434;background-color:#e3e0d7;}
.pagingDiv li a.pagingAllCurrent {color:#343434;background-color:#e3e0d7;}
.pagingDiv li a:hover {color:#343434;background-color:#e3e0d7;}

/*ZOEKEN*/
.searches{background-color:#fff;padding:10px;padding-bottom:150px;}
.allSearches{font-size:12px;padding-left:25px;}

/*SHARES*/
#share {margin-top:30px;}
.share ul {list-style-type:none;margin:0;}
.share ul li {display:inline-block;margin-right:2px;}
.share ul li.last {margin:0;}
.share ul li a img {width:40px;}
