/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 12px; color: #474747; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #474747; }
body { background: url('../images/bodyBg.png') #e2eeff repeat-x; }
img { border: 0px; display: block; }
a { outline: none; }

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

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0px auto; padding-bottom: 80px; width: 988px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 988px; height: 88px; }
	#headerCntr h1 { position: absolute; top: 3px; left: 10px; }
	#headerCntr h1 a { display: block; width: 282px; height: 50px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### MENU BOX ### */
		.menuBox { position: absolute; top: 10px; right: 0px; width: 566px; }
		.menuBox ul { overflow: hidden; width: 566px; list-style: none; }
		.menuBox li { padding-right: 5px; float: left; display: inline; }
		.menuBox li a { padding-left: 10px; display: block; float: left; height: 26px; font: 16px/25px 'Century Gothic', Arial; text-decoration: none; color: #fff; background: url('../images/menuBg.png') no-repeat left -300px; }
		.menuBox li a span { padding: 0px 20px 0px 10px; display: block; float: left; height: 26px; cursor: pointer; background: url('../images/menuBg.png') no-repeat left -300px; }
		.menuBox li a:hover, .menuBox li.selected a { background-position: left top; }
		.menuBox li a:hover span, .menuBox li.selected a span { background-position: right bottom; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { width: 988px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-top: 280px; position: relative; float: left; width: 416px; }
		#leftCntr div.top { padding-top: 25px; background: url('../images/leftTop.png') no-repeat left top; }
		#leftCntr div.bottom { padding: 0px 40px 0px 40px; background: url('../images/leftBg.png') repeat-y left top; }
		#leftCntr h3 { padding-bottom: 10px; font: bold 15px 'Century Gothic', Arial; color: #000; }
		
			/* ### SLIDER BOX ### */
			.sliderBox { position: absolute; top: 0px; left: -35px; width: 486px; height: 266px; background: url('../images/sliderBg.png') no-repeat center top; }
			.sliderBox div#slider { position: relative; top: 31px; left: 66px; }
			.sliderBox div#slider, .sliderBox ul, .sliderBox ul li { overflow: hidden; width: 350px; height: 200px; }
			.sliderBox span#prevBtn a { position: absolute; top: 92px; left: 6px; display: block; width: 66px; height: 66px; text-indent: -9999px; background: url('../images/prev.png') no-repeat; }
			.sliderBox span#nextBtn a { position: absolute; top: 92px; right: 10px; display: block; width: 66px; height: 66px; text-indent: -9999px; background: url('../images/next.png') no-repeat; }
			.sliderBox ol { position: absolute; top: 235px; left: 180px; list-style: none; }
			.sliderBox ol li { padding-right: 3px; float: left; display: inline; }
			.sliderBox ol li a { display: block; float: left; width: 17px; height: 17px; font: 11px/17px 'Century Gothic', Arial; text-align: center; font-weight: bold; text-decoration: none; color: #233b4c; background: url('../images/slideBg.png') no-repeat right top; }
			.sliderBox ol li a:hover, .sliderBox ol li.current a { color: #fff; background-position: left top; }
			
			/* ### DIENST BOX ### */
			.dienstBox { margin-bottom: 15px; padding-bottom: 25px; width: 416px; background: url('../images/dienstBottom.png') no-repeat left bottom; }
			#leftCntr .dienstBox div.top { padding-top: 25px; background: url('../images/dienstTop.png') no-repeat left top; }
			#leftCntr .dienstBox div.bottom { padding: 0px 40px 0px 40px; overflow: hidden; width: 336px; background: url('../images/dienstBg.png') repeat-y left top; }
			#leftCntr .dienstBox h3 { color: #fff; }
			.dienstBox div.dienst { float: left; width: 170px; }
			.dienstBox div.talen { float: right; width: 150px; }
			.dienstBox ul { list-style: none; }
			.dienstBox li { padding-left: 28px; height: 20px; line-height: 20px; color: #fff; background: url('../images/check2.gif') no-repeat; }
			.dienstBox a { text-decoration: none; color: #fff; }
			.dienstBox a:hover { text-decoration: underline; }
			
			/* ### NIEUWS BOX ### */
			.nieuwsBox { margin-bottom: 15px; padding-bottom: 25px; width: 416px; background: url('../images/leftBottom.png') no-repeat left bottom; }
			.nieuwsBox ul { list-style: none; }
			.nieuwsBox li { padding-left: 25px; height: 20px; line-height: 20px; background: url('../images/check.png') no-repeat; }
			.nieuwsBox a { text-decoration: none; color: #000; }
			.nieuwsBox a:hover { text-decoration: underline; }
			
			/* ### DOMEIN BOX ### */
			.domeinBox { padding-bottom: 25px; width: 416px; background: url('../images/leftBottom.png') no-repeat left bottom; }
			.domeinBox fieldset { overflow: hidden; width: 336px; border: 0px; }
			.domeinBox input.field { margin-right: 10px; padding: 4px 5px 0px 5px; float: left; width: 167px; height: 19px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
			.domeinBox input.submit { margin-top: 1px; float: left; cursor: pointer; width: 62px; height: 21px; font-size: 11px; color: #fff; border: 0px; background: url('../images/submitBg.gif') no-repeat; }
			.domeinBox p { line-height: 20px; color: #000; }

			/* ### PAGERANK BOX ### */
			.pagerankBox { padding-bottom: 25px; width: 416px; height:350px; background: url('../images/leftBottom.png') no-repeat left bottom; }
			.pagerankBox p { line-height: 20px; color: #000; }

		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 566px; }
		#rightCntr div.top { padding-top: 25px; background: url('../images/rightTop.png') no-repeat left top; }
		#rightCntr div.bottom { padding: 0px 40px 0px 40px; overflow: hidden; width: 486px; background: url('../images/rightBg.png') repeat-y left top; }
		
			/* ### TAG BOX ### */
			.tagBox { position: relative; width: 566px; height: 210px; }
			.tagBox ul { list-style: none; }
			.tagBox li { position: absolute; color: #000; }
			.tagBox li.tag1 { top: 40px; left: 40px; font-size: 40px; }
			.tagBox li.tag2 { top: 20px; left: 260px; font-size: 22px; }
			.tagBox li.tag3 { top: 110px; left: 100px; font-size: 25px; }
			.tagBox li.tag4 { top: 65px; left: 300px; font-size: 31px; }
			.tagBox li.tag5 { top: 135px; left: 280px; font-size: 18px; }
			.tagBox li.tag6 { top: 155px; left: 279px; font-size: 28px; font-weight: bold; }
			
			/* ### ONS BOX ### */
			.onsBox { margin-bottom: 15px; padding-bottom: 25px; width: 566px; background: url('../images/rightBottom.png') no-repeat left bottom; }
			.onsBox a{ font-family: Arial; font-size: 12px; color: #474747;}
			.onsBox h3 { padding-bottom: 10px; font: bold 20px 'Century Gothic', Arial; color: #000; }
			.onsBox p { padding-bottom: 15px; line-height: 18px; }
			.onsBox img.left { margin: 0px 10px 0px 0px; float: left; }
			.onsBox a.meer { padding-left: 30px; float: right; display: block; height: 21px; line-height: 21px; text-decoration: none; font-weight: bold; color: #000; background: url('../images/arrow.png') no-repeat left center; }
			.onsBox a.meer:hover { text-decoration: underline; }
			
			/* ### WERK BOX ### */
			.werkBox { padding-bottom: 25px; width: 566px; background: url('../images/rightBottom.png') no-repeat left bottom; }
			.werkBox h3 { padding-bottom: 10px; font: bold 20px 'Century Gothic', Arial; color: #000; }
			.werkBox p { padding-bottom: 15px; line-height: 18px; }
			.werkBox img { margin-bottom: 15px; }
			.werkBox a.meer { padding-left: 30px; float: right; display: block; height: 21px; line-height: 21px; text-decoration: none; font-weight: bold; color: #000; background: url('../images/arrow.png') no-repeat left center; }
			.werkBox a.meer:hover { text-decoration: underline; }

	/* ### FOOTER CONTAINER ### */
	#footerCntr { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 61px; background: url('../images/footerBg.gif') repeat-x; }
	#footerCntr div.content { margin: 0 auto; padding-top: 11px; width: 988px; font-size: 11px; line-height: 15px; color: #fff; }
	#footerCntr em { line-height: 13px; font-size: 10px; }
	#footerCntr a { text-decoration: none; color: #fff; }
	#footerCntr a:hover { text-decoration: underline; }

	/* ### social container ### */
	#socialCntr { display: none; text-align: center;  }
	#socialCntr p { color: #636467; font-size: 19px; line-height: 24px; padding: 5px 0 10px; }
	#socialCntr ul { list-style: none; margin: 20px 0 0 230px; }
	#socialCntr li { float: left; margin-right: 30px; display: inline; width: 71px; height: 108px; background: url('../images/layer/facebook_shadow.png') no-repeat 0 68px; }
	#socialCntr li.twitter { background: url('../images/layer/twitter_shadow.png') no-repeat 0 68px; }
	#socialCntr li.google { background: url('../images/layer/google_shadow.png') no-repeat 0 68px; }