@charset "utf-8";

/*	Project: Topcourt
	Author:	Stephan van Opstal, Netvlies
	Date: 2010.07.15
	----------------------------------------------------*/

	* { margin: 0; padding: 0; font-size: 1em; text-decoration: none; border: 0; list-style: none; outline: 0; font-family: Arial,Helvetica, sans-serif; }
	table { border-collapse: collapse; border-spacing: 0; }
	h1, h2, h3, h4, h5, h6 { font-weight: normal; }
	img { vertical-align: bottom; }

	body { background: #473f3a; text-align: center; }
	
	h1 { font-size: 18px; color: #4a4a4a; font-weight: bold; }
	h3 { margin: 0 0 15px 0; font-size: 13px; color: #4a4a4a; }
	
	#pageWrapper { position: relative; width: 830px; margin: 0 auto; text-align: left; background: #fff; }
	#pageWrapper .top { position: relative; padding: 20px 0 0 0; }

	#intro { margin: 0 20px 20px 289px; padding: 0 0 0 20px; border-left: 1px solid #e1ddda; }
	#intro p { margin: 15px 0 0 0; font-size: 12px; color: #4a4a4a; }
	#intro p.poem { font-size: 13px; color: #4a4a4a; font-style: italic; }
	
	#info { position: absolute; top: 198px; left: 20px;font-size: 11px; color: #6e6e6e; line-height: 14px; }
	#info a { color: #6e6e6e; text-decoration: underline; }
	#info .col { width: 120px; margin: 0 20px 0 0; float: left; }
	
	#logo { position: absolute; top: 0; left: 0; width: 289px; }
	
	#products { overflow: hidden; height: 100%; background: #e0d200; padding: 15px 20px 20px 20px; }
	#products h3 { margin: 0 0 10px 0; font-size: 18px; color: #2c2b2b; font-weight: bold; }

	#products .product { position: relative; float: left; display: inline; width: 186px; height: 232px; margin: 0 15px 0 0; background: url(../img/products_product_bg.gif) no-repeat top left; }
	#products .product.last { margin-right: 0; }
	#products .product .inner { padding: 6px; }

	#products .product p { padding: 9px 0 0 4px; font-size: 12px; color: #4a4a4a; }
	#products .product a { position: absolute; top: 198px; left: 6px; display: block; width: 157px; height: 26px; padding: 0 0 0 20px; color: #fff; font-size: 14px; line-height: 24px; }
	#products .product.pleinen a { background: url(../img/product_pleinen_btn_bg.gif) no-repeat top left; }
	#products .product.fietspaden a { background: url(../img/product_fietspaden_btn_bg.gif) no-repeat top left; }
	#products .product.sportvloeren a { background: url(../img/product_sportvloeren_btn_bg.gif) no-repeat top left; }
	#products .product.overig a { background: url(../img/product_overig_btn_bg.gif) no-repeat top left; }
	#products .product a:hover { background-position: 0 -26px; }

	#products .product .fold { display: none; position: absolute; top: 0; left: 147px; width: 39px; height: 39px; }
	#products .product.pleinen .fold { background: url(../img/product_pleinen_fold.png) no-repeat top right; }
	#products .product.fietspaden .fold { background: url(../img/product_fietspaden_fold.png) no-repeat top right; }
	#products .product.sportvloeren .fold { background: url(../img/product_sportvloeren_fold.png) no-repeat top right; }
	#products .product.overig .fold { background: url(../img/product_overig_fold.png) no-repeat top right; }
	
	#products .product:hover .fold { display: block; }
	#products .product:hover a { background-position: 0 -26px; }