/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body {font-family: Verdana, Arial; font-size: 11px; color: #fff; }
input, select, textarea, fieldset { font-family: Verdana, Arial; font-size: 11px; color: #3b83ba; border: none; }
body { background: #4275a9 url('../images/bodybg.jpg') repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }
body.bg1 { background: #4471a4 url('../images/bodybg1.jpg') repeat-x;}

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/footerbg.jpg') left bottom repeat-x; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 909px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 909px; height: 113px; }
	#headerCntr h1 { position: absolute; top: 28px; left: 0px; }
	#headerCntr h1 a { display: block; width: 225px; height: 57px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; }
	#headerCntr p { padding: 29px 0px 6px 0px; font-size: 12px; color: #daeeff; font-style: italic; font-family: Verdana, Arial; text-align: right; }
	#headerCntr span { display: block; text-align: right; font-size: 11px; font-family: Verdana, Arial; font-weight: bold; }
	#headerCntr span a { color: #daeeff; text-decoration: none; }
	#headerCntr span a:hover { text-decoration: underline; }
	
	/* ### content container ### */
	#contentCntr { padding-bottom: 50px; overflow: hidden; width: 909px; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 182px; }
		
			/* ### menu box ### */
			.menuBox { width: 182px; }
			.menuBox ul { list-style: none; overflow: hidden; }
			.menuBox li { line-height: 30px; float: left; width: 100%; }
			.menuBox li a { padding: 0px 0px 1px 16px; line-height: 30px; font-size: 11px; color: #315b91; font-family: Verdana, Arial; font-weight: bold; text-decoration: none; display: block; background: url('../images/libg.png') no-repeat; }
			.menuBox li a:hover, .menuBox li.selected a { background: url('../images/lioverbg.png') no-repeat; }
			.menuBox li.selected li a { background: none; }
			.menuBox li ul { padding: 13px 0px; margin-bottom: 1px; width: 160px; overflow: hidden; background: #fff; }
			.menuBox li li { padding: 3px 0px; line-height: 25px; width: 100%; float: left; background: url('../images/dice.jpg') 140px 8px no-repeat; }
			.menuBox li li a { padding-left: 16px; line-height: 19px; font-size: 11px; color: #4471a4; font-weight: normal; text-decoration: none; display: block; }
			.menuBox li li a:hover, .menuBox li li.selected a { color: #fff; background: #4471a4 url('../images/dice-over.jpg') 140px 8px no-repeat; }
			
		/* ### right container ### */
		#rightCntr { float: right; width: 699px; }
		#rightCntr #left { float: left; width: 317px; }
		#rightCntr #right { padding-left: 30px; width: 319px; float: right; border-left: 1px solid #7EB7FF; }
		
			/* ### text box ### */
			.textBox { width: 317px; }
			.textBox h2 { padding-bottom: 5px; font-size: 15px; color: #80b7fa; font-family: Verdana, Arial; }
			.textBox p { padding-bottom: 20px; font-size: 11px; color: #fff; line-height: 20px; }
			.textBox ul { padding-bottom: 28px; list-style: none; }
			.textBox li { font-size: 11px; color: #90cbff; padding-left: 12px; line-height: 21px; background: url('../images/plus.jpg') left center no-repeat; }
			.textBox li a { color: #90cbff; font-family: Verdana, Arial; font-weight: bold; text-decoration: none; }
			.textBox li a:hover { text-decoration: underline; }
			.textBox img { padding: 1px; float: right; border: 1px solid #66a4e6; background: #9fc7f8; }
			.textBox a.more { font-size: 11px; color: #fff; font-family: Verdana, Arial; font-weight: bold; text-decoration: none; }
			.textBox a.more:hover {text-decoration: underline; }
			
			/* ### information box ### */
			.informationBox { padding: 20px 26px 20px 26px; line-height:20px; width: 262px; border: 1px solid #346096; background: #d9e6f6 url('../images/infobg.jpg') repeat-x; }
			.informationBox p { font-size: 11px; color: #315b91; font-weight: bold; font-family: Verdana, Arial; }
			.informationBox span { font-size: 15px; color: #000000; font-weight: bold; }
			.informationBox a { font-size: 9px; color: #7ba7cb; text-decoration: none; font-weight: bold; font-family: Verdana, Arial; }
			.informationBox a:hover { text-decoration: underline; }
			
			/* ### offer box ### */
			.offerBox { margin: 26px 0px; width: 319px; line-height: 20px; overflow: hidden; border-bottom: 5px solid #80B7FA; }
			.offerBox img { float: right; }
			.offerBox a { font-size: 11px; color: #fff; font-weight: bold; text-decoration: none; }
			.offerBox a:hover { text-decoration: underline; }
			
			/* ### laatste box ### */
			.laatsteBox { width: 319px; }
			.laatsteBox h2 { padding-bottom: 12px; font-size: 15px; color: #80b7fa; font-family: Verdana, Arial; }
			.laatsteBox p { padding-bottom: 6px; font-size: 11px; color: #fff; line-height: 21px; }
			.laatsteBox img { padding-left: 15px; float: right; }
			.laatsteBox a { font-size: 11px; color: #e0ebf9; font-weight: bold; text-decoration: none; font-family: Verdana, Arial; }
			.laatsteBox a:hover { text-decoration: underline; }
			
			/* ### content box ### */
			.contentBox { width: 690px; overflow: hidden; min-height: 450px; }
			.contentBox .left { width: 378px; float: left; }
			.contentBox .right { width: 284px; float: right;}
			.contentBox .right label { color: #fff; }
			.contentBox span.hansengrietje { color: #92B0D3; }
			.contentBox span.hansengrietje a { font-weight: normal; font-size: 11px; color: #92B0D3; text-decoration: none; }
			.contentBox span.hansengrietje a:hover { text-decoration: underline; }
			.contentBox h2 { padding-bottom: 8px; font-size: 15px; color: #80b7fa; font-family: Verdana, Arial; }
			.contentBox h3 { padding: 5px 0px; font-size: 12px; color: #80b7fa; font-family: Verdana, Arial; }
			.contentBox p { padding-bottom: 18px; line-height: 25px; }
			.contentBox a { color: #fff; font-family: Verdana, Arial; font-weight: bold; text-decoration: underline; }
			.contentBox a:hover { text-decoration: none; }			
			.contentBox input { padding: 3px 10px; margin-bottom: 15px; width: 262px; height: 27px; line-height: 27px; border: 1px solid #316AA5; }
			.contentBox textarea {padding: 10px; margin-bottom: 15px; width: 262px; height: 124px; border: 1px solid #316AA5; }
			.contentBox input.send { padding-bottom: 6px; width: 137px; border: 1px solid #97D0FF; cursor: pointer; font-size: 12px; color: #fff; font-weight: bold;display: block; background: #84bbe9 url('../images/send.jpg') repeat-x; }
			.contentBox ul { padding-bottom: 8px; list-style-type: circle; margin-left:13px; }
			.contentBox li { font-size: 11px; color: #fff; padding-left: 12px; line-height: 21px; }
			.contentBox li a { color: #fff; font-family: Verdana, Arial; font-weight: bold; text-decoration: underline; }
			.contentBox li a:hover { text-decoration: none; }			
			
			/* ### offerte  box ### */
			.offerteBox { padding:0 0 40px; width:689px;  }
			.offerteBox h2 { padding-bottom: 22px; font-size: 14px; color: #80b7fa; font-family: Verdana, Arial; }
			.offerteBox h3 { padding: 5px 0px; font-size: 12px; color: #80b7fa; font-family: Verdana, Arial; }
			.offerteBox p { font-size: 11px; line-height: 23px; color: #4079ae; font-family: Verdana, Arial; }
			.offerteBox .offerte { padding: 14px 15px; width: 659px; overflow: hidden; border: 1px solid #335E93; background: #DEEAF9 url('../images/boxbg.jpg') repeat-x; }
			.offerteBox .left { width: 480px; float: left; }
			.offerteBox .right { padding-top: 10px; width: 179px; float: right; }
			.offerteBox p { padding-bottom: 13px; width: 100%; overflow: hidden; }
			.offerteBox label { width: 252px; float: left; font-size: 11px; line-height: 23px; color: #4079ae; font-family: Verdana, Arial; padding-top:1px; }
			.offerteBox .rechts img{ float: right; margin-top: 2px; margin-right: -25px; }	
			.offerteBox .rechts { float: left; width: 228px; }
			.offerteBox .rechts label { width: 208px; line-height: 18px; }		
			.offerteBox span { display: block; float: left; width: 228px; font-size: 11px; line-height: 23px; color: #4079ae; font-family: Verdana, Arial; font-weight: bold; }
			.offerteBox input.text { padding: 3px 10px; width: 206px; height: 17px; border: 1px solid #7AB1DE; float: left; }
			.offerteBox .radio { margin: 4px 4px 0px 0px; float: left; display: block; width: 14px; height: 14px; background: url('../images/radio.gif') no-repeat; }
			.offerteBox .checkbox { margin: 5px 8px 0px 0px; float: left; clear: both; display: block; width: 11px; height: 11px; background: url('../images/checkbox.gif') no-repeat; }
			.offerteBox textarea { padding: 5px 10px; width: 206px; font-size: 11px; height: 52px; border: 1px solid #7AB1DE; float: left; }
			.offerteBox input.send { width: 226px; height: 34px; float: right; font-size: 12px; color: #e8f1fb; cursor: pointer; display: block; background: #7AB1DE; }
			.offerteBox img { margin-top: -15px; float: right; }
			.offerteBox .tr { margin: 4px 0px; }
			.offerteBox .select { border:1px solid #7AB1DE; float:left; height:25px; padding:4px 5px 4px 0px; width:228px; }
			 
			/* ### category box ### */
			.categoryBox { padding-top: 30px; width: 699px; overflow: hidden; }
			.categoryBox ul { width: 699px; overflow: hidden; float: left; list-style: none; }
			.categoryBox li { padding: 0px 44px 27px 0px; float: left; display: inline; width: 200px; font-size: 12px; color: #FFFFFF; }
			.categoryBox li.last { padding-right: 0px; }
			.categoryBox li img  { margin-bottom: 15px; border: 1px solid #315B91; }
			.categoryBox li .img  { margin-bottom: 15px; border: none; }
			.categoryBox li a {font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
			.categoryBox li a:hover { text-decoration: underline; }
			.categoryBox li p { padding-top: 10px; }
			
	/* ### footer container ### */
	#footerCntr { height: 132px; overflow: hidden; width: 909px; }
	#footerCntr .left { float:left; margin-right:79px; width:120px; }
	#footerCntr .right { width: 236px; float: left; }
	#footerCntr h2 { padding-left: 10px; font-size: 12px; color: #69a3e9; }
	#footerCntr ul { padding-left: 10px; list-style: none; width: 580px; overflow: hidden; }
	#footerCntr li { line-height: 14px; }
	#footerCntr li a { font-size: 12px; color: #69a3e9; line-height: 14px; text-decoration: none; }
	#footerCntr li a:hover { text-decoration: underline; }
	#footerCntr ul.link { padding: 40px 0px 17px 0px; width: 580px; float: left; }
	#footerCntr ul.link li { padding: 0px 15px; font-size: 12px; color: #69a3e9;  line-height: 14px; float: left; background: url('../images/devider.jpg') right center no-repeat; }
	#footerCntr ul.link li a {font-size: 12px; color: #6C99D1; font-family: Verdana, Arial; }
	#footerCntr ul.link li.last { background: none; }