@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
body { background-color: #fff; font: 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #63574a; background: url(/images/bg.gif) top left repeat-x; 	}
img { border: none; }
ul, ol, p { margin-bottom: 18px; }

	div#wrapper { position: relative; width: 954px; padding-top: 32px; height: 628px; margin: 0 auto; }
		h1 { width: 954px; background-color: #998f84; height: 59px; }
			h1 img { float: right; margin-right: 201px; }
			
		div#bottom { width: 934px; margin-left: 20px; }
		
			ul#nav { margin: 0; margin-top: 32px; height: 39px; list-style: none; }
				ul#nav li { display: inline; float: left; }
					li#nav_home_nl { width: 66px; }
					li#nav_overons_nl { width: 78px; }
					li#nav_producten_nl { width: 91px; }
					li#nav_bestellen_nl { width: 110px; }
					li#nav_contact_nl { width: 70px; }
					
					li#nav_home_en { width: 52px; }
					li#nav_overons_en { width: 78px; }
					li#nav_producten_en { width: 78px; }
					li#nav_bestellen_en { width: 111px; }
					li#nav_contact_en { width: 70px; }
					
			ul#lang { margin: 0; position: absolute; top: 100px; right: 190px; list-style: none; }
				ul#lang li { display: inline; width: 30px; float: left; }

			div#bigfoto { position: relative; float: left; margin-right: 20px; width: 500px; height: 502px; }					
				div#bigfoto img { display: none; position: absolute; left: 0; top:0; }
			
			div#content { float: left; height: 500px; width: 196px; padding-right: 18px; border-right: 1px solid #63574a; margin-top: -4px; }
			div#2kolom { float: left; height: 500px; width: 394px; padding-right: 0; margin-top: -4px;}
				.date { font: 10px/15px Verdana, Arial, Helvetica, sans-serif; color: #998f84; margin-bottom: 22px; }
				.moreinfo { color: #998f84; margin-top: 22px; }
				h2 { color: #63574a; font: 12px/18px Verdana, Arial, Helvetica, sans-serif; margin: 0; font-weight: bold; }
				h3 { color: #63574a; font: 12px/18px Verdana, Arial, Helvetica, sans-serif; margin: 0; font-weight: bold; }
			div#content ul { margin-top: -20px; }
			div#content li { margin-left: 15px; }
				
			ul#producten { float: left; margin-left: 20px; list-style: none; border-bottom: 1px solid #ccc7c1; color: #63574a; }
				a { color: #998f84; font-weight: bold; text-decoration: none; }
				a:hover { color: #63574a; }
				.product_a, .product_b { background: url(/images/product_right.gif) top left no-repeat; padding-left: 18px; }
				.product_b { background-image: url(/images/product_down.gif); }
				ul#producten li { position: relative; float: left; clear: both; border-top: 1px solid #ccc7c1; width: 161px; height: 29px; line-height: 29px; font-weight: bold; }
				ul.product { position: relative; float: left; clear: both; border-top: 1px solid #ccc7c1; margin: 0; padding: 5px 0; text-indent: 17px; width: 161px; list-style: none; background-color: #f5f4f2; color: #998f84; }
					ul.product li { position: relative; float: left; clear: both; height: auto !important; border: none !important; line-height: 18px !important; }
					ul.product a { color: #998f84; font-weight: normal; }
					ul.product a:hover { font-weight: bold; }
					
			div#login_registreer { margin: 0; position: absolute; top: 100px; right: 9px; list-style: none; text-align: right; }
				.forgot_password { font-weight: normal; font-style: italic; font-size: 11px; }
				.forgot_emailaddress { width: 160px; font-size: 11px; color: #998f84; }
				div#login_registreer img { margin-left: 9px; }
			
			div#sidebar { position: absolute; right: 20px; bottom: 0; width: 161px; } 
			div#sidebar_top { position: absolute; right: 20px; top: 160px; width: 161px; }
				div#sidebar_top img, div#sidebar img { margin-top: 20px; margin-right: 20px; }
				div#sidebar .opHome { margin-bottom: 4px; }
				.opProducten { margin-left: 20px; }
				
			a.click { font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #55504b; text-decoration: none; background: url(/images/click.gif) top right no-repeat; padding-left: 9px; padding-right: 20px; float: left; clear: left; display: block; width: 153px; }
			#shop_product_info { float: left; clear: left; width: 180px; border: 1px solid #998f84; background: #fff url(/images/bestel_bg.gif) top left no-repeat; padding: 0 4px 4px 9px; display: none; }
			#login { font-size: 10px; }
			input, select { width: 140px; height: 14px; background-color: #fff; border: 1px solid #a1978d; font: 11px Arial, Helvetica, sans-serif; color: #55504b; }
			#login input, #shop_product_info input { width: 29px; }
			#login input { width: 80px; }
			input.button, #shop_product_info input#product_add { width: auto !important; height: 16px; color: #fff !important; background-color: #998f84; border: none; padding: 0 4px; margin-top: 5px; cursor: pointer; }
			
			.radio { width: auto !important; border: none !important; }
			
			td.error, p.error, input.error { color: #f00; }
			input.error { border: 1px solid #f00 !important; }
			
			table.shoppingcart { border: 1px solid #998f84; color: #55504b; }
				td.shoppingcart_top { background-color: #f5f4f2; border-bottom: 1px solid #998f84; }
				td.shoppingcart_bottom { background-color: #f5f4f2; border-top: 1px solid #998f84; }
				#total_text { float: right; margin-right: 15px; }
				
			#bottom_left { position: relative; float: left; clear: both; width: 490px; height: 32px; margin-left: 20px; margin-top: 9px; }
				#logos {  float: left; width: 218px; }
				#logos #mastercard { display: block; position: relative; float: left; width: 27px; height: 32px; background: url(/images/mastercard.jpg); }
				#logos #mastercard:hover { background-position: 0 -32px; }
				#logos #ideal { display: block; position: relative; float: left; width: 21px; height: 32px; background: url(/images/ideal.jpg); }
				#logos #ideal:hover { background-position: 0 -32px; }
				#logos #visacard { display: block; position: relative; float: left; width: 42px; height: 32px; background: url(/images/visacard.jpg); }
				#logos #visacard:hover { background-position: 0 -32px; }
				#logos #securecode { display: block; position: relative; float: left; width: 45px; height: 32px; background: url(/images/mastercard_securecode.jpg); }
				#logos #securecode:hover { background-position: 0 -32px; }
				#logos #verified_visa { display: block; position: relative; float: left; width: 37px; height: 32px; background: url(/images/verified_visa.jpg); }
				#logos #verified_visa:hover { background-position: 0 -32px; }
				#logos #giropay { display: block; position: relative; float: left; width: 38px; height: 32px; background-image: url(/images/giropay.jpg); }
				#logos #giropay:hover { background-position: 0 -32px; }
			
			#bottom_left a#voorwaarden { float: right; width: 270px; display: block; text-align: right; margin-top: 6px; font-size: 10px; }