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

/* Instellingen categorie en artikelweergave */
.shopHeader 			  		{clear: both;}
.shopHeader img   			{height: auto !important; max-width: 100%;}
.shopSortOptieTable 		{width: 100%; margin: 10px 0px;}
.shopSortPres 					{width: 20px; text-align: center;}
.shopSortPres a 				{color:#999; font-size:16px;}
.shopSortPres a:hover 	{color:#779679;}
.shopSortPres a.actief 	{color:#779679;}
.shopSortOptie2 				{text-align: right;}
.shopSortOptie 					{text-align: right;}
.shopFooter 			  		{margin-top:20px;}
.slidingProduct 		  	{box-shadow: 0 1px 10px rgba(0,0,0,.3); border-radius:10px; overflow:hidden; z-index:999 !important; pointer-events: none;}
/* 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:#779679; *background:#eee;}
.shopSortOptieTable a.actief.asc  .titel::after     {content:"\f0d7"; font-family: "Font Awesome 5 Pro"; margin-left:5px; font-weight: bold;}
.shopSortOptieTable a.actief.desc .titel::after     {content:"\f0d8"; font-family: "Font Awesome 5 Pro"; margin-left:5px; font-weight: bold;}
.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:1px solid #eee; border-radius: 4px; overflow: hidden;}
.presentatieWijze a, .sorteerKnoppen a              {padding:5px; display: inline-block; line-height: 1.5em; color:#666;}
.presentatieWijze a i {font-weight: bold;}
.sorteerKnoppen a                                   {padding:5px 10px;}
.presentatieWijze a:hover, .sorteerKnoppen a:hover  {color:#779679; *background:#eee;}
.presentatieWijze .titel                            {display: none;}
.shopAfdrukkenKnop .pdfKnop,                        
.shopAfdrukkenKnop .downloadKnop {margin-left: 5px; display: inline-block;}
.shopNavigatie                                      {margin: 10px 0; vertical-align: middle; width:100%;}
.shopNavigatieVorige                                {text-align:left; width:30%;}
.shopNavigatieVolgende                              {text-align:right; width:30%;}
.shopNavigatieLijst                                 {text-align:center; width:40%;}
.shopNavigatie .button                              {white-space: nowrap;}
/* Einde Categorie sortering en weergave */

/* Categorieen */
.shopCategorieHolder .categorie 				           {position: relative; width: 25%; float: left;}
.shopCategorieHolder .categorie .inner			       {position: relative; border: 1px solid #eee; margin: 5px; transition: all .3s ease;}
.shopCategorieHolder .categorie:nth-of-type(4n+0) .inner {border-right:0;}
.shopCategorieHolder .categorie .inner:hover	     {box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);}
.shopCategorieHolder .categorie a 				         {text-indent: -9999px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; background:url("images/spacer.gif");}
.shopCategorieHolder .categorie .titel 			       {padding: 10px; position: relative; text-align: center;}
.shopCategorieHolder .categorie .titel h2 		     {color: #000; font-size:14px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; margin: 0;}

.shopCategorieHolder .afbeeldingHouder             {position: relative; width: 100%;}
.shopCategorieHolder .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;}
.shopCategorieHolder .afbeeldingHouder .verhouding {display: block; padding-bottom: 100%;}

.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 ul                                  {padding-left: 0;}
.shopCategorieLijstDiep .ankers                             {display:none;}
.shopCategorieLijstDiep .titel                              {margin: 5px;}
.shopCategorieLijstDiep .titelMet                           {font-weight: bold; margin: 5px;}
.shopCategorieLijstDiep .inhoud                             {background-color: #fff; 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%;}
/* Einde categorieen */

/* Algemeen voor Lijst, Tegel, Compact en Detail */
.artikel .inner .afbeeldingHouder             {position: relative; width: 100%;}
.artikel .inner .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;}
.artikel .inner .afbeeldingHouder .verhouding {display: block; padding-bottom: 100%;}
.artikel .afbeelding                          {position: relative;}

.artikel .labels							 				{top: 0; left: 0; position: absolute; z-index: 3; pointer-events:none;}
.artikel h2.titel a 					 			{text-decoration: none;}
.artikel .artikelnr > .titel 				{padding-right: 0.3em;}
.artikel .artikelnr > .nummer  			{text-transform: uppercase;}

.artikel .voorraad 						 			{margin: 0.25em 0;}
.artikel .voorraad .status 					{border-spacing:0;}
.artikel .voorraad .status .image 		{display: none; vertical-align: middle; width:auto;}
.artikel .voorraad .status .toelichting {display: table-cell; vertical-align: middle; font-size: 12px; font-weight: normal; width:auto;}

.artikel .voorraad .status .toelichting.positief::before {content:"\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: bold; margin-right: 5px; color: #64A43A;}
.artikel .voorraad .status .toelichting.negatief::before {content:"\f00d"; font-family: "Font Awesome 5 Pro"; font-weight: bold; margin-right: 5px; color: #d55929;}
.artikel .voorraad .getal .opVoorraad {margin-left: 0.25em;}

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

.artikel .extraUitleg					  {margin: 0 0 10px;}
.artikel .prijzen 						  {margin: 0 0 10px; color: #000;}
.artikel .prijzen .valuta 		  {margin-right: 0.25em;}
.artikel .prijzen .prijs 				{font-weight: bold;}
.artikel .prijzen .van 					{text-decoration: line-through; opacity:.7;}
.artikel .prijzen .voor 				{color: #64d064;}
.artikel .prijzen .vanaf				{font-size: 80%; font-weight:normal; padding-right:0.3em;}

.artikel .displayprijs .toelichting {margin-right: .25em;}

.artikel .artikelEenheid				{font-size: 12px; font-weight:normal;}
.artikel .btwinfo,
.artikel .artikelGroepPrijs     {font-size: 12px; font-weight:normal; display: block;}
.artikel .artikelBestelEenheid	{font-size: 12px; font-weight:normal;}
.artikel .bestellen						  {position: relative;}
.artikel .bestellen .bestelknop input	{width: 39px; text-align: center;}
.artikel .favorieten 			  		{clear: both; font-size: 12px; margin: 0.25em 0 0 0; position: relative; z-index: 2;}
.artikel .favorieten a 			  	{text-decoration: none; transition: none;}
.artikel .favorieten .image		  {padding-right: 0.6em;}
.artikel .favorieten .image	img {position: relative; top: 2px;}
.artikel .favorieten.aan .image i {font-weight: bold;}
.artikel .verlang 							{clear: both; font-size: 12px; margin: 0.25em 0 0 0; position: relative; z-index: 2;}
.artikel .verlang a 						{text-decoration:none;}
.artikel .verlang .image				{padding-right:0.6em;}
.artikel .verlang .image img    {vertical-align: middle;}
.artikel .verlang.aan .image i {font-weight: bold;}
.artikel .variatie              {margin: 10px 0; max-width: 400px;}
.artikel .variatie select 	    {width: 100%; margin-bottom: 0.25em;}
.artikel .variatie .mArt_holder {margin: 0 0 5px;}
.artikel .variatie .opmerking textarea {width: 100%;}

.artikel .project 							{font-size:12px; clear:both; margin:0.5em 0; padding: 10px 10px 5px 10px; background-color:#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 .artikelGroepPrijs .toelichting  {margin-right: 0.25em;}

.relatieBtwPrijs        									{color: #aaa; display: block; font-size: 11px; font-weight: normal; line-height: 1.25em; white-space: nowrap;}
.relatieBtwTotaalPrijs  									{display: block; font-size:.8em; color:#666; font-weight: normal;}
/* Einde algemeen voor Lijst, Tegel, Compact en Detail  */


/* Lijstweergave 1*/ 
.shopLijst .artikel 			                        {background-color: #fff; border: 1px solid #eee; border-radius: 3px; margin-bottom: 10px; padding: 20px; position: relative; transition: all 0.3s ease 0s;}
.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: 0; text-indent: -9999px;}
.shopLijst .artikel .inner 		  	                {display: table; width: 100%;}
.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: 20px;}
.shopLijst .artikel .inner .col2	                {width:auto; padding: 0px;}
.shopLijst .artikel .inner .col3	                {vertical-align: middle; text-align: right; padding-left: 20px;}
.shopLijst .artikel .afbeeldingHouder .label img 	{width: 50px; height:auto;}
.shopLijst .artikel .omschrijving                 {margin: 0 0 10px;}
.shopLijst .artikel .omschrijving h2.titel        {font-size: 16px; line-height: 1.25em; margin: 0;}
.shopLijst .artikel .omschrijving h2.titel a	  	{font-size:inherit; margin:0; color:#779679;}
.shopLijst .artikel .omschrijving .artikelnr 	  	{font-size: 12px; font-weight: normal;}
.shopLijst .artikel .prijzen 	                    {font-size: 18px; margin: 0 0 10px;}
.shopLijst .artikel .prijzen .van                 {display: block; font-size: 80%;}
.shopLijst .artikel .prijzen .voor                {display: block; font-size: inherit;}
.shopLijst .artikel .prijzen .btwinfo             {display: block;}
.shopLijst .artikel .voorraad                     {margin: 5px 0 10px;}

.shopLijst .artikel .bestellen				  {padding: 0;}
.shopLijst .artikel .meerinfo           {font-size: 12px; line-height: 1.5em; color:#aaa;}
.shopLijst .artikel .bestelknop         {border-spacing: 0; display: inline-table; position: relative;}
.shopLijst .artikel .bestelknop input   {display: table-cell; margin: 0; border-radius: 3px 0 0 3px; width: 32px;}
.shopLijst .artikel .bestelknop .button {display: table-cell; margin: 0; border-radius: 0px 3px 3px 0px;}
.shopLijst .artikel .detailKnop         {display: none;}
/* Einde Lijstweergave 1 */

/* Tegelweergave 2 */
.shopTegel .artikel 															  {display:block; width:25%; float:left; position: relative;}
.shopTegel .artikel:nth-of-type(4n+1)	 						  {clear:both;}
.shopTegel .artikel:nth-of-type(4n+0) .inner 			  {border-right:0;}
.shopTegel .artikel .inner 												  {position: relative; border-right: 1px solid #eee; border-bottom: 1px solid #eee; margin: 0; transition: all .3s ease; padding:15px; background: #fff;}
.shopTegel .artikel .inner:hover									  {box-shadow: 0 0 60px 5px rgba(0, 0, 0, 0.1); z-index: 10; border-color:#fff;}
.shopTegel .artikel .inner > a 										  {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; text-indent: -9999px;}
.shopTegel .artikel .afbeeldingHouder .label img 	  {width:50px; height:auto;}
.shopTegel .artikel .omschrijving h2.titel    		  {line-height:1.25em; height:2.5em; overflow: hidden; display: block; margin-bottom:0.25em;}
.shopTegel .artikel .omschrijving h2.titel a	  	  {font-size:14px; margin:0;}
.shopTegel .artikel .omschrijving .artikelnr  		  {font-size:11px; display:none;}
.shopTegel .artikel .omschrijving .artikelnr .titel {display:none;}
.shopTegel .artikel .prijzen .prijs                 {font-size: 17px;}

.shopTegel .artikel .bestellen									        	{z-index:2; position: relative;}
.shopTegel .artikel .bestellen .variatie select 	        {width:100%;}
.shopTegel .artikel .bestellen .bestelknop                {display: flex;}
.shopTegel .artikel .bestellen .bestelknop input	        {margin: 0; border-radius: 3px 0 0 3px; border-right: 0; border-color: #eee; width: 36px;}
.shopTegel .artikel .bestellen .bestelknop a.wButBestel		{width: 100%; text-align: center; line-height: inherit; background-color: #eee !important; border: none !important; color: #404040; border-radius: 0px 3px 3px 0;}
.shopTegel .artikel .bestellen .bestelknop a.wButBestel.knopMoederArtikel {border-radius: 3px;}

.shopTegel .artikel .inner .favorieten {display: block; position: absolute; right: 0; top: 0; z-index: 2; margin: 0; font-size: 15px; line-height: 1; padding: 15px; color: #eee; transition: .3s all ease;}
.shopTegel .artikel .inner .favorieten.aan a {color: #3c5273;}
.shopTegel .artikel .inner .favorieten .toelichting		        	{display:none;}
.shopTegel .artikel .inner .favorieten .image {padding: 0;}

.shopTegel .artikel .verlang 			  {display:block; z-index: 2;}
.shopTegel .artikel .artikelEenheid {display: none;}

.shopTegel .artikel .inner .top10 {position: absolute; left: 0; top: 0; z-index: 2; font-size: 20px; line-height: 1; padding: 15px; color: #3c5273; font-weight: bold;}
.shopTegel .artikel .inner .top10::after {content:".";}

/* .shopTegel .artikel .kenmerken {display: none;} */
/* Einde Tegelweergave 2 */

/* Compacte weergave 3*/
.shopCompact .artikel 		  					  {background-color: #fff; position: relative; border-bottom: 1px solid #ddd; transition: all .3s ease;}
.shopCompact .artikel:nth-child(even)   {background-color: #fcfcfc;}
.shopCompact .artikel > a 	  			  	{display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; text-indent: -9999px;}
.shopCompact .artikel .inner  			  	{border-spacing: 0; display: table; padding: 5px 0; table-layout: fixed; width: 100%;}
.shopCompact .artikel .inner .col1, .shopCompact .artikel .inner .col2, .shopCompact .artikel .inner .col3, .shopCompact .artikel .inner .col4 {display: table-cell; vertical-align: top; padding: 0 10px 0 0;}
.shopCompact .artikel .inner .col1	  	{width:100px;}
.shopCompact .artikel .inner .col2	  	{width:auto;}
.shopCompact .artikel .inner .col3	  	{width:170px; white-space: nowrap;}
.shopCompact .artikel .inner .col4		  {width:55px; padding: 0 0 0 10px; line-height: 1em;}
.shopCompact .artikel .inner h2.titel,
.shopCompact .artikel .inner h2.titel a {font-size: 13px; font-weight: normal; margin: 0; line-height: inherit;}
.shopCompact .artikel .inner .merk  	  {display: none;}

.shopCompact .artikel .afbeeldingHouder 			      {display: block; height: 0; margin: 0; opacity: 0; pointer-events: none; position: absolute; visibility: hidden; width: 0; top: 0; left: 0;}
.shopCompact .artikel .afbeeldingHouder .label img 	{width:50px; height:auto;}
.shopCompact h2.titel a				   	 					      	{font-size:14px;}
.shopCompact .artikel .prijzen 		   				      	{text-align: right; margin:0;}
.shopCompact .artikel .prijzen .voor					      {font-size:100%;}
.shopCompact .artikel .bestellen input 	 			      {height: auto; line-height: 1em; padding: 4px; width: 22px; margin:0; float:left;}

.shopCompact .artikel .bestellen input 				       {border-radius: 3px 0 0 3px; height: 22px; width: 34px}
.shopCompact .artikel .bestellen a.wButBestel        {border-radius: 0 3px 3px 0; box-sizing: border-box; line-height: 0; padding: 10px 6px; top: 0 !important;}
.shopCompact .artikel .bestellen a.wButBestel:before {content:"+";}
.shopCompact .artikel .bestellen a.wButBestel span   {display: none;}

.shopCompact .artikel .variatie select	  		{margin-right:0.5em; width:auto;}
.shopCompact .artikel .favorieten 						{display: none;}
.shopCompact .artikel .artikelEenheid 	  		{display: block;}
.shopCompact .artikel .artikelnr 							{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.shopCompact .artikel .artikelnr .titel   		{display:none;}

.shopCompact .artikel .voorraad,
.shopCompact .artikel .artikelEenheid {display: none;}
/* Einde Compacte weergave 3 */

/* Artikel detailscherm */
.artikel.detail .links 			  {float:left;  width:50%;}
.artikel.detail .rechts 		  {float:right; width:45%;padding-left:20px;}
.artikel.detail h1 				    {line-height: 1.25em; font-size: 22px;}

.artikel.detail .ad-gallery                     {width:auto;}
.artikel.detail .ad-gallery .ad-image-wrapper   {width:auto; height:300px;}
.artikel.detail .ad-gallery .ad-image-description {display: none;}
.artikel.detail .ad-gallery                     {padding: 0; margin-bottom:25px;}
.artikel.detail .ad-gallery .ad-controls        {display: none !important;}
.artikel.detail .artikelEenheid			            {display:block;}
.artikel.detail .artikelBestelEenheid	          {display:block;}
.artikel.detail .rechts .bestellen              {border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin: 10px 0 5px; padding: 10px 0;}

.artikel.detail .bestelknop                                 {display: inline-table; position: relative; border-spacing: 0;}
.artikel.detail .bestellen .bestelknop input                {display: table-cell; vertical-align: middle; border-radius: 3px 0px 0px 3px; height: 38px; position: relative; text-align: center; width: 40px; margin: 0px 0px 0px 0px;}
.artikel.detail .bestellen .bestelknop .wButBestel          {font-size: 14px; display: table-cell; vertical-align: middle; border-radius: 0px 3px 3px 0px; padding: 8px 20px; text-align: center; transition: .3s all ease;}
.artikel.detail .bestellen .bestelknop .wButBestel::before  {content: "\f291"; font-family: "Font Awesome 5 Pro"; margin: 0px 10px 0px 0px; font-weight: normal;}
.artikel.detail .bestellen .prijzen                         {display: inline-block; margin: 0px 0px 0px 10px;}
.artikel.detail .prijzen .prijs                             {font-size: 18px;}

.artikel.detail .gekoppeldeCategorie    				        {border-bottom: 1px solid #eee; margin: 0 0 10px; padding: 0 0 10px;}
.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"; font-weight: bold; margin: 0px 10px 0px 0px;}
/* Einde artikel detailscherm */

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

/* Kassa */
.kassaTitelB  {width:110px;text-align:right;}
.kassaTitelC  {text-align:right;padding-right:15px;width:95px;}
.kassaTitelD  {width:20px;}
.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;}

.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;}

.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;}

#vwShow       {background-color: #fefefe; border: 1px solid #ccc; border-radius: 0; height: 200px; overflow: auto; padding: 10px;}
#vwShow.ingeklapt {display: none;}
#vwShow:hover {background-color:#F2F2F2; overflow:auto;}

/* Artikel tabsV2 */
.tabsV2                         {clear:both;}
.tabsV2 .titels                 {display:flex; padding:0;}
.tabsV2 .titels > div           {top:1px; font-weight: bold; border-top:3px solid #fff; padding: 10px 20px; border-bottom:0; cursor: pointer; text-align: center; position: relative; background:#f5f5f5; margin-right: 1px; border-radius: 3px 3px 0 0;}	
.tabsV2 .titels > div.actief    {background-color: #fff; border: 1px solid #eee; border-bottom:1px solid #fff;  border-top:3px solid #779679; color: #000; z-index:1;}
.tabsV2 .titels > div:hover     {color: #000;}

.tabsV2 .inhoud                 {clear:both; border:1px solid #eee; 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;}
/* Einde artikel tabsV2 */ 

/* Menu style ------------- */
.catMenu0ul, .catMenu1ul, .catMenu2ul, .catMenu3ul {margin: 0 !important; list-style: none; padding:0 !important;}
.catMenuLink0li, .catMenuLink0liSel {
    color: #777 !important;
    display: inline-block;
    font-family: "Quicksand", Helvetica Neue, Helvetica, Arial, Sans-Serif !important;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.25em;
    margin: 5px 0;
    padding: 0;
    text-decoration: none !important;
}

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

.catMenuLink1li, .catMenuLink1liSel {
    color: #777 !important;
    display: inline-block;
    font-family: "Quicksand", Helvetica Neue, Helvetica, Arial, Sans-Serif !important;
    font-size: 13px;
    line-height: 1.75em;
    text-decoration: none !important;
    padding: 0 0 0 15px;
    font-weight: normal;
    margin: 2px 0;
}

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

.catMenuLink2li, .catMenuLink2liSel {
    color: #777 !important;
    display: inline-block;
    font-family: "Quicksand", Helvetica Neue, Helvetica, Arial, Sans-Serif !important;
    font-size: 13px;
    line-height: 1.75em;
    text-decoration: none !important;
    padding: 0 0 0 15px;
    font-weight: normal;
    margin: 2px 0;
    margin-left: 30px;
}

.catMenuLink2liSel {color: #000 !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 */

.dochterArtikelToolTip {}
.dochterArtikelToolTip a, .dochterArtikelToolTip a:link, .dochterArtikelToolTip 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:11px;}
.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: #fff; border: 1px solid #ccc; 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;}

/* Account wijzigen 3.0 */
.blokholder.accountWijzigen .titel {color: #779679; 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:#41ae28;}
.typeKlant input[type="radio"]:checked+label, .geslacht  input[type="radio"]:checked+label {border-color:#41ae28; 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: bold; 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: #41ae28;}

.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: #41ae28; 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%;}

.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 #eee; padding: 10px 0;}
.adresHolder:first-child {border: 0;}
.adresHolder .kop {font-size: 16px; font-family: "Quicksand", Helvetica Neue, 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 #41ae28 !important;}
.adresHolder .adressen .item.default:before {background: #41ae28;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: #41ae28; 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; z-index: 13; margin: 0 0 15px; border: 1px solid #c4c4c4;}
.zoekenOrders.open {z-index: 20;}

.zoekenOrders .veld              {display: table-cell; z-index: 10; 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 .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: #779679; position:relative; left:7px;}

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

.tafHolder .kop {color: #000; font-family: "Quicksand", Helvetica Neue, Helvetica, Arial, Sans-Serif; font-size: 14px; font-weight: bold; margin: 15px 0 5px;}
/* Einde Tell A friend */

/* Prijsafspraken en kortingstabellen */
.kortTab1 {width:100%;}
.kortTab2 {font-weight: bold; border-bottom:1px solid #BFBFBF;}
.kortTab1 .prijsNaKorting	{font-weight: bold;}

.prijsafspraakLos .kortTab1 .toelichting 		  {display: none;}
.prijsafspraakLos .kortTab1 .toelichting span {display: none;}
.prijsafspraakLos .kortTab1                   {width: auto;}

.prijsafspraakInLijst                             {display: none;}
.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;}

/* Up-Selling */
.UPScontainer .UPSacc_trigger 	{padding: 5px; font-weight: bold; box-shadow: 0 1px 4px rgba(0,0,0,.1); margin: 10px 0;}
.UPScontainer .UPSacc_trigger a 	{text-decoration: none;}
.UPScontainer .UPSacc_trigger.active {box-shadow: 0 1px 4px rgba(0,0,0,.3);}
.UPScontainer .UPScatPlaatje {padding: 0 10px 0 0; width: 40px;}
/* Einde Up-Selling */

/* Serieartikelen */
.SERIEcatHeader		{height:52px; vertical-align:middle;}
.SERIEcontainer 	{width: 100%; margin: 0 auto;}
.SERIEcatPlaatje 	{padding: 0 0 0 12px; width:90px;}
.SERIEacc_trigger 	{padding: 0; margin: 0; background-color: #CFCFCF; height: 52px; line-height: 34px; width: 100%; font-weight: bold; float: left;}
.SERIEacc_trigger a {text-decoration: none; display: block; padding: 0 0 0 1px;}
.SERIEactive 		{background-position: left bottom;}
.SERIEacc_container {overflow: hidden; clear: both;}
/* Einde Serieartikelen */

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

/* Paneelopties */
.PaneelUser {display: block; font-weight: normal; font-size: 13px;}
.PaneelKnoppen {font-size: 12px; line-height: 1.25em;}
.PaneelTextField 		{width: 100%;}

.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 solid #ddd; color: #555; display: block; margin: 5px 0;}
.VOVTA	{border: 1px solid #ddd; height:40px; color: #555; display:block; margin-top:10px;}

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

/* Moederartikel */
#mArt_titel				{display:block; padding:0;}
#mArt_holder 			{text-decoration:none;	margin-bottom:0.5em;}
.mArt_tabel1_td			{border:1px solid #ccc;	background-color:#fff;}
.mArt_tabel1_td:hover	{border:1px solid #000;}

/* Upload preview */
.upPreHolder	{width: 400px; height: 400px; background-color: #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:-800px; left: -800px;}

/* Cadeaubon */
.cadeauHolder 	                               {background-color: #eee; border: 1px solid #ccc; padding: 15px; position: relative;}
.cadeauHolder .cadeauAfbeeldingHolder img      {border: 1px solid #ccc;}
.cadeauHolder h2                               {border-bottom: 1px solid #ccc; margin: 10px 0 20px; padding: 0 0 10px;}
.cadeauHolder .cadeauTextField,
.cadeauHolder .cadeauTextArea                  {display: block; width: 240px; margin: 0 0 5px;}
.cadeauHolder .cadeauTextArea      	           {height: 90px;}
.cadeauHolder .cadeauBedrag span     	         {font-size: 25px; margin-right: 10px;}
.cadeauHolder .cadeauBedrag .cadeauTextField 	 {display: inline-block; font-size: 23px; padding: 5px; width: 216px;}
.cadeauHolder .cadeauGeldig						         {font-size: 11px;}
.cadeauHolderOpties      	                     {padding: 10px 0;}
.cadeauHolderOpties .cadeauKnop  	             {float: right;}
.cadeauHolderOpties .cadeauDirectA	           {float: left;}
/* Einde cadeaubon */

/* 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: #779679; font-weight: bold;}
.stappenbalk .bezig::before {background-color: #779679;}
.stappenbalk .klaar::before {display: none;}
.stappenbalk .klaar::after  {border-color:#41ae28;}
.stappenbalk .klaar a       {color: inherit; text-decoration: none; display: block;}
.stappenbalk .klaar a::before {border-radius: 100px; display: block; font-size: 13px; font-weight: normal; height: 25px; line-height: 25px; position: relative; text-align: center; width: 25px;  background-color: #41ae28; color: #fff; content: "\f00c"; 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;}
/* Einde Losse orderproces elementen */

/* Orderproces Stap 1 */
.stap .blokholder               {margin-bottom: 20px;}
.stap .blokholder > .titel      {color: #779679; font-size: 16px; font-weight: bold; background: #eee; padding: 10px 15px; border-radius: 5px 5px 0 0;}
.stap .blokholder > .content    {padding:15px; background:#f5f5f5; border-radius:0 0 5px 5px;}
.stap .kassaArtikelen                        {margin-bottom:20px; border-bottom:2px solid #ddd;}
.kassaArtikelen table                        {width:100%;}
.kassaArtikelen th                           {text-align: left; font-size:90%; text-transform:uppercase; *color: #000; padding-bottom:10px; border-bottom:2px solid #ddd; line-height:1.25em; vertical-align: bottom; white-space: nowrap;}
.kassaArtikelen .aantallen                   {text-align: center;}
.kassaArtikelen .regelStuk                   {text-align: right;}
.kassaArtikelen .regelTotaal                 {text-align: right;}
.kassaArtikel td                              {border-bottom: 1px solid #eee; padding: 10px 0;}
.kassaArtikel:last-child td                   {border-bottom:0;}
.kassaArtikel .regelTotaal                    {text-align: right; max-width: 100px; white-space: nowrap;}
.kassaArtikel .regelTotaal .prijs             {font-weight: bold; font-size: 14px; color: #000; line-height: 1.4em;}
.kassaArtikel .aantallen                      {text-align: center; padding-left: 10px; padding-right: 10px;}
.kassaArtikel .aantallen input                {width: 54px; text-align: center;}
.kassaArtikel .aantallen .eenheid             {display: block; margin: 0 0 5px;}
.kassaArtikel .aantallen .verwijderen:hover a {color: #666;}
.kassaArtikel .artikelPrijsEenheid            {display: block;}
.kassaArtikel .tekst 						              {vertical-align:middle; hyphens: auto;}
.kassaArtikel .tekst a.kassaArtikelTitel      {font-weight: bold; text-decoration: none; color: #000; font-size: 110%; display: block; line-height: 1.25em;}
.kassaArtikel .tekst .artikelnr               {text-transform: uppercase;}
.kassaArtikel .tekst .artikelnr .titel        {display: none;}
.kassaArtikel .verwijderKnop                  {padding-left:10px;}
.kassaArtikel.gratis                          {color:#41ae28;}
.kassaArtikel.gratis input                    {border:0;}
.kassaArtikel.gratis a.kassaArtikelTitel      {color:#41ae28;}
.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 #00bb00; border-radius: 5px; font-size: 10px; text-transform: uppercase; color: #00bb00; 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: #00bb00; 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 .gewicht                                {padding-left:5px; color:#aaa; font-size:11px; line-height:1em;}
.stap .totalen .bedrag                        {text-align: right; white-space: nowrap;}
.stap .totalen .bedragExclusiefRelatie        {text-align: right;}
.stap .totalen .negatief                      {color:#00bb00;}

.totaalExclBtw td {border-top: 1px solid #ccc; color: #000; font-weight: bold; padding: 5px 0;}

.stap .totalen .totaalTeBetalen td {border-top: 1px solid #ccc; color: #000; font-weight: bold; padding: 5px 0; font-size: 130%;}

.stap .totalen .totaalSubtotaal td            {border-top: 1px solid #ccc;}
.stap .totalen .typeBtw 											{display: inline-block; vertical-align: middle; border: 1px solid #00bb00; border-radius: 5px; padding: 3px 7px; font-size: 10px; text-transform: uppercase; color: #00bb00; 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 .coupon_afdrukken {display: flex; margin-top: 10px;}
.stap .totalen .coupon_afdrukken .pdfKnop .button {line-height: 1.5em; padding: 8px 10px; margin-right: 10px;}
.stap .totalen .coupon_afdrukken .couponcodeHouder {flex-basis: 100%;}
.stap .totalen .coupon_afdrukken .couponcodeHouder .couponcode {margin: 0;}

.stap .totalen .stappenKnop   {padding:0px; background:transparent; border:0;}
.stap .totalen .stappenKnop a {display: block; text-align: center;}

.totaalTeBetalenSpacing td {padding-top: 5px;}
.cadeaubonRegel .cadeaubonCode {display: inline-block; border: 1px solid #00bb00; border-radius: 5px; font-size: 10px; padding:0 0 0 5px; text-transform: uppercase; color: #00bb00; 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: #00bb00; 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}
/* 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             {background-color: #fff; border:2px solid #ccc; padding: 10px 15px; border-radius: 5px; 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 #41ae28 !important; padding: 15px; border-radius:3px; background:#fff;}
.stap.twee .tekstNieuwAdres           {padding:5px; position:relative; z-index:1;}
.stap.twee .bestaandAdres.geselecteerd {position: relative; *background: #f5f5f5; 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:#41ae28; color:rgba(255,255,255,1);}
.stap.twee #stap2_factuuruitklap, .stap.twee #stap2_bewaaraccount {padding:3px 5px; cursor:pointer; box-sizing: border-box;}

/* 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 */

/* Stap 2 en 3 naast elkaar */
.stap.twee > .blokholder.algemeneGegevens                             {float:left;}
.stap.twee > .blokholder, #stap2_factuuruitklap, #stap2_bewaaraccount {float:right; width:48%; clear:right;}
.stap.drie .blokholder {width:48%; float:right;}
.stap.drie .blokholder:first-of-type {float:left;}
/* Einde stap 2 naast elkaar */
/* 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: 3px; 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 #41ae28; cursor: default;}
.stap.drie .regel:before          {opacity:0; content:"\f00c"; position: absolute; right:0; top:0; padding:4px; font-size:12px; background:#41ae28; 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 .nietActief            {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 .gegevens                          {background: #eee; padding: 20px; border-radius: 3px;}
.stap.vier .gegevens .algemeen                {margin: 0 0 15px; border-left: 4px solid #ddd; padding-left: 10px;}
.stap.vier .factuurAfleverHouder              {width:100%;}
.stap.vier .factuurAfleverHouder td           {vertical-align:top;}
.stap.vier .factuurAfleverHouder .links,
.stap.vier .factuurAfleverHouder .rechts      {width: 47%; box-shadow: 0 3px 3px rgba(0,0,0,.1); padding: 15px; border-radius: 3px; background: #fff; box-sizing: border-box;}
.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: 0; transition: .3s all ease;}
.stap.vier .factuurAfleverHouder h3 a:hover   {color: #666;}
.stap.vier .factuurAfleverHouder .links:hover h3 a,
.stap.vier .factuurAfleverHouder .rechts:hover h3 a {opacity: 1;}
.stap.vier .btwNummer                         {text-transform: uppercase;}
/* Einde Orderproces Stap 4 */
/* Einde Orderproces volledig */

/*Verlanglijstje */
.shopVerlanglijstTekst {border: 1px solid #ccc; background-color: #fefefe; margin-bottom: 10px; border-radius:5px; overflow: hidden;}
.shopVerlanglijstTekst .titel {color: #000; font-weight: bold; border-bottom: 1px solid #ccc; padding: 5px 10px; background-color: #eee;}
.shopVerlanglijstTekst .content {padding: 10px;}
.shopVerlanglijstEmailAdd .titel span, .shopVerlanglijstTekst .titel span {   margin-right: 0.25em;}
.shopVerlanglijstEmailAdd {border: 1px solid #ccc; background-color: #fefefe; margin-bottom: 10px; border-radius:5px; overflow: hidden;}
.shopVerlanglijstEmailAdd .titel {color: #000; font-weight: bold; border-bottom: 1px solid #ccc; padding: 5px 10px; background-color: #eee;}
.shopVerlanglijstEmailAdd .content {padding: 10px;}
.shopVerlanglijstEmailAdd .lijst {width: 55%; float: left; margin-right: 15px; border-right:1px solid #ccc; 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: 13px; 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 #ccc; margin: 10px 0; font-size: 10px; padding: 15px; width: 125px;}
.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; width: initial;}
.verlangStatus .aantal  {color: #000; display: block; font-size: 30px; text-align: center;line-height: 1em;}

.widgetInloggen input {max-width: 240px;}
.widgetInloggen .registreer {display: none;}
/* Einde verlanglijstje */

/* Barcode */
.EANbarcode {margin-top: 10px; display: inline-block; padding-bottom:0px;}
/* Einde Barcode */

/* 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                      {position: relative; margin-top: 30px; text-align: left;}
.productCarrousselHolder .jcarousel-container {width: 100%; padding: 0;}
.productCarrousselHolder .jcarousel-clip      {box-sizing: border-box; margin: 0 auto; max-width: 1000px; padding: 10px; width: 100%;}
.productCarrousselHolder .jcarousel-next,
.productCarrousselHolder .jcarousel-prev      {background-color: transparent !important;}

.productCarrousel 			   {overflow: visible !important;}
.productCarrousel li       {height: auto; margin: 0 25px 0 0 !important; position: relative; transition: all 0.3s ease 0s; width: 228px;}
.productCarrousel li .inner {position: relative; background-color: #fff; border: 1px solid #ddd; margin: 0; transition: all .3s ease; padding: 15px; background: #fff; line-height: 1.25em;}
.productCarrousel li .inner:hover {box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);}

.productCarrousel li .inner > a.link 	 {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; text-indent: -9999px;}
.productCarrousel li .inner .artikelgroep {display: none;}
.productCarrousel li .afbeeldingHouder {margin: 0 0 10px;}

.productCarrousel li .artikel .omschrijving h2.titel    		  {line-height:1.25em; height:2.5em; overflow: hidden; display: block; margin-bottom:0.25em;}
.productCarrousel li .artikel .omschrijving h2.titel a	  	  {font-size:14px; margin:0;}

.productCarrousel li .artikel .bestellen .bestelknop                {display: table;}
.productCarrousel li .artikel .bestellen .bestelknop input	        {display: table-cell; margin: 0; border-radius: 3px 0 0 3px; border-right: 0; border-color: #eee; width: 36px;}
.productCarrousel li .artikel .bestellen .bestelknop a.wButBestel		{display:table-cell; width: 100%; text-align: center; background-color: #eee !important; border: none !important; color: #404040; border-radius: 0px 3px 3px 0;}

.productCarrousel li .shopLijst2LabelAanbieding2A,
.productCarrousel li .shopLijst2LabelNieuw2A {left: 0; position: absolute; top: 0; z-index: 10; pointer-events: none;}
.productCarrousel li .omschrijving .artikelnr {font-size: 11px; display: none;}
.productCarrousel li .inhoud                     {padding: 10px;}
.productCarrousel li .inhoud .artikelnr {display: none;}
.productCarrousel li .inhoud h2.titel            {font-size: 14px; height: 55px; margin: 0 0 5px; overflow: hidden;}
.productCarrousel li .inhoud .carrouselPrijs {background: #eee; padding: 10px; margin: 5px 0 0; border-radius: 3px; color: #222; line-height: 1.35em;}
.productCarrousel li .inhoud .carrouselPrijsVan  {font-size: 15px; text-decoration: line-through; color: #cfcfcf;}
.productCarrousel li .inhoud .carrouselPrijsVoor {font-size: 16px; font-weight: bold;}
.productCarrousel li .inhoud .artikelGroepPrijs  {display: none;}
/*Einde Product carousel */

/* Affiliatie pagina */
.affiliateInstelling    {padding:15px 20px; border:1px solid #ccc; color:#000; background-color:#fff; border-radius:5px; margin-bottom:20px;}
.affiliateHolder    {background-color: #fff; border: 1px solid #CCC; border-radius: 5px; margin-bottom: 10px; overflow:hidden;}
.affiliateHolder .titel   {color: #000; font-weight: bold; border-bottom: 1px solid #ccc; padding: 5px 10px; background-color: #eee;}
.affiliateHolder .content {padding: 5px;}
.affiliateKopRow    {width:100%; border-spacing:0; border-collapse:collapse; padding:0;}
.affiliateKopDatum, .affliateKopOrder, .affiliateKopCommissie {overflow: hidden; white-space: nowrap; padding: 0;}
.affiliateKopDatum    {width: 86px;}
.affiliateKopCommissie  {width:120px; padding-right:5px; text-align:right;}
.affiliateRow     {width:100%;  border-spacing:0px;  border-collapse:collapse; padding:0px;}
.affiliateRow tr:hover td {background-color:#fcfcfc;}
.affiliateDatum, .affiliateOrder, .affiliateCommissie {font-size:12px; overflow: hidden; white-space: nowrap; padding: 3px 5px;}
.affiliateDatum     {width:82px; color: #bbb;}
.affiliateOrder     {font-weight:bold; color:#000;}
.affiliateCommissie   {width:120px; padding-right:10px; text-align:right;}
.affiliateTotaal    {text-align: right; padding-right:15px !important}
/* Einde Affiliatie pagina */

/* Account 2.0 */
.accountHouder    {display:block; width: 100%; background-color: #ddd; height: 30px; position: relative;}
.accountHouder2   {max-width: 1200px; margin:0 auto; position:relative; padding: 0 20px; box-sizing: border-box;}
.account          {list-style-type: none; margin:0; padding: 0; display: block; font-family: "Quicksand", Helvetica Neue, Helvetica, Arial, Sans-Serif; right: 0; position: relative; line-height: 30px; float:right;}
.account li     {float:left; margin:0 0px; padding:0 10px; position:relative;}
.account .seperator   {border-right: 1px solid #ccc; height: 16px; position: relative; top: 8px; width: 0; padding:0;}
.account .houder    {max-height:0; overflow:hidden; position:absolute; right:0; background-color:#fff; box-shadow:0 4px 4px rgba(0,0,0,.2); top:20px; width:300px; transition: all 0.3s ease 0s; opacity:0; z-index: 20;} 
.account h2     {font-size: 17px; border-bottom: 1px solid #ccc; margin-bottom:10px; padding-bottom:5px;}

.account .accountKop    {border-bottom: 1px solid #ccc; font-size: 17px; margin-bottom: 10px; padding-bottom: 5px;}
.account .welkom        {font-weight: bold; color: #000;}
.account .welkom span   {padding-right: 5px; font-weight: normal;}
.account .onderdrukken  {opacity: 0.1; position: absolute;}
.account .openGeklapt .houder {max-height: 500px; opacity: 1; top: 30px;}
.account .inloggenKnop, .account .favorietenKnop, .account .verlanglijstKnop, .account .mijnAccountKnop  {cursor: pointer; text-decoration: none; color: inherit;}
.account .openGeklapt .inloggenKnop, .account .openGeklapt .favorietenKnop, .account .openGeklapt .verlanglijstKnop, .account .openGeklapt  .mijnAccountKnop  {cursor: pointer; color: #000; text-decoration: underline;}
.account .inloggenKnop:hover, .account .favorietenKnop:hover, .account .verlanglijstKnop:hover, .account .mijnAccountKnop:hover {color: #000; text-decoration: underline;}
.account .houder1, .account .houder2  {padding:15px 25px;}
.account .houder2         {background-color:#f5f5f5; border-top:1px solid #ddd;}
.account .inloggen .email input, .account .inloggen .wachtwoord input,  .account .inloggen .wachtwoord2 input  {width: 100%; padding:5px 10px; font-size:13px;}
.account .inloggen .inlogKnop     {padding-top:3px;}
.account .inloggen .wachtwoordKwijt   {float:right;}
.account .verlanglijst .code input    {width: 100%;}
.account .verlanglijst .code2     {padding-top: 3px;}
.account .verlanglijst .mijnverlanglijst2 {border-top: 1px dashed #ccc; line-height: 20px; margin: 15px 0 0; padding: 10px 0 0;}
.account .mijnAccount .houder     {width:220px;}

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

/* Winkelmandje 2.0 */
.winkelwagenHouder    {position: absolute; right: 5px; top: 26px; color: #606060; padding: 5px;}

/* Winkelmandje knop */
.winkelwagenHouder .winkelknop          {cursor: pointer; background: #ddd; z-index: 13; padding: 6px; border-radius: 3px;}
.winkelwagenHouder .winkelknop .titel   {display: none; line-height: 30px; font-weight: bold;}
.winkelwagenHouder .winkelknop .bedrag  {display: none;}
.winkelwagenHouder .winkelknop .icoon   {position: relative; line-height: 1; color: #365276;}
.winkelwagenHouder .winkelknop .icoon:before {content:"\f291"; font-family: "Font Awesome 5 Pro"; font-size: 23px;}
.winkelwagenHouder .winkelknop .aantal  {background: #365276; border-radius: 3px; box-shadow: 0 6px 11px -5px rgba(0,0,0,.4); color: #fff; font-size: 11px; font-weight: bold; line-height: 18px; padding: 0px 6px; position: absolute; right: -20px; text-align: center; top: -14px;}
.winkelwagenHouder .winkelknop .relatieBtwTotaalPrijs {display: none;}

/* Winkelmandje Inhoud */
.winkelwagenHouder .winkelwagen                   {position: absolute; top: 36px; width: 700px; border-radius: 3px; opacity: 0; pointer-events: none; transition: all .3s ease; padding: 0px; background-color: #eee; box-shadow: 0 0px 50px -8px rgba(0,0,0,.25); overflow: hidden; right: 5px;}
.winkelwagenHouder.openGeklapt .winkelwagen       {height: auto; opacity:1; top: 46px; 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 0 15px; color: #779679;}
.winkelwagenHouder .winkelwagen .inhoud.artikelen .winkelArtikelen  {max-height: 300px; max-height: calc(100vh - 300px); overflow-y: auto;}
.winkelwagenHouder .winkelwagen .inhoud .prijs    {float: right; font-weight: bold; font-size: 16px; padding: 10px; color: #000; text-align: right; line-height: 1em; }

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

.winkelmandjeKnoppen    {display:inline-block;}
.winkelmandjeKnoppen a  {margin-right:10px;}

.winkelmandjeLeeg {padding: 20px; background-color: #fff; border-bottom: 1px solid #ccc;}
/* Einde winkelmandje 2.0 */


/* Zoekveld Blok links of rechts */
.zoekVeld0 {display: table; width: 100%; border: 1px solid #ddd; box-sizing: border-box; border-radius: 3px;}
.zoekVeld0 .zoekVeld0A {display: table-cell; z-index: 10; position: relative; overflow: hidden; border-radius: 3px 0 0 3px;}
.zoekVeld0 .zoekVeld0A input {border: 0; box-shadow: none; padding: 10px; font-size: 14px; font-style: italic; border-radius: 0px; margin: 0; width: 100%; transition: all .3s ease; line-height: 1.1em;}

.zoekVeld0 .zoekVeld0B {display: table-cell; color:#999; position: relative; padding: 5px 6px; transition: all .3s ease; cursor: pointer; z-index: 10; background-color: #fff; border-radius: 0 3px 3px 0;}
.zoekVeld0 .zoekVeld0B a {text-decoration: none; color: #999;}
.zoekVeld0 .zoekVeld0B a:before {content:"\f002"; font-family: "Font Awesome 5 Pro"; font-weight: bold; font-size:16px;}
.zoekVeld0 .zoekVeld0B a:hover {color: #779679;}
.zoekVeld0 .zoekVeld0B img {display:none;}
/* Einde Zoekveld Blok links of rechts */

/* Zoekveld 2.0 */
.zoeken      {display: table; position: absolute; top: 31px; right: 58px; z-index: 13;}
.zoeken.open {z-index: 20;}

.zoeken .veld              {display: table-cell; z-index: 10; position: relative; overflow: hidden; border-radius: 3px 0 0 3px;}
.zoeken .veld #zoekWoordID {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;}

.zoeken .knop {display: table-cell; color:#999; position: relative; padding: 5px 12px; transition: all .3s ease; cursor: pointer; z-index: 10; background-color: #fff; border-radius: 0 3px 3px 0;}
.zoeken .knop:before {content:"\f002"; font-family: "Font Awesome 5 Pro"; font-size:16px;}
.zoeken .knop:hover {color: #779679;}
.zoeken .knop img {display:none;}

.zoeken .legen {display: table-cell;  border-radius: 0 3px 3px 0; width: 10px; color: #999; position: relative; padding: 5px 12px 5px 0px; transition: all .3s ease; cursor: pointer; z-index: 10; background-color: #fff;}
.zoeken .legen:before {content: "\f00d"; font-family: "Font Awesome 5 Pro"; font-size: 16px;}
/* Einde Zoekveld 2.0 */


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

.speedSearch               {padding: 0px;}
.speedSearch ul 			     {list-style: none; z-index:100; padding: 20px; margin:0;}
.speedSearch.artikelen     {border-top: 1px solid #dfdfdf;}
.speedSearch.artikelen ul  {max-height: 500px; overflow: scroll;}

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

.speedSearch ul li:hover							  {background-color:#f5f5f5;}
.speedSearch ul li:last-child          {border-bottom: 0;}
.speedSearch ul li a	strong						{color:#779679;}
.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:3px;}
.speedSearch ul li .omschrijving 			{font-size:15px; font-weight: bold;}
.speedSearch ul li .artikelNr 					{font-size:12px; line-height: 1.5em;}
.speedSearch ul li .artikelNr .titel 	{margin-right:5px;}
.speedSearch .resultaat             {background-color: #eee; border-bottom: 1px solid #dfdfdf; color: #779679; font-size: 17px; font-weight: bold; margin: 0; padding: 15px 20px; position: relative;}
.speedSearch .resultaat a.knopAlles       {background-color: #779679; color: #fff; border-radius: 3px; bottom: 12px; text-decoration: none; font-size: 12px; font-weight: normal; padding: 3px 10px; position: absolute; right: 10px;}

.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;}
.speedsearchLoader i 	{color:#779679; font-size:16px;}

.knopAllesOnder a       {background-color: #f5f5f5; border-radius: 0; border-top: 1px solid #ddd; display: block; font-weight: bold; margin: 0; padding: 10px; text-align: center; text-decoration: none;}
.knopAllesOnder a:hover {background-color: #e5e5e5;}
/* Einde zoekresultaten */

/* 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 en kenmerken */
.filters          {-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select:none; background-color: #eee; border: 1px solid #dfdfdf; display: block; margin: 10px 0; padding: 10px 5px; position: relative;}
.filters .kenmerkgroepHouder  {margin: 0; padding: 0; list-style:none;}  
.filters .kenmerkgroep    {position:relative; padding:0; list-style:none; float:left; margin: 5px 5px 5px 0px;}
.filters .kenmerkgroep a.titel  {font-weight:bold; padding:5px 10px; min-width:90px; border-radius:3px; background-color:#fff; box-shadow:0 1px 1px rgba(0,0,0,.3); transition: all .2s ease; text-decoration:none; display:inline-block;}
.filters .kenmerkgroep a.titel img{position:relative; top:3px; margin-right:3px; opacity:.5;}
.filters .kenmerkgroep .kenmerken {max-height:0; transition: all .2s ease; padding:0 10px; overflow:hidden; background-color:#fff; border-radius:0 5px 5px 5px; position:absolute; min-width:150px; margin-top:0px; box-shadow:0 1px 5px rgba(0,0,0,.0); z-index:10;}
.filters .kenmerkgroep:hover .titel   {box-shadow:0 1px 5px rgba(0,0,0,.2); border-radius: 3px 3px 0 0;}
.filters .kenmerkgroep:hover .kenmerken {max-height:500px; padding: 10px; border-top:0; box-shadow:0 3px 3px rgba(0,0,0,.2); z-index:5;}
.filters ul.kenmerken     {padding:0; margin:0; list-style:none;}
.filters .filterCheck label   {padding:2px; display:block;}
.filters .filterCheck label .aantal {background-color: #eee;  border-radius: 10px; font-size: 11px; font-weight: bold; line-height: 1; margin-top:2px; min-width: 10px; padding: 3px 6px; text-align: center; vertical-align: baseline; white-space: nowrap; float:right;}
.filters .nietBeschikbaar   {opacity:.5; pointer-events: none;}
.filters .nietBeschikbaar .aantal {display:none !important;}
.filters .toelichting     {float:left; margin-left:5px;}
.filters .toelichting h2    {font-size:15px;}
.filters .beschikbaar     {margin-left: 0; position: relative;}
.filters .beschikbaar .aantal   {font-weight:bold;}
.filters a.wButFilter     {position:relative; float:right; font-weight:bold; padding:5px 10px; border-radius:6px; border:0px solid #ccc; box-shadow:0 1px 5px rgba(0,0,0,.0); transition: all .2s ease; margin: 5px; text-decoration:none; background-color:#779679; color:#fff;}
.filters a.wButFilter:hover   {background-color:#779679; box-shadow:0 1px 5px rgba(0,0,0,.3);}
.filters a.wButFilter:active  {top:1px; box-shadow: inset 0 1px 5px rgba(0,0,0,.3);}
.filters .glow        {animation:glow 0.4s alternate; animation-iteration-count: 2; -webkit-animation:glow 0.4s alternate; -webkit-animation-iteration-count: 2;}
@keyframes glow {from {box-shadow:0px 0px 10px rgba(255,255,255,.0); transform:scale(1)} to {box-shadow:0px 0px 4px 1px #fff, 0px 0px 23px 7px rgba(102, 175, 233, 0.9); transform:scale(1.15);}}
@-webkit-keyframes glow {from {box-shadow:0px 0px 10px rgba(255,255,255,.0); -webkit-transform:scale(1)} to {box-shadow:0px 0px 4px 1px #fff, 0px 0px 23px 7px rgba(102, 175, 233, 0.9); -webkit-transform:scale(1.15);}}
.filters #actieveKenmerken    {clear:both;}
.filters .actieveKenmerkenLijst {list-style:none; padding:0 5px; margin:0;}
.filters .actiefKenmerk     {background-color:#fff; padding:3px 8px; float:left; margin-top:5px; margin-right:10px; border-radius:4px;}
.filters .actiefKenmerk img   {position:relative; top:3px; margin-right:3px;}
.filters .kenmerkAfbeelding   {position:relative; top:3px; margin-right:3px; opacity:.5;}

/* Als kenmerken algemeen */
.kenmerkArt       {padding: 0; width:100%;}
.kenmerkArt .groep    {color: #000; display: block; float: left; font-weight: bold; padding-right: 10px; width: 80px;}
.kenmerkArt .kenmerk    {height: 1.65em; overflow: hidden; padding-right: 5px;}
.kenmerkArt .toevoeging   {font-style:italic;}
.kenmerkArt .toevoeging.ja  {background:url("images/vinkje.png") no-repeat; padding-left:20px; float:left; height:16px;}
.kenmerkArt .toevoeging.nee {background:url("images/red_x.gif") no-repeat; padding-left:20px;  float:left; height:16px;}

/* Aanpassingen voor gebruik aan linkerkant */
.filtersLinks .kenmerkgroep     {display: block; float: none;}
.filtersLinks .kenmerkgroep a.titel   {display: block;}
.filtersLinks .kenmerkgroep .kenmerken  {border-radius: 0 0 5px 5px; max-width:400px; width:168px;}
/* Einde Filters */

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

/* Supermenu */
.supermenu ul.laatste {margin-right:0 !important;}
.supermenu ul.laatste li {display: none;}
.supermenu ul.laatste li.title {display: list-item;}
.supermenuInhoud ul.laatste li.title {margin-top:0;}

.supermenuTrigger {user-select: none; -moz-user-select: none; right: 100px; position: absolute; top: 5px; background: #365176; border-radius: 3px; color: #fff; line-height: 1; padding: 4px 5px;}
.supermenuTrigger:hover {cursor: pointer;}
.supermenuInhoud {background-color: #fff; box-shadow: none; opacity: 0; pointer-events: none; position: absolute; top: 90%; transition: all 0.3s ease 0s; width: 100%; box-sizing: border-box; padding: 35px; line-height: 23px; visibility: hidden; z-index: 13;}
.supermenuInhoud .supermenu {max-height: calc(100vh - 210px); overflow-y: scroll;}
.supermenuInhoud.open {opacity: 1; pointer-events: all; top: 100%; box-shadow: 0 25px 70px 14px rgba(0, 0, 0, 0.25); visibility: visible;}
.supermenuInhoud::before {background-image: url("images/hMenuActiefGroot.png"); background-position: center bottom; background-repeat: no-repeat; content: ""; display: block; height: 14px; position: absolute; right: 290px; top: -14px; width: 32px;}
.supermenu ul {margin:0px; padding:0px; list-style:none; float: left;}
.supermenu ul.kolom7   {width:13.3%; margin-right:1%;}
.supermenu ul.kolom6   {width:15.7%; margin-right:1%;}
.supermenu ul.kolom5   {width:19.1%; margin-right:1%;}
.supermenu ul.kolom4   {width:24.1%; margin-right:1%;}
.supermenu ul.kolom3   {width:32.5%; margin-right:1%;}
.supermenu ul.kolom2   {width:49.4%; margin-right:1%;}

.supermenuInhoud ul             {list-style-type: none; margin: 0; padding: 0;}
.supermenuInhoud ul li.leeg {display: none;}
.supermenuInhoud ul li a        {color: #737373; text-decoration: none; font-size:13px;}
.supermenuInhoud ul li a:hover  {text-decoration: underline;}
.supermenuInhoud ul li.title:first-of-type {margin-top:0;}
.supermenuInhoud ul li.title    {margin-top:23px;}
.supermenuInhoud ul li.title a  {color: #003e5d; font-weight: bold; font-size: 15px; white-space: nowrap;}
/* Einde supermenu */

/* Abonnementen */
.aboHolder .abonnement {border:1px solid #eee; margin-bottom:30px; padding:20px;}
.abonnement .links  {display: block; float:left; width:40%;}
.abonnement .rechts {display: block; float:right; width:55%;}
.abonnement .links .abonnementnummer .nummer {padding-left:0.25em;}
.abonnement .links .afbeelding img.afbeelding {width:100%; height:auto;}
.abonnement .rechts .leverdagSelectie {margin-top:40px;}
.abonnement .rechts .kalender {margin-top:20px;}
.abonnement .agenda {width:100%;}
.focus {box-shadow: 0 1px 7px 2px rgba(200,0,0,.3);}
.agenda .gepauzeerd {text-decoration: line-through; opacity:.8;}

.leverdagSelectie .dropdown .keuze {display: none;} 
.leverdagSelectie .dropdown .keuze:before {display: none;}
.leverdagSelectie .dropdown ul      {display: block; max-height: none; list-style: none; padding:0; margin:0; position:relative; box-shadow:none; overflow: visible;}
.leverdagSelectie .dropdown.openGeklapt ul  {display: block; max-height: none; margin:0; overflow: visible; padding:0;}
.leverdagSelectie .dropdown ul li     {display: inline-block; border:0; width:22%; margin: 5px 10px 5px 0;}
.leverdagSelectie .dropdown ul li a   {border: 2px solid #ddd; padding:5px 12px; text-align: center; border-radius:5px; font-weight: bold;}
.leverdagSelectie .dropdown ul li a:hover {border: 2px solid #779679; background-color:#fff;}
.leverdagSelectie .dropdown ul li.active a  {background-color:#fff; border:2px solid #779679; color:#779679;}

.leverdagBox {padding:10px 15px; background-color:#eee; border-radius:5px;}
.leverdagBox a.pauzeerLevering {display: block; text-align: center;}
.leverdagBox a.hervatLevering  {display: block; text-align: center;}
/* Einde Abonnementen */

/* PDF keuze holder */
.pdfkeuzeholder .beschrijving    {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;}
.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-color: #dbdbdb; border: medium none; color: #565656;}
/* Einde PDF keuze holder */

/* Kenteken tool */
.kenteken  		{padding:20px; background-color: #eee; border: 1px solid #dfdfdf; border-radius: 5px}
.kenteken .opKenteken .kentekenplaat  			{float:right; margin-left:1em;}
.kenteken .opKenteken .kentekenplaatHouder 	{background:url("images/kenteken.png"); background-size: cover; border-radius:5px; margin-left:1em; display: inline-block;}
.kenteken .opKenteken .kentekenplaat input 	{outline: none; padding:0; line-height:36px;background:transparent; border:0; margin:0 0 0 30px; font-weight: bold; color:#000; font-size:18px; width:100px; text-transform: uppercase;}
.kenteken .opMerk 													{clear:both;}
.kenteken .opMerk .keuzeHouder 							{display: inline-block; position:relative; margin-right:10px;}
.kenteken .opMerk .keuzeHouder select 			{-moz-appearance: none; box-shadow: none; -webkit-appearance: none; -webkit-box-shadow: none; outline:0; border:0; background-color:#fff; padding: 7px 30px 7px 10px; height: auto; float: none !important;  margin: 0 !important; font-size:inherit; font-family: inherit; width:100%;}
.kenteken .opMerk .keuzeHouder:after 				{content: ' '; position: absolute; top: 50%; right: 10px; border: 4px transparent solid; border-bottom: none; border-top-color: #333; z-index: 1; margin-top: -2px; pointer-events: none;}
.kenteken a.kentekenZoeken  {padding:0px 20px; font-size:15px; line-height:36px; position: relative; top: -1px;}

.kentekenMeerdere 					{background-color: #eee; border: 1px solid #dfdfdf; border-radius: 5px; padding:20px; margin-top:20px;}
.kentekenMeerdere table			{width:100%; border-spacing: 0;}
.kentekenMeerdere tr th			{text-align: left; font-weight: bold;}
.kentekenMeerdere tr td			{border:0; border-bottom:1px solid #eee; transition: all .3s ease; padding:8px 12px; background-color:#eee; cursor: pointer;}
.kentekenMeerdere tr:hover td	{background-color:#779679; color:#fff;}
.kentekenMeerdere tr:last-of-type	td {border:0;}
/* Einde Kenteken tool */

/* Melding na artikel toevoegen aan winkelmandje */
#extraSchermWinkelmand {z-index: 200; display: table; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-image: url('images/zwart/20.png'); height: 100%; width: 100%;}
#extraSchermWinkelmand .schermWinkelMandje          {display: table-cell; vertical-align: middle; text-align: center;}
#extraSchermWinkelmand .schermWinkelMandje .melding {background-color: #fff; border-radius: 3px; box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3); box-sizing: border-box; display: inline-block; margin: 10px; max-height: calc(100vh - 20px); max-width: 520px; min-width: 250px; overflow-y: scroll; padding: 0; position: relative; text-align: left; z-index: 201;}

#extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td {vertical-align: middle;}
#extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen   {width: 135px;}
#extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen a {vertical-align: middle; width: 100%; text-align: center; box-sizing: border-box;}

#extraSchermWinkelmand .schermWinkelMandje .melding .icoon       {background-color: #64a43a; border-radius: 50px; color: #fff; display: block; font-size: 13px; left: -10px; padding: 5px; position: absolute; top: -10px; border: 1px solid #fff;}
#extraSchermWinkelmand .schermWinkelMandje .melding .afbeeldingHouder {line-height: 0; margin-right: 20px; position: relative;}
#extraSchermWinkelmand .schermWinkelMandje .melding h2           {margin: 0; font-size: inherit; font-weight: normal;}
#extraSchermWinkelmand .schermWinkelMandje .tweedeRijUit 	       {display: none;}
#extraSchermWinkelmand .schermWinkelMandje .knoppen 				     {text-align: right; padding: 15px;}
#extraSchermWinkelmand .schermWinkelMandje .knoppen a            {background: #bcbcbc; border-radius: 3px; color: #fff; display: inline-block; line-height: 1.25em; margin: 5px; padding: 7px 10px; text-decoration: none; transition: all 0.3s ease 0s;}
#extraSchermWinkelmand .schermWinkelMandje .knoppen a i        {margin-left: .5em;}
#extraSchermWinkelmand .schermWinkelMandje .knoppen a:hover      {background: #000; color:#fff; transition: all .3s ease; cursor: pointer;}
#extraSchermWinkelmand .schermWinkelMandje .knoppen a.bevestigen {background: #e45c46;}

.schermWinkelMandje.meebestellenActief .melding                     {max-width: 650px !important;}
.schermWinkelMandje.meebestellenActief .melding .shopTegel .artikel {display: block; float: left; position: relative; width: 33.3333%;}

.meldingBoven {background-color: #eee; border-bottom: 1px solid #dfdfdf; padding: 20px;}
.schermWinkelMandje .artikelnr > .titel {padding-right: 0.3em;}
.meeBestellenTekst {padding: 20px;}
#extraSchermWinkelmand .schermWinkelMandje .artikel {box-shadow: none !important; margin: 0; border: none; border-bottom: 1px solid #eee; border-radius: 0;}
/* Einde Melding na artikel toevoegen aan winkelmandje */

/* Formules met variaties */
.formuleHolder 														{text-align: left; position: relative; z-index: 3;}
.formuleHolder .titel 										{font-weight: bold; background:#ddd; padding:10px 15px;}
.formuleHolder .content 									{background:#eee; padding:10px 15px;}
.formuleHolder .formuleInputVeldHolder    {margin-bottom:10px;}
.formuleHolder label 											{display: block;}
.formuleHolder input[type="text"] 				{display: block; width:100%;}
.formuleHolder .formuleMeerprijs .prijs		{font-size: inherit !important;}

.formuleHolder.reset          {margin:0;}
.formuleHolder.reset .titel   {display: none;}
.formuleHolder.reset .content {background:transparent; padding:0;}
/* Einde Formules met variaties */

/* Hover Menu */
.winkelmenu .art-menu li {position: static;}
.winkelmenu .art-menu li .t.hoverMenuActief::after {content: "\f078"; font-family: "Font Awesome 5 Pro"; display: inline-block; margin-left: .25em; font-size: 13px;}

.hoverMenu {background-color: #fff; left: 0; position: absolute; right: 0; width: 100%; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 50px 50px rgba(0, 0, 0, 0.4); overflow: hidden; transition: .3s all ease; opacity: 0; pointer-events: none; transform: translateY(-10px); visibility: hidden; z-index: 10;}
.hoverMenu.open {opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0px); z-index: 11;}

.hoverMenu .categorie             {padding: 30px; background-color: #eee; border-bottom: 1px solid #dfdfdf;}
.hoverMenu .categorie .afbeelding {float: left; margin: 0 20px 0 0;}
.hoverMenu .categorie .kop        {color: #779679; font-family: "Quicksand", Helvetica Neue, Helvetica, Arial, Sans-Serif; font-size: 19px; font-style: normal; font-weight: bold; margin: 0 0 .5em 0; line-height: 1.35em;}

.hoverMenu .kolommen {padding: 30px;}
.hoverMenu .kolommen .kolom .titel         {font-family: "Quicksand", Helvetica Neue, Helvetica, Arial, Sans-Serif; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.hoverMenu .kolommen .kolom .titel a       {padding: 0; display: inline;}
.hoverMenu .kolommen .kolom .titel a:hover {text-decoration: underline;}

.hoverMenu .kolommen .kolom > ul      {box-shadow: none; list-style-position: outside; list-style-type: disc; opacity: 1; position: static; visibility: visible; padding-left: 10px;}
.hoverMenu .kolommen .kolom > ul li   {line-height: 1.75em; display: list-item;}
.hoverMenu .kolommen .kolom > ul li.separatorHouder {display: none;}
.hoverMenu .kolommen .kolom > ul li a {background: transparent !important; border: 0; width: auto; line-height: inherit; font-weight: normal;}
.hoverMenu .kolommen .kolom > ul li a::before {display: none;}

.hoverMenu .kolommen.kolommen3 .kolom                {width: 33.3333%; float: left;}
.hoverMenu .kolommen.kolommen4 .kolom                {width: 25%; float: left;}
.hoverMenu .kolommen.kolommen5 .kolom                {width: 20%; float: left;}
.hoverMenu .kolommen.kolommen6 .kolom                {width: 20%; float: left;}
.hoverMenu .kolommen.kolommen7 .kolom                {width: 20%; float: left;}
/* Einde Hover Menu */

/* 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; position: relative;}
.snelbestellenHolder .hidden          {display: none;}
.snelbestellenHolder .titel           {display: inline-block; padding-right: 15px; font-weight: bold; font-size:16px; color:#779679; 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:#779679;}
.snelbestellenHolder .omschrijving {width: 150px; display: inline-block;}
/* Einde Snelbestellen */


/* 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;}


/* Zoeken */
.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:#999; 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:#468ff7;}
.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;}
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; font-weight: bold;}

table.lijst tr:hover td      		{background:#edf4fc;}
table.lijst tr.inactief:hover td {background:#f1f1f1;}
table.lijst td.id            {width: 30px;}
table.lijst td.omschrijving a {text-decoration: none;}
table.lijst td.omschrijving .online:empty {display: none;}
table.lijst td.omschrijving .online {display: inline-block; background: #ededed; border-radius: 3px; line-height: 1; padding: 6px 8px 4px; margin-left: 10px; font-size: 12px;}

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: #415e81; 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: #415e81 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: #779679; display: inline-block; cursor: pointer; padding:5px 10px;}
.dealerImportVeld input[type="file"]:focus + label,
.dealerImportVeld input[type="file"] + label:hover 	{background-color:#779679;}
.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;}


/* 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 */


/* 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 */

.artikelBestandGeupload .bestandenUpload ul {margin: 0 0 10px; padding: 0; list-style: none;}
.artikelBestandGeupload .bestandenUpload ul li {background: #fff; line-height: 1; display: inline-block; padding: 7px; margin: 5px 5px 0 0; border-radius: 3px; border: 1px solid #ddd; }
.artikelBestandGeupload .bestandenUpload ul li::before {content: "\f1c5"; font-family: "Font Awesome 5 Pro"; margin-right: 5px;}


/* Maatwerk */
.shopArtikel .shopLijst1Bestel_1, .shopArtikel .shopLijst1Bestel_2 {background-color:#eee; margin:15px; margin-right:0; margin-top:30px; padding:10px; border-radius:5px;}
.shopArtikel .wButBestel {background-color: #779679; border: 0 none; border-radius: 4px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); font-size: 14px; padding: 7px 35px !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);}
.shopArtikel .shopLijst1Aantal {font-size: 14px; font-weight: normal; height: 28px; margin: 0; padding: 0 5px; width: 32px;}

/* Haparko */
.haparko-promo	 				        {padding: 25px; border-radius: 3px; background: #ffffff; display: table; margin: 20px 0;}
.haparko-promo h3               {margin: 0 0 10px; color: #9e98b7;}
.haparko-promo .regel 			    {display: table-row; line-height: 1.25em;}
.haparko-promo .regel span      {padding: 6px 0; display: table-cell;}
.haparko-promo .regel .bedrag	  {text-align: right;}
.haparko-promo .regel.totaal span   {border-top: 1px solid rgba(255,255,255,.2); font-weight: bold; padding: 5px 0 25px; color: #ddd;}
.haparko-promo .regel .valuta   {display:inline; border:0 !important;}
/* Einde Haparko */