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

/* Classes voor de verkoopmodule */
/* Instellingen categorie en artikelweergave */
.shopHeader 			{clear: both;}
.shopSortOptieTable 	{width: 100%; margin: 10px 0px;}
.shopLijst, .shopTegel .shopCompact {}
.shopFooter 			{margin-top:20px;}
.slidingProduct 		{box-shadow: 0 1px 10px rgba(0,0,0,.3); border-radius:10px; overflow:hidden;}
/* Einde instellingen categorie en artikelweergave */

/* Categorieen */
.shopCategorieHolder 							{}
.shopCategorieHolder .categorie 				      {position: relative; width: 33.3333%; float: left;}
.shopCategorieHolder .categorie .inner			  {position: relative; border: 1px solid #eee;  margin: 5px; transition: all .3s ease; border-radius: 5px;}
.shopCategorieHolder .categorie .inner:hover	{box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);}
.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 4px; position: relative; z-index:-1;}
.shopCategorieHolder .categorie .titel h2 		{color: #23417d; font-family: Arial,helvetica,sans-serif; font-size: 13px; font-weight: bold; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap;}
.shopCategorieHolder .categorie .afbeelding 	{display: table; width: 100%;}
.shopCategorieHolder .categorie .afbeelding .valign {display: table-cell; height: 150px; text-align: center; vertical-align: middle; width: 100%;}
.shopCategorieHolder .categorie .afbeelding .valign img {position: relative; z-index:-1;}
/* Einde categorieen */

/* Algemeen voor Lijst, Tegel, Compact en Detail */
.artikel .inner 							{height:auto !important;}
.artikel .inner .afbeeldingHouder			{display: table; width: 100%; border-spacing:0;}
.artikel .inner .afbeeldingHouder .valign 	{display: table-cell; text-align: center; vertical-align: middle; width: 100%;}
.artikel .afbeelding 					{position: relative;}
.artikel .label							{top:0; left:0; position:absolute; z-index:55; pointer-events:none;}
.artikel h2.titel a 					{text-decoration: none;}
.artikel .artikelnr > .titel			{*display:none; padding-right:0.3em;}
.artikel .artikelnr > .nummer			{text-transform:uppercase; white-space: nowrap;}
.artikel .voorraad 						{margin:0.25em 0;}
.artikel .voorraad .status 				{display: table; border-spacing:0;}
.artikel .voorraad .status .image 		{display: table-cell; vertical-align: middle; *display:none;}
.artikel .voorraad .status .toelichting {display: table-cell; vertical-align: middle; font-size:12px; font-weight: normal; }
.artikel .voorraad .status .negatief	{color:#fff; background-color:#E10101; border-radius:5px; padding:4px 7px; line-height: 1em}
.artikel .voorraad .status .positief	{color:#fff; background-color:#64A43A; border-radius:5px; padding:4px 7px; line-height: 1em}
.artikel .extraUitleg					{margin:0.25em 0;}
.artikel .prijzen 						{margin:0.25em 0;font-weight:bold; color:#000; font-size:15px; }
.artikel .prijzen .valuta 				{padding-right:0.3em; font-family:"Open Sans", Helvetica,Arial,sans-serif;}
.artikel .prijzen .prijs 				{}
.artikel .prijzen .van 					{text-decoration: line-through; color: #666666;}
.artikel .prijzen .voor 				{}
.artikel .prijzen .vanaf				{font-size:12px; font-weight:normal; padding-right:0.3em;}
.artikel .artikelEenheid				{font-size:12px; font-weight:normal;}
.artikel .btwinfo						{font-size:12px; font-weight:normal; display: block;}
.artikel .artikelBestelEenheid			{font-size:12px; font-weight:normal;}
.artikel .bestellen						{z-index:2; position: relative;}
.artikel .bestellen .variatie select 	{width:100%; margin-bottom:0.25em;}
.artikel .bestellen .bestelknop input	{width:24px; text-align:center;}
.artikel .favorieten 			{clear:both; font-size:12px; margin:0.25em 0 0 0; position: relative;}
.artikel .favorieten a 			{text-decoration:none;}
.artikel .favorieten .image		{padding-right:0.6em;}
.artikel .favorieten .image	img {position: relative; top: 2px;}
.artikel .favorieten.aan		{}
.artikel .verlang 				{clear:both; font-size:12px;}
.artikel .verlang a 			{text-decoration:none;}
.artikel .verlang .image		{padding-right:0.6em;}
.artikel .verlang .image img 	{position: relative; top: 2px;}
.artikel .verlang.plus			{}
.artikel .verlang.min			{}
.artikel .project 				{font-size:12px; clear:both; margin:0.5em 0; padding:10px 10px 5px 10px; background:#eee; border-radius:5px; }
.artikel .project select 		{width:100%;}
.artikel .project a 			{text-decoration:none;}
.artikel .project .image		{padding-right:0.6em;}
.artikel .project .image	img {position: relative; top: 2px;}
.artikel .detailKnop			{}
.artikel #extraVrachtkosten		{display:inline-block; padding:5px 10px; margin:0.5em 0; background-color:#eee; border-radius:5px;}
.artikel #extraVrachtkosten a	{text-decoration:none;}


.winkelKnop .relatieBtwTotaalPrijs, .winkelwagenHouder .relatieBtwPrijs {display: none;} 
.relatieBtwPrijs {color: #666; display: inline-block; font-size: 11px; font-weight: normal; padding: 0 2px;}
.relatieBtwPrijs .exBtwToelichting{padding-left: 0.3em;}
.relatieBtwTotaalPrijs {display: block; font-size:.8em; color:#666; font-weight: normal;}
.relatieBtwTotaalPrijs .exBtwToelichting{padding-left: 0.3em;}

/* Einde algemeen voor Lijst, Tegel, Compact en Detail  */


/* Lijstweergave 1*/ 
.shopLijst 					{}
.shopLijst .artikel 		{position: relative; border: 1px solid #eee; border-radius: 5px; padding-bottom:5px;  margin-bottom:5px; transition: all .3s ease;}
.shopLijst .artikel:hover	{box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);}
.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%; border-spacing:5px;}
.shopLijst .artikel .inner .col1, .shopLijst .artikel .inner .col2, .shopLijst .artikel .inner .col3 {display:table-cell; vertical-align: top;}
.shopLijst .artikel .inner .col1	{width:90px; padding-right:10px;}
.shopLijst .artikel .inner .col2	{width:auto; padding:0;}
.shopLijst .artikel .inner .col3	{width:120px; padding-left:10px;}
.shopLijst .artikel .afbeeldingHouder				{height:90px;}
.shopLijst .artikel .afbeeldingHouder .label img 	{width:50px; height:auto;}
.shopLijst .artikel .omschrijving h2.titel {margin: 0;}
.shopLijst .artikel .omschrijving h2.titel a		{font-size:14px; margin:0; line-height: 1.25em;}
.shopLijst .artikel .omschrijving .artikelnr 		{font-size:11px;}
.shopLijst .artikel .prijzen 						{font-size:14px;}
.shopLijst .artikel .bestellen						{padding:10px;}
.shopLijst .artikel .bestellen .variatie select 	{}
.shopLijst .artikel .bestellen .bestelknop input	{}
.shopLijst .artikel .btwinfo {display: block; font-size: 11px;}
/* Einde Lijstweergave 1 */

/* Tegelweergave 2*/
.shopTegel 					{}
.shopTegel .artikel 		{display:block; width:33.3333%; float:left; position: relative;}
.shopTegel .artikel:nth-of-type(3n+1) {clear:both;}
.shopTegel .artikel .inner 		{*height:auto !important; padding:10px; margin:5px; position: relative; border: 1px solid #eeeeee; border-radius: 5px;}
.shopTegel .artikel .inner:hover{box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);}
.shopTegel .artikel .inner > a 	{display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; text-indent: -9999px;}
.shopTegel .artikel .afbeeldingHouder				{height:150px;}
.shopTegel .artikel .afbeeldingHouder .label img 	{width:50px; height:auto;}
.shopTegel .artikel .omschrijving h2.titel {margin: 0;}
.shopTegel .artikel .omschrijving h2.titel a		{font-size: 12px; font-weight: bold; margin:0; line-height:1.25em; height:2.5em; overflow: hidden; display: block; margin-bottom:0.25em;}
.shopTegel .artikel .omschrijving .artikelnr  		{font-size:11px; display: none;}
.shopTegel .artikel .omschrijving .artikelnr .titel {display:none;}
.shopTegel .artikel .prijzen 						{font-size:14px; text-align: right;}
.shopTegel .artikel .prijzen .vanaf {display: block;}
.shopTegel .artikel .bestellen						{z-index:2; position: relative; display: none;}
.shopTegel .artikel .bestellen .variatie select 	{width:100%;}
.shopTegel .artikel .bestellen .bestelknop input	{width:24px; text-align:center; display:none;}
.shopTegel .artikel .favorieten 	{display:none;}
.shopTegel .artikel .voorraad 	{display:none;}
.shopTegel .artikel .verlang 		{display:block;}
.shopTegel .artikel .artikelBestelEenheid {display: none;}
.shopTegel .artikel .btwinfo {color: #666666; display: block; font-size: 11px; font-weight: bold;}
/* Einde Tegelweergave 2 */

/* Compacte weergave 3*/
.shopCompact				{}
.shopCompact .artikel 		{background:#fff; position: relative; transition: all .3s ease;}
.shopCompact .artikel:hover	{background:#fff; z-index:1;}
.shopCompact .artikel > a 	{display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; text-indent: -9999px;}
.shopCompact .artikel .inner 				{display:table; width:100%; border-spacing:5px; table-layout: fixed;}

.shopCompact .artikel:nth-child(odd) {background: #efefef;}
.shopCompact .artikel .favorieten, .shopCompact .artikel .btwinfo, .shopCompact .artikel .artikelEenheid, .shopCompact .artikel .artikelBestelEenheid {display: none;}


.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:45px;}
.shopCompact .artikel .inner .col2			{width:auto;}
.shopCompact .artikel .inner .afbeeldingHouder {display: none;}

.shopCompact .artikel .inner .col3			{width:140px; white-space: nowrap;}
.shopCompact .artikel .inner .col4			{width:55px; padding: 0 0 0 10px;}
.shopCompact .artikel .afbeeldingHouder .label img 	{width:50px; height:auto;}
.shopCompact .artikel .afbeeldingHouder 	{display:block; width:auto; border:3px solid #fff; box-shadow:0 1px 3px rgba(0,0,0,.2); position: relative; float:right; margin:10px;}
.shopCompact h2.titel a				        {font-size:13px; font-weight: normal; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shopCompact .artikel .prijzen 		       	{text-align: right; font-size:14px; 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 a.wButBestel{height: 19px; overflow: hidden; padding: 2px; position: relative; text-indent: 9999px; width: 17px; border:0;}
.shopCompact .artikel .bestellen a.wButBestel:before {content:"+"; display:block; margin-bottom:5px;text-indent: 0; text-align:center; font-size:18px; font-weight: bold; line-height: 1em;}
.shopCompact .artikel .variatie select	    {margin-right:0.5em; width:auto;}
.shopCompact .artikel .artikelEenheid 	    {float:right;}
.shopCompact .artikel .artikelnr .titel     {display:none;}

.shopCompact .artikel .voorraad 	{display:none;}


/* Einde Compacte weergave 3 */

/* Artikel detailscherm */
.artikel.detail 				{}
.artikel.detail .links 			{float:left;  width:50%;}
.artikel.detail .rechts 		{float:right; width:45%;padding-left:20px;}
.artikel.detail .artikelTabs 	{clear:both; margin-top:20px;}
.artikel.detail h1 				{line-height: 1.25em; text-decoration:none;}
.artikel.detail .ad-gallery {width:auto;}
.artikel.detail .ad-gallery .ad-image-wrapper {width:auto; height:300px;}
.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;}
.artikel.detail .bestellen .bestelknop input        {display: table-cell; border-radius: 3px 0px 0px 3px; height: 30px; position: relative; text-align: center; width: 35px; margin: 0px 0px 0px 0px;}
.artikel.detail .bestellen .bestelknop .wButBestel  {display: table-cell; border-radius: 0px 3px 3px 0px; padding: 5px 20px; text-align: center; transition: .3s all ease;}

.artikel.detail .bestellen .prijzen {display: inline-block; margin: 0px 0px 0px 10px;}

.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: #000000; 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: ""; font-family: "FontAwesome"; margin: 0px 10px 0px 0px;}
/* Einde artikel detailscherm */

/* Winkelmandje */
.winkelmandje0{}
.winkelmandjeKop, .inloggen0 {}
.winkelmandjeKop a:link, .winkelmandjeKop a:visited, .winkelmandjeKop a:hover {color:#000; text-decoration: none !important;}
.winkelmandje0A{}
#winkelmandje {}
.winkelmandje1 {}
.winkelmandje3 {}
.winkelmandje4 {
		color: #23417D;
    font-size: 15px;
    font-weight: normal;
    height: 20px;
    padding-right: 5px;
    padding-top: 3px;
    text-align: right;
    }
.winkelmandje10 {background: none repeat scroll 0 0 #fff; border-radius:5px;
    border: 1px solid #C2C3C7; padding:5px;}
.winkelmandje11 {
    font-size: 10px;
    padding: 0 2px 0 0;
    vertical-align: top;}
.winkelmandje12 {
   font-size: 10px;
    padding: 0 2px 0 0;
    vertical-align: top;}
.winkelmandje13 {
	vertical-align:top;
	font-size: 10px;}
.winkelmandje14 {
	font-size: 10px;
	white-space:nowrap;
	vertical-align:top;
	text-align:right;}
.winkelmandje15 {
padding-top: 2px;
padding-top:3px;
    vertical-align: top;
    width: 12px; padding-left:2px;}
.winkelmandje16 {
	font-size: 10px;
  padding-right:15px;}

#winkelmandjeAantal {display:none;}
/* Einde Winkelmandje */

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

.artT1D {}
.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;}
	
.shopNavigatie{height:30px;vertical-align:middle;}
.shopNavigatieVorige {text-align:left;width:30%;}
.shopNavigatieVolgende {	text-align:right;width:30%;}
.shopNavigatieLijst {text-align:center;width:40%;}

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

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

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

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

.winkelmandje21{
	background-image: url('images/tabeltitel2.jpg');
	font-weight: bold;
	height:26px;}
.artT21A{}
.artT21B{
	width:80px;
	vertical-align:middle;
	text-align:right;}
	
.artT21C{
	text-align:right;
	padding-right:15px;
	vertical-align:middle;
	width:125px;}

.winkelmandje22{
	background-image: url('images/tabeltitel2.jpg');
	font-weight: bold;
	height:26px;}

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

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

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

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

.artT23DD {background-color: #EFEFEF;}

.lev1AA {height:10px;}

.lev1 {height:26px;}

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

.lev1B{padding-top:2px;}

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

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

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

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

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

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

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

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

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

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

.lev13 {padding:5px;}

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

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

#naw_1, #naw_2,#naw_3, #naw_4,#naw_5, #naw_6,#naw_7, #naw_8,#naw_9, #naw_10,#naw_11, #naw_12, #naw_13, #naw_32, #naw_33,#naw_34, #naw_35,#naw_36 {}
#naw_1  {width:104px;}
#naw_2, #naw_32 , #naw_50, #naw_51, #naw_52, #naw_60, #naw_61, #naw_62 {width:256px;}
#naw_3, #naw_6, #naw_33, #naw_36 {width:192px;}
#naw_4, #naw_5, #naw_34, #naw_35 {width:60px;}
#naw_7, #naw_37{width:256px;}
#naw_8  {width:256px;}
#naw_9  {width:126px;}
#naw_10 {width:126px;}
#naw_11 {width:256px; height:45px;}
#naw_12 {width:40px;}
#naw_13 {width:104px;}
#naw_101, #naw_102, #naw_103, #naw_104, #naw_105 ,#naw_200, #naw_201, #naw_202, #naw_203, #naw_204, #naw_205 {width:200px;}

.art_tabs_tonen {
	border:1px solid #DDDCD9;
	padding: 15px;
	border-radius:0 5px 5px 5px;
/*	margin-bottom:10px;
	margin-left: auto;
	margin-right: auto;*/}

div.art_tabs_tonen img {
	margin-left: auto;
	margin-right: auto;
	text-align: center;}

.art_tabs_H{}
#art_tabs {display:block;    position: relative;
    top: 1px;}

#art_tabs div.art_tabs_uit {
	margin-right: 4px;
	padding:5px 10px 5px 10px; 
	float:left; 
	border: 1px solid #E8E8E8;
	cursor:pointer; 
	border-bottom:0;
	line-height:24px;
	background-color:#eee;
	border-radius:5px 5px 0 0;}
	
div.art_tabs_uit span{color:#7F7F7F;}
div.art_tabs_uit:hover span{text-decoration:underline;}
div.art_tabs_verbergen {
	display:none; 
	overflow:hidden;}

#art_tabs div.art_tabs_aan {
	padding:5px 10px 5px 10px; 
	margin-right: 4px;
	float:left; 
	background: #fff;
	line-height:24px; 
	font-weight: bold;
	color:#000;
	border: 1px solid #E8E8E8;
	border-bottom: 1px solid #fff;
	border-radius:5px 5px 0 0;}

/* Categorieen */
#catLijst { width:100%;}

.cat_td1A:Hover, .cat_td2A:Hover, .cat_td3A:Hover, .cat_td4A:Hover, .cat_td1B:Hover, .cat_td2B:Hover, .cat_td3B:Hover, .cat_td4B:Hover {
border:1px solid #ddd; box-shadow:0 2px 4px #bbb;}

.cat_inner1, .cat_inner2, .cat_inner3, .cat_inner4 {height:200px;}

/* Einde categorieen */

/* Menu style ------------- */
.catMenu0ul {margin: 0 !important;}
.catMenuLink0li {
    color: #7b7b7b !important;
    font-family:Arial,Helvetica,Sans-Serif !important;
    font-size: 14px;
    text-decoration: none !important;
    padding: 4px 10px;
    line-height: 28px;
    text-shadow: 0px 1px 0 #fff;
    font-weight:normal;
}

.catMenuLink0liSel {
    color: #fff !important;
    font-family:Arial,Helvetica,Sans-Serif !important;
    font-size: 14px;
    text-decoration: none !important;
    padding: 4px 10px;
    line-height: 28px;
    text-shadow: 1px 1px 0 #000;
    font-weight:normal;
    background:url("images/menuActiveBg.png") repeat-x;
    border-radius:5px;
}

.catMenuLink1li {
    color: #7b7b7b !important;
    font-family:Arial,Helvetica,Sans-Serif !important;
    font-size: 13px;
    text-decoration: none !important;
    padding: 4px 10px;
    margin-left:10px;
    line-height: 28px;
    text-shadow: 0px 1px 0 #fff;
    font-weight:normal;
}

.catMenuLink1liSel {
    color: #2d4b86 !important;
    font-family:Arial,Helvetica,Sans-Serif !important;
    font-size: 13px;
    text-decoration: none !important;
    padding: 4px 10px;
    margin-left:10px;
    line-height: 28px;
    text-shadow: 0px 1px 0 #fff;
    font-weight:bold;
}

.catMenuLink2li {
    color: #7b7b7b !important;
    font-family:Arial,Helvetica,Sans-Serif !important;
    font-size: 13px;
    text-decoration: none !important;
    padding: 4px 10px;
    margin-left:20px;
    line-height: 28px;
    text-shadow: 0px 1px 0 #fff;
    font-weight:normal;
}

.catMenuLink2liSel {
    color: #2d4b86 !important;
    font-family:Arial,Helvetica,Sans-Serif !important;
    font-size: 13px;
    text-decoration: none !important;
    padding: 4px 10px;
    margin-left:20px;
    line-height: 28px;
    text-shadow: 0px 1px 0 #fff;
    font-weight:bold;
}

.catMenuLink3li {
    color: #7b7b7b !important;
    font-family:Arial,Helvetica,Sans-Serif !important;
    font-size: 13px;
    text-decoration: none !important;
    padding: 4px 10px;
    margin-left:30px;
    line-height: 28px;
    text-shadow: 0px 1px 0 #fff;
    font-weight:normal;
}

.catMenuLink3liSel {
    color: #2d4b86 !important;
    font-family:Arial,Helvetica,Sans-Serif !important;
    font-size: 13px;
    text-decoration: none !important;
    padding: 4px 10px;
    margin-left:30px;
    line-height: 28px;
    text-shadow: 0px 1px 0 #fff;
    font-weight:bold;
}
/* Einde Menu */



.artAfb_1, .artAfb_2 {}
#voorraadTT {white-space:nowrap;float:left; font-size:12px;}
#voorraadTT a, #voorraadTT a:link, #voorraadTT a:visited {text-decoration:none;	cursor: pointer;}
#voorraadTX {font-size:11px;white-space:nowrap;float:left; line-height: 91%;}
.voorraadTT {white-space:nowrap;float:left; font-size: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: #ffffff;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    opacity: 1;
    padding: 10px;
    position: absolute;
    z-index: 3000;
    box-shadow:1px 1px 3px #ccc;}
	
#tooltip div {margin: 0;}
#tooltip h3 {color:#7F7F7F;font-weight: bold;font-size: 1px; position: absolute; visibility: hidden;}

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

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

.WB-knop-td {}

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

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

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

.account_td1 {width:240px;}
.account_td2 {}
.account_td3 {vertical-align:bottom;padding-right:2px;}

.account_txt1, .account_txt2, .account_txt3, .account_txt4, .account_txt5, .account_txt6, .account_txt7, .account_txt8, .account_txt9, .account_txt10, .account_txt20, .account_txt21, .account_txt22, .account_txt23, .account_txt24, .account_txt25, .account_txt26, .account_txt30, .account_txt31, .accountschoon {}
.account_txt1  {width:80px;}
.account_txt2  {width:40px;}
.account_txt3  {width:100px;}
.account_txt4  {width:185px;}
.account_txt5  {width:80px;}
.account_txt6  {width:130px;}
.account_txt7  {width:130px;}
.account_txt8  {width:130px;}
.account_txt9  {margin-right:2px !important;}
#geslachtvrouw {margin-left:20px;}
.account_txt10 {width:200px;}
.account_txt20 {width:160px;}
.account_txt21 {width:140px;}
.account_txt22 {width:37px;}
.account_txt23 {width:60px;}
.account_txt24 {width:120px;}
.account_txt25 {width:130px;}
.account_txt26 {width:185px;}
.account_txt27 {width:185px;}
.account_txt28 {width:185px;}
.account_txt29 {width:185px;}
.account_txt30 {width:130px;}
.account_txt31 {width:130px;}

#pwcheck1 {visibility:hidden;display:none;}
#pwcheck2 {visibility:hidden;display:none;}

/*#adressenlijst {}
.account_table2{width:100%;margin:1px;}
.account_table3{margin:2px;}
.account_table3a {margin:1px;width:100%;}
.account_table4{width:100%;height:1px; border-top: 1px dotted grey;}
.account_td10 {height:20px;width:240px;}
.account_td11a{vertical-align:bottom;padding-bottom:2px;padding-right:2px;}*/
#adressenlijst .adres {    margin-bottom: 10px;
    padding: 0 0 10px; border-bottom:1px solid #eee;}
#adressenlijst .adres .beschrijving {width:215px;}  
.account_holder .beschrijving {width:215px;}  
#adressenlijst .laatsteArtikel {border-bottom:0px; margin-bottom:0px; padding-bottom:0;}

.fac1, .afl1 {}

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

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

.kopieer a, .kopieer a:link, .kopieer a:visited {}
.kopieer a:hover {}

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

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

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

/* Order status */
.status_holder 			        {background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px; margin-bottom: 10px; overflow: hidden;}
.status_holder .titel       {color: #000000; font-weight: bold; border-bottom: 1px solid #cccccc; padding: 5px 10px; background: #eeeeee;}
.status_holder .content     {padding: 10px;}
.status_table1              {width:100%;}
.status_td1, .status_td2, .status_td3, .status_td4, .statusB_td1,.statusB_td2,.statusB_td3, .statusB_td4{ font-size:11px;}
.status_td1, .status_td2, .status_td3, .status_td4 {font-weight:bold;}
.status_td1, .statusB_td1   {width:86px;}
.status_td2, .statusB_td2   {width:103px;}
.status_td2B, .statusB_td2B {width:22px;}
.status_td3, .statusB_td3   {}
.status_td4, .statusB_td4   {text-align:right; white-space:nowrap;}
.status_td5, .statusB_td5   {width:60px; padding-left:10px; white-space: nowrap;}
.statusB_td4                {}
.status_td4, .statusB_td1   {padding:0;}
/* eind orderstatus */

.account_txtBlok{}
.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: 12px;}

.prAanb4{}

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

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

.kortTab1 .aantallen 		{}
.kortTab1 .aantallen span	{}
.kortTab1 .toelichting		{}
.kortTab1 .prijsNaKorting	{font-weight: bold;}

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

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

/* Rechterkant artikelen */
.artRechtsHolder {}
.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; }
.artRechtsAfb3 {}
.artRechtsAfb4 {}
.artRechtsOmsc1 {width: 106px;float:left;height:110px;padding-left:10px;}
.artRechtsOmsc2 {max-height:72px;overflow:hidden;}
.artRechtsOmsc3 {font-size: 15px; font-weight: bold;}

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

 
#PaneelMandjeHolder {position: relative;}

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

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

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

/* Paneel Zoekveld */
.zoekVeld0{}
.zoekVeld0A{    float: left;   width: 198px;}
.zoekVeld0B{
    height: 16px;
    padding-top: 7px;
    position: absolute;
    right: 24px;
    width: 16px;}
#zoekWoordID{ 
    height: 26px;
    line-height: 26px;
    padding-left: 5px;}
.kassaknop{    bottom: 22px;
    height: 8px;
    position: relative;}

/* Wachtwoord en registreren */
#PaneelInloggenHolder {}
.inloggen1, .inloggen2 {}
.inloggen3 {float:left;}
.inloggen3A {}
#PaneelKnop1 {}
.PaneelKnop1, .PaneelKnop2 {    float: left; font-size: 10px;  line-height: 12px; text-indent: 5px;}
.PaneelKnopLink1, .PaneelKnopLink2 {text-decoration: none!important;}
.PaneelKnoppen {}
.PaneelTextField {width: 178px; height: 26px; line-height: 26px; padding-left:5px;}
/* Einde wachtwoord en registeren */

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

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

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

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

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


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

.wCVarLink {display:block}
.wCVarTitle {color:#666666}
.wCVarText {color:#000000; font-weight: bold;}
.wCVarCustom {background:none repeat scroll 0 0 white;
border:1px dashed #777777;
display:block;
font-style:italic;
padding:3px; }

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

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



/* Moederartikel */
#mArt_titel{
	display:block;
	padding:5px 3px;
}

#mArt_holder {
	text-decoration:none;
	width:210px;
	margin-bottom:5px;
	background-color:#f2f2f2;
	overflow:auto;
	overflow-y:hidden;
	
}
.mArt_tabel1{
  
}
.mArt_tabel1_td{
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}
.mArt_tabel1_td:hover{
	border:1px solid #000000;
}

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


/* Upload preview */

.upPreHolder {width: 400px; height: 400px; background:#ddd; overflow: hidden;}
.upPre {}
.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;}

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

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

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

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

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

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

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

#mollieKnop {
  background-color: #cfc; 
  padding: 5px; 
  font-weight: bold; 
}  

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

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

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

#naw input {border: 1px solid #BFBFBF; margin-right: 2px; text-indent:3px;}


.stappenbalk {background: none; height: 65px;}
.stappenbalk ul {list-style-type: none; margin: 0; padding: 0;}
.stappenbalk li {float: left; margin: 0;  padding: 0; width: 120px;}
.stappenbalk .stap1,.stappenbalk .stap2,.stappenbalk .stap3,.stappenbalk .stap4 {height: 50px; position: relative;}
.stappenbalk .stap1 {background: url("images/stappen/stap1.png") left top no-repeat;}
.stappenbalk .stap2 {background: url("images/stappen/stap2.png") left top no-repeat;}
.stappenbalk .stap3 {background: url("images/stappen/stap3.png") left top no-repeat; width:160px;}
.stappenbalk .stap4 {background: url("images/stappen/stap4-3.png") left top no-repeat;}
.stappenbalk .bezig {background: url("images/stappen/bezig.png") no-repeat;}
.stappenbalk .klaar {background: url("images/stappen/klaar.png") no-repeat;}
.stappenbalk .naam {color: #cccccc; font-size: 13px; position: relative; top: 30px; text-align: left;}
.stappenbalk .bezig .naam {color: #666666;}
.stappenbalk .klaar .naam {color: #000000;}

.stappenKnop {border-top: 1px solid #CCCCCC;
    margin-top: 5px;
    padding-top: 5px;
    text-align: right;}
    
    
.kassaknop a:link, .kassaknop a:visited {color: #FFFFFF;  text-decoration: none; }
.inloggen3 a:link, .inloggen3 a:visited {color: #FFFFFF;  text-decoration: none;}

.wButMandje {}
.wButDetail {}
.wButBestel {}
.wButRegistreer {    font-size: 15px !important;padding: 6px 20px !important;}
.wButInloggen {}
.wButStap1, .wButStap2, .wButStap3, .wButStap4 {} 
.wButControleer, .wButControleerBTW, .wButVoorwaarden {margin-top: 5px; padding: 4px 7px !important;}
.wButVoorwaarden {margin-bottom:5px;}
    
    
/* Stap 1 */
.stap1_artikelen {background-color: #FEFEFE;
    border: 1px solid #CCCCCC;
    border-radius:5px;
    margin-bottom: 10px;
    overflow: hidden;}
.stap1_kassaTitel {color: #000000; font-weight: bold; border-bottom: 1px solid #cccccc; padding: 5px; background: #eeeeee; font-weight: bold;}
.stap1_kassaTitelA {}
.stap1_kassaTitelB {text-align: right; width: 110px;}
.stap1_kassaTitelC {text-align:right;padding-right:5px;width:85px;}
.stap1_kassaTitelD {width: 10px;}
.stap1_kassaArtikelen {}

.kassaArtikel_2, .kassaArtikel_1 {border:0; border-bottom: 1px solid #EEEEEE; padding: 5px; background-color:#ffffff; width:100%;}
.kassaArtikelAfbeeldingHolder {vertical-align: top; width: 100px;}
.kassaArtikelAfbeelding {width: 96px;}
.kassaArtikelGegevens {}
.laatsteArtikel {border-bottom:0;}

.kassaArtikelGegevens .tekst {vertical-align: top;}
.kassaArtikelGegevens .gegevens {vertical-align: top; width: 120px;}
.kassaArtikelGegevens .offerte {width: 50px;} 									/*bij offerte*/
.kassaArtikelGegevens .gegevens .aantal {text-align: center; width: 34px;}
.kassaArtikelGegevens .gegevens .aantal .input {text-align: center; width: 30px;}
.kassaArtikelGegevens .gegevens .regeltotaal {text-align: right; font-weight: bold;}
.kassaArtikelGegevens .titel {font-weight: bold; text-decoration: none; color:#000000}
.kassaArtikelGegevens .variatie {font-size:10px;}
.kassaArtikelGegevens .artikelnummer {font-size:10px;}
.kassaArtikelGegevens .prijs {font-size:15px; font-weight:bold;}
.kassaArtikelGegevens .btw {font-size:10px; font-weight: normal; color:#888888;}
.kassaArtikelGegevens .voorraad {}
.kassaArtikelGegevens .voorraad img {border: 0;}
.kassaArtikelGegevens .voorraadTekst {font-size: 10px; padding-left: 5px;}

.offertePdf {position: absolute; bottom:-5px;}

.stap1_couponcode {    background-color: #FEFEFE;
    border: 1px solid #CCCCCC;
    border-radius:5px;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    width: 150px;}
.stap1_couponcode .titel {color: #000000; font-weight: bold; border-bottom: 1px solid #cccccc; padding: 5px; background: #eeeeee;}   
.stap1_couponcode .content {padding: 10px;} 
.stap1_totalen {    background-color: #FEFEFE;
    border: 1px solid #CCCCCC;
    border-radius:5px;
    margin-bottom: 10px;
    overflow: hidden;
    padding:10px;}
.stap1_totalen .tabel {}
.stap1_totalen .beschrijving {}
.stap1_totalen .bedrag {text-align: right;}
.stap1_totalen .negatief {color:#00bb00;} 
.stap1_totalen .totaalArtikelen td {border-bottom: 1px solid #cccccc;}
.stap1_totalen .totaalSubtotaal td {border-top: 1px solid #cccccc;}
.stap1_totalen .totaalTeBetalen td {border-top: 1px solid #000000; font-size: 14px; color:#000000; font-weight:bold;}
.stap1_totalen .totaalFactuurKorting td {color:#00bb00;}
.stap1_totalen .totaalKortingsBon td {color:#00bb00;}
.stap1_totalen .totaalCadeaubon td {color:#00bb00;}
.btwNummer {text-transform:uppercase;}

/* Stap 2 */
.stap2_bestaandeKlant 					{border: 1px solid #cccccc; background-color: #fefefe; margin-bottom: 10px; border-radius:5px; overflow: hidden;}
.stap2_bestaandeKlant .titel 		{color: #000000; font-weight: bold; border-bottom: 1px solid #cccccc; padding: 5px; background: #eeeeee;}
.stap2_bestaandeKlant .content 	{padding: 10px;}
.stap2_bestaandeKlant .inloggen {float:left; width: 45%; position: relative;}
.stap2_bestaandeKlant .inloggen .beschrijving {width: 100px;}
.stap2_bestaandeKlant .inloggen .invoer {}
.stap2_bestaandeKlant .uitleg 	{float: right; width: 45%; position: relative;}
.stap2_bestaandeKlant .kwijt 		{}
.stap2_naw 											{border: 1px solid #cccccc; background-color: #FFFFFF; margin-bottom: 10px; border-radius:5px; overflow: hidden;}
.stap2_naw .titel 							{color: #000000; font-weight: bold; border-bottom: 1px solid #cccccc; padding: 5px; background: #eeeeee;}
.stap2_naw .content 						{padding: 10px;}
.stap2_naw .keuze 							{width: 30px;}
#stap2_factuuruitklap 					{}
#factuuradresGelijk 						{border: 0; margin-bottom: 5px;}
#stap2_factuuradres 						{position: relative; display:none;}
.bestaandAdres 									{border: 1px solid #cccccc; background-color:#efefef; padding:5px; transition:all .3s ease; opacity:1; filter: alpha(opacity=100);}
#createAccount 									{float: left;}
#stap2_bewaaraccountB 					{line-height:2em;}

#naw .adres  										{max-height:250px; transition:all .3s ease; opacity:1;} 
#naw .ingeklapt  								{max-height:0px; overflow:hidden; opacity:0;} 
#naw .nietGeselecteerd  				{opacity:.5; filter: alpha(opacity=50);} 
#naw .geselecteerd  						{opacity:1; filter: alpha(opacity=100);}
#naw .vrijAdres 								{vertical-align:top;}
#naw .tekstNieuwAdres 					{padding:5px; font-weight:italic; position:absolute; z-index:1;}

.stap2_naw .gegevens 						{} 
.stap2_naw .opmerking 					{border:1px dashed #777777; padding:5px; margin:10px 0px; font-style:italic;}
.stap2_naw .factuurAfleverHouder {width:100%;}
.stap2_naw .factuurAfleverHouder td {vertical-align:top;}
.stap2_naw .factuurAfleverHouder .links {width:47%; border:1px solid #ccc; padding:10px;}
.stap2_naw .factuurAfleverHouder .midden {width:6%;} 
.stap2_naw .factuurAfleverHouder .rechts {width:47%; border:1px solid #ccc; padding:10px;} 
.stap2_naw .factuurAfleverHouder .GegFactuurKop, .stap2_naw .factuurAfleverHouder .GegAfleverKop {font-weight:bold; color:#000;}

/* Stap 3 */
.stap3_betaal {border: 1px solid #cccccc; background-color: #fefefe; margin-bottom: 10px;  overflow: hidden; border-radius:5px;}
.stap3_betaal .titel {color: #000000; font-weight: bold; border-bottom: 1px solid #cccccc; padding: 5px 10px; background: #eeeeee;}
.stap3_betaal .content {}
.stap3_betaal .content .levermethode, .stap3_betaal .content .betaalmethode {width:100%; padding: 0; border:0;}

.stap3_betaal .regel {border-bottom: 1px solid #EEEEEE; padding: 5px;}
.stap3_betaal .leverSelect {width:30px; vertical-align: middle;}
.stap3_betaal .leverTekst {vertical-align: middle; font-weight: bold;}
.stap3_betaal .leverBedrag {font-weight: bold; text-align: right; width: 100px;}
.stap3_betaal .leverLabel {width: 80px;}
.stap3_betaal .betaalSelect {width:30px; vertical-align: middle;}
.stap3_betaal .betaalTekst {vertical-align: middle; font-weight: bold;}
.stap3_betaal .betaalBedrag {font-weight: bold; text-align: right; width: 100px;}
.stap3_betaal .betaalLabel {width: 80px;}

.leverTekst .bedrag, .betaalTekst .bedrag {font-weight: normal; color:#888888; padding: 0 0 0 5px; }
.stap3_totalen {    background-color: #FEFEFE;
    border: 1px solid #CCCCCC;
    border-radius:5px;
    margin-bottom: 10px;
    overflow: hidden;
    padding:10px;}
    
.stap3_totalen .bedrag {text-align: right; font-size: 14px; color:#000000; font-weight:bold;}   
/* Stap 4 */

.stap4_btw {background-color: #FEFEFE;
    border: 1px solid #CCCCCC;
    border-radius:5px;
    margin-bottom: 10px;
    overflow: hidden;
    float:left;
    width: 49%;}
.stap4_btwTitel{color: #000000; font-weight: bold; border-bottom: 1px solid #cccccc; padding: 5px 10px; background: #eeeeee;}  
.stap4_btwGrondslagen {padding: 0 10px;}
.stap4_btw .tarief {width: 33%}
.stap4_btw .grondslag {width: 33%}
.stap4_btw .totaal {width: 33%}

.stap4_btwVerlegd {    background-color: #FEFEFE;
    border: 1px solid #CCCCCC;
    border-radius:5px;
    float: right;
    margin-bottom: 10px;
    overflow: hidden;
    width: 48%;}
.stap4_btwVerlegd .titel {color: #000000; font-weight: bold; border-bottom: 1px solid #cccccc; padding: 5px; background: #eeeeee;}   
.stap4_btwVerlegd .content {padding: 10px;} 

.clearTabel {cellpadding:0; cellspacing: 0; width: 100%; padding: 0;}
/* Einde Afrekenscherm v4.0 */

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

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

.shopVerlanglijstTekst textarea, .shopVerlanglijstEmailAdd textarea {
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 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 #CCCCCC;
    float: right;
    font-size: 10px;
    margin-top: 10px;
    padding: 15px;
    width: 115px;}
.verlangGewenst {float: right; width:50px;}
.verlangBesteld {float: left; width:50px;}
.verlangStatus .beschrijving {    color: #000000;
    display: block;
    font-size: 10px;
    text-align: center;line-height: 1em;}    
.verlangStatus .aantal    {    color: #000000;
    display: block;
    font-size: 30px;
    text-align: center;line-height: 1em;}    

.widgetInloggen {    display: block;  padding: 15px;   width: 95%;}        
.widgetInloggen .inloggen {float:left;}
.widgetInloggen .registreer {    border-left: 1px solid #CCCCCC;
    float: right;
    padding: 30px 0;
    text-align: center;
    width: 50%;}
.widgetInloggen .vergeten {    float: left;font-size: 11px; line-height: 22px;  text-indent: 5px;  text-indent: 5px;}    

#verlangLijstID{ 
    height: 26px;
    line-height: 26px;
    padding-left: 5px;}
#verlangLijstID,#zoekWoordID    {width:178px;}
/* einde verlanglijstje */

#fb-root {padding:5px; z-index:10}

/*Cateogrie in DIVS */

/* Barcode */
.EANholder {}
.EANnummer {}
.EANbarcode {
	box-shadow: 0 1px 3px #CCCCCC;
    margin-top: 10px;
    padding: 10px;
    background-color:#fff;
    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 */

/* Projecten */
.projectHeader {}
.projectHolder {background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px; margin-bottom: 10px; overflow:hidden;}
.projectHolder .titel {color: #000000; font-weight: bold; border-bottom: 1px solid #cccccc; padding: 5px 10px; background: #eeeeee;}
.projectHolder .content {padding: 5px;}
#projectKeuzePopup {padding:10px;}
.projectKopRow {width:100%; border-spacing:0; border-collapse:collapse; padding:0;}
.projectKopDatum, .projectKopNaam, .projectKopStatus {overflow: hidden; white-space: nowrap; padding: 0;}
.projectKopDatum {width: 86px;}
.projectKopNaam {}
.projectKopStatus {width:120px}
.projectKopKnop {width:120px;}
.projectRow {width:100%;  border-spacing:0px;  border-collapse:collapse; padding:0px;}
.projectRow:hover {*box-shadow:inset 0 0px 3px rgba(0,0,0,.2); background-color:#fcfcfc; }
.projectDatum, .projectNaam, .projectStatus{font-size:12px; overflow: hidden; white-space: nowrap; padding: 3px 5px;}
.projectDatum {width:75px; color: #BBBBBB;}
.projectNaam {font-weight:bold; color:#000;}
.projectStatus {width:120px}
.projectKnop {width:120px;text-align: right;}
.projectKnoppen {}
.projectKnoppen2 {border-top: 1px solid #CCCCCC;   margin-top: 5px;   padding-top: 5px;   text-align: right;}
.projectInfo {margin-top:10px; margin-bottom:10px;}
.projectGegevens .td1 {width:150px; vertical-align:top; line-height:2.5em;}
.projectGegevens input {width:100%;}
.projectGegevens textarea {    height: 70px;   padding: 3px; text-indent:0;   width: 98.5%;}
.projectAantal {width:55px;}
.projectAantal .aantal {text-align:center;}
.aantalOmhOml {
	background: #BBBBBB;
    border-radius: 2px;
    color: #FFF !important;
    display: block;
    font-family: arial,helvetica !important;
    font-size: 12px;
    line-height: 8px;
    margin: 0 0 1px;
    padding: 1px;
    position: relative;}
.aantalOmhOml:hover {text-decoration:none;}
.projectRegelTotaal {text-align: right; white-space: nowrap;  width: 72px;}
.zonderBorder {border:0 none !important}
.wButProject {font-size:14px}
.wButNieuwProject {display:block; margin-bottom:10px; font-size:13px!important;}
.mandjeLegenKnop {float: right; text-decoration:underline; margin-top:2px;} .winkelmandjeKop {float:left;} #winkelmandje {clear: both;}
.wButMandjeLegen {font-size:10px; }
/* Einde projecten */

/*Product carousel */
.productCarrousselHolder {}
.productCarrousselHolder .jcarousel-container-horizontal {width:674px;}
.productCarrousselHolder .jcarousel-clip-horizontal {width:674px;}
.productCarrousel {}
.productCarrousel li {height: auto; position:relative;}  
.productCarrousselP {margin:3px !important;}
.productCarrousselP:hover {box-shadow:0 1px 3px rgba(0,0,0,.5)}

.carrouselAfbeelding {display:block; padding: 5px;}
.carrouselAfbeelding .verticaalMidden {height:150px;}
.carrouselTekst {display:block; width:150px; line-height:1.5em; height:3em; overflow:hidden; padding:0px 5px 5px 5px; font-weight:bold; color:#000;}

/* .carrouselPrijs {background: #000000; color: #FFFFFF; padding: 0px 3px; position: absolute; right: 5px; top: 136px; font-size:10px;}
.carrouselPrijsVan {font-size:10px; text-decoration: line-through;}
.carrouselPrijsVoor {font-size:12px; } */

.carrouselEuro {display:none;}
.carrouselPrijs {border-radius:100px; width:70px; height:70px; background: #000000; color: #FFFFFF; position: absolute; right: 5px; top: 75px; font-size:10px; text-align:center}
.carrouselPrijsVan {font-size:10px; text-decoration: line-through; display:block; color:#aaa; white-space:nowrap; width:70px; position:absolute; top: 11px;}
.carrouselPrijsVoor {font-size:15px; font-weight:bold; white-space:nowrap; line-height:72px;}
.carrouselPrijsVanaf {text-decoration:none;}
/*Einde Product carousel */

/* Affiliatie pagina */
.affiliateHeader            {}
.affiliateInstelling        {padding:15px 20px; border:1px solid #ccc; color:#000; background:#fff; border-radius:5px; margin-bottom:20px;}
.affiliateHolder            {background: #FFFFFF; border: 1px solid #CCC; border-radius: 5px; margin-bottom: 10px; overflow:hidden;}
.affiliateHolder .titel     {color: #000000; font-weight: bold; border-bottom: 1px solid #cccccc; padding: 5px 10px; background: #eeeeee;}
.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;}
.affiliateKopOrder          {}
.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: #BBBBBB;}
.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%; box-shadow: 0 0 4px rgba(0,0,0,.3); background-color:#fff; height:30px; z-index:12; position:relative;}
.accountHouder2         {width:1000px; margin:0 auto; position:relative;}
.account                {display:block; ; right:0; z-index:50; position:absolute; line-height: 30px; margin:0;}
.account li             {float:left; margin:0 0px; padding:0 10px; list-style:none; position:relative;}
.account .seperator     {border-right: 1px solid #CCCCCC; height: 16px; position: relative; top: 8px; width: 0; padding:0;}
.account .houder        {max-height:0; overflow:hidden; position:absolute; right:0; background:#fff; box-shadow:0 4px 4px rgba(0,0,0,.2); top:20px; width:300px; transition: all 0.3s ease 0s; opacity:0;} 
.account h2                     {line-height: 1.5em; font-size: 17px; border-bottom: 1px solid #ccc; 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;  filter: alpha(opacity=1); position:absolute; }
.account .favorietenKnop        {*background: url("images/iconFavorieten-16.png") no-repeat scroll 0 7px; *padding-left: 23px;}
.account .openGeklapt .houder   {max-height:500px; opacity:1; filter: alpha(opacity=100); top:30px;}
.account .inloggenKnop, .account .favorietenKnop, .account .verlanglijstKnop, .account .mijnAccountKnop  {cursor:pointer;}
.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:#f5f5f5; border-top:1px solid #ddd;}
.account .inloggen                        {}
.account .inloggenKnop                    {background: url("images/iconAccount-16.png") no-repeat scroll 0 7px; padding-left: 23px;}
.account .inloggen .houder                {}
.account .inloggen .email input, .account .inloggen .wachtwoord input,  .account .inloggen .wachtwoord2 input  {width:230px; padding:5px 10px; font-size:13px;}
.account .inloggen .inlogKnop             {padding-top:3px;}
.account .inloggen .wachtwoordKwijt       {float:right;}
.account .verlanglijst                    {}
.account .verlanglijst .houder            {}
.account .verlanglijst .code input        {width:230px !important; padding:5px 10px !important; font-size:13px !important;}
.account .verlanglijst .code2             {padding-top:3px;}
.account .verlanglijst .mijnverlanglijst2 {border-top: 1px dashed #CCCCCC; line-height: 20px; margin: 15px 0 0; padding: 10px 0 0;}
.account .mijnAccount                     {}
.account .mijnAccount .houder             {width:220px;}
.account .mijnAccount .mijnAccountKnop    {background: url("images/iconAccount-16.png") no-repeat scroll 0 7px; padding-left: 23px;}
.winkelwagenHouder          {position:absolute; right:0; height:46px; top:30px; background:#fff; z-index:10; padding-left:0; border-radius: 0 5px 5px 0; transition: all .3s ease;}
.winkelwagenHouder .icoon   {position:absolute; left:-23px; width:46px; height:46px; background:url("images/winkelwagen.png") no-repeat center center #2DBA43; border-radius:50px;}
.winkelwagenHouder .aantal  {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 50px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    min-width: 12px;
    padding: 0 5px;
    position: absolute; 
    right: 37px;
    text-align: center;
    top: 3px;}
.winkelwagenHouder:hover  {background:#fff; padding-left:10px;} 
.winkelwagenHouder.openGeklapt .winkelwagen {max-height:999px; opacity:1; filter: alpha(opacity=100); top:46px;}
.winkelwagenHouder .winkelknop {cursor:pointer; height: 46px;}
.winkelwagenHouder .titel     {color: #000; font-size: 13px; font-weight: bold; margin-left: 24px; padding: 7px 12px 5px 12px; text-align:right; line-height:1em;}
.winkelwagenHouder .bedrag    {color: #666; font-size: 13px; font-weight: normal; margin-left: 24px; padding: 0px 12px; text-align:right; line-height:1em;}
.winkelwagen                  {position:absolute; top:36px; width:400px; right:0; overflow:hidden; max-height:0; opacity:0; transition: all .3s ease; padding:0px; background: #eee; box-shadow: 0 3px 3px rgba(0,0,0,.2);}
.projectOpslaanknop           {padding:0 0 10px 20px;}
/* Einde Account 2.0 */

/* Zoekveld 2.0 */
.zoeken       {display:block; position:absolute; top:34px; right:200px;}
.zoeken .veld {float: left;}
.zoeken .veld #zoekWoordID {border:1px solid #ccc; box-shadow:none; padding:5px 10px; font-size:14px; font-style:italic; border-radius:5px 0 0 5px; margin:0; width:100px; transition: all .3s ease;}
.zoeken .veld #zoekWoordID:focus {width:200px;}
.zoeken .knop {float: left;}
.zoeken .knop {display:block; width:42px; padding:0; height:38px; background:url("images/iconZoeken-20.png") no-repeat center center #ccc; border-radius: 0 5px 5px 0; transition: all .3s ease; cursor:pointer}
.zoeken .knop:hover {background-color:#aaa; padding: 0;}
.zoeken .knop img {display:none;}
/* Einde Zoekveld 2.0 */

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

/* Filter */
.filters                          {padding:10px 5px; background:#eee; display:block; position:relative; margin:10px 0; border-radius:5px; border:1px solid #ccc;  -webkit-user-select: none;}
.filters .kenmerkgroepHouder      {margin:0; padding:0; list-style:none;}      
.filters .kenmerkgroep            {position:relative; padding:0; margin:0; list-style:none; float:left; margin: 5px; display:inline-block;}
.filters .kenmerkgroep a.titel    {font-weight:bold; padding:5px 10px; min-width:90px; border-radius:3px; background:#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:#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 span  {background-color: #eee;  border-radius: 10px; *color: #fff; display: inline-block; 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; -moz-pointer-events:none; pointer-events:none;}
.filters .nietBeschikbaar span    {display:none !important;}
.filters .toelichting             {float:left; margin-left:5px;}
.filters .toelichting h2          {font-size:15px;}
.filters .beschikbaar             {float:left; margin-left:20px; position: relative; top: 2px;}
.filters .beschikbaar .aantal     {font-weight:bold;}
.filters a.wButFilter             {position:relative; float:right; font-weight:bold; padding:5px 10px; border-radius:6px; background:#fff; border:0px solid #ccc; box-shadow:0 1px 5px rgba(0,0,0,.0); transition: all .2s ease; margin: 5px; text-decoration:none; background:#2DBA43; color:#fff;}
.filters a.wButFilter:hover       {background-color:#2DBA43; 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:#fff; padding:3px 8px; display:inline-block; 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 */
.shopLijst1Kenmerken          {padding:10px 0;}
.kenmerkArt                   {transition: all .2s ease; background:#fff; padding:2px 5px; display:table-row; width:100%;}
.kenmerkArt:hover             {background:#f8f8f8; }
.kenmerkArt .groep            {display:table-cell; padding-right:10px; font-weight:bold; color:#000;}
.kenmerkArt .kenmerk          {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;}
.kenmerkArt .groep, .shopLijst1Kenmerken .kenmerkArt .kenmerk  {}

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