/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #e9eaea url('../images/bg.jpg') center top repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }

body.sub { background: #efefef url('../images/bg2.jpg') center top repeat-x; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

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

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 100%; }

	/* ### header container ### */
	#headerCntr { position: relative; margin: 0 auto; width: 960px; height: 200px; }
	#headerCntr a.logo { position: absolute; top: 26px; left: 7px; display: block; width: 354px; height: 88px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### menu box ### */
		.menuBox { position: absolute; top: 131px; left: 9px; width: 960px; height: 72px; }
		.menuBox ul { list-style: none; }
		.menuBox li { float: left; line-height: 72px; font-family: 'MuseoSans500'; }
		.menuBox li a { display: block; text-decoration: none; color: #fff; font-size: 21px; text-align: center; height: 72px; }
		.menuBox li.home a { width: 178px; background: url('../images/home.png') top no-repeat; }
		.menuBox li.home a:hover { background: url('../images/home.png') bottom no-repeat; }
		.menuBox li.media a { width: 228px; background: url('../images/media.png') top no-repeat; }
		.menuBox li.media a:hover { background: url('../images/media.png') bottom no-repeat; }
		.menuBox li.extra a { width: 147px; background: url('../images/extra.png') top no-repeat; }
		.menuBox li.extra a:hover { background: url('../images/extra.png') bottom no-repeat; }
		.menuBox li.prijzen a { width: 151px; background: url('../images/prijzen.png') top no-repeat; }
		.menuBox li.prijzen a:hover { background: url('../images/prijzen.png') bottom no-repeat; }
		.menuBox li.voorbeelden a { width: 239px; background: url('../images/voorbeelden.png') top no-repeat; }
		.menuBox li.voorbeelden a:hover { background: url('../images/voorbeelden.png') bottom no-repeat; }
	
		/* ### link box ### */
		.linkBox { width: 620px; position: absolute; right: 11px; top: 0px; }
		.linkBox ul.link { padding: 13px 1px 0 0; float: right; list-style: none; }
		.linkBox ul.link li { padding: 0 14px 0 17px; float: left; background: url('../images/link-div.png') left top no-repeat; }
		.linkBox ul.link li.first { background: none; } 
		.linkBox ul.link li a { text-decoration: none; color: #51636d; font-size: 15px; font-family: 'MuseoSans500'; }
		.linkBox ul.link li a:hover { text-decoration: underline; }
		.linkBox ul.drop { list-style: none; float: right; }
		.linkBox ul.drop li { padding-left: 3px; float: left; position: relative; line-height: 42px; }
		.linkBox ul.drop li a { padding-left: 45px; width: 108px; position: relative; z-index: 888; color: #fff; text-decoration: none; font-size: 15px; font-family: 'MuseoSans500'; display: block; height: 42px; background: url('../images/button.png') top no-repeat; }
		.linkBox ul.drop li a:hover, .linkBox ul.drop li:hover a { background: url('../images/button.png') bottom no-repeat; }
		.linkBox ul.drop li ul { list-style: none; display: none; z-index: 88; position: absolute; left: -64px; top: 32px; }
		.linkBox ul.drop li:hover li { padding: 20px 0 0 37px; width: 180px; line-height: 20px; height: 67px; background: url('../images/drop-mid.png') no-repeat; }
		.linkBox ul.drop li:hover li.first { padding-top: 25px; height: 64px; background: url('../images/drop-top.png') no-repeat; }
		.linkBox ul.drop li:hover li.last { padding-top: 12px; height: 78px; background: url('../images/drop-bottom.png') no-repeat; }
		.linkBox ul.drop li:hover li a { padding: 0px; color: #0082c8; font-size: 24px; width: auto; height: auto; z-index: 88; background: none; }
		.linkBox ul.drop li:hover li a:hover { text-decoration: underline; background: none; }
		.linkBox ul.drop li:hover li span { display: block; color: #91a3ad; margin-left: -10px; font-size: 19px; }
		.linkBox ul.drop li:hover ul { display: block; }
		.linkBox span.num { padding-left: 48px; margin: 27px 15px 0 0; font-family: 'MuseoSans500'; letter-spacing: 1px; color: #0082c8; font-size: 26px; float: right; line-height: 42px; background: url('../images/phone.png') left top no-repeat; }
		.linkBox ul.drop li ul.sector { left: -61px; }
		.linkBox ul.drop li ul.sector li { padding: 0px!important; height: 41px; width: 217px; line-height: 40px; background: url('../images/sector-mid.png') no-repeat; }
		.linkBox ul.drop li ul.sector li a { padding: 0 0 0 20px!important; color: #fff; font-size: 14px; background: none!important; }
		.linkBox ul.drop li ul.sector li.first { padding-top: 6px!important; width: 217px; height: 53px; line-height: 59px; background: url('../images/sector-top.png') top no-repeat; }
		.linkBox ul.drop li ul.sector li.center { width: 217px; height: 41px; background: url('../images/sector-center.png') top no-repeat; }
		.linkBox ul.drop li ul.sector li.last { width: 217px; height: 44px; background: url('../images/sector-bottom.png') bottom no-repeat; }
	
	/* ### intro container ### */
	#introCntr { padding-bottom: 9px; width: 100%; height: 392px; background: url('../images/shadow.png') center bottom no-repeat; }
	#introCntr.sub { padding-bottom: 9px; height: 308px; }
	
		/* ### intro box ### */
		.introBox { width: 960px; margin: 0 auto; }
		.introBox .slider { padding: 19px 22px 90px 19px; margin: 54px 0 0 11px; float: left; height: 221px; position: relative; width: 374px; background: url('../images/slider-bg.png') no-repeat; }
		.introBox .slider.sub { padding: 15px 16px 70px 15px; margin: 43px 0 0 45px; float: left; height: 163px; position: relative; width: 299px; background: url('../images/slider-bg2.png') no-repeat; }
		.introBox .right { padding: 52px 0 0 0; position: relative; float: right; width: 480px; }
		.introBox .right img.image2 { position: absolute; right: 8px; bottom: -5px; }
		.introBox .left { margin: 32px 0 0 32px; float: left; width: 400px; }
		.introBox.sub .left { margin: 13px 0 0 26px; }	
		.introBox.sub .right { margin-right: 50px; }
		.introBox.sub p { padding-right: 0px; }
		.introBox h2 { padding-bottom: 14px; color: #0082c8; font-size: 24px; line-height: 26px; font-family: 'MuseoSans500'; font-weight: normal; }
		.introBox p { padding: 0 10px 24px 0; color: #353a3c; font-size: 15px; font-family: 'MuseoSans500'; line-height: 24px; }
		.introBox a.link { padding-left: 10px; margin: 0 0 42px -1px; width: 200px; height: 46px; font-size: 16px; display: block; text-align: center; color: #fff; font-family: 'MuseoSans500'; line-height: 46px; text-decoration: none; background: url('../images/button2.png') top no-repeat; }
		.introBox a.link:hover { background: url('../images/button2.png') bottom no-repeat; }
		.introBox ul { padding: 0px; list-style: none; overflow: hidden; position: relative; margin-left: -4px; }
		.introBox li { padding-left: 5px; float: left; }

	/* ### content container ### */
	#contentCntr { padding-bottom: 20px; width: 960px; margin: 0 auto; }
	#contentCntr.gap { padding-bottom: 0px; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 490px; }
		#leftCntr.gap { width: 570px; }
		
			/* ### price box ### */
			.priceBox { padding: 30px; width: 490px; }
			.priceBox.sub { padding-right: 0px; width: 530px; }
			.priceBox.sub p { padding: 0 20px 15px 0; }
			.priceBox h2 { padding-bottom: 8px; color: #0082c8; font-size: 24px; line-height: 44px; font-weight: normal; font-family: 'MuseoSans500'; }
			.priceBox ul { padding-bottom: 30px; list-style: none; width: 100%; overflow: hidden; }
			.priceBox li { padding: 0 0 6px 50px; margin-bottom: 7px; border-bottom: 1px solid #ccd0d2; width: 418px; line-height: 30px; background: url('../images/checkmark.png') left 1px no-repeat; }
			.priceBox li.last { margin: 0px; }
			.priceBox li a { color: #7a7a7a; display:block; text-decoration: none; }
			.priceBox li a.small { font-size: 14px; color: #0082c8; }
			.priceBox li a:hover { text-decoration:underline; }
			.priceBox img.image { margin-left: -4px; float:left; }
			.priceBox img.image2 { margin: 4px 0 0 1px; float: left; }
			.priceBox.sub img.image { margin-left: -9px; float:left; }
			.priceBox h3 { color: #0082c8; font-size: 20px; line-height: 24px; font-weight: normal; }
			.priceBox p { padding: 0 35px 20px 0; color: #7a7a7a; font-size: 13px; line-height: 20px; }
			.priceBox p.gap { padding-bottom: 22px; }
			.priceBox.sub h3 { padding-bottom: 14px; }
			.priceBox ul.ipsum { padding: 0 0 24px 1px; }
			.priceBox ul.ipsum li { padding: 1px 0 7px 35px; line-height: 20px; margin-bottom: 0px; border: none; height: 20px; background: url('../images/checkmark2.png') left 4px no-repeat; }
			.priceBox ul.ipsum li a { color: #7a7a7a; font-size: 13px; line-height: 28px; }
			.priceBox ul.ipsum li a:hover { text-decoration: underline; }

			/* ### contact box ### */
			.contactBox { padding: 32px; width: 490px; }
			.contactBox .left { width: 240px; float: left; }
			.contactBox .right { padding: 7px 0 0 0; width: 250px; float: right; }
			.contactBox h2 { color: #0082c8; font-size: 16px; line-height: 22px; font-weight: normal; }
			.contactBox img.logo { margin: 1px 0 37px 109px; }
			.contactBox address { color: #51636d; font-size: 13px; line-height: 22px; font-style: normal; }
			.contactBox span { padding-left: 52px; margin-bottom: 6px; color: #0082c8; font-size: 18px; line-height: 40px; display: block; background: url('../images/phone2.png') left top no-repeat; }
			.contactBox a.link { padding-left: 52px; display: block; color: #0082c8; text-decoration: none; font-size: 14px; line-height: 40px; background: url('../images/mail2.png') 3px top no-repeat; }
			.contactBox a.link:hover { text-decoration: underline; }
			.contactBox img.map { margin: 48px 0 0 -3px; }

		/* ### center container ### */
		#centerCntr { float: left; width: 960px; }
		
			/* ### slider box ### */
			.sliderBox { padding: 33px 0 0 9px; width: 950px; }
			.sliderBox ul { list-style: none; }
			.sliderBox li { width: 298px; margin-right: 24px; float: left; height: 343px; background: url('../images/social_bg.png') no-repeat; }
			.sliderBox li.last { margin-right: 0px; }
			.sliderBox li .image { padding-top: 15px; min-height: 146px; }
			.sliderBox li .image.bg { padding: 35px 30px 0 30px; margin: 10px 0 0 45px; width: 171px; min-height: 116px; background: url('../images/text-frame.png') no-repeat; }
			.sliderBox li .image span { color: #0082c8; font-size: 22px; line-height: 22px; font-family: 'BudHandBold'; }
			.sliderBox li .image span.larg { color: #0082c8; font-size: 28px; }
			.sliderBox li .image span.small { color: #0082c8; font-size: 18px; }
			.sliderBox img.logo { margin: 0px auto 0; }
			.sliderBox h3 { padding-bottom: 20px; color: #ec8800; font-size: 18px; line-height: 24px; font-family: 'MuseoSans500'; font-weight: normal; }
			.sliderBox p { color: #7a7a7a; font-size: 13px; line-height: 20px; }
			.sliderBox a.link { padding-left: 8px; color: #fff; width: 110px; position: absolute; left: 21px; bottom: 11px; text-align: center; display: block; text-decoration: none; font-family: 'MuseoSans500'; font-size: 12px; height: 28px; line-height: 28px; background: url('../images/button3.png') top no-repeat; }
			.sliderBox a.link:hover { background: url('../images/button3.png') bottom no-repeat; }
			.sliderBox .text { padding: 0px 20px 0 22px; overflow: hidden; min-height: 170px; position: relative; }
		
			/* ### package box ### */
			.packageBox { margin: 1px 0 18px 29px; width: 457px; }
			.packageBox h3 { color: #ec8800; font-size: 18px; line-height: 23px; font-weight: normal; font-family: 'MuseoSans500'; }
			.packageBox .left { min-height: 159px; width: 340px; float: left; }
			.packageBox .right { margin: 5px 0 0 0; width: 110px; float: right; }
			.packageBox p { color: #7a7a7a; font-size: 13px; line-height: 20px; }
			.packageBox ul { list-style: none; width: 100%; overflow: hidden; }
			.packageBox li { padding-left: 8px; line-height: 20px; background: url('../images/bullet.png') left 8px no-repeat; }
			.packageBox li a { text-decoration: none; color: #7a7a7a; font-size: 13px; }
			.packageBox li a:hover { text-decoration: underline; }
			.packageBox a.link1 { padding-left: 10px; float: left; margin: 0 17px 0 -1px; display: block; width: 105px; height: 34px; text-decoration: none; line-height: 34px; text-align: center; font-family: 'MuseoSans500'; color: #7a7a7a; font-size: 15px; background: url('../images/button6.png') no-repeat; }
			.packageBox a.link2 { padding-left: 10px; height: 33px; width: 143px; float: left; font-family: 'MuseoSans500'; color: #fff; font-size: 15px; display: block; text-align: center; text-decoration: none; line-height: 33px; background: url('../images/button5.png') top no-repeat; }
			.packageBox a.link2:hover { background: url('../images/button5.png') bottom no-repeat; }
	
			/* ### project box ### */
			.projectBox { padding: 40px 0 0 9px; overflow: hidden; width: 951px; }
			.projectBox ul { list-style: none; width: 100%; overflow: hidden; }
			.projectBox li { padding: 0 0px 29px 0; width: 951px; margin-bottom: 26px; float: left; background: url('../images/company-shadow.png') center bottom no-repeat; }
			.projectBox li .image { padding: 14px 15px 0 17px; float: left; width: 274px; height: 218px; background: url('../images/image-bg.png') no-repeat; }
			.projectBox li .right { margin-left: 25px; position: relative; width: 590px; min-height: 225px; float: left; } 
			.projectBox li .left { float: left; margin: 0 9px 0 -1px; }
			.projectBox li.last { margin-bottom: 0px; }
			.projectBox h3 { padding: 0 0 10px 0px; color: #0082c8; font-size: 20px; font-weight: normal; font-family: 'MuseoSans500'; }
			.projectBox p { color: #7a7a7a; font-size: 13px; line-height: 20px; }
			.projectBox a.link { padding-left: 32px; width: 137px; position: absolute; left: -1px; bottom: 0px; height: 28px; font-size: 13px; line-height: 28px; display: block; font-family: 'MuseoSans500';  color: #fff; text-decoration: none; background: url('../images/button7.png') top no-repeat; }
			.projectBox a.link:hover { background: url('../images/button7.png') bottom no-repeat; }

			/* ### filter box ### */
			.filterBox { padding: 9px 8px 0 0; float: right; width: 400px; }
			.filterBox ul { float: right; list-style: none; }
			.filterBox li { padding-left: 12px; float: left; position: relative; }
			.filterBox li a { padding-left: 15px; display: block; width: 151px; font-size: 15px; position: relative; z-index: 888; text-decoration: none; height: 41px; text-align: center; line-height: 41px; color: #7a7a7a; font-family: 'MuseoSans500'; background: url('../images/filte-btn.png') no-repeat; }
			.filterBox li ul { padding: 15px 6px 5px 6px; display: none; position: absolute; left: 12px; width: 162px; z-index: 777; top: 30px; border: 2px solid #e5e5e5; background: #fff; }
			.filterBox li li { padding: 0; float: none; }
			.filterBox li li a { padding-left: 10px; text-align: left; width: 150px; border-bottom: 1px solid #e6e6e6; line-height: 26px; height: 29px; color: #7a7a7a; font-family: Arial; font-size: 12px; background: none; }
			.filterBox li li.last a { border-bottom: none; }
			.filterBox li li a:hover, .filterBox li li.selected a { background: #ececec; }
			.filterBox li li a span { display: block; float: left; }
			.filterBox li li a img { display: block; margin: 7px 3px 0 0; float: right; }
			.filterBox li:hover ul { display: block; }

			/* ### company box ### */
			.companyBox { padding: 16px 0 0 9px; overflow: hidden; width: 951px; }
			.companyBox ul { list-style: none; width: 100%; overflow: hidden; }
			.companyBox li { padding: 0 12px 42px 0; width: 306px; float: left; height: 270px; overflow: hidden; }
			.companyBox li.last { padding-right: 0px; }
			.companyBox li .image { padding: 14px 0 0 17px; margin-bottom: 11px; width: 289px; height: 218px; background: url('../images/image-bg.png') no-repeat; }
			.companyBox li .left { float: left; margin: 0 9px 0 -1px; }
			.companyBox li a.link { text-decoration: none; color: #7a7a7a; font-size: 18px; font-family: 'MuseoSans500'; font-weight: normal; line-height: 24px; }
			.companyBox li a.link:hover { text-decoration: underline; }
			.companyBox li p { padding-left: 0px; line-height: 18px; color: #7a7a7a; font-size: 13px; }
		
			/* ### pagination box ### */
			.paginationBox { padding: 16px 0 0 9px; overflow: hidden; float: left; width: 401px; }
			.paginationBox ul { list-style: none; }
			.paginationBox li { padding-right: 3px; float: left; }
			.paginationBox li a { color: #7a7a7a; display: block; height: 23px; width: 23px; text-decoration: none; line-height: 23px; text-align: center; font-size: 12px; font-weight: bold; }
			.paginationBox li a:hover, .paginationBox li.selected a { color: #fff; background: url('../images/pagination-hover.png') no-repeat; }
			.paginationBox li.prv a { text-indent: -9999px; background: url('../images/pagination-prv.png') 1px 6px no-repeat; }
			.paginationBox li.prv { padding-right: 10px; }
			.paginationBox li.next a { text-indent: -9999px; background: url('../images/pagination-next.png') right 6px no-repeat; }
			.paginationBox li.next { padding-left: 10px; }
		
			/* ### social box ### */
			.socialBox { padding: 19px 0px 15px 0; overflow: hidden; width: 432px; }
			.socialBox.sub { padding: 21px 10px 30px 0; float: right; }
			.socialBox ul { float: right; list-style: none; }
			.socialBox li { padding-left: 4px; float: left; }
		
		/* ### right container ### */
		#rightCntr { padding: 40px 4px 0 0; float: right; width: 435px; }
		#rightCntr.gap { width: 367px; }
		
			/* ### order box ### */
			.orderBox { width: 431px; background: url('../images/order_mid.gif') repeat-y; }
			.orderBox .top { background: url('../images/order_top.gif') top no-repeat; }
			.orderBox .bottom { background: url('../images/order_bottom.gif') bottom no-repeat; }
			.orderBox .middel { padding: 15px 20px 37px 30px; }
			.orderBox h2 { padding-bottom: 17px; color: #0082c8; font-size: 30px; line-height: 40px; font-weight: normal; font-family: 'MuseoSans500'; }
			.orderBox p.first { padding: 0 50px 55px 0; color: #7a7a7a; font-size: 13px; line-height: 20px; }
			.orderBox fieldset { border: none; }
			.orderBox fieldset p { padding-bottom: 13px; width: 100%; overflow: hidden; }
			.orderBox label { padding-top: 8px; float: left; display: block; width: 128px; color: #0082c8; font-size: 14px; font-family: 'MuseoSans500'; }
			.orderBox .field { padding: 5px; font-size: 13px; color: #7a7a7a; border: 1px solid #d8d8d9; width: 234px; height: 20px; background: #fff; }
			.orderBox span.left { float: left; display: block; color: #7a7a7a; font-size: 13px; width: 128px; }
			.orderBox span.text { padding-top: 7px; display: block; }
			.orderBox .radio { margin: 3px 6px 0px -1px; width: 19px; height: 25px; display: block; float: left; background: url('../images/radio1.png') no-repeat; }
			.orderBox p.gap { padding-bottom: 56px; }
			.orderBox p.gap1 { padding-bottom: 9px; }
			.orderBox .button { float: right; cursor: pointer; margin: -24px 8px 0 0; color: #fff; width: 118px; border: none; text-align: center; display: block; text-decoration: none; font-family: 'MuseoSans500'; font-size: 12px; height: 28px; line-height: 28px; background: url('../images/button3.png') top no-repeat; }
			.orderBox .button:hover { background: url('../images/button3.png') bottom no-repeat; }
			
			/* ### rate box ### */
			.rateBox { width: 431px; background: url('../images/order_mid.gif') repeat-y; }
			.rateBox .top { background: url('../images/order_top2.gif') top no-repeat; }
			.rateBox .bottom { background: url('../images/order_bottom.gif') bottom no-repeat; }
			.rateBox .middel { padding: 27px 20px 33px 12px; }
			.rateBox ul { width: 407px; list-style: none; overflow: hidden; }
			.rateBox li { padding: 0 0 0px 8px; color: #0082c8; font-size: 15px; line-height: 24px; font-family: 'MuseoSans500'; height: 70px; border-bottom: 1px solid #d8d8d9; }
			.rateBox li .left { width: 73px; float: left; }
			.rateBox li .right { width: 320px; float: left; }
			.rateBox li p { padding-top: 14px; }
			.rateBox li.last { border: none; }

			/* ### facebook box ### */
			.facebookBox { padding: 1px 1px 12px 1px; margin: -4px 0 0 -7px; width: 366px; height: 268px; background: url('../images/facebook-bg.png') no-repeat; }
			.facebookBox ul { list-style: none; }
			.facebookBox li { float: left; }

	/* ### except container ### */
	#exceptCntr { padding: 39px 0 55px 0; margin-top: 37px; float: right; width: 100%; background: #fff; }
	
		/* ### except box ### */
		.exceptBox { width: 940px; margin: 0 auto; }
		.exceptBox h2 { padding: 0 90px 11px 0; color: #353a3c; font-size: 24px; line-height: 32px; font-weight: normal; font-family: 'MuseoSans500'; }
		.exceptBox p { color: #353a3c; font-size: 15px; font-family: 'MuseoSans500'; }
		
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; background: #353a3c; }
	
		/* ### footer box ### */
		.footerBox { padding: 20px 0 30px 10px; width: 950px; margin: 0 auto; }
		.footerBox .left { width: 265px; min-height: 123px; float: left; background: url('../images/fotter-left-bg.png') left 32px no-repeat; }
		.footerBox .right { float: right; width: 635px; background: url('../images/footer-right-bg.png') left 32px no-repeat; }
		.footerBox h3 { padding-bottom: 23px; color: #fff; font-size: 18px; line-height: 24px; font-family: 'MuseoSans500'; font-weight: normal; }
		.footerBox .right ul { padding-left: 15px; list-style: none; }
		.footerBox .smile { margin: -10px 0 0 1px; float: left; }
		.footerBox .left span { float:left; margin: -2px 0 0 9px; color: #fff; font-size: 20px; line-height: 24px; font-family: 'MuseoSans500'; }
		.footerBox .right li { padding-right: 50px; float: left; line-height: 22px; letter-spacing: 1px; }
		.footerBox .right li.last { padding-right: 0px; }
		.footerBox .right li a { color: #0082c8; font-size: 27px; text-decoration: none; }
		.footerBox .right li a span { display: block; color: #91a3ad; margin-left: -10px; font-size: 21px; }
		.footerBox p { padding: 8px 0 0 3px; color: #babbbc; font-size: 12px; }
		.footerBox a.link { color: #babbbc; }
		.footerBox a.link:hover { text-decoration: none; }