:root {
  --blue: #336699;
  --white: #ffffff;
  --black: #000; 
  --shopsub: rgb(54, 151, 195);
  --red: #c00;
  --green: #0c0;
  --ccc:#ccc;
  --hover:#cd6b14;
}



.my_gegLeft				{box-sizing:border-box;width:40%;float:left;}
.my_gegRight			{box-sizing:border-box;width:60%;float:left;}

.keuze1 				{background-color:#eee;border-top:solid 2px #000;}


/*TITELS*/
.shop_main 				{}
.shop_main h2 			{padding-bottom:5px;margin-bottom:25px;border-bottom:1px solid var(--ccc);}
.shop_main h3 			{font-size:14px;font-weight:700;margin-bottom:10px;text-transform:uppercase;}

/*LOGINBOXEN*/
.loginBox 				{margin-bottom:30px;width:75%;border:1px solid var(--ccc);}
.logPad					{padding:20px;}
.regBox 				{margin-bottom:30px;width:100%;border:1px solid var(--ccc);}
.regPad					{padding:20px;}


/*LOGINLINKS*/
.shopInp 								{border: 1px solid #d8d8d8;background-color: var(--white);color: #000;padding: 2px;font-size: 13px;}
#shop_choice1,#shop_choice2				{cursor:pointer;padding:20px;margin-bottom:5px;background-color:#eee;color:#000;-webkit-transition: background-color 0s, color 0s;}
#shop_choice1:hover,#shop_choice2:hover	{padding:20px;background-color:#343434;margin-bottom:5px;color:var(--white);-webkit-transition: background-color 0s, color 0s;}

/*SHOP_SUBMIT_BUTTONS EN +EN- BUTTONS*/
.shop_submit 			{background-color:var(--shopsub);color:var(--white);text-transform:uppercase;border-radius:3px;display: inline-block; font-size: 14px; margin-top: 0px; padding: 10px 15px; text-decoration:none;line-height:normal;}
.shopadder				{text-align:center;width:135px;padding:10px 7px;border-radius:none;border-radius:0px;}
.shop_submit:hover 		{color:var(--white);background-color:var(--hover);}
.darkRef{}
.lightRef{}
/*
.aantalShop input 		{color:var(--shopsub);display:inline-block;width:60px;border:1px solid var(--shopsub);margin-top:-12px;border-radius:3px;text-align:center;font-size:15px;}
.plusAantal 			{color:var(--shopsub);display:inline-block;width:23px;text-align:center;padding:0px;font-size:27px;margin-left:6px;} 			
.minAantal 				{color:var(--shopsub);display:inline-block;width:23px;text-align:center;padding:0px;font-size:27px;margin-right:6px;}
.plusAantal:hover		{color:var(--hover);}
.minAantal:hover		{color:var(--hover);}*/

.quantity 				{display: flex;margin-bottom: 0px;}
.aantalShop 			{border-top: 1px solid var(--shopsub);border-bottom: 1px solid var(--shopsub);height: 45px;width: 45px;min-width: 1px;display: flex;align-content: center;justify-content: center;}
.aantalShop input 		{color:var(--shopsub);background-color:#fff;width:100%;box-sizing: border-box;font-weight: 700;border: 0;text-align: center;line-height: 45px;border: 0px solid var(--shopsub);}
.minAantal a 			{font-size:20px;border: 1px solid var(--shopsub);height: 45px;width: 45px;min-width: 1px;text-align: center;text-decoration: none;display: flex;align-items: center;justify-content: center;line-height: 45px;}
.plusAantal a 			{font-size:20px;border: 1px solid var(--shopsub);height: 45px;width: 45px;min-width: 1px;text-align: center;text-decoration: none;display: flex;align-items: center;justify-content: center;line-height: 45px;}


/*LOGINLINKS*/
#loginLnksMob			{display:none;}
#loginLnks				{padding:10px 0px 10px 0px;}
#loginLnks ul			{margin:0;list-style-type:none;}
#loginLnks ul li 		{display:inline-block}
#loginLnks ul li a 		{display:block;border-right:1px solid var(--black);text-transform:uppercase;padding:0px 10px 0px 0;margin-right:10px;text-decoration:none;}
#loginLnks ul li a:hover{color:#909090;}

/*DIVS*/
.verder_winkel 			{margin-bottom:30px;}
.verder_winkel2 		{margin-top:30px;}
#betaalmogelijkheden 	{margin:30px 0;}
.no-mini 				{margin-top:30px;}

.inShopList a 			{background-color:var(--hover);color:var(--white);border-radius:5px;padding:5px;box-sizing:border-box;display:inline-block;width:auto;margin:0px auto;}

.store 					{display:block;padding:20px;border-bottom:solid 1px var(--ccc);text-decoration:none;}
.store:hover 			{background-color:#eee;color:#000;}
.captcha 				{width:200px;}
.reedsklant 			{float:left;width:25%;margin-right:5%;}
.registreerklant 		{float:right;width:70%;}
.jouwK1,.jouwK2 		{padding:20px;background-color:#eee;border-top:solid 5px #444;margin-bottom:10px;display:none;}
.betaling 				{margin-top:30px;}


#wnkAfm a {margin-right:0 !important;padding-right:0 !important;border-right:0 !important;}

/*IN CAR£T PROD DETAIL*/
#inCartProdDetail 		{border:1px solid #000;padding:10px;margin-top:10px;margin-bottom:10px;}
#inCartProdDetail a.cart{}
#inCartProdDetail a.del	{}
#inCartProdDetail b		{}
.reeds					{margin-top:10px;border-top:solid 1px var(--black);padding:10px 0px 10px 0px;}
.reeds b				{}
.countincart 			{font-size:20px;font-weight:bold;color:#000;display:inline-block;}

/*REFS*/
#refDiv div.td			{border-top:dashed 1px var(--black);}

#msg{color:var(--white);background-color:#343434;padding:5px;}
#maten{margin-bottom:10px;}
#maten .maat{display:inline-block;}
#maten .maat a{display:block;padding:5px;text-align:center;border:solid 1px var(--ccc);margin-right:5px;text-decoration:none;}
#maten .maat a.selected{background-color:#fe8100;color:var(--white);}
.korting{}
.inpErr{border:solid 2px #c00;}

.cartleft {display:inline-block;margin-right:10px;vertical-align:top;font-size:30px;}
.cartright {display:inline-block;vertical-align:top;}
.topCartPrice {font-size:12px;}

#shortBasket{background-color:var(--white);border:1px solid #d6d6d6;width:325px;}
#shortGoShopA{}
.shortRow{padding:10px;border-bottom:1px solid #d6d6d6;}
.shortCimg{float:left;width:15%;text-align:center;}
.shortCtxt{float:left;margin-top:10px;font-size:12px;text-transform:uppercase;width:85%;text-align:center;}
#shortGoShopDiv{padding:10px;}
.carttit {border-bottom: 1px solid #d6d6d6;color: #000;font-size: 16px; padding: 10px; text-align: center;}
.carttit2 {border-bottom: 1px solid #d6d6d6;color: #000;font-size: 14px; padding: 10px; text-align: center;}
#topShortCart{}
#bottomShortCart1 {width:100%;}
#bottomShortCart1 a {display:block;padding:10px 20px;background:#000;color:var(--white);text-align:center;font-size:12px;text-transform:uppercase;text-decoration:none;}
#bottomShortCart1 a:hover {background:#bc290a;}
.topCart {color:var(--white);}

#shop_name{}
#shop_name a{}
.already {float:left;width:45%;margin-right:10%;}
.createacc {float:left;width:45%;}

.aantal {width:30px;float:left;font-size:13px;padding:2px;border:1px solid #d8d8d8;color:#000;background-color:var(--white);}
.onder {margin-top:30px;}
.onder_left {float:left;}
.onder_right {float:right;}

#basket_view {}

.paypalbtn {margin-top:15px;}
.onScreen{}
#shop_view {margin-top:30px;}

.afrekenLnk {text-align:right;}
.goProd {background-color:#343434;color:var(--white);border:0px solid #d8d8d8;display: inline-block; font-size: 14px; margin-top: 20px; padding: 10px 15px; text-decoration:none;line-height:normal;}
.goProd:hover {color:var(--white);}

.shop_verlang {background-color:var(--white);color:#bc290a;border:1px solid #bc290a;display:inline-block; font-size: 11px; margin-top: 20px; padding: 10px 15px; text-decoration:none;line-height:normal;}
.shop_verlang:hover {background-color:#bc290a;color:var(--white);}
.shop_submit_2 {display:inline-block;background-color:#000;border:1px solid var(--white);font-size:13px;text-transform:uppercase;padding:3px 10px;color:var(--white);}

.normal{font-weight:normal;}
.line{
	height:1px;
	border-bottom: solid 1px #000;
}

.frmErr{background-color:#000;padding:10px;color:var(--white);font-weight:bold;margin-bottom:10px;}



#formWrap h2{font-weight:bold;font-size:14px;margin-bottom:10px;}
#formWrap td{}

#formWrap td.onScreen{}
#formWrap input{}
.pwd{display:none;}
#pswMeld{margin-bottom:10px;}

#result{margin-left:5px;}
.short{color:#FF0000;}
.weak{color:#E66C2C;}
.good{color:#2D98F3;}
.strong{color:#006400;}
.success{background-color:#797979;padding:10px;color:var(--white);font-weight:bold;border-radius:10px;margin:10px 0;}
.success a{ color:#000;}


/*BASKET*/
.bsktL{width:100%;padding-bottom:10px;padding-top:10px;border-bottom:solid 1px var(--ccc);}
.bsktL .img{width:15%;float:left;margin-right:5%;}
.bsktL .txt{float:left;width:80%;}
.bsktL .shopCol1{float:left;width:30%;}
.bsktL .shopCol2{float:left;margin-left:5%;width:30%;}
.bsktL .shopCol3{float:left;width:30%;margin-left:5%;text-align:right;}

.bsktL .shopCol1b{float:left;width:200px;font-weight:bold;}
.bsktL .shopCol2b{float:left;width:100px;}
.bsktL .shopCol2 div{text-align:right;margin-bottom:10px;float:right;}
.bsktL .shopCol2b div{text-align:right;margin-bottom:3px;float:right;}
.bsktL .shopCol3b{float:left;padding-left:15px;}

.bsktL .aanp{margin:0px;padding:0px;height:0px;overflow:hidden;}
#bsktR{float:left;width:50%;min-width:290px;}
#bsktR .pr{}
.bigLine{background-color:#000;height:3px;margin-bottom:10px;}

#login{width:100%;}
#login div{}
#login .req{float:left;}
#login .frgt{float:right;}
/*account maken*/
.make_account{font-size:14px;color:#000000;padding:5px;padding-left:0px;margin-top:5px;margin-bottom:5px;}
#formWrap #make_account{width:20px;}
/*stap3*/
#geg_check{}
#my_geg{float:left;width:45%;margin-right:10%;}

#my_lever {float:left;width:45%;}
#div_ship_adres {margin-top:30px;padding-bottom:30px;display:none;}

#formWrap input[type="radio"]{}
#formWrap input[type="button"]{}

.payborder {border:solid 1px #d8d8d8;padding:20px;margin-top:20px;position:relative;background-color: var(--white);color: #000;}

/*DPD*/
#dpdCards{}
#dpdCards h2{}
.dpdCol1{width:98%;}
.dpdCol2{width:48%;}
.dpdCard{float:left;margin-top:20px;margin-right:2%;outline:solid 1px #eee;}
.dpdCardPad{padding:20px;position:relative;}
.dpdCardTop{text-align:center;font-weight:bold;}
.dpdCardTop img{width:40px;}
.dpdOpeningLink{}
.dpdKies{border:solid 1px #dc0032;display:block;text-decoration:none;border-radius:10px;padding:7px;font-size:15px;margin-top:10px;text-align:center;background-color:#dc0032;color:var(--white);}
.dpdKies:hover{border:solid 1px #dc0032;color:#000;color:#dc0032;background-color:var(--white);}
.dpdClosed{color:#dc0032;}
.dpdZoek{font-weight:bold;background-color:#dc0032;color:var(--white);padding:5px;display:inline-block;border-radius:5px;border:solid 1px #dc0032;text-decoration:none;}
.dpdGemeente{padding:5px;border-radius:5px;margin-right:5px}
.dpdWrap{white-space: nowrap;}

.dpdTerug{float:right;width:20%;text-align:right;}
.dpdTitel{float:right;width:80%;margin-top:15px;}

.dpdOpening{margin-top:10px;}
.dpdOpenFloat1{float:left;width:50%}
.dpdOpenFloat2,.dpdOpenFloat3{float:left;width:25%}

.dpdBack{position:absolute;top:10px;right:20px;}
.dpdOfZoek{display:inline-block;}
a.dpdSmall{font-weight:bold;background-color:#dc0032;color:var(--white);padding:5px;display:inline-block;border-radius:5px;border:solid 1px #dc0032;margin-top:10px;text-decoration:none;}
a.dpdSmall:hover{color:#000;color:#dc0032;background-color:var(--white);}

@media screen and (max-width: 1020px) {
	
}
@media screen and (max-width: 850px) {
	.loginBox{width:100%;}
	.bsktL .shopCol1 {float:left;width:30%;}
	.bsktL .shopCol2 {float:left;width:25%;text-align:right;margin-left:5%;}
	.bsktL .shopCol3 {float:left;width:35%;text-align:right;margin-left:5%;}
	.bsktL .shopCol4 {float:left;width:15%;text-align:right;margin-left:5%;}
	.bsktL .shopCol5 {float:right;width:5%;text-align:right;margin-left:5%;}
	.dpdGemeente{margin-top:10px;margin-bottom:10px;}
	#my_geg,#my_lever{width:100%;}
	.img img{width:100%;}
	
}
@media screen and (max-width: 640px) {
	#loginLnks{display:none;}
}

@media screen and (max-width: 460px) {
	.shopCol1 span {font-size:18px;}
	.bsktL .shopCol1 {float:left;width:85%;}
	.bsktL .shopCol2 {float:left;width:80%;font-weight:bold;margin-top:10px;}
	.bsktL .shopCol3 {float:left;width:70%;text-align:left;margin-left:5%;margin-bottom:10px;}
	.bsktL .shopCol4 {float:left;width:25%;text-align:right;margin-left:5%;}
	.bsktL .shopCol5 {float:right;width:5%;text-align:right;margin-left:5%;}
	.bsktL .shopCol1b{width:100%;}
	.bsktL .shopCol2b{width:85%;padding-right:15%;}
	
	.dpdOpenFloat1{width:100%}
	.dpdOpenFloat2,.dpdOpenFloat3{float:left;width:50%}
	.dpdCard{margin-left:0px;}
	.dpdCol1{width:100%;}
	.dpdCol2{width:100%;}
	.dpdWrap{white-space:normal;display:block;}
	
	.dpdTerug{float:none;width:100%;text-align:right;text-align:center;margin-bottom:15px}
	.dpdTitel{float:none;width:100%;text-align:right;text-align:center;}
}
