/*CSS voor kassa*/

div#body {position:absolute;	top:0px; bottom:0px;right:0px;left:0px;background-color:#CCC;font-size:0.75em;}


div#inhoud {position:absolute;top:20px;bottom:20px;right:20px;left:20px;	background-color:#123;}


/*Rechter kolom*/
div#rechterkolom{position:absolute;top:0px;bottom:0px;right:0px;width:35%;background-color:#789;}

	/* Productlijst */
	div#order_lijst {position:absolute;right:0px;bottom:330px;height:190px;width:100%;background-color:#357;padding:5px 0 5px 0;overflow:auto; display:inline-block; color: #fff}
	div#order_lijst table {width:100%}
	div#order_lijst tr:nth-child(even) {background-color:#135; border-color:#135; color: #FFFFFF;}
	div#order_lijst tr:nth-child(odd) {background-color:#357; border-color:#357; color: #FFFFFF;}

	/* Div betaal Balk */
	div#betaalbalk{	position:absolute;	right:0px;	bottom:0px;height:40px;width:100%;background-color:#246;color:#fff;text-align:center;}
	div#pin{			position:absolute;	right:65%;	bottom:0px;height:20px;width:35%;background-color:#468;padding:10px 0 10px 0;}
	div#contant{		position:absolute;	right:30%;	bottom:0px;height:20px;width:35%;background-color:#579;padding:10px 0 10px 0;}
	div#overmaken{	position:absolute;	right:0%;	bottom:0px;height:20px;width:30%;background-color:#680;padding:10px 0 10px 0;}

	/* Div Cijfers */
	div#cijfers {position:absolute;bottom:40px;right:0px;height:240px;width:100%;background-color:#456;padding: 5px 0px 5px 0px;}
	div#cijfers input{	width:60px;	height:60px}

	/* Div Totaal */
	div#totaal {position:absolute;right:0px;bottom:290px;height:40px;width:100%;background-color:#135;color:#FFF;font-size:2em;}
	div#totaal input{Margin: 5px;width:240px;height:30px;font-size:1em;text-align:right;}


/*Linker kolom*/
div#linkerkolom{position:absolute;Width: 65%;height:100%; background-color: #123; bottom: 0px; left:0px; top: 0px;}

	/*CSS for Cat*/
	div#catmenu{position:absolute; display:inline-block; width:100%; background-color:#CCC}
	
		ul#cat { width: 100%; font-size: 0.8em; font-weight: bold; list-style-type: none; margin: 0; padding: 0; background-color: #FFF;}
		
		ul#cat li { width: 20%; display: block; float: left; margin: 0 0 0 0px; background-color: #CCC;}
		
		ul#cat li a { height: 25px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
		
		ul#cat li a:hover { width: 100%; color: #333; background-color: #FFF;}
		
		ul#cat li a.current{ color: #FFF; background: #FFF; padding: 5px 15px 0;}
	
	div#producten {position:absolute; display:inline-block;width: 100%; background-color:#3838; overflow:auto; bottom:0px; left:0px; height: 80%;}
		
		div#product_lijst{margin-left:auto; margin-right: auto;}
	
	

/**  Producten **/
.product_box {position: relative;float: left;width: 147px;margin: 0 7px 7px 0;}

	.product_top {width: 147px;height: 7px;background: transparent url(../img/prodlistbox.png) no-repeat left top;font-size: 0;}
	
	.product_bottom {width: 147px;height: 7px;background: transparent url(../img/prodlistbox.png) no-repeat right top;}
	
	.product_content {padding: 0 8px;background: transparent url(../img/prodlistbox.png) repeat-y center top;}

		.product_link {font-size: 1em;text-decoration: none;color: #000000 !important;}
		
		.product_subtitle {font-size: 14px;color: #cccccc;}
		
		.product_image {	margin: 5px 0;}
		
		.product_price {	font-size: 18px;text-align: right;}

		.product_desc	{height: 75px;color: #cccccc;}
		

/** BETALING PAGE **/
#betaling {position: absolute; width: 100%;height:100%;background-color:123456;}



.betaling_box_1{position: relative;float: left;width: 47%;height:95%;margin: 2% 1% 2% 2% ;}
.betaling_box_2{position: relative;float: left;width: 47%;height:46%;margin: 2% 2% 1% 1% ;}
.betaling_box_3{position: relative;float: left;width: 47%;height:46%;margin: 1% 2% 2% 1% ;}
	.betaling_box_header {position: relative;width: 100%;height: 5%;background-color: #fff;}	
	.betaling_box_footer {position: relative;width: 100%;height: 5%;background-color: #fff;}	
	.betaling_box_content {position: relative;width: 100%;height: 90%;background-color: #fff;}	
	
.betalingswijze{position: absolute; width: 100%;height:100%;background-color:#FFF;}	
	#betalingswijze_1{position: relative;float: left;width: 47%;height:46%;margin: 2% 1% 1% 2% ;background-color: #FF2;}
	#betalingswijze_2{position: relative;float: left;width: 47%;height:46%;margin: 2% 2% 1% 1% ;background-color: #FF2;}
	#betalingswijze_3{position: relative;float: left;width: 47%;height:46%;margin: 1% 1% 2% 2% ;background-color: #FF2;}
	#betalingswijze_4{position: relative;float: left;width: 47%;height:46%;margin: 1% 2% 2% 1% ;background-color: #FF2;}	
	
/** Login **/
div#pincode {position:absolute;bottom:25%;left:30%;height:50%;width:40%;background-color:#456;padding: 5px 0px 5px 0px;text-align:center;}
div#pincode .cijfers{width:65px;		height:65px;	padding:5px; 	margin:2px;	}
div#pincode .display{width:205px;	height:40px; 	padding:5px;	margin:2px;	Border:2px;	text-align:center;}

/** Klant Selecteer Pagina **/
div#top_klant {width:100%; height: 5%; text-align: center; background-color:#345;}
div#middle_klant {width:100%; height: 90%;background-color:#456;}
div#bottom_klant {width:100%; height: 5%;background-color:#567;}

	div#zoekresultaat_klant {Position:relative;float:left;width:50%; height: 100%;background-color:#678;}
	div#toevoegen_klant {Position:relative;float:left;width:50%; height: 100%; background-color:#789;}
	
	div#toevoegen_klant input[type="tel"]{width:100px;}
	div#toevoegen_klant input[name="adres_nummer"]{width:100px;}
	div#toevoegen_klant input[name="adres_toevoegsel"]{width:100px;}
	div#toevoegen_klant textarea[name="opmerkingen"]{width:100%; height:200px;}

/** Factuur Pagina **/
#header_factuur{width: 100%; height: 10%; margin: 7px 0 0 7px}
#content_factuur{width: 100%; height: 85%}
#footer_factuur{width: 100%; height: 5%}