/* ### UITLEG COLORS ### */
body { height: 100%; background: url('../images/uitlegBg.png') #f5f5f5 repeat-x; }
#headerCntr h1 a { background: url('../images/logoU.png') no-repeat; }

	/* ### BANNER CONTAINER ### */
	#bannerCntr { margin: 0px 4px 7px 4px; position: relative; width: 962px; height: 108px; background: url('../images/uitlegbanner.png') no-repeat bottom; }
	#bannerCntr h1 { display: none; }
	#bannerCntr h2 { display: none; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin: 0px 4px 0px 4px; overflow: hidden; width: 962px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 665px; background: url('../images/uitlegContent.gif') repeat-y; }
		#leftCntr div.lBottom { padding: 18px; width: 629px; background: url('../images/leftBottom.gif') no-repeat bottom; }
			
			/* ### OPTIE BOX ### */
			.optieBox { padding-bottom: 15px; overflow: hidden; width: 629px; font-size: 12px; }
			.optieBox ul { overflow: hidden; width: 629px; }
			.optieBox li { margin-bottom: 30px; padding-left: 50px; float: left; display: inline; width: 264px; line-height: 18px; }
			.optieBox h2 { font-size: 12px; font-weight: bold; color: #666; }
			.optieBox li.eenvoudig { background: url('../images/eenvoudig.gif') no-repeat left top; }
			.optieBox li.kost { background: url('../images/kost.gif') no-repeat left top; }
			.optieBox li.ontwerp { background: url('../images/ontwerp.gif') no-repeat left top; }
			.optieBox li.gebruik { background: url('../images/gebruik.gif') no-repeat left top; }
			.optieBox li.geld { background: url('../images/geld.gif') no-repeat left top; }
			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding-top: 10px; float: right; width: 282px; }
		
			/* ### REG BOX ### */
			.regBox { margin-bottom: 20px; padding: 10px 20px 10px 20px; position: relative; width: 240px; height: 230px; border-bottom: 1px solid #ccc; background: url('../images/reg2Bg.gif') no-repeat; }
			.regBox h3 { padding: 4px 0px 10px 0px; font-size: 17px; font-weight: bold; }
			.regBox fieldset { overflow: hidden; width: 239px; border: 0px; }
			.regBox label { display: block; width: 105px; height: 24px; line-height: 24px; font-weight: bold; font-size: 12px; }
			.regBox input.field { margin-bottom: 18px; padding: 4px 5px 0px 5px; float: left; width: 160px; height: 20px; border: 0px; background: url('../images/field3Bg.gif') no-repeat; }
			.regBox input.field2 { padding: 4px 5px 0px 5px; width: 230px; height: 20px; border: 0px; background: url('../images/field2Bg.gif') no-repeat; }
			.regBox span { display: block; float: left; overflow: hidden; width: 68px; height: 24px; line-height: 24px; text-indent: 5px; font-size: 11px;  }
			.regBox a { position: absolute; bottom: 35px; right: 18px; display: block; width: 122px; height: 30px; text-indent: -9999px; background: url('../images/submitBg.gif') no-repeat; }
			.regBox a:hover { background-image: url('../images/submitHBg.gif'); }
			
			/* ### QUOTE BOX ### */
			.quoteBox { margin-bottom: 20px; position: relative; width: 282px; background: url('../images/quote2Bg.gif') repeat-y top; }
			.quoteBox div.top { background: url('../images/quote2Top.gif') no-repeat top; }
			.quoteBox div.bottom { padding: 20px 20px 75px 20px; background: url('../images/quote2Bottom.gif') no-repeat bottom; }
			.quoteBox div.quote { padding-bottom: 20px; background: url('../images/quote1.gif') no-repeat left top; }
			.quoteBox blockquote { text-indent: 30px; font: italic 13px/18px Georgia,Times,"Times New Roman",serif; background: url('../images/quote2.gif') no-repeat right bottom; }
			.quoteBox h4 { font-size: 12px; font-weight: bold; text-align: right; }
			.quoteBox a { position: absolute; bottom: 25px; right: 0px; font-size: 12px; color: #319eee; }
			.quoteBox a:hover { color: #e58d0a; }
			
			/* ### VB BOX ### */
			.vbBox { margin-bottom: 20px; padding: 0px 10px 20px 10px; width: 263px; border-bottom: 1px solid #ccc; }
			.vbBox h3 { padding-bottom: 11px; font-size: 18px; font-weight: bold; }
			.vbBox h3 a { font-size: 11px; font-weight: normal; }
			.vbBox ul { padding-left: 20px; list-style: none; }
			.vbBox li { padding-bottom: 10px; line-height: 26px; text-align: center; }
			.vbBox li img { padding: 7px; border: 1px solid #dedede; background: #eee; }
			.vbBox a { font-weight: bold; color: #319eee; }
			.vbBox a:hover { text-decoration: underline; color: #e58d0a; }