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

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

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

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

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 914px; height: 360px; background: url('../images/headerBg.png') no-repeat -3px 0px; }
	#headerCntr h1 { display: none; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 107px; left: 10px; width: 914px; }
		#menuCntr ul.menu { float: left; overflow: hidden; width: 700px; list-style: none; }
		#menuCntr ul.menu li { float: left; display: inline; border-right: 1px solid #e5e5e5; }
		#menuCntr ul.menu li a { display: block; float: left; height: 38px; text-indent: -9999px; }
		#menuCntr ul.menu li a:hover, #menuCntr ul.menu li.selected a { background-position: 0px -38px; }
		#menuCntr ul.letter { padding: 8px 30px 0px 0px; float: right; overflow: hidden; width: 100px; list-style: none; }
		#menuCntr ul.letter li { margin-left: 5px; float: right; display: inline; }
		#menuCntr ul.letter li a { display: block; float: left; width: 26px; height: 23px; text-indent: -9999px; }

		#menuCntr li.klein a { background-image: url('../images/klein.gif'); }
		#menuCntr li.groot a { background-image: url('../images/groot.gif'); }
		
		#menuCntr li.beginpagina a { width: 113px; background-image: url('../images/beginpagina.gif'); }
		#menuCntr li.portfolio a { width: 88px; background-image: url('../images/portfolio.gif'); }
		#menuCntr li.overons a { width: 90px; background-image: url('../images/overons.gif'); }
		#menuCntr li.tarieven a { width: 90px; background-image: url('../images/tarieven.gif'); }
		#menuCntr li.referenties a { width: 106px; background-image: url('../images/referenties.gif'); }
		#menuCntr li.contact a { width: 81px; background-image: url('../images/contact.gif'); }
		
		/* ### SLIDER CONTAINER ### */
		#sliderCntr { position: absolute; top: 150px; width: 914px; height: 210px; }
		#sliderCntr ul { overflow: hidden; width: 914px; list-style: none; }
		#sliderCntr li { margin-left: 80px; float: left; display: inline; }
		#sliderCntr li a img { padding-left: 22px; height: 134px; }
		#sliderCntr li a { display: block; width: 334px; height: 195px; text-decoration: none; color: #000; background: url('../images/sliderBg.gif') no-repeat bottom; }
		#sliderCntr li a strong { padding: 8px 0px 0px 20px; display: block; float: left; cursor: pointer; font-size: 13px; }
		#sliderCntr li a span { padding: 9px 20px 0px 0px; display: block; float: right; cursor: pointer; }
		#sliderCntr li a:hover { text-decoration: underline; }
		#sliderCntr a.sluit { position: absolute; bottom: 1px; left: 390px; display: block; width: 144px; height: 25px; line-height: 25px; text-align: center; text-decoration: none; color: #000; background: url('../images/buttonBg.gif') no-repeat; }
		#sliderCntr a.sluit:hover { text-decoration: underline; }
		#sliderCntr a.prev { position: absolute; top: 60px; left: 0px; display: block; width: 37px; height: 36px; text-indent: -9999px; background: url('../images/prev.gif') no-repeat; }
		#sliderCntr a.next { position: absolute; top: 60px; right: 0px; display: block; width: 37px; height: 36px; text-indent: -9999px; background: url('../images/next.gif') no-repeat; }
	
  	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 30px 0px 30px 0px; overflow: hidden; width: 914px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 293px; }
		
			/* ### NAV BOX ### */
			.navBox { width: 293px; background: url('../images/navBg.gif') repeat-y; }
			.navBox div.top { background: url('../images/navTop.gif') no-repeat top; }
			.navBox div.bottom { padding: 15px 5px 15px 1px; background: url('../images/navBottom.gif') no-repeat bottom; }
			.navBox ul { list-style: none; }
			.navBox li { border-bottom: 1px solid #d6d6d6; }
			.navBox li.last { border-bottom: 0px; }
			.navBox li a { padding: 0px 40px 0px 20px; display: block; height: 40px; line-height: 40px; font-weight: bold; text-decoration: none; color: #000; background: url('../images/navArrow.gif') no-repeat 250px center; }
			.navBox li a:hover, .navBox li.selected a { color: #23709e; background: url('../images/navHArrow.gif') #d6d6d6 no-repeat 249px center; }
                                                .navBox li a:hover, .navBox li.current_page_item a {  color: #23709e; background: url('../images/navHArrow.gif') #d6d6d6 no-repeat 249px center; }

		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 611px; }
		
			/* ### TEXT BOX ### */
			.textBox { width: 611px; background: url('../images/textBg.gif') repeat-y; }
			.textBox a { text-decoration: none; color: #000; }
			.textBox a:hover { text-decoration: underline; }
			.textBox div.top { background: url('../images/textTop.gif') no-repeat top; }
			.textBox div.bottom { padding: 0px 15px 20px 15px; background: url('../images/textBottom.gif') no-repeat bottom; }
			.textBox div.grey { margin-bottom: 10px; position: relative; width: 581px; background: url('../images/greyBg.gif') repeat-y; }
			.textBox div.grey div.top { background: url('../images/greyTop.gif') no-repeat top; }
			.textBox div.grey div.bottom { padding: 0px 16px 20px 16px; background: url('../images/greyBottom.gif') no-repeat bottom; }
			.textBox div.grey a { text-decoration: none; color:#000; }
			.textBox div.grey a:hover { color:#999; }
			.textBox div.grey ul { margin:10px 20px 20px 20px; }
			.textBox div.blue { margin-bottom: 10px; width: 548px; color: #fff; background: url('../images/blueBg.gif') repeat-y; }
			.textBox div.blue div.top { background: url('../images/blueTop.gif') no-repeat top; }
			.textBox div.blue blockquote { padding: 15px 15px 5px 15px; background: url('../images/blueBottom.gif') no-repeat bottom; }
			.textBox h1 { margin-bottom: 10px; height: 41px; line-height: 41px; font-size: 14px; font-weight: bold; color: #000; }
			.textBox h1 a { text-decoration: none; color: #4496c7; }
			.textBox h1 a:hover { text-decoration: none; color:#000; }
			.textBox h2 { margin-bottom: 10px; height: 41px; line-height: 41px; font-size: 14px; font-weight: bold; color: #4496c7; }
			.textBox h2 a { text-decoration: none; color: #4496c7; }
			.textBox h2 a:hover { text-decoration: none; color:#000; }
			.textBox p { padding-bottom: 10px; line-height: 16px; }
			.textBox em { position: absolute; top: 13px; right: 16px; font-style: normal; }
			
/* ### FOOTER CONTAINER ### */
#footerCntr { width: 100%; background: url('../images/footerBg.gif') #000 repeat-x; }
#footerCntr div.content { margin: 0 auto; padding: 20px 0px 20px 0px; overflow: hidden; width: 914px; }
#footerCntr div.last { border-right: 0px; }
#footerCntr div.double ul { float: left; width: 122px; }

	/* ### FOOTER BOX ### */
	.footerBox { padding: 10px 30px 10px 30px; float: left; width: 244px; height: 185px; border-right: 1px solid #404040; }
	.footerBox h3 { margin-bottom: 5px; padding-bottom: 6px; font-size: 12px; font-weight: bold; color: #5eb9ff; border-bottom: 1px solid #404040; }
	.footerBox ul { overflow: hidden; width: 244px; list-style: none; }
	.footerBox li { line-height: 26px; }
	.footerBox li a { text-decoration: none; color: #fff; }
	.footerBox li a:hover { text-decoration: underline; }
	.footerBox p { padding-top: 30px; text-align: center; line-height: 26px; color: #606060; }
	.footerBox a { text-decoration: none; color:#fff; }
	.footerBox a:hover { color: #606060; }