/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Georgia; font-size: 12px; color: #000; }
input, select, textarea { font-family: Georgia; font-size: 12px; color: #000; }
body { background: url('../images/bodyBg.gif') #f7f6fe repeat-x; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 780px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 780px; height: 223px; background: url('../images/headerBg.png') no-repeat; }	
		
		/* ### BANNER CONTAINER ### */
		#bannerCntr { position: absolute; top: 30px; right: -10px; width: 468px; text-align: right; }
		#bannerCntr a { line-height: 24px; text-decoration: none; color: #fff; }
		#bannerCntr a:hover { text-decoration: underline; }
		
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; bottom: 33px; width: 780px; height: 39px; }
		#menuCntr ul { margin-left: 130px; padding-left: 2px; float: left; display: inline; overflow: hidden; width: 488px; list-style: none; background: url('../images/menuBg.gif') no-repeat left; }
		#menuCntr li { padding-right: 2px; float: left; display: inline; height: 39px; line-height: 39px; background: url('../images/menuBg.gif') no-repeat right; }
		#menuCntr li a { padding: 0px 9px 0px 10px; display: block; float: left; height: 39px; text-decoration: none; color: #000; }
		#menuCntr li a:hover, #menuCntr li.selected a { background: url('../images/menuHBg.gif') repeat-x bottom; }
		#menuCntr a.button { margin-right: 34px; display: block; float: right; width: 126px; height: 39px; text-indent: -999999px; background: url('../images/inzenden.gif') no-repeat; }
		
		/* ### SUB CONTAINER ### */
		#subCntr { position: absolute; bottom: 1px; overflow: hidden; width: 780px; height: 31px; line-height: 31px; }
		#subCntr p.left { float: left; width: 680px; }
		#subCntr p.right { float: right; width: 100px; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin-left: 23px; position: relative; top: 17px; width: 733px; background: url('../images/contentBg.gif') repeat-y; }
	#contentCntr div.ctop { background: url('../images/cTop.gif') no-repeat; }
	#contentCntr div.cbottom { padding: 1px 10px 10px 15px; background: url('../images/cBottom.gif') no-repeat bottom; }
	#contentCntr div.blauw { background: url('../images/blauwBg.gif') repeat-y; }
	#contentCntr div.blauw h1 { color: #062e73; }
	#contentCntr div.blauw h1.map { background-image: url('../images/map2.gif'); }
	#contentCntr div.blauw div.top { background: url('../images/blauwTop.gif') no-repeat; }
	#contentCntr div.blauw div.bottom { background: url('../images/blauwBottom.gif') no-repeat bottom; }
	#contentCntr div.roze { background: url('../images/rozeBg.gif') repeat-y; }
	#contentCntr div.roze h1 { color: #9e0114; }
	#contentCntr div.roze h1.map { background-image: url('../images/map1.gif'); }
	#contentCntr div.roze div.top { background: url('../images/rozeTop.gif') no-repeat; }
	#contentCntr div.roze div.bottom { background: url('../images/rozeBottom.gif') no-repeat bottom; }
	
		/* ### TEXT BOX ### */
		.textBox { margin-top: 10px; overflow: hidden; width: 700px; }
		.textBox h1 { height: 28px; line-height: 28px; font-size: 11px; font-weight: normal; }
		.textBox h1.map { padding-left: 20px; background: no-repeat left;}
		.textBox div.bottom { padding: 0px 10px 30px 10px; overflow: hidden; width: 680px; }
		.textBox div.text { padding-top: 10px; float: left; width: 480px; }
		.textBox div.text p { padding-bottom: 11px; line-height: 20px; }
		.textBox div.pic { float: right; width: 170px; }
		
	/* ### FOOTER CONTAINER ### */
	#footerCntr { width: 100%; height: 118px; background: #f2d6ff; }
	#footerCntr div.content { margin: 0 auto; padding-top: 30px; overflow: hidden; width: 733px; }
	#footerCntr p.left { float: left; width: 700px; }
	#footerCntr p.right { float: right; width: 160px; }