/*    CSS door CM Specialist.nl     */
/*    Versie 6.1.5                  */

/* Instellingen categorie en artikelweergave */
.shopHeader 			  		{clear: both;}
.shopHeader img   			{height: auto !important; max-width: 100%;}
.shopSortOptieTable 		{margin: 10px 0px 30px; border-bottom: 1px solid #eee; width: 100%;}
.shopSortOptieTable select {border: 0;}
.shopSortPres 					{width: 20px; text-align: center;}
.shopSortPres a 				{color:#666; font-size:16px;}
.shopSortPres a:hover 	{color:#76b82a;}
.shopSortPres a.actief 	{color:#76b82a;}
.shopSortOptie2 				{text-align: right;}
.shopSortOptie 					{text-align: right;}
.shopFooter 			  		{margin-top:20px;}
.shopFooter .productCarrousselHolder .jcarousel-clip-horizontal {max-width: 610px;}

.slidingProduct 		  	{box-shadow: 0 1px 10px rgba(0,0,0,.3); border-radius: 0px; overflow:hidden; z-index:999 !important; pointer-events: none; height: auto;}
/* Einde instellingen categorie en artikelweergave */

/* Categorie sortering en weergave */
.shopSortOptieTable a                               {text-decoration: none; transition: all .3s ease;}
.shopSortOptieTable a.actief                        {font-weight: bold; color:#76b82a; *background:#eee;}
.shopSortOptieTable a.actief.asc  .titel::after     {content:"\f0d7"; font-family: "Font Awesome 5 Pro"; margin-left:5px; font-weight: normal;}
.shopSortOptieTable a.actief.desc .titel::after     {content:"\f0d8"; font-family: "Font Awesome 5 Pro"; margin-left:5px; font-weight: normal;}
.aantalPerPagina select                             {padding:5px 25px 5px 10px}
.aantalPerPagina span                               {line-height:31px; padding-right:5px;}
.presentatieWijze, .sorteerKnoppen                  {display:inline-block; vertical-align: middle; padding:0; border-radius: 0px; overflow: hidden;}
.presentatieWijze a, .sorteerKnoppen a              {padding: 0px 5px; display: inline-block; line-height: 1.5em; color:#666;}
.sorteerKnoppen a                                   {padding: 0px 5px;}
.presentatieWijze a:hover, .sorteerKnoppen a:hover  {color:#76b82a;}
.presentatieWijze .titel                            {display: none;}
.shopAfdrukkenKnop .pdfKnop                         {margin-left: 5px;}
.shopNavigatie                                      {margin: 0; vertical-align: middle; width:100%;}
.shopNavigatieVorige                                {width:33.333%;}
.shopNavigatieVolgende                              {width:33.333%;}
.shopNavigatieLijst                                 {width:33.333%;}
.shopNavigatie .button                              {white-space: nowrap; border: 1px solid #e2e2e2 !important; background: #f3f3f3 !important; display: block; text-align: center; color: #000 !important; box-sizing: border-box; padding: 8px 9px !important;}

.shopNavigatieVorige .button                                {border-radius: 3px 0 0 3px; border-right: 0 !important;}
.shopNavigatieVolgende .button                              {border-radius: 0 3px 3px 0; border-left: 0 !important;}
.shopNavigatieLijst .button {border-radius: 0;  }

/* Einde Categorie sortering en weergave */

/* Categorieën */
.shopCategorieHolder {margin-top: 10px;}
.shopCategorieHolder .categorie 				{position: relative; width: 33.333%; float: left;}
.shopCategorieHolder .categorie .inner			{position: relative; border-right: 1px solid #e2e2e2; border: 1px solid #e2e2e2;     margin: 10px; border-radius: 3px; transition: all .3s ease;}
/* .shopCategorieHolder .categorie:nth-of-type(3n+0) .inner {border-right-color: transparent;} */
.shopCategorieHolder .categorie .inner:hover	{*box-shadow: 0 0 19px 2px rgba(0, 0, 0, 0.1);}

.shopCategorieHolder .categorie a 				{text-indent: -9999px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; color:#555; background-image: url("images/spacer.gif"); transition: .2s all ease;}
.shopCategorieHolder .categorie a:hover {background: rgba(0,0,0,.05);}
.shopCategorieHolder .categorie .titel 			{line-height: 1.25em; color: #fff; padding: 15px; overflow: hidden; text-overflow: ellipsis; position: absolute; bottom: 0; background: rgba(0,0,0,.35); width: 100%; box-sizing: border-box; text-align: left; transition: .2s all ease;}
.shopCategorieHolder .categorie .titel .h2 		{text-overflow: ellipsis; font-size: 15px; color: #fff; font-weight: 700; text-align: left; line-height: 1.25em; white-space: nowrap; overflow: hidden; text-transform: uppercase; padding-right: 30px; margin: 0; font-family: "Oswald", Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: .5px;}
.shopCategorieHolder .categorie .titel .far {position: absolute; right: 8px; bottom: 8px; color: inherit; padding: 8px; line-height: 1; border-radius: 3px; transition: .2s all ease; background: rgba(255,255,255,.2); }
.shopCategorieHolder .categorie .inner:hover .far {background: #76b82a; color: #fff;}

.shopCategorieHolder .afbeeldingHouder {position: relative; margin-bottom: 5px; width: 100%;}
.shopCategorieHolder .afbeeldingHouder img {position: absolute; top: 0; right: 0; left: 0;bottom:0; max-height: 90%; max-width: 90%; margin: auto; height: auto !important; width: auto !important;}
.shopCategorieHolder .afbeeldingHouder .verhouding {display: block; padding-bottom: 100%;}

.holder > .categoriebloktitel {padding: 80px 0 0px;}
.holder > .categoriebloktitel:first-child {padding-top:0;}


/* Einde categorieën */

/* Algemeen voor Lijst, Tegel, Compact en Detail */
.artikel .afbeeldingHouder             {position: relative; width: 100%;}
.artikel .afbeeldingHouder a img         {position: absolute; top: 0; right: 0; left: 0;bottom:0; max-height: 100%; max-width: 100%; margin: auto; height: auto !important; width: auto !important;}
.artikel .afbeeldingHouder .verhouding {display: block; padding-bottom: 100%;}
.artikel .afbeelding                          {position: relative; z-index: 0;}
.artikel .labels {top: 15px; left: 15px; position: absolute; z-index: 1; pointer-events: none;}
.artikel .labels .label {color: #fff; line-height: 1; padding: 8px; font-size: 14px; background: #eee; background: #76b82a; display: inline-block; margin-right: 5px; border-radius: 3px;}
.artikel .labels .label.aanbieding {color: #fff; background: #76b82a;}
.artikel .labels	img {max-width: 100%;}
.artikel h2.titel a 					{text-decoration: none;}
.artikel .artikelnr > .titel			{padding-right:0.3em;}
.artikel .artikelnr > .nummer			{text-transform:uppercase; white-space: nowrap;}

.voorraad .status              {border-spacing:0;}
.voorraad .status .image       {display:none;}
.voorraad .status .toelichting::before    {font-family: "Font Awesome 5 Pro"; margin-right: 10px; content: "\f058"; font-weight: bold; color: #76b82a; display: inline-block; vertical-align: middle; position: relative; top: -1px;}
.voorraad .status .toelichting.negatief::before {content: "\f056"; color: #fc3f4d;}

.artikel .voorraad .opVoorraad {margin-left: .25em;}

.artikel .prijzen 						{font-size:18px; line-height: 1.25em;}
.artikel .prijzen .prijs {font-weight: bold; color: #76b82a; font-size: 125%;}
.artikel .prijzen .inclbtwinfo .prijs {font-weight: bold; color: #000; font-size: 100%;}

.artikel .prijzen .relatieBtwPrijs, .artikel .prijzen .handelsLengtePrijs {font-weight:bold; color: #76b82a; display: block; font-size: 125%;}

.artikel .prijzen .van 					{text-decoration: line-through; opacity:.7; margin: auto 10px auto 0;}
.artikel .prijzen .voor 				{font-size:120%;}
.artikel .prijzen .vanaf				{font-size:12px; font-weight:normal; padding-right:0.3em;}
.artikel .prijzen .relatieBtwPrijs .exBtwToelichting {font-size: 13px; color: #666; font-weight: normal; margin-left: .25em;}

.artikel .btwinfo						{font-size: 13px; color: #666; font-weight: normal; margin-left: .25em;}

.artikel .bestellen {padding: 0;margin: 10px 0 0;}
.artikel .bestellen .wButBestel.knopFomuleConfig span {display: inline;}
.artikel .bestellen .wButBestel.knopFomuleConfig::before {display: none;}

.artikel .bestellen						{z-index:2; position: relative;}
.artikel .bestellen .variatie select 	{width:100%; margin-bottom:0.25em;}
.artikel .bestellen .bestelknop {flex: 1; display: flex; *box-shadow: 0 0px 27px 3px rgba(0,0,0,.1);}
.artikel .bestellen .bestelknop input	{width: 60px; text-align: center; margin: 0 10px 0 0; background: #f3f3f3; border-radius: 3px; font-size: 16px; font-weight: bold; color: #202222;}

.artikel .bestelknop {display: inline-table; position: relative;}

.artikel .bestellen .wButBestel {padding: 12px; flex: 1; text-align: center; font-weight: bold; max-width: none; text-transform: uppercase;}
.artikel .bestellen .wButBestel::before {content: "\f291"; font-family: "Font Awesome 5 Pro"; font-weight: normal; font-size: 17px; margin-right: 10px;}
.artikel .bestellen .detailKnop {background: #eee; display: flex; vertical-align: middle; font-size: 13px; flex: 1; align-items: center; justify-content: center; color: #666;white-space: nowrap;}
.artikel .bestellen .artikelBestelEenheid {display: inline-block; margin-left: 15px;}

.artikel .bestellen .bestelknop .aantalMinPlus {display: flex; background: #f3f3f3; margin-right: 10px; border-radius: 3px;}
.artikel .bestellen .bestelknop .aantalMinPlus > * {width: 33.333% !important; padding: 0 !important; box-sizing: border-box !important; margin: 0 !important; line-height: 1; display: flex; border-radius: 0 !important; transition: .3s all ease; color: #000; border: 1px solid #e2e2e2;}
.artikel .bestellen .bestelknop .aantalMinPlus .min {border-radius: 3px 0 0 3px !important;}
.artikel .bestellen .bestelknop .aantalMinPlus .plus {border-radius: 0 3px 3px 0 !important;}
.artikel .bestellen .bestelknop .aantalMinPlus .min:hover,
.artikel .bestellen .bestelknop .aantalMinPlus .plus:hover {cursor: pointer; background: #d0d0d0;}
.artikel .bestellen .bestelknop .aantalMinPlus > input {background: #fff; border-left: 0; border-right: 0;}
.artikel .bestellen .bestelknop .aantalMinPlus > * > i {margin: auto;}

.artikel .favorieten 			{clear:both; position: absolute; display: block; margin: 0; top: 0; right: 0; padding: 15px; font-size: 16px; z-index: 2; line-height: 1; opacity: 1;}
.artikel .favorieten a 			{text-decoration:none; color: #666;}
.artikel .favorieten .toelichting {display: none;}
.artikel .favorieten .image		{margin: 0; padding:0;}
.artikel .favorieten.aan .image {color: #f7b30d;}
.artikel .favorieten.aan .image i {font-weight: bold;}

.artikel .verlang 				{clear:both; font-size:12px;}
.artikel .verlang a 			{text-decoration:none;}
.artikel .verlang .image		{padding-right:0.6em;}
.artikel .verlang .image img 	{position: relative; top: 2px;}
.artikel .project 				{font-size:12px; clear:both; margin:0.5em 0; padding:10px 10px 5px 10px; background:#eee; border-radius:5px;}
.artikel .project select 		{width:100%;}
.artikel .project a 			{text-decoration:none;}
.artikel .project .image		{padding-right:0.6em;}
.artikel .project .image	img {position: relative; top: 2px;}
.artikel #extraVrachtkosten		{display:inline-block; padding:5px 10px; margin:0.5em 0; background-color:#eee; border-radius:5px;}
.artikel #extraVrachtkosten a	{text-decoration:none;}

.artikel .formuleHolder.reset {display: none;}
/* Einde algemeen voor Lijst, Tegel, Compact en Detail  */


/* Lijstweergave 1*/ 
.shopLijst .artikel 			                        {background-color: #fff; border-bottom: 1px solid #e2e2e2; padding: 5px 0; position: relative;}
.shopLijst .artikel:last-child {border-bottom: 0;}
.shopLijst .artikel:hover	                        {box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15); z-index: 1;}
.shopLijst .artikel > a 	                        {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; text-indent: -9999px;}
.shopLijst .artikel .inner 		  	                {display: table; width: 100%; border-spacing: 5px;}
.shopLijst .artikel .inner .col1,
.shopLijst .artikel .inner .col2,
.shopLijst .artikel .inner .col3                  {display:table-cell; vertical-align: middle;}
.shopLijst .artikel .inner .col1	                {width:150px; padding-right:10px;}
.shopLijst .artikel .inner .col2	                {width:auto; padding: 0px;}
.shopLijst .artikel .inner .col2 .prijsafspraakInLijst {display: none;}
.shopLijst .artikel .inner .col3	                {width:190px; vertical-align: middle;}
.shopLijst .artikel .afbeeldingHouder .labels img 	{width:50px; height:auto;}
.shopLijst .artikel .omschrijving                 {margin: 0 0 5px !important;}
.shopLijst .artikel .omschrijving .h2.titel        {font-size: 16px; line-height: 1.25em; margin: 0; font-style: normal; font-weight: 700;}
.shopLijst .artikel .omschrijving .h2.titel a	  	{font-size:inherit; margin:0; color: inherit; text-decoration: none;}
.shopLijst .artikel .omschrijving .artikelnr 	  	{font-weight: normal; margin: 0 !important;}

.shopLijst .artikel .prijzen {font-size: 18px; margin: 0 0 10px; line-height: 1.25em;}
.shopLijst .artikel .voorraad                     {margin: 5px 0 10px;}

.shopLijst .artikel .artikelEenheid, .shopLijst .artikel .artikelBestelEenheid {display: inline !important; font-size: 12px; font-weight: normal; vertical-align: top; line-height: 1em;}

.shopLijst .artikel .bestellen {padding: 0; width: auto !important; margin: 0;}
.shopLijst .artikel .bestellen a.detailKnop {display: block;}
.shopLijst .artikel .favorieten {display: none;}
.shopLijst .artikel .bestellen .detailKnop {background: #eee; display: flex; vertical-align: middle; font-size: 13px; flex: 1; align-items: center; justify-content: center; color: #666;white-space: nowrap;}

.shopLijst .artikel .prijsafspraakInLijst {display: none;}
/* Einde Lijstweergave 1 */

/* Tegelweergave 2*/
.shopTegel {padding-bottom: 70px; display: flex; flex-wrap: wrap; margin: 0 -10px;}
.shopTegel .artikel {display:block; width: calc(33.3333% - 20px); position: relative;}
.shopHolder.volledig .shopTegel .artikel {width: calc(25% - 20px);}
.shopTegel .artikel {position: relative; border: 1px solid #e2e2e2; margin: 10px; border-radius: 3px; background: #fff; box-sizing: border-box; display: flex; flex-direction: column;}
.shopTegel .artikel .inner {height: auto !important;}

.shopTegel .artikel:hover {box-shadow: 0 0px 57px 3px rgba(0,0,0,.1);}
.shopTegel .artikel > a.link 	{display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; text-indent: -9999px;}
.shopTegel .artikel .afbeeldingHouder {box-shadow: 0 0 40px -15px inset rgba(0,0,0,.1);}
.shopTegel .artikel .afbeeldingHouder::before {content: ""; position: absolute; background: rgba(0,0,0,.05); left: 0; right: 0; top: 0; bottom: 0; z-index: 1; pointer-events: none; }
.shopTegel .artikel .omschrijving {padding: 20px 20px 0px; }
.shopTegel .artikel .omschrijving a.titel         {display: block; margin: 0; color: #202222; font-size: 20px; font-weight: 700; line-height: 1.35em; font-family: "Oswald", Helvetica Neue, Helvetica, Arial, sans-serif; text-decoration: none; text-transform: none; letter-spacing: .5px;    overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.shopTegel .artikel .omschrijving h2.titel a	   	{font-size: inherit; margin:0; line-height:inherit; display: block; color: inherit;}
.shopTegel .artikel .omschrijving .artikelnr,
.shopTegel .artikel .voorraad  		{font-size: 13px; line-height: 1.25em; margin: 0 0 10px;}
.shopTegel .artikel .omschrijving .artikelnr {display: none;}
.shopTegel .artikel .prijzen {
  border-top: 1px solid #e2e2e2;
  padding-top: 15px;
}

.shopTegel .artikel .onder {padding: 10px 20px 20px; margin-top: auto;}
.shopTegel .artikel .bestellen {z-index:2; position: relative;}
.shopTegel .artikel .bestellen .bestelknop  {margin: 0 -5px;}

.shopTegel .artikel .bestellen .bestelknop > * {margin: 0 5px; width: 50%; flex: 1;}

.shopTegel .artikel .artikelBestelEenheid {display: none;}

.shopTegel .artikel .bestellen .detailKnop {background: #eee; display: flex; vertical-align: middle; font-size: 13px; flex: 1; align-items: center; justify-content: center; color: #666;white-space: nowrap;}
.shopTegel .artikel .meerinfo .prijzen .btwinfo {display: block; margin: 0;}
.shopTegel .artikel .verlang {display:block;}
.shopTegel .artikel .prijsafspraakInLijst {display: none;}
/* Einde Tegelweergave 2 */

/* Compacte weergave 3*/
.shopCompact .artikel 		{background:#fff; position: relative; border-bottom: 1px solid #ddd;}
.shopCompact .artikel:hover	{background:#fff; z-index:1;}
.shopCompact .artikel > a 	{display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; text-indent: -9999px;}
.shopCompact .artikel 		.details 		{position:relative; max-height:0; opacity:0; transition: all .5s ease; margin:0; overflow: hidden}
.shopCompact .artikel:hover .details		{opacity:1; max-height:200px; margin-top:5px;}
.shopCompact .artikel .inner 				{display:table; width:100%; border-spacing:5px; table-layout: fixed;}
.shopCompact .artikel .inner .col1, .shopCompact .artikel .inner .col2, .shopCompact .artikel .inner .col3, .shopCompact .artikel .inner .col4 {display:table-cell; vertical-align: middle; padding:0 10px 0 0;}
.shopCompact .artikel .inner .col1			{width:90px;}
.shopCompact .artikel .inner .col2			{width:auto;}
.shopCompact .artikel .inner .col3			{width:170px; white-space: nowrap;}
.shopCompact .artikel .inner .col4			{width:95px; padding: 0 0 0 10px;}
.shopCompact .artikel .afbeeldingHouder .labels img 	{width:50px; height:auto;}
.shopCompact .artikel .afbeeldingHouder 	{display:block; width:auto; border:3px solid #fff; box-shadow:0 1px 3px rgba(0,0,0,.2); position: relative; float:right; margin:10px;}
.shopCompact h2.titel {font-size: 15px; margin: 0;} 
.shopCompact h2.titel a				        {font-size:inherit; color: #606060;}
.shopCompact .artikel .prijzen 		       	{text-align: right; font-size:14px; margin:0;}
.shopCompact .artikel .prijzen .voor		{font-size:100%;}
.shopCompact .artikel .bestellen a.wButBestel{overflow: hidden; position: relative; text-indent: 9999px; width: 17px; border: 0; border-radius: 0px; padding: 4px;}
.shopCompact .artikel .bestellen a.wButBestel:before {content: "+"; display: block; text-indent: 0; text-align: center; font-size: 18px; font-weight: bold; line-height: 1em;}
.shopCompact .artikel .bestellen a.wButBestel span {display: none;}

.shopCompact .artikel .variatie select	    {margin-right:0.5em; width:auto;}
.shopCompact .artikel .artikelEenheid 	    {float:right;}
.shopCompact .artikel .artikelnr .titel     {display:none;}

.shopCompact .artikel .details {opacity: 0; position: absolute;}
/* Einde Compacte weergave 3 */

/* Artikel detailscherm */
.artikel.detail {display: flex;}
.artikel.detail .links {width:50%; padding-right:10px; box-sizing: border-box;}

/* Gallery artikeldetail */
.volledigGallery .carousel-cell-groot {position: relative; width: 100%; margin: 0; height: 100%;}
.volledigGallery .carousel-cell-groot img {position: absolute; top: 0; right: 0; left: 0; bottom: 0; max-height: 100%; max-width: 100%; margin: auto; height: auto !important; width: auto !important;}
.volledigGallery .carousel-cell-groot .verhouding {display: block; padding-bottom: 100%;}

.flickity-viewport {height: 500px !important;}

.flickity-button {opacity: 0; transition: .3s all ease;}
.galleryHouder:hover .flickity-button {opacity: 1;}
.galleryHouder:hover .flickity-button:disabled {opacity: .3;}
.flickity-prev-next-button .flickity-button-icon {position: absolute; left: 35%; top: 35%; width: 30%; height: 30%;}
.flickity-button {width: 35px; height: 35px;}

.thumbnailGallery {height: 0; overflow: hidden; opacity: 0; width: 0;}
.thumbnailGallery .carousel-cell img {margin: 5px; border: 2px solid #f2f2f2; border-radius: 3px; width: auto !important; height: auto !important; max-width: unset !important;}
.thumbnailGallery .carousel-cell-yt img {margin: 5px; border: 2px solid #f2f2f2; border-radius: 3px; height: auto !important; max-width: unset !important;}
.thumbnailGallery .carousel-cell.is-selected img, .thumbnailGallery .carousel-cell-yt.is-selected img {border-color: #365376;}
.thumbnailGallery .flickity-button {height: 100%; background: hsla(0, 0%, 100%, 0.75); border-radius: 0; z-index: 2;}
.thumbnailGallery .flickity-button.previous {left: 0;}
.thumbnailGallery .flickity-button.next {right: 0;}

.fancybox-toolbar .fancybox-button--thumbs,
.fancybox-toolbar .fancybox-button--play,
.fancybox-toolbar .fancybox-button--zoom {display: none !important;}

.volledigGallery .carousel-cell-groot.videoGroot img::before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(37, 40, 45, .40);}
.volledigGallery .carousel-cell-groot.videoGroot .playKnop {position: absolute; top: 45%; bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center; color: #FFF; font-size: 50px;}

.flickity-page-dots {
  position: relative !important;
  margin-top: 20px !important;
}
.flickity-page-dots .dot {   border: 3px solid #aaa !important; background: transparent !important;}
.flickity-page-dots .dot.is-selected {border-color: #76b82a !important;}

/* Einde gallery artikeldetail */


.artikel.detail .ad-gallery .ad-nav {text-align: center;}


.artikel.detail .links .afbeelding {margin-bottom: 20px; background: #fff;}
.artikel.detail .links .afbeelding::before {content: ""; position: absolute; background: rgba(0,0,0,.05); left: 0; right: 0; top: 0; bottom: 0; z-index: 1; pointer-events: none;}

.artikel.detail .rechts 		{width:50%; padding-left: 10px; box-sizing: border-box;}
.artikel.detail .sticky {position: sticky; position: -webkit-sticky; top: 180px;}
.artikel.detail .inhoud {border: 1px solid #e2e2e2;  padding: 30px; background: #fff; border-radius: 5px; margin: 0 0 20px;}
.artikel.detail .artikelTabs 	{clear:both; margin: 20px 0;}
.artikel.detail .rechts h1 				{font-size: 40px; color: #202222; text-transform: none; margin: 0; hyphens: auto; -webkit-hyphens: auto;}
.artikel.detail .rechts .artikelnr 				{margin: 0 0 20px;}

.artikel.detail .rechts .shopTegel {padding-bottom: 20px;}

.artikel.detail .bestellen .wButBestel span {display: inline-block;}

.artikel.detail .bestellen {flex: 1; *max-width: 400px;}

.artikel.detail .rechts .shopDetailTabKenmerken {display: none;}


.artikel.detail .bestelHolderNormaal {display: flex;}
.artikel.detail .bestelHolderNormaal .bestellen {margin: 0;}
.artikel.detail .bestelHolderNormaal .prijsinfo {margin: 0 20px 0 0;}
.artikel.detail .bestelHolderNormaal .prijsinfo:empty {display: none;}
.artikel.detail .bestellen .prijzen {display: inline-block; margin: 0px 0px 0px 10px;}

 
.artikel.detail .rechts .detailmaatwerkknop {border-radius: 3px; color: #fff; cursor: pointer; margin: 0 0 10px; font-size: 15px; line-height: 1.25em; font-weight: bold; padding: 11px; position: relative; text-decoration: none; transition: all 0.3s ease 0s; display: block; text-align: center; background: #808080; border-color: #808080;} 

.artikel.detail .rechts .handelsLengteBeschrijving {font-size: 13px;}

.artikel.detail .gekoppeldeCategorie            {margin: 20px 0 0;}
.artikel.detail .gekoppeldeCategorie ul         {list-style-type: none; margin: 0; padding: 0;}
.artikel.detail .gekoppeldeCategorie li         {line-height: 25px;}
.artikel.detail .gekoppeldeCategorie li a       {color: #000; text-decoration: none;}
.artikel.detail .gekoppeldeCategorie li a:hover {color: #909090;}
.artikel.detail .gekoppeldeCategorie li a .seperator {margin: 0px 5px;}
.artikel.detail .gekoppeldeCategorie li::before {content: "\f0da"; font-family: "Font Awesome 5 Pro"; margin: 0px 10px 0px 0px;}

.artikel.detail .meebestellen .h2 {color: #202222; font-size: 22px; font-style: normal; font-weight: 700; font-family: "Oswald", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; white-space: normal !important;}
.artikel.detail .meebestellen .h2 > * {white-space: normal !important;}
.artikel.detail .meebestellen .p  {margin: 0 0 30px;}

.artikel.detail .h2.ken {font-size: 22px; font-style: normal; font-weight: 700; font-family: "Oswald", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase;}
.artikel.detail .h2.ken strong {color: #202222;}
.artikel.detail .meebestellen .favorieten,
.artikel.detail .meebestellen .bestellen .wButBestel span,

.artikel.detail .meebestellen .inner .col1 {width: 75px; padding-right: 5px; vertical-align: middle;}
.artikel.detail .meebestellen .inner .col1
.artikel.detail .meebestellen .inner .col2 .omschrijving .h2.titel {display: block; overflow: hidden; margin: 0;font-size: 15px; line-height: 1.35em;}
.artikel.detail .meebestellen .inner .col2 .omschrijving h2.titel a {color: inherit;}

.artikel.detail .meebestellen .inner .col3 {width: 140px; white-space: nowrap; }
.artikel.detail .meebestellen .inner .col3 .prijzen {line-height: 1.25em; margin: 0 0 10px;}

.artikel .shopLijst  .bestellen .wButBestel::before {margin: 0;}
.artikel.detail .shopLijst .bestellen .wButBestel span {display: none;}

.artikel.detail .videoHolder {margin: 20px 0 0; padding-bottom: 50px;}
.artikel.detail .videoWrapper  {clear: both; position: relative; overflow: unset; margin-bottom: unset !important; line-height: inherit; box-shadow: none; height: auto !important;}
.artikel.detail .videoWrapper a {text-decoration: none; padding: 10px 20px; display: block; color: inherit;}
.artikel.detail .videoWrapper a i {margin-right: 10px; font-weight: bold; font-size: 15px; display: inline-block;}
li.toevoegenInGallery a.fancy.iframe.fancyYoutube {display: block; border: 1px solid #ccc; padding: 15px; text-decoration: none; text-align: center;}
li.toevoegenInGallery a.fancy.iframe.fancyYoutube  i {display: block; margin:5px 5px 6px 0;}

.artikel.detail .kenmerkenHolder {margin: 0 0 20px;}

.artikel.detail .formuleHolder {background: #fff; border: 1px solid #e2e2e2; margin: 10px 0; display: flex; flex-direction: column;}

.artikel.detail .formuleHolder .titel {padding: 10px; background: #eee;}

.artikel.detail .formuleHolder .content {display: flex; flex-direction: column; height: 100%; background: #f3f3f3;}
.artikel.detail .formuleHolder .content .formuleInputVeld input {width: 100%;}
.artikel.detail .formuleHolder .content .totaalFormuleVariatiePrijs {display: inline-block; margin: auto 0; line-height: 1;}
.artikel.detail .formuleHolder .content .totaalFormuleVariatiePrijs .toelichting {display: none;}
.artikel.detail .formuleHolder .content .totaalFormuleVariatiePrijs .prijs {font-size: 20px; font-weight: 700; color: #76b82a;}

.artikel.detail .formuleHolder .content .prijsinfo {margin: auto 0 auto 15px; display: inline-block; line-height: 1.25em;}
.artikel.detail .formuleHolder .content .prijsinfo .btwinfo {display: block;}


.artikel.detail .formuleHolder .content .fInhoud {display: flex; flex-wrap: wrap;}
.artikel.detail .formuleHolder .content .fInhoud > div {box-sizing: border-box; width: 50%;}

.artikel.detail .formuleHolder .content .fInhoud > div.bestellen {display: flex;}

/*
.detailVorige, .detailVolgende {position: fixed; top: 50vh; text-align: center; z-index: 1;}
.detailVorige a, .detailVolgende a {white-space: nowrap; border: 0 !important; color: #606060 !important; padding: 8px !important; background: #e6e6e6 !important; border-radius: 3px !important; width: 40px; height: 40px; line-height: 1; box-sizing: border-box; position: relative;}
.detailVorige i, .detailVolgende i {font-size: 25px;}

.detailVorige span, .detailVolgende span     {position: absolute; bottom: 120%; transform-origin: center; transition: .3s ease 0s; padding: 5px 6px; background: #76b82a; color: #fff; font-size: 11px; line-height: 1.25em; border-radius: 0px; opacity: 0; pointer-events: none; text-align: center; display: inline-block; box-sizing: border-box; animation: toolTip 2s infinite; -webkit-animation: toolTip 2s infinite; -moz-animation: toolTip 2s infinite; -o-animation: toolTip 2s infinite; white-space: nowrap; left: 50%; transform: translateX(-50%); font-weight: bold; }
.detailVorige span::before, .detailVolgende span::before {content: ""; width: 8px; height: 8px; background: inherit; position: absolute; left: -50%; right: -50%; margin: 0 auto; bottom: -3px; transform: rotate(45deg); z-index: -1;}
.detailVorige a:hover span, .detailVolgende a:hover span  {opacity: 1; box-shadow: 0 0 20px 0px rgba(0,0,0,.15);}

.detailVorige {left: 15px;}
.detailVolgende {right: 15px;} */


.popupHolder.maatwerk table,
.popupHolder.maatwerk table input {width: 100%; margin: 0 0 5px;}
.popupHolder.maatwerk .artikel.voormaatwerk {display: flex; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.popupHolder.maatwerk .artikel.voormaatwerk .afbeeldingHouder {width: 100px;}
.popupHolder.maatwerk .artikel.voormaatwerk .inhoud {margin: auto 0 auto 20px;}


.artikel.detail .shopHolder .kenmerkgroep {display: none;}


/* Einde artikel detailscherm */

/* Kassa */
.kassaTitel{background-image: url('images/tabeltitel2.jpg');font-weight: bold;height:26px;}
.kassaTitelB{width:110px;text-align:right;}
.kassaTitelC{text-align:right;padding-right:15px;width:95px;}
.kassaTitelD{width:20px;}
.kassaArtikelen {padding:1px;}
.shopLijst1Prijs1A_1, .shopLijst1Prijs1A_2 {font-size:18px;font-weight:normal;}
/* Einde Kassa */

.shopLijst1Variatie_1, .shopLijst1Variatie_2 {font-size: 11px; font-weight: normal; text-decoration: none;}

.artT2AA_1, .artT2AA_2 {padding-left:10px; text-align:right; vertical-align:top; width:150px;}
	


.artT4_1, .artT4_2 {height:60px;}

.artT4A_1, .artT4A_2{font-weight: bold; font-size: 18px; margin-top:5px;}

.artT4B_1, .artT4B_2{width:50px;}
.artT4C_1, .artT4C_2{width:30px;}
.artT4D_1, .artT4D_2{
	font-weight: bold;
	text-align:center;}

.artT4E_1, .artT4E_2{
	font-weight: bold;
	text-align:right;
	padding-right:15px;
  white-space: nowrap;
  vertical-align:top;}
	
/* Presentatielijst 3 */
.artT7Input {width:35px;}
.artT8 {height:25px; width:100%; font-weight:bold;}
.artT8A {width:95px; padding-left:2px; font-weight:bold;}
.artT8B {font-weight:bold;}
.artT8C {width:152px; font-weight:bold;}
/* Einde Presentatielijst 3 */


.artT21B{
	width:80px;
	vertical-align:middle;
	text-align:right;}
	
.artT21C{
	text-align:right;
	padding-right:15px;
	vertical-align:middle;
	width:125px;}

.artT22B{
	width:200px;
	vertical-align:middle;
	text-align:right;}

.artT22C{
	text-align:right;
	padding-right:15px;
	vertical-align:middle;
	width:120px;}

.artT23AA, .artT23BB, .artT23CC{
	background-color: #EFEFEF;
	height:26px;
	padding:3px;
	text-align:right;
	width:80px;}

.artT23A, .artT23B, .artT23C{
	height:22px;
	padding:3px;
	text-align:right;}

.artT23DD {background-color: #EFEFEF;}

.lev1AA {height:10px;}

.lev1 {height:26px;}

.lev1A{
height:30px;
width:25px;}

.lev1B{padding-top:2px;}

.lev1C{
	width:100px;
	padding-right:15px;
	text-align:right;
	font-weight: bold;}

.lev1Ar, .lev1Br, .lev1Cr {
	height:2px;
	border-bottom:1px solid #BFBFBF;}

.lev1Bb, .lev1Cb{
	border-top:1px solid #BFBFBF;
	background-color: #EFEFEF;}

.gewA {
	height:21px;
	border-bottom:1px solid #BFBFBF;
	border-left:1px solid #BFBFBF;
	background-color: #EFEFEF;
	padding-top:5px;}
	
.lev2A {
	width:30px;
	vertical-align:top;
	height:26px;
	padding-top:4px;}

.lev2B{
	vertical-align:top;
	height:22px;
	padding-top:6px;
	padding-left:4px;}

.lev2C{
	width:100px;
	padding-right:15px;
	text-align:right;
	font-weight: bold;
	background-color: #EFEFEF;
	border-top:1px solid #BFBFBF;}
.lev3{height:10px;}
.nawA{
	height:21px;
	width:260px;
	padding-left:5px;
  white-space:nowrap;
  font-size:12px;}
.lev4A {	text-align:center;}
.lev5A {width:30px;}

.lev10{
	background-image: url('images/tabeltitel2.jpg');
	width:100%;
	height:25px;
	padding-left:5px;
	font-weight: bold;}
	
.lev11{
	width:100%;
	padding-left:5px;
	background-color: #EFEFEF;}

.lev11A{width:250px;}
.lev12{padding: 5px;}

.lev12A{
	width:100px;
	padding:1px;}

.lev12B{
	width:150px;
	padding:1px;}

.lev13 {padding:5px;}
.lev13A {vertical-align:top;}
.lev13B {height:20px; text-align:left;}

#vwShow {background-color: #EFEFEF; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; height: 200px; overflow: auto; padding: 10px;}
	
#vwShow:hover{/*DIV*/
	background-color:#F2F2F2;
	overflow:auto;}


/* Categorieen */
#catLijst {width:100%;}
.cat_inner1, .cat_inner2, .cat_inner3, .cat_inner4 {height:200px;}
/* Einde categorieen */

/* Menu style ------------- */
.hoofdCatTitel {
  color: #656569;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25em;
  margin: 20px 0 0;}

.catMenu0ul, .catMenu1ul, .catMenu2ul, .catMenu3ul {margin: 0; list-style: none; padding: 0;}


.catMenu1ul {padding-left: 15px;}
.catMenu2ul {padding-left: 15px;}
.catMenu3ul {padding-left: 15px;}

.catMenu0ul {border: 1px solid #e2e2e2; padding: 20px; border-radius: 3px; margin: 20px 20px 0 0; background: #fff;}

.catMenuLink0li, .catMenuLink0liSel {
  color: inherit;
  display: inline-block;
  font-weight: normal;
  font-size: 17px;
  line-height: 1.25em;
  margin: 5px 0;
  padding: 0;
  text-decoration: none !important;
}

.catMenuLink0liSel {color: #76b82a !important; font-weight: bold;}

.catMenuLink1li, .catMenuLink1liSel {
    color: inherit;
    display: inline-block;
    font-size: 15px;
    line-height: 1.75em;
    text-decoration: none !important;
    font-weight: normal;
    margin: 2px 0;
}

.catMenuLink1liSel {color: #76b82a !important; font-weight: bold;}

.catMenuLink2li, .catMenuLink2liSel {
    color: inherit;
    display: inline-block;
    font-size: 15px;
    line-height: 1.5em;
    text-decoration: none !important;
    font-weight: normal;
    margin: 2px 0;
}

.catMenuLink2liSel {color: #76b82a !important;}

.catMenu2li > a:hover, .catMenu3li > a:hover, .catMenu4li > a:hover {text-decoration: underline !important;}
.catMenu2liSel > a:hover, .catMenu3liSel > a:hover, .catMenu4liSel > a:hover {text-decoration: underline !important;}

.artikelAantal {
  margin-left: 5px;
  background: #eee;
  padding: 2px 5px;
  line-height: 1;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  display: inline-block;
  text-align: center;
  color: #000;
}
/* Einde Menu */

#voorraadTT {white-space:nowrap;float:left; font-size:12px;}
#voorraadTT a, #voorraadTT a:link, #voorraadTT a:visited {text-decoration:none;	cursor: pointer;}
#voorraadTX {font-size:11px;white-space:nowrap;float:left; line-height: 91%;}
.voorraadTT {white-space:nowrap;float:left; font-size:12px;}
.voorraadTT a, .voorraadTT a:link, .voorraadTT a:visited {text-decoration:none;	cursor: pointer;}
.voorraadTX {font-size:11px;white-space:nowrap;float:left; line-height: 91%;}

#lijst3TT {width: 7em;white-space:nowrap;}

#lijst3TT a, #lijst3TT a:link, #lijst3TT a:visited {
	text-decoration:none;	
	cursor: pointer;}

#tooltip {
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    opacity: 1;
    padding: 10px;
    position: absolute;
    z-index: 3000;
    box-shadow:1px 1px 3px #ccc;}
	
#tooltip div {margin: 0;}
#tooltip h3 {color:#7F7F7F;font-weight: bold;font-size: 1px; position: absolute; visibility: hidden;}

.WB-knop-Div {display:block;}
.WB-knop {
	background:url("images/menuActive.png") repeat scroll -2px -2px transparent;
	height:23px;}

.WB-knop:hover {
	background:#333333;
	height:23px;}


.WB-knop-a {
    color: #FFFFFF !important;
    display: block;
    line-height: 1.2em;
    padding: 5px 10px;
    text-decoration: none !important;
    text-shadow: 0 1px 1px #000;}

.WB-knop-a:hover {
	color: #FFFFFF !important;
	text-decoration: none !important;
	text-shadow: 1px 1px 2px #000;}

.account_table1 {margin:3px; width:100%;}
.account_knop, .account_knop2 {float:left; margin:3px 3px 3px 0;}

.kopFactuuradres, .kopAfleveradres {
	background-image: url('images/tabeltitel2.jpg');
	height:25px;
	padding-left:5px;
	font-weight: bold;}

.kopieer{float: right;padding-right:5px;}


.fac2, .afl2 {padding:2px;border-top:1px solid #BFBFBF;}
.nawFac, .nawAfl {
	height:21px;
	width:230px;
	padding-left:5px;}

.nawFac2, .nawAfl2 {
	width:30px;
	vertical-align:top;
	padding-top:6px;}

.nawFac3, .nawAfl3 {padding-left:5px;}
.nawA2 {height:5px;}

/* Account wijzigen 3.0 */
.blokholder.accountWijzigen .titel {color: #76b82a; font-size: 16px; font-weight: bold; margin: 20px 0 0; background: #eee; padding: 10px 15px; border-radius: 2px;}
.blokholder.accountWijzigen .content {padding:15px;}

.accountMelding {background: #eabdbc40; color: #ef6868; padding: 14px; text-align: center; border-radius: 3px; font-style: italic; font-weight: bold; border: 2px solid #fdc8c8;}

.clearTabel {width: 100%; padding: 0; border-spacing: 0; margin: 0 0 10px;}
.clearTabel td {padding: 0;}
.clearTabel .beschrijving  {vertical-align: middle; padding:5px 0;}
.clearTabel .invoer        {vertical-align: middle; padding:5px 0;}

.accountWijzigen input[type="text"],
.accountWijzigen input[type="password"],
.accountWijzigen input[type="email"],
.accountWijzigen input[type="tel"],
.accountWijzigen textarea                         {margin:0; width:100%; box-sizing: border-box;}
.accountWijzigen textarea                         {height:80px;}
.accountWijzigen select                           {width:100%;}

.typeKlant div, .geslacht div             {display:inline-block; margin-right:5px; position: relative;}
.typeKlant input[type="radio"], .geslacht input[type="radio"] {display: none;}
.typeKlant label, .geslacht label         {display: inline-block; background: #fff; padding: 7px 15px; padding-left:35px; cursor: pointer; transition: all .3s ease; border:1px solid #ccc; border-radius:3px; text-transform: capitalize;}
.typeKlant input[type="radio"]+label:hover, .geslacht input[type="radio"]+label:hover   {border-color:#76b82a;}
.typeKlant input[type="radio"]:checked+label, .geslacht input[type="radio"]:checked+label {border-color:#76b82a; color:#000;}
.typeKlant input[type="radio"]+label::before, .geslacht input[type="radio"]+label::before {content: "\f0c8"; font-size: 15px; font-family: "Font Awesome 5 Pro"; font-weight: normal; line-height: 1em; color:#ccc; position: absolute; top:13px; left:13px; transition: all .3s ease;}
.typeKlant input[type="radio"]:checked+label::before, .geslacht input[type="radio"]:checked+label::before {content: "\f14a"; color: #76b82a; font-weight: bold;}

.nawVeld                                          {position: relative; margin: 0 0 8px 0;}
.nawVeld.labelBinnenkant input                    {padding: 12px 10px;}
.nawVeld.labelBinnenkant textarea                 {padding: 12px 10px;}
.nawVeld.labelBinnenkant label                    {box-sizing: border-box; display: block; font-size: 10px; line-height: 1; opacity: 0; overflow: hidden; padding: 7px 10px; pointer-events: none; position: absolute; text-overflow: ellipsis; top: 0; text-align: left; transform: translateY(3px); transition: all .2s ease-out; user-select: none; white-space: nowrap; width: 100%; z-index: 1;}
.nawVeld.labelBinnenkant.nawVeldGevuld label      {opacity: 1; transform: none;}
.nawVeld.labelBinnenkant.selectieVeld label       {opacity: 1;}
.nawVeld.labelBinnenkant.nawVeldGevuld input      {padding-top: 18px; padding-bottom:6px;}
.nawVeld.labelBinnenkant.nawVeldGevuld textarea   {padding-top: 18px; padding-bottom:6px;}


.bedrijfsGegevens              {transition: all .3s ease; max-height:0px; overflow: hidden; opacity: 0;}
.bedrijfsGegevens.zakelijkTonen                 {max-height:200px; display: block; opacity: 1}
.btwcontrole {padding: 5px; line-height: 1; background: #eee; border-radius: 3px; margin: 5px 0 0 10px; display: inline-block; font-size: 11px;}
.btwcontrole:empty {display: none;}
.btwcontrole.goed {background: #76b82a; color: #fff;}
.btwcontrole.fout {background: #d55929; color: #fff;}

.accountWijzigen .contactpersoon                {display:flex;}
.accountWijzigen .contactpersoon .voornaam      {width:39%; margin-right:10px;}
.accountWijzigen .contactpersoon .tussenvoegsel {width:22%; margin-right:10px;}
.accountWijzigen .contactpersoon .achternaam    {width:39%;}
.accountWijzigen .telefoon                      {display: flex;}
.accountWijzigen .telefoon .vast                {width:50%; margin-right:10px;}
.accountWijzigen .telefoon .mobiel              {width:50%;}

.stap.twee .geboortedatum                 {display:flex;}
.stap.twee .geboortedatum .geboorteDag,
.stap.twee .geboortedatum .geboorteMaand,
.stap.twee .geboortedatum .geboorteJaar {width: 33%;} 
.stap.twee .geboortedatum .geboorteMaand {margin: 0 10px;}

.postPlaats               {display: flex;}
.postPlaats .postcode     {width:30%; margin-right:10px;}
.postPlaats .plaats       {width:70%;}
.straat                   {display: flex;}
.straat .straatnaam       {width:70%; margin-right:10px;}
.straat .huisnummer       {width:30%;}

.adresHolder {display: block; width: 100%; border-top: 1px solid #e2e2e2; padding: 10px 0;}
.adresHolder:first-child {border: 0;}
.adresHolder .kop {font-size: 16px; font-family: "Open Sans", Helvetica, Arial, Sans-Serif; font-weight: bold; margin: 0px 0 10px;}
.adresHolder .adressen {display: flex; flex-wrap: wrap;}
.adresHolder .adressen .item {padding: 10px; margin: 0 10px 10px 0; border: 2px solid #ccc; border-radius: 3px; position: relative; flex-basis: calc(33.333% - 10px); box-sizing: border-box; display: flex; flex-direction: column-reverse;}
.adresHolder .adressen .item.default {border: 2px solid #76b82a !important;}
.adresHolder .adressen .item.default:before {background: #76b82a;opacity: 1;}
.adresHolder .adressen .item.default .defaultTekst {position: absolute; right: 0; top: 0; padding: 4px 6px; font-size: 12px; line-height: 1; border-bottom-left-radius: 3px; transition: all .3s ease; background: #76b82a; color: #fff;}
.adresHolder .adressen .item .adresRow .bedrijfsnaam {font-weight: bold;}
.adresHolder .adressen .item .adresRow .knoppen {margin: 5px 0 0;}
.adresHolder .adressen .item .adresRow .knoppen a {padding: 8px; text-decoration: none; margin-right: 5px; color: #606060; background: #eee; line-height: 1; display: inline-block; border-radius: 3px;}
.adresHolder .adressen .item .adresRow .knoppen a i {margin-right: 5px;}
.adresHolder .adressen .item .adresFormulier.open td {display: block;}
.adresHolder .adressen .item .adresFormulier.open .beschrijving {padding: 0;}
.adresHolder .adressen .item .adresFormulier.open td.invoer {padding: 0px 0 10px;}
.adresHolder .adressen .item .adresRow.open {display: none;}
.adresHolder .adressen .item.open {position: absolute; left: 20px; right: 20px; bottom: 20px; z-index: 100; background: #fff; box-shadow: 0 0px 50px -8px rgba(0,0,0,.25); padding: 35px;}

#adressenlijst {position: relative;}
#adressenlijst .adresHolder {display: block; width: 100%;}
#adressenlijst .adresHolder .adresFormulier {display: none;}
#adressenlijst .adresHolder .adresFormulier.open {display: block;}

.adresToevoegenFormulier {display: none;}
.adresToevoegenFormulier.open {display: block; background: #eee; padding: 30px; margin: 20px 0 0;}
.adresToevoegenFormulier.open select {background-color: #fff;}

/* Zoekveld Orders */
.zoekenOrders      {display: table; position: relative; margin: 0 0 15px; border: 1px solid #c4c4c4;}

.zoekenOrders .veld              {display: table-cell; position: relative; overflow: hidden; border-radius: 3px 0 0 3px;}
.zoekenOrders .veld #zoekwoordOrders {border: 0; box-shadow: none; padding: 10px; font-size: 14px; font-style: italic; border-radius: 0px; margin: 0; width: 150px; transition: all .3s ease; line-height: 1.1em;}
.zoekenOrders .veld #zoekwoordFacturen  {border: 0; box-shadow: none; padding: 10px; font-size: 14px; font-style: italic; border-radius: 0px; margin: 0; width: 150px; transition: all .3s ease; line-height: 1.1em;}

.zoekenOrders .knop {display: table-cell; color:#999; position: relative; padding: 5px 12px; transition: all .3s ease; cursor: pointer; z-index: 10; background-color: #fff;}
/* Einde Zoekveld Orders */

/* Order status */
.account_txtBlok {margin-bottom:15px;}
.account_txtBlok:after {content: " "; visibility: hidden; display: block; height: 0; clear: both;}
/* Einde order status */

/* Einde Account wijzigen 3.0 */


.shopLijst3LabelNieuw3A {position: absolute;z-index: 5;margin-top:3px;margin-left:2px;}
.shopLijst3LabelAanbieding3A {position: absolute;z-index: 5;margin-top:3px;margin-left:2px;}

.praT {width:100%;}
.prAanb1, .prAanb3{font-size: 11px;
    font-weight: normal;
    position: absolute;
    text-transform: lowercase;
    visibility: hidden;}
.prAanb2{text-decoration:line-through; font-size:13px;}

.prAanb4{
    color: #000;
    padding: 3px 5px; position:relative; left:7px;}

/* Tell A friend */
.tafT{border-spacing:3px;}
.taf1{width:150px;}
#taf10{width:250px;height:50px;}
/* Einde Tell A friend */

/* Prijsafspraken en kortingstabellen */
.kortTab1 {font-size: 14px; width: 100%; }
.kortTab1 th {text-align: left;}
.kortTab1 td {vertical-align: top;}
.kortTab1 td.aantallen, .kortTab1 td.prijsNaKorting {white-space: nowrap; padding: 0;}
.kortTab2 {font-weight: bold; border-bottom:1px solid #e2e2e2; padding-top: 5px;}

.kortTab1 .prijsNaKorting	{font-weight: bold;}


.prijsafspraakInLijst .kortTab1 .toelichting 		{display:none;}
.prijsafspraakInLijst .kortTab1 .toelichting span 	{display:none;}
.prijsafspraakInLijst .kortTab1 {width:auto;}
/* Einde prijsafspraken en kortingstabellen */

/* Rechterkant artikelen */
.artRechtsAfb1 {float:left; height:96px;width:96px;border:1px solid #BFBFBF;text-align:center;vertical-align: middle;}
.artRechtsAfb2 {height:96px;width:96px;text-align:center;vertical-align: middle;}
.artRechtsOmsc1 {width: 106px;float:left;height:110px;padding-left:10px;}
.artRechtsOmsc2 {max-height:72px;overflow:hidden;}
.artRechtsOmsc3 {font-size: 15px; font-weight: bold;}

/* Favorietenmandje */
.shopLijst1Verlang_1, .shopLijst1Verlang_2 {padding-top:5px; font-size: 11px; line-height: 1.5em;}

 
#PaneelMandjeHolder {position: relative;}

/* Up-Selling */
.UPScatHeader{height:52px; vertical-align:middle;}
.UPScontainer {	width: 100%; margin: 0 auto;}
.UPScatPlaatje {padding: 0 0 0 12px; width:90px;}
.UPSacc_trigger {padding: 0;	margin: 0; background-color: #CFCFCF; height: 52px;	line-height: 34px; width: 100%;  font-weight: bold; float: left;}
.UPSacc_trigger a {text-decoration: none; display: block; padding: 0 0 0 1px;}
.UPSactive {background-position: left bottom;}
.UPSacc_container {	overflow: hidden;	clear: both;}
/* Einde Up-Selling */

/* Serieartikelen */
#tabSerieInhoud {margin: 20px 0 0;}
.SERIEcatHeader{height:52px; vertical-align:middle;}
.SERIEcatPlaatje {padding: 0 0 0 12px; width:90px;}
.SERIEacc_trigger a {text-decoration: none; display: block; color: #202222; font-size: 22px; font-style: normal; font-weight: 700; font-family: "Oswald", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; cursor: default; pointer-events: none;}
.SERIEactive {background-position: left bottom;}
.SERIEacc_container {display: block !important; height: auto !important;}
.SERIEcontainer .shopTegel .artikel .inner {border: 0;}
.SERIEcontainer .shopTegel .artikel .inner .shaduw {display: none;}

/* Einde Serieartikelen */


/* Kortingsboncode */
.kbcode{width:100%; padding:5px; background-color: #EFEFEF;}
.kbcode3{font-weight: bold; text-align:right; padding-right:10px;}

/* Paneelopties */
/* Paneel holder algemeen */
.PaneelHolder {width: 100%; float:left;}
.PaneelUser {display: block; float: right; font-size: 10px; font-style: italic; line-height: 1em; padding-bottom: 5px; padding-top: 5px;}

/* Wachtwoord en registreren */
/* Einde wachtwoord en registeren */

/* Andere paneelknoppen */
.PaneelKnop3, .PaneelKnop4, .PaneelKnop5, .PaneelKnop6 {float:left; line-height:30px; padding:0; position:relative; width:100%;} 
.PaneelKnopLink3, .PaneelKnopLink4, .PaneelKnopLink5, .PaneelKnopLink6 {text-decoration: none!important; font-weight: bold!important; display: block;} 
.PaneelKnopImg3, .PaneelKnopImg4, .PaneelKnopImg5, .PaneelKnopImg6 {padding:6px 6px 6px 0px; float: left;}
/* Einde Andere paneelknoppen */

.offertePR0 {width:260px;}
.offertePR1 {width:260px;}
.offertePR2, .offertePR2 a:link, .offertePR2 a:visited {float:left; text-decoration:none !important; position:relative; top:-10px;}
.offertePR3 {padding-right:5px;}

/* Variatie invulvelden */
.VOVIP{border:1px dashed #BFBFBF;
color:#555555;
width:202px;}
.VOVTA{border:1px dashed #BFBFBF;
height:40px;
color:#555555;
width:202px;}

/* Vrije Veld Holder */
.vrijveldVeldA {width: 202px;}
.vrijveldVeldB {width: 202px;}

/* Winkelmandje compact weergave en afrekenscherm*/
.wCVarLink 										{display:block}
.wVarText, .wCVarText 				{color:#000; font-weight: bold; display:block; width:100px; float:left;}
.wVarCustom, .wCVarCustom 		{background:#fff; border:1px dashed #777777; display:block; font-style:italic; padding:3px;}


.shopCategorieLijstDiep .tweeKolommen .kolomA, .shopCategorieLijstDiep .tweeKolommen .kolomB {width:45%;}

.wCVarLink {display:block}
.wVarTitle, .wCVarTitle {display:block; float:left; clear:both;}

/* Opmerkingen bij artikel */
.opmerkingVeld {width: 100%; max-width: 240px; font-size: 11px; border:1px solid #BFBFBF;}

/* Afrekenen afbeeldingen */
.levAfbeelding1, .betAfbeelding1  {float: left; margin-right: 10px;}



/* Moederartikel */
#mArt_titel{
	display:block;
	padding:5px 3px;
	font-size:15px;
	color:#000;
	font-weight: bold;
}

#mArt_holder {
  margin: 0 0 15px;
}

.mArt_tabel1_td img {width:auto !important; height:90px;}
.mArt_tabel1_td{
    border: 1px solid #cccccc;
    border-radius: 5px;
    overflow: hidden;
    float:left;
    margin:5px;
}
.extraKnopHolder {display:none;}
.mArt_tabel1_td:hover {
	border:1px solid #000;
}

/* JQuery gallery*/
#galleryModern {padding: 0; background-color: #FFFFFF; width: 100%;}
#descriptions {position: relative; height: 50px; background: #EEE; margin-top: 10px; width: 640px; padding: 10px; overflow: hidden;}
#descriptions .ad-image-description {position: absolute;}
#descriptions .ad-image-description .ad-description-title {display: block;}


/* Upload preview */

.upPreHolder {width: 400px; height: 400px; background:#ddd; overflow: hidden;}
.upPrePNG {position: absolute; width:400px; height: 400px; z-index: 1;} 
.upPreImage {height: 400px;
    overflow: hidden;
    position: absolute;
    width: 400px;}    
.upPreImage2 {width:2000px; height: 2000px; position: absolute; top:-700px; left: -700px;}

#pdf2 {
  width:350px; 
  height: 180px; 
  position: absolute; 
  top:100px; 
  left: 100px;
  background:#ddd; 
  overflow: hidden;
  visibility: hidden;
  z-index: 9991;
  margin: 15px;
  padding: 15px;
  border:1px solid #cccccc;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px #000;
}

.pdf3 {
  margin:0px;
  padding: 0px;
  border:0;
}

/* Style op de cadeaubon */
.cadeauHolder {background-color: #f3f3f3;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    padding: 15px;
    position: relative;}
.cadeauTitel {border-bottom: 1px solid #CCCCCC;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
    padding-bottom: 5px;
    width: 200px;}
.cadeauNaamA {margin-bottom: 8px;}
.cadeauEmailA {margin-bottom: 8px;}
.cadeauTekstA {margin-bottom: 8px;}
.cadeauBedragA {background: url("images/cadeaubonWaarde.png") no-repeat; width:200px; height: 50px; margin-bottom: 4px;}
.cadeauGeldigA {
  font-size: 10px;}

#cadeauBedrag {background: none repeat scroll 0 0 transparent;
    font-size: 30px;
    height: 50px;
    line-height: 1em;
    margin-left: 65px;
    text-align: right;
    width: 120px;}

.cadeauAfbeeldingHolder {background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    height: 250px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 250px;}

.cadeauHolderOpties {margin-top: 15px;}
.cadeauKnop {float: right;}

.cadeauCheckField {margin-right: 5px;}
.cadeauTextField {width: 198px; height: 26px; line-height: 26px; background: url("images/input.png") no-repeat scroll 0 0 transparent; border: 0 none;}
.cadeauTextArea  {border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; height: 52px; line-height: 16px; padding: 5px; text-indent: 0; width: 186px;}
    
.verbergVeld {background: transparent; border:0;}
  
/* Einde style op de cadeaubon */

/* Afrekenscherm v4.0 */
.shopLijst2ContentPrijs .vanaf, .shopLijst1Prijs1_1 .vanaf, .shopLijst1Prijs1_2 .vanaf {font-size: 10px; font-weight: normal;}
.shopCategorieHolder ol, .shopCategorieHolder ul {list-style-type: none; margin: 0;}
.shopCategorieHolder a:link, .shopCategorieHolder a:visited {text-decoration:none;} 

.shopCategorieLijst2 .kolomA {float:left; width:40%; margin-right: 10px;}
.shopCategorieLijst2 .kolomB {float:left; width:40%;}

.shopCategorieLijst3 .kolomA {float:left; width:30%; margin-right: 10px;}
.shopCategorieLijst3 .kolomB {float:left; width:30%; margin-right: 10px;}
.shopCategorieLijst3 .kolomC {float:left; width:30%;}

.shopCategorieLijstDiep .titel {margin:5px;}
.shopCategorieLijstDiep .titelMet {font-weight:bold; margin:5px;}
.shopCategorieLijstDiep .inhoud {background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px 5px 5px 5px;  padding: 10px 15px;  border: 1px solid #CACACA;}
.shopCategorieLijstDiep .kolomA {float:left; width:30%; margin-right: 10px;}
.shopCategorieLijstDiep .kolomB {float:left; width:30%; margin-right: 10px;}
.shopCategorieLijstDiep .kolomC {float:left; width:30%;}

.stap .kassaArtikel .artikelBestelEenheid {display: none;}


/* Orderproces volledig */
/* Stappenbalk orderproces Type 1 */
.stappenbalk                {margin-bottom:30px;}
.stappenbalk::after         {content:""; display:table; clear:both;}
.stappenbalk ul             {list-style-type: none; padding: 0; margin: 0;}
.stappenbalk li             {display: block; float:left; box-sizing: border-box; width:25%; text-align: center; font-size:10px; line-height:1.25em; text-transform: uppercase; position:relative;}
.stappenbalk li::before     {background-color: #ddd; border-radius: 100px; color: #fff; content: ""; display: block; font-size: 13px; font-weight: bold; height: 25px; line-height: 25px; position: relative; text-align: center; width: 25px; margin:0 auto 5px;}
.stappenbalk li::after      {content:""; border-top:2px solid #ddd; width:100%; position: absolute; top:12px; left:50%; z-index: -1;}
.stappenbalk li:last-child::after {display: none;}
.stappenbalk .stap1:before  {content: "1";}
.stappenbalk .stap2:before  {content: "2";}
.stappenbalk .stap3:before  {content: "3";}
.stappenbalk .stap4:before  {content: "4";}
.stappenbalk .bezig .naam   {color: #76b82a; font-weight: bold;}
.stappenbalk .bezig::before {background-color: #76b82a;}
.stappenbalk .klaar::before {display: none;}
.stappenbalk .klaar::after  {border-color:#76b82a;}
.stappenbalk .klaar a       {color: inherit; text-decoration: none; display: block;}
.stappenbalk .klaar a::before {border-radius: 100px; display: block; font-size: 13px; font-weight: bold; height: 25px; line-height: 25px; position: relative; text-align: center; width: 25px;  background-color: #76b82a; color: #fff; content: ""; font-family: "Font Awesome 5 Pro"; margin:0 auto 5px;}
/* Einde stappenbalk  Type 1 */

/* Losse orderproces elementen */
.valuta {margin-right:0.25em;}
.stappenKnop {margin-top:10px;}
.stappenKnop a.volgendeStap     {width:100%; display:block; text-align: center; padding:10px; box-sizing: border-box; font-size:15px; font-weight: bold;}
.volgendeStap.disabled          {opacity:.5; pointer-events: none;}

a.wButControleer, a.wButControleerBTW, a.wButVoorwaarden {margin-top: 5px;}
.offertePdf {bottom: 15px; left: 20px; position: absolute;}


/* Geen prijzen bij stap een en twee */
/* .order.stap.een .totalen .totalenTabel, .order.stap.twee .totalen .totalenTabel {display: none;} */
/* .order.stap.een .totalen, .order.stap.twee .totalen,
.offerte.stap .totalen {background: none; padding: 0; width: auto;} */
.stappenbalk {max-width: 800px; margin: 0 auto;}
.offerte.stap {max-width: 800px; margin: 0 auto;}

/* Einde Losse orderproces elementen */

/* Orderproces Stap 1 */
.stap .inkollommen {
  display: flex;
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.stap .inkollommen>.links {
  flex: 1;
}
.stap .inkollommen>.rechts {
  margin-left: 40px;
  width: 450px;
  line-height: 1.25em; font-size: 15px;
}
.stap .inkollommen .blok {background: #202222; padding: 30px; border-radius: 3px; color: #fff; margin-bottom: 20px;}
.stap .inkollommen .blok.sticky {position: sticky; top: 170px;}
.stap .inkollommen .totalen {width: 100%; float: none; padding: 0; background: none;}
.stap .inkollommen .blok .blokholder > .titel {color: #fff;}
.stap .inkollommen .blok .blokholder {margin: 0;}

.totaalInclBtw,
.totaalBetalingskosten {display: none;}

.stap .blokholder               {margin-bottom: 20px;}
.stap .blokholder > .titel      {font-size: 18px; font-style: normal; font-weight: 700; margin: 0 0 10px; display: block; font-family: "Oswald", Helvetica Neue, Helvetica, Arial, sans-serif; color: #202222; text-transform: uppercase;}

.stap .blokholder.stap4Gegevens {background: #f3f3f3;
  padding: 30px;
  border-radius: 3px;
  font-size: 15px;
  line-height: 1.5em;}

.kassaArtikelen table                        {width:100%;}
.kassaArtikelen th                           {text-align: left; font-size:90%; text-transform:uppercase; *color: #000; padding-bottom:10px; border-bottom: 1px solid #ddd; line-height:1.25em; vertical-align: bottom; white-space: nowrap;}
.kassaArtikelen .aantallen                   {text-align: center; padding-left: 10px; padding-right: 10px;}
.kassaArtikelen .regelStuk                   {text-align: right;}
.kassaArtikelen .regelTotaal                 {text-align: right;}
.kassaArtikel td                              {border-bottom: 1px solid #e2e2e2; padding: 10px 0;}
.kassaArtikel:last-child td                   {border-bottom:0;}
.kassaArtikel .regelTotaal                    {text-align: right; white-space: nowrap;}
.kassaArtikel .regelStuk .prijzen, .kassaArtikel .regelTotaal .prijzentotaal, .winkelwagenHouder .winkelwagen .inhoud .prijs {line-height: 1.25em; font-weight: bold; white-space: nowrap; color: #76b82a;}
.kassaArtikel .regelStuk .prijzen .relatieBtwPrijs, .kassaArtikel .regelTotaal .prijzentotaal .relatieBtwPrijs, .winkelwagenHouder .winkelwagen .inhoud .prijs .relatieBtwPrijs {color: #76b82a; display: block;}
.kassaArtikel .regelStuk .prijzen .relatieBtwPrijs .exBtwToelichting, .kassaArtikel .regelTotaal .prijzentotaal .relatieBtwPrijs .exBtwToelichting, .winkelwagenHouder .winkelwagen .inhoud .prijs .relatieBtwPrijs .exBtwToelichting {font-size: 13px; color: #666; font-weight: normal; margin-left: .25em;}



.kassaArtikel .aantallen                      {text-align: right; padding-left: 20px; width: 100px;}
.kassaArtikel .aantallen input                {width: 54px; text-align: center;}
.kassaArtikel .aantallen .eenheid             {display: block; margin: 0 0 5px;}


.kassaArtikel .aantallen .aantalMinPlus {display: flex; background: #f3f3f3; border-radius: 3px;}
.kassaArtikel .aantallen .aantalMinPlus > * {width: 33.333% !important; padding: 5px 7px !important; box-sizing: border-box !important; margin: 0 !important; line-height: 1; display: flex; border-radius: 0 !important; transition: .3s all ease; color: #000; border: 1px solid #e2e2e2;}
.kassaArtikel .aantallen .aantalMinPlus .min {border-radius: 3px 0 0 3px !important;}
.kassaArtikel .aantallen .aantalMinPlus .plus {border-radius: 0 3px 3px 0 !important;}
.kassaArtikel .aantallen .aantalMinPlus .min:hover,
.kassaArtikel .aantallen .aantalMinPlus .plus:hover {cursor: pointer; background: #d0d0d0;}
.kassaArtikel .aantallen .aantalMinPlus > input {background: #fff; border-left: 0; border-right: 0; width: 60px !important;}
.kassaArtikel .aantallen .aantalMinPlus > * > i {margin: auto;}



.kassaArtikel .artikelPrijsEenheid            {display: block;}
.kassaArtikel .tekst 						              {vertical-align:middle; hyphens: auto;}
.kassaArtikel .tekst a.kassaArtikelTitel      {display: block;
  margin: 0;
  color: #202222;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35em;
  text-decoration: none;

}
.kassaArtikel .tekst .artikelnr               {text-transform: uppercase; font-size: 14px;}
.kassaArtikel .tekst .artikelnr .titel        {display: none;}


.kassaArtikel .tekst .voorraad {font-size: 14px; line-height: 1.25em;} 
.kassaArtikel .tekst .voorraad .toelichting::before {display: none;}

.kassaArtikel .tekst .formule {font-size: 14px; line-height: 1em;}

.kassaArtikel .verwijderKnop                  {padding-left: 20px;}

.kassaArtikel .verwijderKnop .verwijderen {
  font-size: 14px;
  display: inline-block;
  position: relative;
  line-height: 1;
  cursor: pointer;
  padding: 4px 6px 3px 7px;
  border-radius: 3px;
  color: #000;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  background: #eff1f2;
}

.kassaArtikel .verwijderKnop .verwijderen a {color: inherit;}

.kassaArtikel.gratis                          {color:#76b82a;}
.kassaArtikel.gratis input                    {border:0;}
.kassaArtikel.gratis a.kassaArtikelTitel      {color:#76b82a;}
.kassaArtikel .kassaArtikelAfbeeldingHolder   {vertical-align: middle; width: 100px; text-align: center; padding-right: 20px;}
.kassaArtikel .kassaArtikelAfbeeldingHolder .afbeeldingHouder img {width: auto !important; height:auto!important; max-width: 100%;}
.kassaArtikel .tekst .voorraad .opVoorraad    {margin-left: .25em;}
.kassaArtikel .tekst .opmerkingHolder 		    {margin: 5px 0;}
.kassaArtikel .tekst .variatie                {line-height: 1.5em; font-size: 12px; margin: 10px 0px; background: #eee; display: inline-block; padding: 15px; border-radius: 3px; min-width: 150px;}
.kassaArtikel .tekst .variatie .titel         {font-weight: bold; color:#000; display: block;}
.kassaArtikel .tekst .variatie .eenheid       {display: block; margin: 0 0 5px;}
.kassaArtikel .tekst .variatie .eenheid:last-child {margin: 0;}

.kassaArtikel .kortingsbon .titel     {margin-top:7px; display: inline-block;}
.kortingsbonCode                      {display: inline-block; border: 1px solid #76b82a; border-radius: 5px; font-size: 10px; text-transform: uppercase; color: #76b82a; line-height: 1.75em; font-weight: bold; overflow: hidden; vertical-align: middle; white-space: nowrap;}
.kortingsbonCode .valuta              {margin-left:5px;}
.kortingsbonCodeCode                  {margin-right:5px;}
.kortingsbonCode a                    {color: #fff; background: #76b82a; padding: 3px 6px;}


.stap .totalen                                {background:#eee; width: 48%; float: right; z-index: 1;  padding:30px; box-sizing: border-box; border-radius: 5px;}
.stap .totalen table                          {width:100%;}
.stap .totalen table td {vertical-align: top; padding: 7px 15px 7px 0px; border-bottom: 1px solid rgba(255,255,255,.2);}
.stap .totalen table td:last-child {padding-right: 0;}
.stap .totalen table td .totaalGewicht {line-height: 1; display: block; }
.stap .gewicht                                {color:#aaa; font-size:11px; line-height:1em;}
.stap .totalen .bedrag                        {text-align: right; white-space: nowrap;}
.stap .totalen .bedragExclusiefRelatie        {text-align: right; white-space: nowrap;}
.stap .totalen .bedragExclusiefRelatie .exBtwToelichting {display: block; font-size: 80%; opacity: .8;}
.stap .totalen .negatief                      {color:#76b82a;}



.stap .totalen .totaalTeBetalen td {border-bottom: 0;}
.stap .totalen .totaalTeBetalen td.bedrag {font-weight: bold; font-size: 120%; color: #76b82a;}

.stap .totalen .totaalSubtotaal td            {border-top: 1px solid #ccc;}
.stap .totalen .typeBtw 											{display: inline-block; vertical-align: middle; border: 1px solid #76b82a; border-radius: 5px; padding: 3px 7px; font-size: 10px; text-transform: uppercase; color: #76b82a; line-height: 1.25em; font-weight: bold; margin-left: .75em;}
.stap .totalen .totaalCadeaubon {width: 50%; padding: 20px; background: #eee; border-radius: 3px; float: right; clear: both;}
.stap .totalen .totaalCadeaubon .restantRegel {font-weight: bold; color: #000; font-size: 120%; line-height: 1.85em;}
.stap .totalen .stappenKnop   {padding:0px; background:transparent; border:0;}
.stap .totalen .stappenKnop a {display: block; text-align: center;}

.totaalTeBetalenSpacing td {padding-top: 5px; display: none;}

.cadeaubonRegel .cadeaubonCode {display: inline-block; border: 1px solid #76b82a; border-radius: 5px; font-size: 10px; padding:0 0 0 5px; text-transform: uppercase; color: #76b82a; line-height: 1.75em; font-weight: bold; overflow: hidden; vertical-align: middle; white-space: nowrap;}
.cadeaubonRegel .cadeaubonCode .cadeaubonCodeCode {margin-right:5px;}
.cadeaubonRegel .cadeaubonCode a {color: #fff; background: #76b82a; padding: 3px 6px;}

.totaalKortingsBon .kortingsbonCode .kortingsbonCodeCode  {padding-left:5px;}

.stap .couponcode                   {display: inline-table; width:100%; margin:10px 0; background:#f5f5f5; box-sizing:border-box;}
.stap .couponcode #CouponCodeV      {display: table-cell; vertical-align: middle; margin: 0; border-radius: 3px 0 0 3px; text-transform:uppercase}
.stap .couponcode #CouponCodeV::placeholder {text-transform: none;}
.stap .couponcode a.wButControleer  {display: table-cell; vertical-align: middle; border-radius: 0 3px 3px 0; padding: 5px 12px; line-height: 1em; text-align: center}

.stap .coupon_afdrukken {display: none;}
.stap .coupon_afdrukken .pdfKnop a.button {background: none; display: block;}
/* Einde Orderproces Stap 1 */

/* Orderproces Stap 2 */
.stap.twee .stap2_bestaandeKlant  {background-color: #f5f5f5; border-radius: 3px; margin-bottom: 10px; margin-top: 10px; float:none !important; width:100%!important;}
.stap.twee .stap2_bestaandeKlant .content {padding: 15px;}
.stap.twee .stap2_bestaandeKlant .inloggen,
.stap.twee .stap2_bestaandeKlant .uitleg {float: left; width: 47%; position: relative; margin-right:6%;}
.stap.twee .stap2_bestaandeKlant .uitleg {padding-top:10px; margin-right:0;}
.stap.twee input[type="text"],
.stap.twee input[type="password"],
.stap.twee input[type="email"],
.stap.twee input[type="tel"],
.stap.twee textarea           {margin:0; width:100%; box-sizing: border-box;}
.stap.twee textarea           {height:80px;}
.stap.twee select             {width:100%;}
.stap.twee .contactpersoon                {display:flex;}
.stap.twee .contactpersoon .voornaam      {width:39%; margin-right:10px;}
.stap.twee .contactpersoon .tussenvoegsel {width:22%; margin-right:10px;}
.stap.twee .contactpersoon .achternaam    {width:39%;}
.stap.twee .telefoon                      {display: flex;}
.stap.twee .telefoon .vast                {width:50%; margin-right:10px;}
.stap.twee .telefoon .mobiel              {width:50%;}
.nieuwAdres                           {position: relative;}
.stap.twee #adressenlijst .adres      {background:#f5f5f5; padding:15px; border-radius: 3px;}
.stap.twee .stap2_naw .keuze          {display: none;}
.stap.twee #factuuradresGelijk        {border: 0; margin-bottom: 5px;}
.stap.twee #stap2_factuuradres        {position: relative; display:none;}
.stap.twee #stap2_bewaaraccountB      {line-height: 2em;}
.stap.twee .bestaandAdres             {border:2px solid #ccc; padding: 10px 15px; border-radius: 0px; transition: all .3s ease; cursor: pointer; position: relative; margin-bottom:10px;}
.stap.twee .bestaandAdres:hover       {border:2px solid #aaa;}
.stap.twee .bestaandAdres .bedrijfsnaam {font-weight: bold;}
.stap.twee .adres                     {max-height:950px; transition:all .3s ease; opacity:1; border-radius: 3px; position: relative;} 
.stap.twee .adres input[type="radio"] {display: none;}
.stap.twee .adres.ingeklapt           {max-height:0px; overflow:hidden; opacity:0; border:2px solid transparent;}
.stap.twee .adres .geselecteerd       {opacity:1; border:2px solid #76b82a !important; padding: 15px;}
.stap.twee .tekstNieuwAdres           {position:relative; z-index:1;}
.stap.twee .tekstNieuwAdres a {
  display: block;
  padding: 10px;
  line-height: 1;
  position: relative;
  text-decoration: none;
  text-align: center;
  background: rgba(255,255,255,.2);
  color: #fff;
  border-radius: 3px;
}
.stap.twee .bestaandAdres.geselecteerd {position: relative; padding:10px 15px;}
.stap.twee .bestaandAdres:before,
.stap.twee .nieuwAdres:before         {content:"\f00c"; position: absolute; right:0; top:0; padding:4px; font-size:12px; background:rgba(255,255,255,0); color:rgba(255,255,255,0); font-family: "Font Awesome 5 Pro"; line-height: 1em;  border-bottom-left-radius: 3px; transition: all .3s ease;}
.stap.twee .nieuwAdres.geselecteerd:before, .stap.twee .bestaandAdres.geselecteerd:before {background:#76b82a; color:rgba(255,255,255,1);}
.stap.twee #stap2_factuuruitklap, .stap.twee #stap2_bewaaraccount {padding: 5px 0 10px; cursor:pointer; box-sizing: border-box;}
.stap.twee #stap2_factuuruitklap input[type="checkbox"]:checked::before {color: rgba(255,255,255,.4);}


/* Postcode check */
.nieuwAdres.postcodechecker .postPlaats .postcode,
.nieuwAdres.postcodechecker .postPlaats .huisnummer {width: 50%;}
.nieuwAdres.postcodechecker .straat .straatnaam {width: 100%; margin: 0 0 8px 0;}

#afleverAdresStraat:disabled, #afleverAdresPlaats:disabled, #factuurAdresStraat:disabled, #factuurAdresPlaats:disabled {background:#eee; border-color: #ccc;}
/* Einde Postcode check */

/* Einde Orderproces Stap 2 */

/* Orderproces Stap 3 */
.stap.drie .regel .select         {display: none !important;}
.stap.drie .regel                 {margin-bottom: 5px; cursor:pointer; background:#fff; border: 2px solid #ccc; border-radius: 0px; transition: all .3s ease; padding:10px 15px; position: relative;}
.stap.drie .regel:hover           {border: 2px solid #aaa;}
.stap.drie .regel.actief          {position: relative; border:2px solid #76b82a; cursor: default;}
.stap.drie .regel:before          {opacity:0; content:"\f00c"; position: absolute; right:0; top:0; padding:4px; font-size:12px; background:#76b82a; color:#fff; font-family: "Font Awesome 5 Pro"; line-height: 1em; border-bottom-left-radius: 3px;}
.stap.drie .regel.actief:before   {opacity:1;}
.stap.drie .regel .label          {float: right; padding:10px;}
.stap.drie .regel > .omschrijving {font-weight: bold;}
.stap.drie input.betaalExtraInfo  {width:100%;}
.stap.drie .currencyNietActief    {background-color:#ff00001f;}
.stap.drie .dealerHolder                      {clear: both;}
.stap.drie .dealerHolder .omschrijving        {display: none;}
.stap.drie .dropdown.dealerHolder .plaats 	  {float:right; text-transform: capitalize; margin-right:5px;}
.stap.drie .dropdown.dealerHolder .km 				{float:right; font-weight: bold; padding-left:10px;}
.stap.drie .dropdown.dealerHolder .keuze .km  {padding-right:10px;}
/* Einde Orderproces Stap 3 */

/* Orderproces Stap 4 */
.stap.vier .dealerGegevens 							      {margin: 0 0 15px; border-left: 4px solid #ddd; padding-left: 10px;}
.stap.vier .dealerGegevens .toelichting 	    {font-weight: bold; color:#000;}
.stap.vier .factuurAfleverHouder              {width:100%;}
.stap.vier .factuurAfleverHouder td           {vertical-align:top;}
.stap.vier .factuurAfleverHouder .links,
.stap.vier .factuurAfleverHouder .rechts      {width: 47%;  padding: 15px; border-radius: 3px; background: #fff; box-sizing: border-box; border: 1px solid #e2e2e2;}
.stap.vier .factuurAfleverHouder .midden      {width: 6%;}
.stap.vier .factuurAfleverHouder h3           {margin: 0 0 5px; font-size: 15px;}
.stap.vier .factuurAfleverHouder h3 a         {float: right; color: #aaa; opacity: 1; transition: .3s all ease; font-size: 15px;}
.stap.vier .factuurAfleverHouder h3 a:hover   {color: #000;}
.stap.vier .factuurAfleverHouder .links:hover h3 a,
.stap.vier .factuurAfleverHouder .rechts:hover h3 a {opacity: 1;}

.stap.vier .factuurAfleverHouder .algemeen {display: none;}

.stap.vier .btwNummer                         {text-transform: uppercase;}
.stap.vier .vwHolder                            {margin-top: 10px; line-height: 1.5em; position: relative;}

/* Einde Orderproces Stap 4 */
/* Einde Orderproces volledig */

/*Verlanglijstje */
.shopVerlanglijstTekst {border: 1px solid #cccccc; background-color: #fefefe; margin-bottom: 10px; border-radius:5px; overflow: hidden;}
.shopVerlanglijstTekst .titel {color: #000; font-weight: bold; border-bottom: 1px solid #cccccc; padding: 5px 10px; background: #f3f3f3;}
.shopVerlanglijstTekst .content {padding: 10px;}

.shopVerlanglijstEmailAdd .titel span, .shopVerlanglijstTekst .titel span {font-size:16px; color: #666; font-weight:bold; padding-right: 3px;}
.shopVerlanglijstEmailAdd {border: 1px solid #cccccc; background-color: #fefefe; margin-bottom: 10px; border-radius:5px; overflow: hidden;}
.shopVerlanglijstEmailAdd .titel {color: #000; font-weight: bold; border-bottom: 1px solid #cccccc; padding: 5px 10px; background: #f3f3f3;}
.shopVerlanglijstEmailAdd .content {padding: 10px;}
.shopVerlanglijstEmailAdd .lijst {width: 55%; float: left; margin-right: 15px; border-right:1px solid #cccccc; min-height:163px;}
.shopVerlanglijstEmailAdd .toevoegen {width: 40%; float: left;}
.shopVerlanglijstEmailAdd span {font-weight:bold;}
.shopVerlanglijstEmailAdd .melding {font-style:italic; font-weight:normal;}

.shopVerlanglijstTekst textarea, .shopVerlanglijstEmailAdd textarea {
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 100px;
    padding: 5px;
    text-indent: 0;
    width: 97%;}
    
.shopVerlanglijstEmailAdd ul {list-style: none outside none; margin:5px; padding: 0;}
.shopVerlanglijstEmailAdd ul img {margin-left: 5px;}
.verlanglijstVerkocht {opacity:0.5;}

.verlangStatus 
	{background: url("images/slash.png") no-repeat scroll center center transparent;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 1px 4px #CCCCCC;
    float: right;
    font-size: 10px;
    margin-top: 10px;
    padding: 15px;
    width: 115px;}
.verlangGewenst {float: right; width:50px;}
.verlangBesteld {float: left; width:50px;}
.verlangStatus .beschrijving {color: #000;
    display: block;
    font-size: 10px;
    text-align: center;line-height: 1em;}    
.verlangStatus .aantal    {color: #000;
    display: block;
    font-size: 30px;
    text-align: center;line-height: 1em;}    

.widgetInloggen {display: block;  padding: 0px;   width: 95%;}        
.widgetInloggen .inloggen {float:left;}
.widgetInloggen .registreer {display: none;}
.widgetInloggen .vergeten {font-size: 14px;}

/* einde verlanglijstje */

/* Bladeren ------------- */
.blader_holder              {font-family: "Lato", Helvetica Neue, Helvetica, Arial, Sans-Serif; margin: 10px 0 0;}
.blader_tabel1              {margin: 0 auto; border-spacing: 0; text-align: center;}
.blader_tabel1 td {font-size: 14px; line-height: 1.25em; padding: 0 5px; width: auto; display: inline-block;}
.blader_tabel1_n, .blader_tabel1_s {background: #ffffff none repeat scroll 0 0; border: 1px solid #cccccc; border-radius: 0; font-size: 12px; font-weight: bold; height: 1.75em; line-height: 1.75em; text-align: center; transition: all 0.3s ease 0s; width: 1.75em;}
.blader_tabel1_n a {color: #737373; display: block; font-family: "Lato",Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 12px; text-decoration: none; transition: all 0.3s ease 0s;}
.blader_tabel1_s {background-color: #76b82a; color: #fff !important; border-color: #76b82a;}
.blader_tabel1_n:hover      {background:#737373; border-color: #737373;}
.blader_tabel1_n:hover a    {color:#fff;}
.blader_tabel1 img {
    position: relative;
    top: 2px;
}


.bladerBoven {display: none;}

 /* Einde Bladeren ------------- */



/* Barcode */
.EANbarcode {
	box-shadow: 0 1px 3px #CCCCCC;
    margin-top: 10px;
    padding: 10px;
    background-color:#fff;
    display: inline-block;
    padding-bottom:0px;}
/* Einde Barcode */

/* Valuta's */
.accountHouder .valuta                    {max-height: 30px; overflow: hidden; position: relative; top: 0; background:rgba(255,255,255,0); z-index: 5; transition: .3s all ease; display: inline-block; float: right; cursor:pointer;}
.accountHouder .valuta:hover              {max-height: 150px; box-shadow: 0 0px 50px -8px rgba(0,0,0,.25); border-radius: 0 0 3px 3px; background:rgba(255,255,255,1);}
.accountHouder .valuta .titel             {display: none;}
.accountHouder .valuta ul                 {margin: 0; padding: 0; list-style: none;}
.accountHouder .valuta ul li              {padding: 0 8px; line-height: 30px;}
.accountHouder .valuta ul li:last-child   {border: 0;}
.accountHouder .valuta ul li a            {color: inherit; text-decoration: none;}
.accountHouder .valuta ul li .symbool     {font-weight: bold; float: right; margin-left: 5px; padding-left: 5px;}
/* Einde valuta's */

/* Nieuwe velden Mijn account en Stap 2 */
.nawVeld                                          {position: relative; margin: 0 0 8px 0;}
.nawVeld.labelBinnenkant input                    {padding: 12px 10px;}
.nawVeld.labelBinnenkant textarea                 {padding: 12px 10px;}
.nawVeld.labelBinnenkant label                    {box-sizing: border-box; display: block; font-size: 10px; line-height: 1; opacity: 0; overflow: hidden; padding: 7px 10px; pointer-events: none; position: absolute; text-overflow: ellipsis; top: 0; text-align: left; transform: translateY(3px); transition: all .2s ease-out; user-select: none; white-space: nowrap; width: 100%; z-index: 1;}
.nawVeld.labelBinnenkant.nawVeldGevuld label      {opacity: 1; transform: none;}
.nawVeld.labelBinnenkant.selectieVeld label       {opacity: 1;}
.nawVeld.labelBinnenkant.nawVeldGevuld input      {padding-top: 18px; padding-bottom:6px;}
.nawVeld.labelBinnenkant.nawVeldGevuld textarea   {padding-top: 18px; padding-bottom:6px;}

/* Print functie */
.printHolder 			{margin:25px; color:#666;}
.printHolder h2		{margin-bottom: 15px; padding-bottom: 5px; border-bottom:1px solid #ccc;}
.printTabel				{table-layout:fixed;}
.printTabel td		{vertical-align:top; text-align:left; padding:10px;}
.printKnop				{margin-top:5px; padding-top:5px;text-align:center;border-top:1px solid #ccc;}
.printNormaal, .printTechnisch 	{border-radius:5px; height:240px; box-shadow:0 1px 3px #ddd;}
.printTussen			{padding:0; width:20px;}
.printNormaal:hover, .printTechnisch:hover {box-shadow:0 2px 5px #bbb;}
.printHolder	img	{margin:8px; text-align:center;}
.printOptie 			{padding-left:5px;}
.printOpties			{height:70px;}
.printOptieCheck	{border:0; margin-right:5px;}
/* Einde print functie */

/*Product carousel */
.productCarrousselHolder.shopTegel {padding: 0;}
.productCarrousselHolder.shopTegel li .artikel {float: none; width: 100%; margin: 0; line-height: 1.85em;}
.productCarrousselHolder.shopTegel li .artikel .inner {z-index: 0 !important; border: 1px solid #e2e2e2; line-height: 1.75em; box-shadow: none !important}
.productCarrousselHolder.shopTegel li .artikel .inner .shaduw {display: none;}
.productCarrousselHolder.shopTegel li .artikel .inner .omschrijving {display: none;}
/* .productCarrousselHolder.shopTegel li .artikel .inner input {display: none;} */

.productCarrousselHolder {position: relative; margin-top:30px;}
.productCarrousselHolder .jcarousel-clip-horizontal {max-width: 920px;}

.jcarousel-container {border-width:0px !important; border-radius:5px;}
.jcarousel-container a, 
.productCarrousselHolder .jcarousel-container-horizontal {padding:0;}
.productCarrousel li {height: auto; position:relative; border: 0;}
.productCarrousselP {margin:3px !important; margin-right:14px !important;}
.carrouselAfbeelding {display:block;}


.carrouselPrijs {background: #76b82a; color: #FFFFFF; left: 0; padding: 2px 5px 2px 10px; position: absolute; top: 210px;}
.carrouselPrijsVan {font-size:15px; text-decoration: line-through;}
.carrouselPrijsVoor {font-size:16px; font-weight:bold;}

.productCarrousselP.jcarousel-item {margin: 0 10px 0 0 !important; padding: 0 !important; width: 300px;}
.jcarousel-container a, .jcarousel-container a:link, .jcarousel-container a:visited {text-decoration:none;}

.productCarrousselP.objectCarroussel .inner {border: 1px solid #e2e2e2 !important;}
/*Einde Product carousel */

/* Account 2.0 */
.accountHouder          {display: block; width:100%; position:relative; background: #fff; color: #000; font-size: 14px;}
.accountHouder2 {max-width: 1500px; display: flex; margin:0 auto; position:relative; padding: 0 20px; box-sizing: border-box; height: 30px;}

.accountHolder {position: absolute; right: 118px; top: 38px;}
.accountHolder .accountKnop {display: inline-block; vertical-align: top; font-size: 24px; padding: 10px 6px; color: #fff; cursor: pointer;}
.accountHolder > .favorietenKnop {display: inline-block; vertical-align: top; font-size: 21px; padding: 10px 6px; text-decoration: none; color: #fff;}

.accountHolder > .favorietenKnop.gevld i {font-weight: bold;}
/* .accountHolder .favorietenKnop.gevld i::after {content: '\f004'; font-family: "Font Awesome 5 Pro"; position: absolute; left: 0; font-weight: bold; color: #75cf31; z-index: -1;} */

.accountHolder.open .account {opacity: 1; top: 55px; pointer-events: all;}

.bovenkant .account {list-style-type: none; margin: 0; display: block; right: 0px; position: absolute; line-height: 30px; min-width: 275px; background: #fff; top: 36px; padding: 0px; opacity: 0; transition: .3s all ease; box-shadow: 0 0px 57px 3px rgba(0,0,0,.1); pointer-events: none; z-index: 20;}

.bovenkant .account li {float: none; margin: 0 0px; padding: 0 25px 15px; position: relative;}
.bovenkant .account .seperator {border-right: 1px solid #ccc; height: 16px; position: relative; top: 8px; width: 0; padding:0; display: none;}
.bovenkant .account .houder {z-index: 20;}
.bovenkant .account .houder a {text-decoration: none; color: #606060;}
.bovenkant .account .houder a:hover {color: #909090;}
.bovenkant .account h2 {font-size: 17px; border-bottom: 1px solid #ccc; margin-bottom:10px; padding-bottom:5px;}

.bovenkant .account .accountKop {display: none;}

.bovenkant .account .inloggen .accountKop {display: block; font-weight: normal; color: #000; font-size: 18px; line-height: 1.25em; margin: 0 0 10px; padding: 20px 0 0;}
.bovenkant .account .inloggen .inlogKnop .button {display: block; width: 100%; padding: 10px; box-sizing: border-box; text-align: center; color: #fff;}
.bovenkant .account .inloggen .registreer {font-weight: normal; color: #000; font-family: "proxima-nova", Helvetica, Arial, Sans-Serif; font-size: 18px; line-height: 1.25em; margin: 15px 0 0px; border-top: 1px solid #e2e2e2; padding: 10px 0 0;}
.bovenkant .account .inloggen .registreer a {text-decoration: none; color: #606060; display: block; font-size: 14px; font-family: "proxima-nova"; font-weight: normal; margin: 5px 0 0;}
.bovenkant .account .welkom {font-weight: normal; color: #000; font-family: "proxima-nova", Helvetica, Arial, Sans-Serif; font-size: 18px; line-height: 1.25em; margin: 0 0 5px; padding: 20px 25px 10px;}
.bovenkant .account .welkom span {display: block; font-size: 13px; color: #666; font-weight: normal;}
.bovenkant .account .onderdrukken {opacity: 0.1; position: absolute;}
.bovenkant .account .openGeklapt .houder {max-height: 500px; opacity: 1; top: 30px;}
.bovenkant .account .inloggenKnop, .bovenkant .account .verlanglijstKnop, .bovenkant .account .mijnAccountKnop {cursor: pointer; display: none;}
.bovenkant .account .openGeklapt .inloggenKnop, .bovenkant .account .openGeklapt .favorietenKnop, .bovenkant .account .openGeklapt .verlanglijstKnop, .bovenkant .account .openGeklapt  .mijnAccountKnop {cursor: pointer;}
.bovenkant .account .inloggenKnop:hover, .bovenkant .account .favorietenKnop:hover, .bovenkant .account .verlanglijstKnop:hover, .bovenkant .account .mijnAccountKnop:hover {cursor: pointer; color: #909090;}
.bovenkant .account .inloggen .email input, .bovenkant .account .inloggen .wachtwoord input,  .bovenkant .account .inloggen .wachtwoord2 input {width: 100%; margin: 0 0 5px; background: #f3f3f3; border-color: #f3f3f3;}
.bovenkant .account .inloggen .inlogKnop {padding-top:3px;}
.bovenkant .account .inloggen .wachtwoordKwijt {line-height: 1em; margin: 10px 0;}

.bovenkant .account .favorieten,
.bovenkant .account .verlanglijst {background: #f3f3f3; white-space: nowrap;}
.bovenkant .account .favorieten {padding: 15px 25px 15px;}
.bovenkant .account .favorieten .favorietenKnop {text-decoration: none; color: inherit;}
.bovenkant .account .verlanglijst {padding: 15px 25px 15px;}
.bovenkant .account .verlanglijst .code input {width: 100%; padding:5px 10px; font-size: 13px;}
.bovenkant .account .verlanglijst .code2 {padding-top: 3px;}
.bovenkant .account .verlanglijst .mijnverlanglijst2 {border-top: 1px dashed #ccc; line-height: 20px; margin: 15px 0 0; padding: 10px 0 0;}
.bovenkant .account .verlanglijst .houder1 {display: none;}

.inloggenBg,
.mijnAccountBg,
.verlanglijstBg,
.winkelwagenHouderBg,
.speedsearchResultBg,
.accountHolderBg {z-index: 15; opacity: 0; position: fixed; left: 0; top: 0; right: 0; background-image: url('images/zwart/10.png'); background-repeat: repeat; transition: opacity 0.3s ease 0s;}
.inloggenBg.open,
.mijnAccountBg.open,
.verlanglijstBg.open,
.winkelwagenHouderBg.open,
.speedsearchResultBg.open,
.accountHolderBg.open {opacity: 1; bottom: 0;}
/* Einde Account 2.0 */



/* Winkelmandje 2.0 */
.winkelwagenHouder    {position: absolute; right: 70px; top: 39px; padding: 10px;}

/* Winkelmandje knop */
.winkelwagenHouder .winkelknop          {cursor:pointer; z-index: 13; position: relative; color: #fff;}

.winkelwagenHouder .winkelknop .titel   {display:none;}
.winkelwagenHouder .winkelknop .bedrag  {display:none;}
.winkelwagenHouder .winkelknop .icoon   {position: relative; margin: 0;}
.winkelwagenHouder .winkelknop .icoon:before {content:"\f291"; font-family: "Font Awesome 5 Pro"; font-size: 24px;}
.winkelwagenHouder .winkelknop .aantal {background: #76b82a; border-radius: 50px; color: #fff; font-size: 12px; font-weight: 700; line-height: normal; padding: 3px 6px; position: absolute; right: -13px; text-align: center; height: 20px; min-width: 20px; top: -9px; transition: .3s all ease; box-sizing: border-box;line-height: 1;}
.winkelwagenHouder .winkelknop .relatieBtwTotaalPrijs {display: none;}



/* Winkelmandje Inhoud */
.winkelwagenHouder .winkelwagen                   {position: absolute; top: 36px; width: 700px; opacity: 0; pointer-events: none; transition: all .3s ease; padding: 0px; background-color: #eee; box-shadow: 0 0px 57px 3px rgba(0,0,0,.1); overflow: hidden; right: 5px; color: #333;}
.winkelwagenHouder.openGeklapt .winkelwagen       {height: auto; opacity:1; top: 55px; z-index: 20; pointer-events: all;}
.winkelwagenHouder .winkelwagen .kassaknop        {position: relative;}
.winkelwagenHouder .winkelwagen .offerteknopExtra {position: relative;}
.winkelwagenHouder .winkelwagen .inhoud           {padding: 20px;}
.winkelwagenHouder .winkelwagen .inhoud.artikelen {background-color: #fff;}
.winkelwagenHouder .winkelwagen .inhoud.artikelen .winkelTitel 	    {font-size: 17px; font-weight: bold; margin: 0; text-transform: initial; color: #76b82a;}
.winkelwagenHouder .winkelwagen .inhoud.artikelen  {max-height: 300px; max-height: calc(100vh - 240px); overflow-y: auto;}
.winkelwagenHouder .winkelwagen .inhoud.artikelen .kassaArtikel .verwijderKnop:empty {display: none;}
.winkelwagenHouder .winkelwagen .inhoud.totaal {display: flex;}
.winkelwagenHouder .winkelwagen .inhoud.totaal .prijs    {text-align: right; font-weight: bold; color: #000; font-size: 125%; margin: auto;}

.winkelwagenHouder .kassaArtikel .kassaArtikelAfbeeldingHolder      {width: 50px; padding-right: 10px;}
.winkelwagenHouder .kassaArtikel .regelStuk                         {display: none;}

/* .winkelwagenHouder .kassaArtikelen th {border: 0;} */

.winkelmandjeKnoppen    {flex: 1;}
.winkelmandjeKnoppen a  {margin-right:10px; vertical-align: top;}

.winkelmandjeKnoppen a.knop::after {display: none;}

.winkelmandjeKnoppen a.winkelmandjeKnopKassa {font-size: 18px;
  padding: 9px 19px;}
.winkelmandjeKnoppen a.winkelmandjeKnopKassa::after {
  content: "\f291";
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  font-size: 17px;
  margin-left: 10px;
  display: inline-block;
}
.winkelmandjeKnoppen a.knop.winkemmandjeKnopMandjeLegen {color: #fff; text-decoration: none; background: #b2b2b2; border-color: #b2b2b2;}
.winkelmandjeKnoppen a.knop.winkemmandjeKnopMandjeLegen::after {display: none;}

.winkelmandjeKnoppen a.winkelmandjeWijzigen {background: #dcdedf; color: inherit; border-color: #dcdedf;}

.winkelmandjeLeeg {padding: 20px; background-color: #fff;}
/* Einde winkelmandje 2.0 */

/* Zoekveld 2.0 */
.zoeken      {display: table; position: absolute; top: 16px; left: 515px; z-index: 13; border-radius: 3px; border: 3px solid #fff; background: #fff;}
.zoeken.open {z-index: 20;}

.zoeken .veld              {display: table-cell; z-index: 10; position: relative; vertical-align: middle; border: none; border-radius: 0;}
.zoeken .veld #zoekWoordID {border: 0; box-shadow: none; padding: 11px; font-size: 15px; border-radius: 0px; margin: 0; width: 500px; line-height: normal; background: none;}

.zoeken .knop {display: table-cell; background: #76b82a; color: #fff; position: relative; padding: 12px 13px 10px; vertical-align: middle; transition: all .3s ease; cursor: pointer; z-index: 10; line-height: 1; border-radius: 3px;}
.zoeken .knop:before {content:"\f002"; font-family: "Font Awesome 5 Pro"; font-size:16px; font-weight: bold;}
.zoeken .knop img {display:none;}
/* Einde Zoekveld 2.0 */

/* Merken */
.merkUl             {list-style:none; margin:0; padding:0;}
.merkUl li          {margin:0; padding:0;}
.merkUl .merkCheck  {margin:0 5px 0 0; padding:0;}
/* Einde Merken */

/* Filter */
.filters                           {margin: 20px 20px 0 0; border-radius: 3px; border: 1px solid #e2e2e2; display: block; position: relative;-webkit-user-select: none;}
.filters .kenmerkgroepHouder       {margin:0; padding:0; list-style:none;}      
.filters .kenmerkgroep {position: relative; margin: 0; list-style: none; border-top: 1px solid #e2e2e2; padding: 20px;}
.filters .kenmerkgroep:first-child {border-top: 0;}
.filters .kenmerkgroep a.titel     {color: #202222; cursor: pointer; text-decoration: none; display: block; margin: 0 0 10px; font-size: 16px; font-weight: 700; line-height: 1.35em; font-family: "Oswald", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase;}

.filters .kenmerkgroep.toggle a.titel {margin: 0;}
.filters .kenmerkgroep.toggle.open a.titel {margin: 0 0 10px;}
.filters .kenmerkgroep.toggle a.titel::after {content: "\f054"; float: right; font-family: "Font Awesome 5 Pro";}
.filters .kenmerkgroep.toggle.open a.titel::after {content: "\f078";}
.filters .kenmerkgroep.toggle .kenmerken {max-height: 0; overflow: hidden; height: auto !important; opacity: 1 !important;}
.filters .kenmerkgroep.toggle.open .kenmerken {max-height: 650px;}

.filters .kenmerkgroep a.titel img {position:relative; top:3px; margin-right:3px; opacity:.5; display: none;}
.filters .kenmerkgroep.open .kenmerken {height: 0; opacity: 0;}

.filters .kenmerkgroep .kenmerken    {padding: 0px 5px; overflow: hidden; position: relative; margin-top: 0px; z-index: 10;  opacity: 1; margin: 0 -5px;}

.filters .kenmerkgroep .kenmerken.klappen {max-height: 145px; height: auto;}
.filters .kenmerkgroep.open .kenmerken    {height: 0; opacity: 0;}

.filters ul.kenmerken.klappen.open {max-height: 650px; overflow: hidden;}

.filters ul.kenmerken             {padding: 0; margin:0; list-style:none;}

.filters .tonen {position: relative; margin: 10px 0 0; color: #000; cursor: pointer; text-decoration: underline;}
.filters .tonen:hover {text-decoration: none;}


.filters ul.kenmerken .kenmerk {border-radius: 3px; padding: 0 5px; margin: 0 -5px; font-size: 15px;}
.filters ul.kenmerken .kenmerk:hover {background-color: #f3f3f3;}


.kenmerkgroepHouder .kenmerkgroep.standaardUitklappen .kenmerken {max-height: unset;}
.kenmerkgroepHouder .kenmerkgroep.standaardUitklappen .tonen {display: none;}

.filters ul.kenmerken .kenmerk input[type="checkbox"] {position: relative; top: 1px;}

.filters .filterCheck label       {padding: 0; display:block; cursor: pointer;}
.filters .filterCheck label .aantal {margin-top: 8px; white-space: nowrap; float: right; color: #666; font-size: 13px; line-height: 1;}
.filters .filterCheck label .aantal::before {content:"(";}
.filters .filterCheck label .aantal::after {content:")";}
.filters .filterCheck label.nietBeschikbaar {cursor: default;}

.filters .nietBeschikbaar         {opacity:.5; -moz-pointer-events:none; pointer-events:none; display: none;}
.filters .nietBeschikbaar .aantal    {display:none !important;}
.filters .toelichting,
.filters .beschikbaar             {font-size: 20px; font-weight: 700; color: #76b82a; margin: 25px 0 0px; display: none;}
.filters .beschikbaar .aantal     {font-weight:bold;}

.filters a.wButFilter             {position:relative; font-weight:bold; padding:5px 10px; background:#fff; border:0px solid #ccc; box-shadow:0 1px 5px rgba(0,0,0,.0); transition: all .2s ease; margin: 5px; text-decoration:none; background:#76b82a; color:#fff; display: none;}
.filters a.wButFilter:active      {top:1px; box-shadow: inset 0 1px 5px rgba(0,0,0,.3);}

.actieveKenmerken        {display: block; box-sizing: border-box; color: #656568; line-height: normal; padding: 20px 20px 10px; border-top: 1px solid #e2e2e2;}
.actieveKenmerken:empty {display: none;}
.actieveKenmerkenLijst   {list-style:none; padding:0; margin:0;}
.actieveKenmerkenLijst:after   {content: ""; clear: both; float: none; position: relative; display: block;}

.actiefKenmerk             {display: inline-block; background: #f3f3f3; border-radius: 3px; line-height: 1; margin: 0 5px 5px 0; font-size: 14px; padding: 5px; font-weight: normal;}
.actiefKenmerk img         {position:relative; top:3px; margin-right:3px;}
.actieveKenmerkenLijst     {display: block; box-sizing: border-box; color: #656568;}
.actiefKenmerk a           {text-decoration: none;}
.actiefKenmerk a::before   {font-family: "Font Awesome 5 Pro"; content: "\f00d"; color: #a51c18; margin-left: 5px;}
.actiefKenmerk img         {display: none;}
.kenmerkAfbeelding         {position:relative; top:3px; margin-right:3px; opacity:.5;}


/* Als kenmerken algemeen */

.artikel.detail .artikelGewicht:empty {display: none;}
.artikel.detail .artikelBestelEenheid {display: block;}

.kenmerkArt, .EANnummer, .artikelnrKenmerk, .artikel.detail .artikelGewicht, .artikel.detail .artikelBestelEenheid {padding: 5px 0px; width:100%; box-sizing: border-box; transition: all .3s ease; border-bottom:1px solid #eee;}
/* .kenmerkArt:last-child       								{border-bottom:0} */
.kenmerkArt .groep,
.EANnummer .toelichting,
.artikelnrKenmerk .titel,
.kenmerkArt .kenmerk          {height: 1.65em; overflow: hidden; *padding-right: 5px;}
.kenmerkArt .groep, .EANnummer .toelichting, .artikelnrKenmerk .titel, .artikel.detail .artikelGewicht .titel, .artikel.detail .artikelBestelEenheid .titel {color: #aaa; display: block; float: left; padding-right: 10px; width: 150px; clear: both; margin: 0 0 1px 0;}
.kenmerkArt .toevoeging       {margin-left:.3em;}
.kenmerkArt .toevoeging:after              {content:" "; margin-right:0.3em;}
.kenmerkArt span.toevoeging:last-of-type:after   {display: none;}

/* Dropdown menu ipv selectboxes */
.dropdown 						{position:relative; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.dropdown .keuze			{color:#76b82a; display:block; background:#f3f3f3; border: 1px solid #e2e2e2; padding:6px 12px; box-shadow:0 1px 3px rgba(0,0,0,.05); border-radius:3px; font-weight: bold; transition: all .3s ease;}	
.dropdown .keuze:before {content:""; font-family: "Font Awesome 5 Pro"; font-weight: normal; float:right; transition: all .3s ease;}
.dropdown:hover .keuze	{box-shadow:0 1px 5px rgba(0,0,0,.2);  border-radius:3px 3px 0 0;}
.dropdown .keuze:hover:before  		{color:#76b82a;}
.dropdown ul					{list-style: none; padding:0; margin:0; max-height:0em; position: absolute; overflow:hidden; transition:all .3s ease; z-index:100; box-shadow:0 1px 3px rgba(0,0,0,.2); width:100%; border-radius: 0 0 3px 3px;}
.dropdown.openGeklapt ul	{display: block; max-height:20em; margin-bottom:1em; overflow: scroll;}
.dropdown ul li						{list-style: none; padding:0; margin:0; border-bottom: 1px solid #eee;}
.dropdown ul li	a					{text-decoration: none; display: block; transition:all .3s ease; background:#fff; padding:4px 12px; clear:both;}
.dropdown ul li	a:hover		{background:#eee;}
.dropdown ul li.active a 	{background-color:#f3f3f3; color:#76b82a; font-weight:bold;}
/* Einde Dropdown menu ipv selectboxes */
/* Einde Filters */

/* PrijsFilter */
.prijsFilterHolder .prijsfilterVelden {display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.prijsFilterHolder .prijsfilterInput {background: #eee;}
.prijsFilterHolder .prijsfilterVelden input {width: 45px; height: 35px; text-align: center; font-size: inherit; border: 0; outline: none; background: #eee;}
.prijsFilterHolder .prijsfilterVelden .valuta {color: #a7a7a7; margin-left: 10px;} 
 
.prijsFilterHolder .noUi-target {background: #eee; border-radius: 2px; margin-top: 15px; height: 4px; position: relative; direction: ltr; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box;}
.prijsFilterHolder .noUi-target .noUi-base {width: 100%; height: 100%; position: relative; z-index: 1;}
.prijsFilterHolder .noUi-target .noUi-base .noUi-connect, .prijsFilterHolder .noUi-target .noUi-base .noUi-origin {will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat;}
.prijsFilterHolder .noUi-target .noUi-base .noUi-connect {background: #76b82a; height: 100%; width: 100%;}
.prijsFilterHolder .noUi-target .noUi-base .noUi-origin {width: 10%; height: 0; left: auto; right: 0;}
.prijsFilterHolder .noUi-target .noUi-base .noUi-origin .noUi-handle {width: 16px; height: 16px; left: -17px; top: -7px; outline: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; border: 1px solid #D9D9D9; border-radius: 50%; background: #FFF; cursor: ew-resize; right: -16px; left: auto;}
.prijsFilterHolder .noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-touch-area {height: 100%; width: 100%;}
/* Einde prijsFilter */

/* Zoekresultaten */
#speedsearchResult  					{clear: both; top: 50px; position: absolute; left: -250px; right: -250px; z-index: 20;}
#speedsearchResult .houder 		{background-color: #fff; overflow: hidden; padding: 0; box-shadow: 0 0px 57px 3px rgba(0,0,0,.1); border-radius: 0;}

.speedSearch {padding: 0px;}
.speedSearch ul {list-style: none; z-index:100; padding: 20px; margin:0;}
.speedSearch.artikelen {width: 50%;float: left; border-right: 1px dashed #eee; box-sizing: border-box;}
.speedSearch.categorie {width: 50%;float: right;}
.speedSearch.categorie ul li .omschrijving span {display: none;}
.speedSearch.categorie ul li .omschrijving span:last-child {display: inline-block;}

.speedSearch ul {max-height: calc(100vh - 270px); overflow: auto;}

.speedSearch > ul > li	 {padding:0; margin:0; color:#383838; position: relative; border-radius: 0;}
.speedSearch > ul > li a {text-decoration: none; color: inherit; display: block; transition: all .2s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 20px;}

.speedSearch ul li:hover {background-color: #f3f3f3;}
.speedSearch ul li:last-child {border-bottom: 0;}
.speedSearch ul li a strong {font-weight: normal; text-decoration: underline;}
.speedSearch ul li .thumbnail {float:right; height:50px; width:50px; margin-left:10px; text-align: center; overflow: hidden;}
.speedSearch ul li .thumbnail img {width:auto; height:50px; border-radius:0;}

.speedSearch ul li .omschrijving {font-size: 15px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.speedSearch ul li .artikelNr {font-size:12px; line-height: 1.5em;}
.speedSearch ul li .artikelNr .titel {margin-right:5px;}
.speedSearch .resultaat {font-size: 17px; font-weight: normal; margin: 0; padding: 45px 40px 10px; position: relative;}
.speedSearch .resultaat a.knopAlles {background-color: #383838; color: #fff; border-radius: 0; bottom: 12px; text-decoration: none; font-size: 12px; font-weight: normal; padding: 3px 10px; position: absolute; right: 10px; display: none;}
.speedSearch .resultaat .aantal {font-size: 24px; font-weight: bold; display: inline-block; margin: 0 3px 0 0; color: #76b82a;}


.speedSearch .categorie {color:#aaa; font-style: italic; line-height: 1.5em;}
.speedSearch .categorie .titel {float:left; margin-right:5px;}
.speedSearch .categorie ul {margin: 0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.speedSearch .categorie ul li {display: inline-block; margin: 0 0.5em 0 0;}
.speedSearch .categorie ul li::after {content: ", ";}
.speedSearch .categorie ul li:last-child::after {content: "";}

.speedsearchLoader {position: absolute; right: 1px; top: 6.5px; display: none;}
.speedsearchLoader i {color:#383838; font-size:16px;}

.knopAllesOnder a {background-color: #76b82a; color: #fff; border-radius: 0; display: block; font-weight: bold; margin: 0; padding: 15px; text-align: center; text-decoration: none; font-size: 15px;}
.knopAllesOnder::before {clear: both; content: ""; display: block;}
/* Einde zoekresultaten */


/* Social media knoppen */
.shareKnoppen                    {position: relative;}
.shareKnoppen a.deelKnopje       {display: inline-block; position: relative; margin: 5px 2px 0 0; text-decoration: none; padding: 8px; background: #eee; border-radius: 3px; line-height: 1;}
.shareKnoppen a.deelKnopje:hover {background: #ddd;}
.shareKnoppen a.deelKnopje i   {margin-right: 5px; width: 15px; text-align: center;}
/* Einde Social media knoppen */

/* Snelbestellen */
.snelbestellenHolder                  {background-color: #eee; border-radius: 3px; padding: 15px 20px; margin-bottom: 10px;}
.snelbestellenHolder .hidden          {display: none;}
.snelbestellenHolder .titel           {display: inline-block; padding-right: 15px; font-weight: bold; font-size:16px; color:#76b82a; width:60px;}
.snelbestellenHolder .invoer          {display: table; position: relative; width:100%; table-layout: fixed;}
.snelbestellenHolder .invoer .inputArtikelnr   {display: table-cell; width:150px; padding-right:10px;}
.snelbestellenHolder .invoer .inputAantal      {display: table-cell; width:70px; padding-right:10px;}
.snelbestellenHolder .invoer input             {width:100%;}
#snelbestellenArtikelomschrijving                 {display: table-cell; white-space: nowrap; max-width:0; text-overflow: ellipsis; overflow:hidden; width:35%}
#snelbestellenPrijs                               {display: table-cell; padding-left:10px; padding-right: 10px; font-weight: bold; white-space: nowrap; width: 75px; text-align: right;}

.snelbestellenHolder .snelbestellenKnop   {display: table-cell; text-align: right; transition: all .3s ease; opacity:1; width:90px;}
.snelbestellenKnop.verborgen              {opacity:.3;}
.snelbestellenKnop.verborgen a            {cursor: not-allowed;}
.autocomplete-selected {background:#eee;}
.snelbestellenHolder .autocomplete-suggestions {position: absolute !important; top: auto !important; background: #fff; width: 100% !important; padding: 0; box-sizing: border-box; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 50px 50px rgba(0, 0, 0, 0.4); max-height: 470px !important; overflow-y: auto;}


.snelbestellenHolder .autocomplete-suggestions .autocomplete-suggestion {padding: 5px 10px; border-bottom: 1px solid #ddd; cursor: pointer;}
.snelbestellenHolder .autocomplete-suggestions .autocomplete-suggestion:hover {background-color: #eee;}
.snelbestellenHolder .autocomplete-suggestions .autocomplete-suggestion strong {color:#76b82a;}

.snelbestellenHolder .omschrijving {width: 150px; display: inline-block;}
/* Einde Snelbestellen */


/* Hover Menu */
.hoverMenu {
  background-color: #fff;
  left: 70px;
  position: absolute;
  transition: .4s all ease;
  opacity: 0;
  top: 100%;
  pointer-events: none;
  visibility: hidden;
  z-index: 10;
  margin: 0 auto;
  box-shadow: 0 24px 120px -10px rgba(0,0,0,.3);
  width: calc(100% - 140px);
  display: flex;
  flex-direction: row-reverse;
}


.hoverMenu.open {opacity: 1; visibility: visible; pointer-events: all; transform: scale(1); z-index: 11;}
.hoverMenu .categorie {white-space: initial; background: #202222; padding: 0; color: #fff; text-align: left; width: 0;}
.hoverMenu .categorie .aankeiler > * {display: none;}
.hoverMenu .categorie .kop {display: none;}
.hoverMenu .categorie .h4 {font-size: 16px; font-weight: bold; margin-bottom: 5px; color: #76b82a;}

.hoverMenu .categorie .afbeelding {position: absolute; right: -29px; bottom: -22px; width: 210px; display: block;}
.hoverMenu .categorie .afbeelding img {width: 100% !important; height: auto !important;}

.hoverMenu .categorie a.knop {min-width: 170px; text-align: center; margin-top: 10px;}

/* .hoverMenu > div {flex-basis: 35%;} */

.hoverMenu .kolommen {padding: 30px 30px 30px 0; max-height: calc(100vh - 220px); overflow-y: auto; width: 100%; /* flex-basis: 65%; */ display: flex; flex-wrap: wrap;}
.hoverMenu .kolommen .kolom .titel a {font-size: 16px; font-weight: bold; margin-bottom: 5px; color: #76b82a; line-height: 1.25em; margin: 0 0 5px;}
.hoverMenu .kolommen .kolom .titel a:hover {text-decoration: underline;}
.hoverMenu .kolommen .kolom  a {color: #666;}

.hoverMenu .kolommen .kolom > ul      {list-style-position: outside; list-style-type: disc; opacity: 1; position: static; visibility: visible; padding-left: 10px; font-size: 15px; border: none;}

.hoverMenu .kolommen .kolom > ul li   {line-height: 1.75em; display: block; float: none;} 
.hoverMenu .kolommen .kolom > ul li.separatorHouder {display: none;}
.hoverMenu .kolommen .kolom > ul li a {background: transparent !important; border: 0; width: auto; font-weight: normal; line-height: 1.75em; text-align: left !important; padding: 0; overflow: initial;}
.hoverMenu .kolommen .kolom > ul li a:hover {text-decoration: underline;}
.hoverMenu .kolommen .kolom > ul li a::before {display: none;}


.hoverMenu .kolommen .kolom {width: 20%; padding-left: 20px; position: relative; margin: 0; box-sizing: border-box;}
.hoverMenu .kolommen .kolom > ul {list-style: none; padding: 0; margin-bottom: 30px;}


/* .hoverMenu .kolommen .niettonen, */
.hoverMenu li.niettonen {height: 0; display: none; opacity: 0;}
#catLijst .linksniettonen {display: none !important;}
.hoverMenu .kolommen .kolom > ul:empty  {display: none;}


/* Instellingen scherm */
table.instellingen 										{width: 100%; border:0; border-spacing: 0; table-layout: fixed;}
table.instellingen tr td              {vertical-align: middle;}
table.instellingen .beschrijving      {width:200px;}
table.instellingen tr td input 				{width:100%; box-sizing: border-box;}
/* Einde instellingen scherm */

/* Nieuwe lijsten */
/* Lijsten */
.lijstOpties {margin-bottom: 20px;}
.lijstOpties .knoppen         {float:right;}
.lijstOpties .knoppen a.knop  {margin-right:0;}

/* Lijstzoeken */
.lijstOpties .zoek              {display: inline-table; position: relative;}
.lijstOpties .zoek .veld        {display: table-cell; z-index: 10; position: relative; overflow: hidden; border-radius: 3px 0 0 3px; background:#eee;}
.lijstOpties .zoek .veld input  {margin:0; border-right:0; border-top-right-radius: 0; border-bottom-right-radius: 0; background:#fff;}
.lijstOpties .zoek .knop        {border:1px solid #ccc; display: table-cell; color:#666; position: relative; padding:0 8px; transition: all .3s ease; cursor: pointer; z-index: 1; border-radius: 0 3px 3px 0; vertical-align: middle; background:#eee; line-height: 0;}
.lijstOpties .zoek .knop:hover  {color:#76b82a;}
.lijstOpties .zoek a.toonAlles  {border-left: 1px solid #ccc; padding-left: 20px; margin-left: 20px;}

table.lijst        {width:100%; border-spacing: 0; table-layout: auto; margin: 0 0 20px; font-size: 15px;}
table.lijst th     {text-align: left; border-bottom: 1px solid #eee; padding: 5px 10px; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #888;}
table.lijst tr.inactief td, .lijst tr.inactief td a {color:#aaa;}
table.lijst tr.inactief td.omschrijving {text-decoration: line-through; color:#f00;}
table.lijst td {border-bottom: 1px solid #eee; padding: 10px 10px; background:#fff; transition: all .3 ease; white-space: nowrap;}
table.lijst td > .titel        	{font-weight: bold;}
table.lijst td > .subtitel     	{color:#aaa;}
table.lijst .bedrag          		{text-align: right; padding-right:30px;}

table.lijst tr:hover td      		{background:#fafafa;}
table.lijst tr.inactief:hover td {background:#f3f3f3;}
table.lijst td.id            {width: 30px;}

table.lijst td.knoppenHouder      						{font-size:16px; line-height: 0; vertical-align: middle;}
table.lijst td.knoppenHouder a 								{font-size: inherit; padding: 0 5px; position: relative;}
table.lijst td.knoppenHouder a .tekst 				{background: #76b82a; border-radius: 3px; top: -125%; color: #fff; line-height: 1.25em; white-space: nowrap; padding: 5px 9px; position: absolute; transition: .3s all ease; left: 50%; font-size: 11px; transform: translateX(-50%); opacity: 0; pointer-events: none; font-weight: normal;}
table.lijst td.knoppenHouder a .tekst::before {border: solid; border-color: #76b82a transparent; border-width: 6px 6px 0px 6px; bottom: -4px; content: ""; position: absolute; transition: .3s all ease; left: 50%; transform: translateX(-50%);}
table.lijst td.knoppenHouder a:hover .tekst 	{opacity: 1; pointer-events: all;}
/* Einde nieuwe lijsten */

/* Groothandel en dealers */
.dealerAanmakenVeld 				{padding:0 30px; background:#eee; overflow:hidden; max-height: 0; transition: all .3s ease; opacity:0; margin-bottom:20px; border-radius: 4px;}
.dealerAanmakenVeld.open 		{padding:30px;  max-height:999px; opacity: 1;}
.dealerImportVeld 					{padding:0 30px; background:#eee; overflow:hidden; max-height: 0; transition: all .3s ease; opacity:0; margin-bottom:20px; border-radius: 4px;}
.dealerImportVeld.open			{padding:30px;  max-height:999px; opacity: 1;}
.dealerImportVeld input[type="file"] 								{width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}
.dealerImportVeld input[type="file"] + label 				{font-size:inherit; color: #fff; background-color: #76b82a; display: inline-block; cursor: pointer; padding:5px 10px;}
.dealerImportVeld input[type="file"]:focus + label,
.dealerImportVeld input[type="file"] + label:hover 	{background-color:#76b82a;}
.dealerOrdersTonen 					{background:#fff;}
.dealerOrders 							{padding:0 30px; background:#eee; overflow:hidden; height:0; transition: all .3s ease; opacity:0; margin-bottom:20px; border-radius: 4px;}
.dealerOrders.open 					{padding:30px; height:auto; opacity: 1;}
.mijnDealersOrdersSluiten 	{float:right;}
.stap.twee .groothandelSelectie ul {list-style: none; padding:0; margin:0;}
.stap.vier .groothandelSelectie {margin-bottom:10px;}
/* Einde Groothandel en dealers */


/* Barcodescanner */
a.barcodescannerLink 				{text-decoration: none; position: absolute;}
a.barcodescannerLink img 		{width:40px; height:auto;}
a.barcodescannerSluiten 		{position: absolute; top: 0; right:0; background:#d55929; color:#fff; padding:10px 15px; text-decoration: none; border-radius: 0 0 0 5px;}
.barcodescannerHouder	 			{display: none;}
.barcodescannerHouder.open 	{display: block; padding:30px; background:#fff; border-radius:5px; overflow:hidden; position: fixed; top:10%; left:50%; width:700px; margin-left:-350px; z-index:500; box-shadow: 0 10px 50px rgba(0,0,0,.3); box-sizing: border-box;}
.barcodescannerHouder      ::before {bottom:auto; transition: all .3s ease;}
.barcodescannerHouderBg				{display: none;}
.barcodescannerHouderBg.open 	{display: block; position: fixed; top:0%; bottom:0; left:0; right:0; z-index:499; content:" "; background: rgba(255,255,255,.7)}
#barcodeScannerCamera 				{position: relative; min-height:200px; background:url(images/loader.gif) no-repeat center center;}
#barcodeScannerCamera video	 	{position: relative; border-radius: 5px;}
#barcodeScannerCamera canvas 	{top:0; left:0; position: absolute; z-index: 1; width:100%; height:auto;}
#barcodeScannerCamera::before {display: block; position: absolute; top: 50%; left: -10px; right: -10px;
	border-bottom: 4px solid #d55929; content: ""; height: 0; z-index: 1; border-radius: 5px; animation: MoveUpDown 2s ease infinite;}
@keyframes MoveUpDown {0% {top: 30%; opacity: .3;} 70% {top: 70%; opacity: .8;} 100% {top: 30%; opacity: .3;}}
/* Einde Barcodescanner */


/* Maatwerk Multitube */
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {display:none;}

/*Product carousel */
.productCarrousselHolder .jcarousel-container {background:transparent; border-radius:0; border:0;}
.productCarrousselHolder .jcarousel-container-horizontal {width:100% !important; padding:0;}
.productCarrousselHolder .jcarousel-clip-horizontal {box-sizing: border-box; margin: 0 auto; padding: 0;}

.productCarrousselP {margin:20px !important;}

.productCarrousselHolder .jcarousel-prev-horizontal {background:none; width:auto; height:auto; margin-top:-20px; top:50%; left: 0px; font-size: 25px; opacity: 1; right: auto; color: #666;}
.productCarrousselHolder .jcarousel-next-horizontal {background:none; width:auto; height:auto; margin-top:-20px; top:50%; right:0px; font-size: 25px; opacity: 1; left: auto; color: #666;}

.jcarousel-prev-horizontal:after {display:block; z-index:10;content:"\f053"; font-family: "Font Awesome 5 Pro";}
.jcarousel-next-horizontal:after {display:block; z-index:10;content:"\f054"; font-family: "Font Awesome 5 Pro";}


.jcarousel-container {border:0 !important;}
.jcarousel-next-horizontal, .jcarousel-prev-horizontal {background-color:transparent !important;}

.jcarousel-container a.carouselLink {transition: .3s all ease;}
.jcarousel-container a.carouselLink:hover {background: rgba(0,0,0,.05);}

.carrouselTekst, .carrouselPrijs {display: none}



.HeaderHolder .productCarrousselHolder {padding: 10px 0; position: relative; margin: 0 !important; height: 160px; overflow: hidden;}
.HeaderHolder .carrouselAfbeelding::before       {display: none;}
.HeaderHolder .productCarrousselP.jcarousel-item {background: #fff; border-radius: 5px; height: 140px; margin: 10px 10px 10px 0 !important; opacity: 1 !important; width: 130px;}

.productCarrousselP.jcarousel-item .afbeeldingHouder {position: relative; width: 100%;}
.productCarrousselP.jcarousel-item .afbeeldingHouder img {position: absolute; top: 0; right: 0; left: 0; bottom: 0; max-height: 100%; max-width: 100%; margin: auto; height: auto !important; width: auto !important;}
.productCarrousselP.jcarousel-item .afbeeldingHouder .verhouding {display: block; padding-bottom: 100%;}

.productCarrousselP.jcarousel-item .inhoud {line-height: 1.25em; padding: 15px; overflow: hidden; text-overflow: ellipsis; position: absolute; bottom: 1px; left: 1px; right: 1px; background: rgba(255,255,255,.8); box-sizing: border-box; text-align: left; color: #76b82a; transition: .2s all ease;}
.productCarrousselP.jcarousel-item .inhoud h2.titel {font-family: "Oswald", Helvetica Neue, Helvetica, Arial, sans-serif; font-style: normal; text-overflow: ellipsis; font-size: 15px; font-weight: 700; text-align: left; line-height: 1.25em; white-space: nowrap; overflow: hidden; color: inherit; padding-right: 30px; margin: 0;}
.productCarrousselP.jcarousel-item .inhoud::after {content: "\f061"; font-family: "Font Awesome 5 Pro"; position: absolute; right: 8px; bottom: 8px; color: inherit; padding: 8px; line-height: 1; border-radius: 0px; transition: .2s all ease; background: #f2f2f2;}

.productCarrousselP.jcarousel-item .inhoud .meerinfo {margin: 0 10px 10px;}

.productCarrousselP.jcarousel-item .artikel .omschrijving a.titel {height: 80px;}
.productCarrousselP.jcarousel-item .artikel .voorraad {display: none;}
/*Einde Product carousel */


.pdfkeuzeholder                        {background: #fff; border-radius: 3px; box-shadow: 0 24px 120px -10px rgba(0,0,0,.3); box-sizing: border-box; left: 50px; left: calc(50% - 250px); margin: 0 auto; width: 500px; padding: 30px; position: absolute; top: 240px; z-index: 31;}
.pdfkeuzeholder .sluiten               {position: absolute; right: 7px; top: 5px; cursor: pointer;}
.pdfkeuzeholder .sluiten i           {font-size: 18px; color: #666;}
.pdfkeuzeholder .beschrijving          {width: auto; margin: 0 0 15px;}
.pdfkeuzeholder .beschrijving p:last-child {margin: 0;}
.pdfkeuzeholder .pdfkeuze              {border: 1px solid #ddd; margin: 0 0 10px; padding: 10px; position: relative; transition: .3s all ease;}
.pdfkeuzeholder .pdfkeuze:hover        {box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);}
.pdfkeuzeholder .pdfkeuze:last-child   {margin: 0;}
.pdfkeuzeholder .pdfkeuze .inner       {display: table; width: 100%;}
.pdfkeuzeholder .pdfkeuze .inner .col1 {display: table-cell; vertical-align: middle; width: 90px;}
.pdfkeuzeholder .pdfkeuze .inner .col2 {display: table-cell; vertical-align: top; width: auto; padding: 0 15px;}
.pdfkeuzeholder .pdfkeuze .inner .col3 {display: table-cell; vertical-align: middle; width: 125px;}

.pdfkeuzeholder .pdfkeuze .inner .titel           {margin: 0 0 15px;}
.pdfkeuzeholder .pdfkeuze .inner .titel h3 {color: #666;  font-size: 16px;}
.pdfkeuzeholder .pdfkeuze .inner .button          {box-sizing: border-box; margin: 0 0 5px; padding: 8px 2px !important; text-align: center; width: calc(50% - 2px);}
.pdfkeuzeholder .pdfkeuze .inner .button.download {border: medium none;}
.pdfkeuzeholder .pdfkeuze .inner .button.printen  {background: #dbdbdb none repeat scroll 0 0; border: medium none; color: #565656;}
.pdfkeuzeholder .pdfkeuze .inner .afbeelding      {border: 1px solid #dddddd; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);}

.meldingBg {background: url("images/zwart/40.png"); background-repeat: repeat; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 30;}

#tabSerieInhoud .shopTegel .artikel .bestellen,
#tabSerieInhoud .shopTegel .artikel .prijzen,
#tabSerieInhoud .shopTegel .artikel .omschrijving,
#tabSerieInhoud .shopTegel .artikel .meerinfo,
#tabSerieInhoud .shopTegel .artikel .onder,
#tabSerieInhoud .shopTegel .artikel .favorieten {display: none;}

#tabSerieInhoud .shopTegel .artikel {width: calc(16.66666666% - 10px); margin: 5px;}


  /* Artikel tabsV2 */
  .tabsV2                         {clear:both;}
  .tabsV2 .titels                 {display:flex; padding:0;}
  .tabsV2 .titels > div           {top:1px; border-radius: 0; padding: 10px 20px; border-bottom:0; cursor: pointer; text-align: center; position: relative; background:#f5f5f5; margin-right: 5px; border: 1px solid #e2e2e2;}
  .tabsV2 .titels > div.actief    {background-color: #fff; border-bottom:1px solid #fff; color: #313131; z-index:1;}
  .tabsV2 .titels > div:empty {display: none;}
  .tabsV2 .titels > div#video {padding: 0; display: none;}
  
  .tabsV2 .inhoud                 {clear:both; border:1px solid #e2e2e2;  border-radius: 0; padding:20px; box-sizing: border-box; background: #fff; position: relative;}
  .tabsV2 .inhoud > div           {display:none;}
  .tabsV2 .inhoud > div.actief    {display:block;}
  .tabsV2 .inhoud > div           {display:none;}

  .tabsV2 .inhoud:empty {display: none;}

  #tabExtra2 span::before {content: "\f03d"; font-family: "Font Awesome 5 Pro"; margin-right: 9px; vertical-align: middle; font-weight: bold;}
  /* Einde artikel tabsV2 */ 

.stap2_bestaandeKlant  {background-color: #f5f5f5; border-radius: 3px; margin-bottom: 10px; margin-top: 10px; float:none !important; width:100%!important;}
.stap2_bestaandeKlant .content {padding: 15px;}
.stap2_bestaandeKlant .inloggen,
.stap2_bestaandeKlant .uitleg {float: left; width: 47%; position: relative; margin-right:6%;}
.stap2_bestaandeKlant .uitleg {padding-top:10px; margin-right:0;}

.stap2_bestaandeKlant .titel {color: #76b82a; font-size: 16px; font-weight: bold; background: #eee; padding: 10px 15px; border-radius: 2px;}
.stap2_bestaandeKlant .content {padding:15px;}

.stap2_bestaandeKlant input {background-color: #fff; width: 100%;}





div#fancy_overlay {background: #000;}