/* //////////////////////////////////////////
	/											/
	/	WebwinkelPro Kassa StyleSheet			/
	/	9-5-2011 - Posbestellen					/
	/											/
	////////////////////////////////////////// */

	/* Algemeen */
	.kassa_clear { clear: both; height: 1px; }
	#kassa_wrapper { position: relative; display: block; width: 516px; min-height: 516px; background: #FFF; border: 0px solid #D1D1D1; }
	#kassa_mainCntr { margin: 0 auto; padding: 15px 0px 15px 0px; width: 514px; }
	#kassa_contentCntr fieldset { border: none; }
	#kassa_contentCntr li { background: none; }

	/* Kassa stappen UL LI */
	#kassa_contentCntr #kassa_stapCntr { margin: 0 0 20px 0; }
	#kassa_contentCntr #kassa_stapCntr ul { overflow: hidden; list-style: none; margin: 0; border: 1px solid #DADADA; padding: 0; }
	#kassa_contentCntr #kassa_stapCntr li { float: left; height: 100%; line-height: 100%; width: 20%; background: none; padding: 0; }
	#kassa_contentCntr #kassa_stapCntr li a { padding: 25px 0 10px 0; display: block; text-align: center; text-decoration: none; color: #000;  font-size: 12px; background: url('../images/kassa/next.png') center 10px no-repeat; }
	#kassa_contentCntr #kassa_stapCntr li.kassa_selected a {color: #000; background: #dfdfdf url('../images/kassa/next.png') center 10px no-repeat; }
	#kassa_contentCntr #kassa_stapCntr li.kassa_done a { color: #000; background: #EBEBEB url('../images/kassa/ok.png') center 10px no-repeat; }
	#kassa_contentCntr #kassa_stapCntr li.kassa_error a { color: #000; background: #EBEBEB url('../images/kassa/error.png') center 10px no-repeat; }
	#kassa_contentCntr #kassa_stapCntr li a:hover { text-decoration: none; color: #D3000F; }
	
	#kassa_contentCntr h2 { margin: 0 -12px 10px; }
	.kassa_verBox h2 { margin: 0 0 10px; }
	
	/* Producten overzicht / Uw winkelwagen */
	#kassa_contentCntr .kassa_kassaBox { padding: 0 12px 15px 12px; }
	#kassa_contentCntr .kassa_kassaBox h1 { line-height: 12px; margin: 0 0 5px 0; }
	#kassa_contentCntr .kassa_kassaBox h1 a { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; }
	
	.kassa_kassaBox table.kassa_pro { width: 100%; border-top: 1px dotted #afafaf; vertical-align: top; }
	.kassa_kassaBox table.kassa_pro td { padding: 20px 0; border-bottom: 1px dotted #afafaf; vertical-align: top; width: 65%; }
	.kassa_kassaBox table.kassa_pro td.kassa_update { line-height: 26px; width: 15%; }
	.kassa_kassaBox table.kassa_pro td.kassa_update .kassa_field{ width: 16px !important; padding: 5px !important; text-align: center !important; margin: 0 !important; }
	.kassa_kassaBox table.kassa_pro td.kassa_last { text-align: right; width: 20%;  }
	.kassa_kassaBox table.kassa_pro td.kassa_last #voorraadindicator { margin: 0 auto; }
	.kassa_kassaBox table.kassa_pro td.kassa_last #voorraadindicator img { border: 0px; float:none; margin-left: 9px; }
	.kassa_kassaBox table.kassa_pro td.kassa_last span { padding-top: 5px; display: block; font-weight: bold; font-style: normal; color: #797979; text-decoration: line-through; font-size: 10px; }
	.kassa_kassaBox table.kassa_pro td.kassa_last em { display: block; font-weight: bold; font-style: normal; font-size: 15px; padding: 0 20px 0 0; }
	.kassa_kassaBox table.kassa_pro td img { float: left; border:1px solid #ccc; padding: 1px; float: left; margin: 0 10px; }
	.kassa_kassaBox table.kassa_totaal {  padding: 10px; margin-top: 20px; width: 100%; background: #e9e9e9; }
	.kassa_kassaBox table.kassa_totaal td { padding: 0px 10px 0px 10px; line-height: 30px; text-align: right; }
	.kassa_kassaBox td.kassa_bold { font-weight: bold; }
	.kassa_kassaBox table.kassa_totaal td.kassa_first { text-align: right; width: 85%; }  
	.kassa_kassaBox table.kassa_totaal td.kassa_first a img { display: inline; opacity: 0.4;} 
	.kassa_kassaBox table.kassa_totaal td.kassa_first a:hover img { opacity: 1;} 
	
	.kassa_kassaBox a.kassa_del { cursor: pointer; float: right; display: block; width: 23px; height: 24px; text-indent: -9999px; background: url('../images/kassa/delete_product.png') top no-repeat; float: left; }
	.kassa_kassaBox a.kassa_del:hover { background: url('../images/kassa/delete_product.png') bottom no-repeat; }
	
	.kassa_kassaBox a.kassa_plus { float: left; cursor: pointer; display: block; width: 14px; height: 13px; text-indent: -9999px; background: url('../images/kassa/plus.gif') top no-repeat; }
	.kassa_kassaBox a.kassa_plus:hover { background: url('../images/kassa/plus.gif') bottom no-repeat; }
	
	.kassa_kassaBox a.kassa_min { float: left; cursor: pointer; display: block; width: 14px; height: 13px; text-indent: -9999px; background: url('../images/kassa/min.gif') top no-repeat; }
	.kassa_kassaBox a.kassa_min:hover { background: url('../images/kassa/min.gif') bottom no-repeat; }
	
	#kassa_contentCntr .kassa_kassaBox fieldset { margin-right: 15px; float: left; overflow: hidden; width: 28px; border: 0px; }
	
	#kassa_contentCntr .kassa_kassaBox input.kassa_field { padding-top: 5px; float: left; width: 40px; height: 21px; text-align: center; font-weight: bold; font-size: 14px; border-radius: 2px 2px 0 0; border: 1px solid #dedede; }
	
	#kassa_contentCntr #voorraadindicator img { border: none; margin: 0 5px 0 0; }
	
	/* Coupons */
	.kassa_couponBox { padding: 0 12px; }
	#kassa_contentCntr .kassa_coupon { background: #fff; overflow: hidden; margin: 0 0 15px 0; border-right: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; }
	#kassa_contentCntr .kassa_couponBox fieldset { padding: 15px; overflow: hidden; background: url(../images/textBox-bevel.gif) repeat-x scroll left top; border: 1px solid #D9D9D9; margin: 0 0 15px 0;  }
	#kassa_contentCntr .kassa_coupon ul { margin: 0; }
	#kassa_contentCntr .kassa_couponBox label { float: left; line-height: 24px; font-size: 16px; margin: 0 20px 0 0; padding: 0; }
	#kassa_contentCntr .kassa_couponBox a.kassa_vraag { margin: 5px 10px 0px 10px; display: block; float: right; width: 18px; height: 17px; background: url('../images/kassa/vraag.gif') no-repeat; text-indent: -9999px; color: #ffffff; }
	
	/* Identificeren */
	.kassa_idenBox { padding: 0 12px 15px 12px; overflow: hidden; }
	.kassa_idenBox fieldset { float: left; display: inline; overflow: hidden;border: 0; width: 49%; border-right: 1px solid #DADADA; }
	.kassa_idenBox .kassa_right {  display:inline; float:left; overflow:hidden; width: 40%; padding: 0 5%; }
	.kassa_idenBox label { display: block; margin: 0 0 5px 0; }
	.kassa_idenBox .kassa_right a { color: #666; font-size: 11px; }
	.kassa_idenBox span a { display: block; float: left; font-size: 11px; color: #666; } 
	
	/* Registreren */
	.kassa_gegBox p { margin: 0px !important; padding: 0px !important; }
	.kassa_gegBox fieldset { overflow: hidden; border: 0px; margin: 0 12px; }
	.kassa_gegBox label { float: left; display: block; width: 170px; height: 31px; padding: 0; }
	.kassa_gegBox label.kassa_small { width: auto; margin: 0 2% 0 0; }
	.kassa_gegBox label.kassa_radio { padding: 0 0 0 10px; width: 45px; } 
	.kassa_gegBox label a { padding-left: 15px; color: #000; background: url('../images/kassa/pdf.gif') no-repeat left; display: block; }
	.kassa_gegBox label.kassa_voor {  height: auto; }
	.kassa_gegBox label.kassa_vraag { width: 146px; }
	.kassa_gegBox a.kassa_vraag { margin: 7px 6px 0 0; display: block; float: left; width: 18px; height: 17px; text-indent: -9999px; background: url('../images/kassa/vraag.gif') no-repeat; opacity: 0.4; }
	.kassa_gegBox a.kassa_vraag:hover { opacity: 1.0; }
	.kassa_gegBox .knopjes { margin: 15px 0 0 0; }
	
	/* Wachtwoord vergeten */
	#kassa_contentCntr .kassa_wachtBox { padding: 0 12px 15px 12px; }
	#kassa_contentCntr .kassa_wachtBox label { margin-bottom: 9px; float: left; display: block; width: 189px; height: 31px; line-height: 31px; }
	
	/* Verzenden */
	.kassa_verBox { padding: 0 12px 15px; overflow: hidden; }
	.kassa_verBox fieldset { overflow: hidden; border: 0px; }
	.kassa_verBox label { padding:0; padding-left: 35px; float: left; display: block; width: 120px; line-height: 31px; }
	.kassa_verBox label.kassa_small { width: 5%; margin: 0 2% 0 0; }
	#verzendwijzediv { margin: 0 0 15px 0; }
	.kassa_verBox .kassa_button { margin: 15px 0; overflow: hidden; }
	.kassa_button { overflow: hidden; } 
	.kassa_verBox label.kassa_radio { padding-left: 10px; width: 45px; }
	.kassa_verBox .select { display: none; }
	.kassa_verBox label span { font-weight: normal; display: inline; margin: 0; padding: 0; }
	.kassa_verBox ul { list-style: none; margin: 0 0 0 32px; padding: 0; }
	.kassa_verBox li { line-height: normal; padding: 0; }
	.kassa_verBox a.kassa_bewerk { padding-right: 20px;font-weight: normal; color: #000; background: url('../images/kassa/bewerk.gif') no-repeat right; float: right; margin: 0 5px 0 0; }
	.kassa_verBox label.kassa_large { width: 200px; }
	#adreskl { background: white; padding: 10px; border-right: 1px solid #DADADA; border-left: 1px solid #DADADA;}
	#inpakkendiv { margin: 15px 0 0 0; }
	
	/* Betaalmethode */
	.kassa_betBox { padding: 0 12px 15px 12px; overflow: hidden; }
	.kassa_betBox fieldset { overflow: hidden; border: 0px; }
	#kassa_contentCntr .kassa_betBox p, #kassa_contentCntr .kassa_betBox #frm ul { padding: 0 5px; }
	#kassa_contentCntr .kassa_betBox p { margin: 0 0 10px 0; }
	#kassa_contentCntr .kassa_betBox .kassa_over ul { margin: 0 0 10px 0; }
	.kassa_betBox #frm ul { padding: 0 10px; margin: 0; overflow: hidden; list-style: none; }
		.kassa_betBox #frm ul li { float: left; width: 20%; padding: 5px 0; height: 20px; line-height: 20px; }
	.kassa_betBox span.subtotaal { display: block; font-size: 15px; width: 100%; text-align: right; padding: 10px 0; margin: 0 0 10px 0; border-top: 1px solid #DADADA; }
	#subtotaal { display: inline; font-weight: bold; margin: 0; padding: 0; }
	#adresboek, #adresnieuwfs { background: white; border-right: 1px solid #DADADA; border-left: 1px solid #DADADA; }
	#adresboek { border-bottom: 1px solid #dadada; }
	
	#ugdiv { padding: 0 12px 15px; }
	
	/* ## Overzicht ## */
	.kassa_overBox {  padding: 0 12px 15px; }
	.kassa_overBox .kassa_couponBox { padding: 0; }
	#kassa_contentCntr .kassa_over ul, #kassa_contentCntr .kassa_betaal ul, #kassa_contentCntr .kassa_totaal ul { list-style: none; margin: 0; overflow: hidden; }
	.kassa_over, .kassa_verzend , .kassa_betaal, .kassa_totaal { overflow: hidden; margin: 0 0 15px 0; background: #fff; border: 1px solid #D9D9D9; border-top: none; zoom: 1; }

	.kassa_overBox #adresfrm, { overflow: hidden; margin: 0 0 15px 0; }
	
	.kassa_title { padding: 0 1%; position: relative; height: 36px; line-height: 36px; border-bottom: 1px solid #e6e6e6; background: #D9E0B3; border: 1px solid #CFD3BA; }
		.kassa_title h3 { margin:0; padding: 0; font-size: 12px; float: left; }
		.kassa_title h3.titel1, .kassa_title h3.titel2 { width: 50%; }
		.kassa_title h3.titel2 { width: 48%; }
		
		.kassa_title a.kassa_pas { display: block; width: 16px; height: 36px; background: url('../images/kassa/wagen.gif') right center no-repeat; float: right; }
		.kassa_title a.kassa_adres { position: absolute; right: 1%; display: block; width: 16px; height: 36px; background: url('../images/kassa/adres2.gif') right center no-repeat; }
		.kassa_title a.kassa_betaal { display: block; width: 16px; height: 36px; background: url('../images/kassa/betaal.gif') right center no-repeat; float: right; border: none; margin: 0; }
	
	.kassa_over ul li { border-bottom: 1px dotted #BFBFBF; float: left; }
		.kassa_over li { width: 60%; padding: 5px 5%; line-height: normal; }
		.kassa_over li.kassa_last { width: 10%; font-weight: bold; background: url("../images/kassa/line2.gif") no-repeat left top; text-align: right; }
		.kassa_over li.kassa_first { width: 0%; text-align: center; background: url("../images/kassa/line2.gif") no-repeat right top; font-weight: bold; }
		.kassa_over li.kassa_first.kassa_none { display: none; }
		.kassa_over li.kassa_sub.kassa_none { width: 70%; text-align: right; border: none; }
		.kassa_over li.kassa_last.kassa_none { width: 10%; border: none; }
	
	.kassa_verzend { padding: 5px 1%; }
	.kassa_verzend .adr { float: left; width: 50%; line-height: 24px; }
		.kassa_verzend .adr address { font-style: normal; }
	.kassa_verzend p { text-align: right; padding: 5px 5% 5px 0; }
	
	.kassa_betaal { }
	.kassa_betaal li { width: 68%; float: left; padding: 5px 1%; }
		.kassa_betaal li.kassa_last { width: 25%; padding: 5px 5% 5px 0; text-align: right; background: url("../images/kassa/line2.gif") no-repeat left top; }
		
	.kassa_coupon img { display: inline; }
	.kassa_coupon li { width:68%; float: left; list-style: none; border-bottom: 1px dotted #BFBFBF; padding:5px 0; vertical-align: middle; padding: 5px 1%; }
	.kassa_coupon li.kassa_last { width: 20%; padding: 5px 5%; text-align: right; }
		
	/* Kassa totaal */
	.kassa_totaal { border-top: 1px solid #D9D9D9; padding-bottom: 5px;}
		.kassa_totaal li { float: left; text-align: right; font-size: 20px; color: #000; width: 75%; font-size: 14px; padding: 3px 0; }
		.kassa_totaal li.kassa_bold { width: 75%; padding: 10px 0 0 0; font-size: 20px; }
		.kassa_totaal li.kassa_last.kassa_bold { width: 20%; }
	.kassa_totaal li.kassa_last { width: 20%; }
		.kassa_totaal li.kassa_bonus { float: right; font-size: 11px; padding: 10px 5% 0 0; }
		
	#frm textarea#opmerking { height: 70px; margin-bottom: 10px; padding: 10px; width: 96%; }
	.knopjes { overflow: hidden; padding: 0 0 15px 0; }
	
	/* Als nog Betalen */
	#alsnogbetalen { margin: 0 0 15px 0; }
	
	/* Fout bij betalen */
	#kassa_contentCntr .doc { overflow: hidden; border-bottom: 1px solid #d9d9d9; padding: 0 0 10px 0; margin: 0 0 10px 0; }
	#kassa_contentCntr .doc p { padding:0; margin: 0 0 10px 0; }

	/* Input velden */
	#kassa_contentCntr input[type="text"],
	#kassa_contentCntr input[type="password"],
	#kassa_contentCntr input[type="radio"],
	#kassa_contentCntr input[type="checkbox"],
	#kassa_contentCntr input[type="button"],
	#kassa_contentCntr select { margin: 0 0 10px 0; height: auto; width: auto; float: none; text-decoration: none; font-size: 12px; }
	
	#kassa_contentCntr input[type="checkbox"], input[type="radio"] { background: none; border: 0; }
	
	/* Special fields */
	.kassa_grey input[type="radio"] { float: left !important; margin: 0 15px 0 0 !important; padding: 0; }
	#loginform input[type="text"], #loginform input[type="password"] { width: 70%; }
	
	#gegevensform input[type="radio"], #adresnieuwfs input[type="radio"], #kassa_contentCntr input[type="checkbox"] { float: left; margin: 9px 0 0; }
	#gegevensform input[type="text"] { width: 55%; }
	#gegevensform select { width: 58%; }
	
	#gegevensform input#kassa_straat { width: 30%; float: left; margin: 0 3% 0 0; }
	#gegevensform input#kassa_nr { width: 10%; }
	
	#gegevensform input#dag, #gegevensform input#maand { width: 3%; }
	#gegevensform input#jaar { width: 6%; }
	
	.kassa_couponBox input[type="text"] { margin: 0 !important; float: left; }
	.kassa_couponBox input[type="button"] { float: none !important; }
	
	#adreskl input[type="text"] { margin: 0 5px 5px 0; }
	
	#adresboek input[type="radio"] {  margin: 3px 0 0 5px !important; float: left; }
	
	#adresnieuwfs input[type="text"], #adresnieuwfs select { float: left; width: 20%; }
	#adresnieuwfs select { width: 23%; }
	#adreskl select { width: 21%; }
	
	.kassa_verzend .adr #kassa_land { width: 50%; }
	
	#kassa_contentCntr .kassa_couponBox fieldset input[type="button"], #inpakkendiv input[type="checkbox"] { margin: 0; }
	#inpakkendiv input[type="checkbox"] { padding: 0; }
	.kassa_betBox #frm ul li input { margin: 0; float: none; display: inline; padding: 4px 0; }
	
	/* Alle Buttons */
	#kassa_contentCntr .kassa_winkel,
	#kassa_contentCntr .kassa_bestel,
	#kassa_contentCntr input[type="button"] { background: #fff; color: #5C5C5C; border: 1px solid #DADADA; padding: 3px 10px; font-size: 12px; text-decoration: none; }
	
	#kassa_contentCntr .kassa_winkel:hover,
	#kassa_contentCntr .kassa_bestel:hover,
	#kassa_contentCntr input[type="button"]:hover { text-decoration: none; border: 1px solid #B0B0B0; color: #5F700C; }
	
	#kassa_contentCntr input[type="button"] { cursor: pointer; }
	
	/* Volgende buttons */
	#kassa_contentCntr .kassa_winkel { float: left; }
	#kassa_contentCntr .kassa_bestel,
	#gegevensform input.kassa_submit2 { float: right; background: #5F700C; color: #fff; border: 1px solid #5F700C; }
		#kassa_contentCntr .kassa_bestel:hover,
		#gegevensform input.kassa_submit2:hover { color: #fff; background: #5F700C; border: 1px solid #5F700C; text-decoration: underline; }
		
	/* Special Buttons */
	#loginform a.kassa_bestel, .kassa_right a.kassa_bestel { float: left !important; margin: 0 10px 0 0; }
	
	/* Error & Warnings */
	.errordiv,
	.warningdiv,
	.kassa_couponBox .coupondetail	{ margin: 0 0 10px 0; padding: 5px; }	
	
	.errordiv, .kassa_couponBox .coupondetail { border: 1px solid #e21c1c; background: #ebc1c1; color: #e21c1c; }
	.warningdiv { border: 1px solid #FFA722; background: #FFEFD7; }
	
	.errordiv ul, .kassa_couponBox .coupondetail ul { margin: 5px 0 0 20px; list-style: square; }
	
	#xcoupondetail { background: #daedda; border: 1px solid #64bb64; color: #4d9b4d; }
	
	/* Grey Box */ 
	#kassa_contentCntr .kassa_grey, #kassa_contentCntr fieldset.kassa_space {  padding: 10px 5px; position: relative; height: auto; line-height: notmal; font-weight: bold; border: 1px solid #CFD3BA; background: #D9E0B3; color: #7E9803; }
		.kassa_grey label { padding: 0px; width: 50%; height: auto; line-height: normal; margin: 0; display: inline; }
		.kassa_grey span.radio { margin-top: 10px; }
		.kassa_grey em { font-weight: normal; }
		#inpakkendiv label { width: auto; line-height: normal; padding: 0; padding-left: 15px; }
		
	/* Custom box */	
	.customtekst p { margin: 10px; }
		.customtekst ul, .customtekst ol { margin: 15px 32px; }
		
	/* Titels */
	.kassa_idenBox h4,
	.kassa_verBox h3,
	#frm h3 { color: #000000; font-size: 14px; font-weight: bold; padding: 0 0 15px; margin: 0; }
	
	/* KassaKado */
	.kassaKado { overflow: hidden; padding: 15px; }
		.kassaKado h4 { float: left; padding: 0; margin: 0; }
		#kassa_contentCntr .kassaKado select { float: right; }
		.kassaKado .geselecteerd { clear: both; border-top: 1px solid #e7e7e7; margin: 35px 0 0; padding: 10px 0 0; }
			.kassaKado .geselecteerd img { float: left; padding:1px; background: #fff; border: 1px solid #e7e7e7; margin: 0 15px 0 0 !important; }
			.kassaKado .geselecteerd p { margin: 0; padding: 0; }
			
	#voorraadindicator { display: none; visibility: hidden; }
	
			/* ### PRODUCT BOX ### */
		.kassa_productBox h3 { padding: 15px 0px 5px 0px; font-size: 14px; font-weight: bold; color: #656565; margin-left: 15px; }
		.kassa_productBox { padding-bottom: 15px; width: 675px; }
		.kassa_productBox h1 { padding: 10px 0px 5px 0px; line-height: 16px; font-size: 14px; font-weight: bold; background: no-repeat 200px center; }
		.kassa_productBox h1 a { text-decoration: none; color: #000; }
		.kassa_productBox h1 a:hover { text-decoration: underline; }
		.kassa_productBox ul { overflow: hidden; width: 675px; list-style: none; }
		.kassa_productBox li { padding-bottom: 20px; float: left; overflow: hidden; width: 294px; margin-left: 15px; background: none; }
		.kassa_productBox li.kassa_right { float: right; }
		.kassa_productBox li img { float: left; margin: 0 8px 8px 0; }
		.kassa_productBox strong { color: #f02400; }
		.kassa_productBox span {  }
		.kassa_productBox span span { display: block; text-decoration: underline; }
		.kassa_productBox a.kassa_button { margin-top: 10px; }
		.kassa_productBox p { padding-top: 10px; line-height: 22px; font-size: 11px; color: #7c7c7c; }
		
				.bedanktvubnb { float: left; border: 1px solid #e7e7e7; padding: 10px; margin: 0 12px 5px; overflow: hidden; }
			.bedanktvubnb p { padding: 0; }
			.bedanktvubnb #optinform { margin: 10px 0 0;}
				.bedanktvubnb #optinform label { width: 105px; display: block; float: left; margin: 0 10px 0 0; text-align: right;   }
				.bedanktvubnb #optinform input { float: left; width: 123px; margin: 0 10px 0 0;padding: 3px 5px; color: #999; }
					.bedanktvubnb #optinform input:hover, .bedanktvubnb #optinform input:focus { color: #666; }
				.bedanktvubnb #optinform input#knop { height: 32px; color: #5F700C; cursor: pointer; }
					.bedanktvubnb #optinform input#knop:hover { color: #000; }
		
		.kassa_twitterBox{ padding: 10px; overflow: hidden; border: 1px solid #e7e7e7; margin: 0 12px; }
		.kassa_twitterBox h3 { float: none !important; width: 100%; font-size: 12px !important; font-weight: bold !important; background: none  !important; color: #656565 !important; }
		.kassa_twitterBox img { display: block; float: left; margin: 0 10px 10px 0; }