/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #000; }
html { position: relative; width: 100%; height: 100%; background: url('../images/bodyBg.gif') #6e1773 no-repeat center; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }

/* ### WRAPPER ### */
#wrapper { margin: -294px 0px 0px -492px; position: absolute; left: 50%; top: 50%; width: 994px; height: 589px; }


/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding-top: 5px; position: relative; width: 994px; height: 584px; background: #fff; }
#mainCntr h1 { font-weight: bold; font-size: 26px; }
#mainCntr h2 { font-style: italic; font-weight: normal; font-size: 24px; }
#mainCntr h3 { font-size: 18px; font-weight: normal; }
#mainCntr h4 { font-size: 14px; font-weight: bold; }
#mainCntr h5 { font-size: 12px; font-weight: bold; color: #6e1873; }

	/* ### CONTENT BOX ### */
	.contentBox { overflow: hidden; width: 100%; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { overflow: hidden; width: 994px; height: 72px; }
	#headerCntr img { float: left; }
	#headerCntr ul.flags { margin: 30px 0px 0px 202px; float: left; display: inline; width: 150px; }
	#headerCntr ul.flags li { margin-right: 16px; float: left; display: inline; }
	#headerCntr ul.links { margin-top: 29px; float: left; display: inline; width: 180px; }
	#headerCntr ul.links li { margin-right: 3px; float: left; display: inline; font-weight: bold; font-size: 10px; }
	#headerCntr ul.links li a { text-decoration: none; color: #000; }
	#headerCntr ul.links li a:hover, #headerCntr ul.links li a:active { color: #0082a4; }
	#headerCntr fieldset { margin-top: 20px; float: right; overflow: hidden; width: 210px; border: 0px; }
	#headerCntr input.field { padding: 8px 5px 0px 10px; float: left; width: 147px; height: 20px; border: 0px; background: url('../images/zoekBg.gif') no-repeat; }
	#headerCntr input.submit { float: left; cursor: pointer; }
	
	/* ### MENU CONTAINER ### */
	#menuCntr { position: relative; overflow: hidden; width: 994px; height: 36px; background: #6e1873; }
	#menuCntr ul { position: relative; width: 994px; list-style: none; }
	#menuCntr li { float: left; display: inline; font-size: 11px; line-height: 36px; font-weight: bold; text-transform: uppercase; color: #fff; }
	#menuCntr li a { position: absolute; top: 0px; display: block; float: left; height: 36px; text-decoration: none; color: #fff; }
	#menuCntr li a:hover, #menuCntr li.selected a { background: #0082a4; }
	
	#menuCntr li.tab1 a { padding-left: 18px; left: 31px; width: 115px; }
	#menuCntr li.tab2 a { padding-left: 18px; left: 164px; width: 103px; }
	#menuCntr li.tab3 a { padding-left: 19px; left: 285px; width: 159px; }
	#menuCntr li.tab4 a { padding-left: 20px; left: 463px; width: 128px; }
	#menuCntr li.tab5 a { padding-left: 20px; left: 611px; width: 130px; }

	#menuCntr div.image1 { margin: 0px; position: absolute; z-index: 2; top: 0px; left: 18px; width: 26px; height: 36px; background: url('../images/verwarming.png') no-repeat; }
	#menuCntr div.image2 { margin: 0px; position: absolute; z-index: 2; top: 0px; left: 152px; width: 26px; height: 36px; background: url('../images/kaskoeling.png') no-repeat; }
	#menuCntr div.image3 { margin: 0px; position: absolute; z-index: 2; top: 0px; left: 273px; width: 26px; height: 36px; background: url('../images/elektrotechniek.png') no-repeat; }
	#menuCntr div.image4 { margin: 0px; position: absolute; z-index: 2; top: 0px; left: 450px; width: 26px; height: 36px; background: url('../images/watertechniek.png') no-repeat; }
	#menuCntr div.image5 { margin: 0px; position: absolute; z-index: 2; top: 0px; left: 607px; width: 26px; height: 36px; background: url('../images/leaflets.png') no-repeat; }
	#menuCntr div.image6 { margin: 0px; position: absolute; z-index: 2; top: 0px; left: 757px; width: 26px; height: 36px; background: url('../images/leaflets.png') no-repeat; }
	#menuCntr div.image11 { margin: 0px; position: absolute; z-index: 2; top: 0px; left: 18px; width: 26px; height: 36px; background: url('../images/kas.png') no-repeat; }
	#menuCntr div.image12 { margin: 0px; position: absolute; z-index: 2; top: 0px; left: 152px; width: 26px; height: 36px; background: url('../images/kas.png') no-repeat; }
	#menuCntr div.image13 { margin: 0px; position: absolute; z-index: 2; top: 0px; left: 273px; width: 26px; height: 36px; background: url('../images/kas.png') no-repeat; }
	#menuCntr div.image14 { margin: 0px; position: absolute; z-index: 2; top: 0px; left: 450px; width: 26px; height: 36px; background: url('../images/all.png') no-repeat; }
	
	/* ### PAGE CONTAINER ### */
	#pageCntr { overflow: hidden; width: 100%; height: 55px; }
	#pageCntr ul { margin: 20px 0px 0px 0px; list-style: none; }
	#pageCntr ul.space { margin-left: 240px; }
	#pageCntr li { margin-right: 3px; float: left; display: inline; }
	#pageCntr li a { text-decoration: none; color: #000; }
	#pageCntr li a:hover, #pageCntr li.selected a { color: #0082a4; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { position: relative; float: left; overflow: hidden; width: 757px; height: 481px; }
		
			/* ### IMAGE CONTAINER ### */
			#imageCntr { position: absolute; top: 0px; left: 0px; width: 254px; height: 429px; }
			
			/* ### LL CONTAINER ### */
			#llCntr { padding-top: 427px; float: left; overflow: hidden; width: 183px; height: 49px; }
			
			/* ### LR CONTAINER ### */
			#lrCntr { float: right; overflow: hidden; width: 573px; height: 481px; }
			
				/* ### TITLE BOX ### */
				.titleBox { padding-left: 24px; padding-top: 24px; overflow: hidden; width: 549px; height: 97px; }
				.titleBox div.right { padding: 10px 10px 0px 0px; display: inline; }
				.titleBox h1 { text-align: center; }
				.titleBox a { text-decoration: none; color: #6e1873; }
				
				/* ### ZOEK BOX ### */
				.zoekBox { padding-right: 20px; float: right; display: inline; overflow: hidden; width: 457px; height: 453px; }
				.zoekBox ul { list-style: none; }
				.zoekBox li { padding-bottom: 11px; }
				.zoekBox li.zoekterm { padding: 30px 0px 30px 0px; }
				.zoekBox li span { color: #0082a4; }
				.zoekBox li a { text-decoration: none; color: #6e1873; }
				.zoekBox li a:hover { text-decoration: underline; }
				.zoekBox fieldset { margin-top: 30px; position: relative; overflow: hidden; width: 276px; height: 275px; border: 0px; }
				.zoekBox label { display: block; float: left; width: 130px; line-height: 18px; }
				.zoekBox input.field, .zoekBox select, .zoekBox textarea { margin: 1px -3px 1px 1px; padding: 2px; float: left; width: 138px; height: 14px; border: 1px solid #000; }
				.zoekBox select { width: 144px; height: 18px; }
				.zoekBox textarea { height: 70px; }
				.zoekBox fieldset span { padding: 2px 0px 10px 0px; display: block; color: #6e1873; }
				.zoekBox input.submit { margin-top: 4px; float: right; color: #6e1873; font-size: 12px; font-weight: bold; border: 0px; background: none; }
				
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; overflow: hidden; width: 233px; height: 476px; border-left: 4px solid #6e1873; }
		
			/* ### NIEUWS BOX ### */
			.nieuwsBox { padding-left: 10px; overflow: hidden; width: 223px; }
			.nieuwsBox h3 { padding: 11px 0px 11px 0px; }
			.nieuwsBox ul { list-style: none; }
			.nieuwsBox li { padding-bottom: 11px; line-height: 14px; }
			.nieuwsBox li a { text-decoration: none; color: #6e1873; }
			
		/* ### PHOTO CONTAINER ### */
		#photoCntr { padding: 55px 20px 0px 0px; float: right; overflow: hidden; width: 213px; height: 475px; }
			
		/* ### NAV CONTAINER ### */
		#navCntr { float: left; overflow: hidden; width: 183px; height: 428px; }
		#navCntr ul { margin: 0px 0px 37px 5px; width: 179px; list-style: none; }
		#navCntr li { padding-left: 10px; height: 20px; line-height: 22px; border-bottom: 3px solid #6e1873; }
		#navCntr li a { text-decoration: none; font-size: 12px; font-weight: bold; color: #6e1873; }
		#navCntr li a:hover, #navCntr li.selected a { color: #0082a4; }
		#navCntr li.selected { border-bottom: 3px solid #0082a4; }
		#navCntr li.title { height: 23px; line-height: 25px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; border-bottom: 0px; background: #6e1873; }
		#navCntr li.title2 { height: 22px; line-height: 26px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; border-bottom: 0px; background: #0082a4; }
		#navCntr li.meer a { font-style: italic; font-weight: normal; }

			.driven { position: absolute; bottom: 0px; }
		
		/* ### CONTENT CONTAINER ### */
		#contentCntr { float: right; overflow: hidden; width: 811px; }
		
			/* ### SCROLL CONTAINER ### */
			#scrollCntr { overflow: auto; width: 806px; height: 390px; }
			
				/* ### TEXT BOX ### */
				.textBox { padding: 0px 10px 0px 60px; float: left; display: inline; overflow: hidden; width: 457px; }
				.textBox ul { margin-left: 16px; }
				.textBox ul.icon { margin-bottom: 30px; overflow: hidden; width: 504px; list-style: none; }
				.textBox ul.icon li { float: left; line-height: 42px; }
				.textBox p { padding-bottom: 11px; }
				.textBox h1 { margin-bottom: 20px; }
				.textBox a { text-decoration: none; color: #6e1873; }
				.textBox a:hover { text-decoration: underline; }
				
				/* ### PICTURE BOX ### */
				.pictureBox { padding: 0px 5px 0px 30px; float: right; display: inline; overflow: hidden; width: 198px; }
				.pictureBox ul { list-style: none; }
				.pictureBox li { padding: 5px 0px 2px 0px; text-align: right; border-top: 3px solid #6e1873; }
				.pictureBox li a { text-decoration: none; font-style: italic; color: #6e1873; }

				/* ### FORM BOX ### */
				.formBox { padding-right: 20px; float: left; display: inline; overflow: hidden; width: 457px;  }
				.formBox ul { list-style: none; }
				.formBox li { padding-bottom: 11px; }
				.formBox li.zoekterm { padding: 30px 0px 30px 0px; }
				.formBox li span { color: #0082a4; }
				.formBox li a { text-decoration: none; color: #6e1873; }
				.formBox li a:hover { text-decoration: underline; }
				.formBox fieldset { margin-top: 30px; position: relative; overflow: hidden; width: 336px; border: 0px; }
				.formBox label { display: block; float: left; width: 130px; line-height: 18px; }
				.formBox input.field, .formBox select, .formBox textarea { margin: 1px -3px 1px 1px; padding: 2px; float: left; width: 198px; height: 14px; border: 1px solid #000; }
				.formBox select { width: 204px; height: 18px; }
				.formBox textarea { height: 70px; }
				.formBox input.submit { margin-top: 4px; float: right; color: #6e1873; font-size: 12px; font-weight: bold; border: 0px; background: none; }
				
				/* ### TEXT BOX ### */
				.galleryBox { padding: 0px 10px 0px 60px; float: left; display: inline; overflow: hidden; width: 710px; }
				.galleryBox ul.lb li { margin: 11px 11px 0px 0px; padding: 0px; float: left; display: inline; border: 3px solid #6e1873; }
				
				/* ### LEAFLET BOX ### */
				.leafletsBox ul { margin-left: 0px; }

				/* ### MORE BOX ### */
				.moreBox { padding: 0px 10px 0px 60px; float: left; display: inline; overflow: hidden; width: 457px; }
				.moreBox ul { list-style: none; }
				.moreBox li { padding-bottom: 11px; }
				.moreBox li a { text-decoration: none; color: #6e1873; }
				.moreBox li a:hover { text-decoration: underline; }

	/* ### FOOTER CONTAINER ### */
	#footerCntr { margin-top: 4px; position: absolute; bottom: 0px; left: 182px; overflow: hidden; width: 575px; height: 23px; font-size: 9px; color: #fff; background: url('../images/footerBg.gif') no-repeat; }
	#footerCntr ul { margin-left: 40px; list-style: none; }
	#footerCntr li { margin-right: 3px; float: left; display: inline; text-transform: uppercase; line-height: 22px; }
	
	#partnerCntr { position: absolute; height: 31px; width: 230px; bottom: 0px; right: 0px; font-size: 9px; color: silver; }
	#partnerCntr a { text-decoration: none; color: #000; width: 98px; text-align: right;}
	#partnerCntr a:hover { color: #0082a4; }	
	#partnerCntr .textLink { position: absolute; margin-top: 10px; float: left; }
	#partnerCntr img { float: right; margin-right: 5px; }
