/* ### general ### */
* {padding: 0px; margin: 0px;}
html, body {height: 100%; font-family: arial; font-size: 12px; color: #000;}
input, select, textarea {font-family: arial; font-size: 12px; color: #000;}
body {background: #fff url('../images/wrapper.png') right top repeat-y;}
img {border: 0px;}
a, input {outline: none;}

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

/* ### wrapper ### */
#wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -79px;}
.text img {height:auto !important; max-width: 550px !important;}

/* Link configuration */
#configuration {float: left; background-color: #fff; border: 1px solid #dbdbdb; width: calc(100% - 62px); margin-bottom: 10px; padding: 30px;}
#configuration .image {float: left; width: 200px; margin-right: 30px;}
#configuration .image img {float: left; width: 100%;}
#configuration .content {float: right; width: 660px;}
#configuration .content h2 {color: #1b4486; font-family: 'MyriadPro-Regular'; font-size: 36px; font-weight: normal; text-transform: uppercase;}
#configuration .content p {margin: 15px 0 10px; color: #636363; font-size: 14px; line-height: 18px;}
#configuration .content a.btn {float: left; background-color: #ed2326; height: 36px; width: 220px; color: #fff; font-family: 'MyriadPro-Regular'; font-size: 14px; line-height: 36px; text-decoration: none; text-transform: uppercase; text-align: center;}
#configuration .content a.btn:hover {background-color: #1b4486;}

	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; height: 67px; float: left; }
	#headerCntr #header {width: 90%; /*width: 952px;*/ margin: 0 5%; position: relative; }
	#headerCntr #header h1 { position: absolute; left: -40px; top: -5px; }
	#headerCntr #header h1 a { width: 192px; height: 83.5px; display: block; text-decoration: none; text-indent: -9999px; background: url('../images/logo_acb_group_1.png') left top no-repeat; background-size: 100% 100%; }

		/* ### language box ### */
		.languageBox { margin: 4px auto 0 auto; /*float: right;*/ width: 90%; /*width: 952px;*/}
		.languageBox .contact {position: absolute; top: 10px; right: 0; padding: 0 10px; float: right; font-size: 11px; color: #a6a7ab; line-height: 25px; border: 1px solid #dcdcdc; background: #fff; }
		.languageBox .contact span { padding: 0 0 0 22px; margin: 0 0 0 7px; display: inline-block; line-height: 20px; background: url('../images/phon_icon.png') left top no-repeat; }

		.languageBox .language { padding: 5px 0; margin: 0 0 0 10px; float: right; border: 1px solid #dcdcdc; background: #fff; }
		.languageBox .language ul { list-style: none; }
		.languageBox .language li { height: 15px; padding: 0 9px; float: left; }

		/* ### menu box ### */
		.menuBox { margin: 25px 0 20px 0; float: right; }
		.menuBox ul { list-style: none; }
		.menuBox li { padding: 0 0 0 10px; float: left; position: relative; }
		.menuBox li a { padding: 0 12px; float: left; font-family: 'MyriadPro-Regular'; font-size: 15px; line-height: 31px; text-transform: uppercase; color: #363636; text-decoration: none; }
		.menuBox li a:hover { color: #ed2326; }
		.menuBox li.nav-selected a { color: #fff; background: #1b4486; }

	/* ### content container ### */
	#contentCntr {float: left; background: url('../images/content-bg.png') left top repeat-x; width: 100%; margin-bottom: 80px;}
	#contentCntr #content {width: 90%; /*width: 952px;*/ margin: 0 5%;}
	#contentCntr h2.title { text-align: right; font-family: 'MyriadPro-Regular'; font-size: 18px; color: #a6a7ab; font-weight: normal; text-transform: uppercase; line-height: 75px; }
	#contentCntr h2.title.spacer { margin: 0 0 60px 0; }
	#contentCntr h2.title span { font-weight: bold; }

		/* ### np box ### */
		.npBox { padding: 0 0 0 40px; width: 912px; height: 60px; float: left; font-size: 11px; color: #b7b7b7; line-height: 60px; }
		.npBox a { margin: 0 0 0 2px; display: inline-block; font-size: 11px; color: #b7b7b7; text-decoration: none; }
		.npBox a:hover { color: #ed2326; }
		.npBox span { margin: 0 0 0 3px; }

		/* ### referenties box ### */
		.referentiesBox { width: 952px; float: left; border: 1px solid #dbdbdb; background: #fff; }
		.referentiesBox h2 { padding: 15px 0 15px 40px; font-family: 'MyriadPro-Regular'; font-size: 20px; color: #1b4486; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #dbdbdb; }
		.referentiesBox .selectfield { margin: 12px 40px 0 0; float: right; position: relative; }
		.referentiesBox .selectfield select { padding: 4px; width: 244px; font-size: 14px; color: #636363; border: 1px solid #dbdbdb; }
		.referentiesBox .logos { padding: 40px 0 20px 80px; width: 872px; float: left; }
		.referentiesBox .logos ul { list-style: none; }
		.referentiesBox .logos ul li a,  .referentiesBox .logos ul li span { padding: 10px; display:block; width: 168px; overflow:hidden; height: 188px; float: left; border: 1px solid #dbdbdb; text-align: center; }
		.referentiesBox .logos ul li a:hover { border: 1px solid #ed2326;}
		.referentiesBox .logos ul li img { padding-top: 10px;}
		.referentiesBox .logos ul li .more { position: absolute; bottom: 10px; right: 10px; width: 28px; height: 28px; display: block; text-indent: -9999px; background: url('../images/more.png') no-repeat; }
        .referentiesBox .logos ul li { float:left; margin-right: 10px; margin-bottom:10px; }

		.referentiesBox .pagination { padding: 40px; width: 872px; float: left; }
		.referentiesBox .pagination ul { width: 672px; float: left; list-style: none; text-align: center; }
		.referentiesBox .pagination li { padding: 0 10px 0 6px; display: inline;  }
        .referentiesBox .pagination li + li { background: url('../images/line1.gif') right no-repeat; }
		.referentiesBox .pagination li a { font-size: 12px; color: #636363; text-decoration: none; }
		.referentiesBox .pagination li a:hover,.referentiesBox .pagination li.active a { color: #1b4486; }
        .referentiesBox .pagination li.next, .referentiesBox .pagination li.disabled { background: none;}
		.referentiesBox .pagination a.vorige { padding: 0 0 0 22px; width: 78px; height: 16px; float: left; font-family: 'MyriadPro-Regular'; font-size: 14px; color: #636363; text-decoration: none; text-transform: uppercase; background: url('../images/vorige.png') left top no-repeat; }
		.referentiesBox .pagination a.vorige:hover { color: #ed2326; background: url('../images/vorige.png') left -16px no-repeat; }
		.referentiesBox .pagination a.volgende { padding: 0 22px 0 0; width: 78px; height: 16px; float: right; font-family: 'MyriadPro-Regular'; font-size: 14px; color: #636363; text-decoration: none; text-transform: uppercase; text-align: right; background: url('../images/volgende.png') right top no-repeat; }
		.referentiesBox .pagination a.volgende:hover { color: #ed2326; background: url('../images/volgende.png') right -16px no-repeat; }

		/* ### nieuws box ### */
		.nieuwsBox { width: 952px; float: left; border: 1px solid #dbdbdb; background: #fff; }
		.nieuwsBox h2 { padding: 15px 0 15px 40px; font-family: 'MyriadPro-Regular'; font-size: 20px; color: #1b4486; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #dbdbdb; }
		.nieuwsBox .nieuws { padding: 40px 0 0 40px; width: 912px; float: left; }
		.nieuwsBox .nieuws ul { list-style: none; }
		.nieuwsBox .nieuws ul li { overflow: hidden; height: 140px; padding: 0 60px 40px 0; width: 395px; float: left; }
		.nieuwsBox .nieuws .image { width: 140px; float: left; }
		.nieuwsBox .nieuws .image img { float: left; }
		.nieuwsBox .nieuws .detail { padding: 10px 0 0 20px; width: 235px; float: left; font-size: 12px; color: #636363; line-height: 20px; }
		.nieuwsBox .nieuws .detail h4 { font-family: 'MyriadPro-Regular'; font-size: 18px; font-weight: normal; line-height: 20px; }
		.nieuwsBox .nieuws .detail h4 a { color: #636363; text-decoration: none; }
		.nieuwsBox .nieuws .detail h4 a:hover { color: #ed2326; text-decoration: underline; }
		.nieuwsBox .nieuws .detail p { padding: 8px 0 0 0; }
		.nieuwsBox .nieuws .detail a.more { padding: 0 18px; margin: 15px 0 0 0; float: left; font-family: 'MyriadPro-Regular'; font-size: 14px; color: #fff; text-transform: uppercase; text-decoration: none; line-height: 36px; background: #1b4486; }
		.nieuwsBox .nieuws .detail a.more:hover { text-decoration: underline; }

		.nieuwsBox .morenieuws { padding: 0 40px 10px 40px; width: 872px; float: left; }
		.nieuwsBox .morenieuws h3 { padding: 0 0 20px 0; font-family: 'MyriadPro-Regular'; font-size: 20px; color: #1b4486; font-weight: normal; line-height: 22px; text-transform: uppercase; }
		.nieuwsBox .morenieuws ul { width: 390px; float: left; list-style: none; }
		.nieuwsBox .morenieuws ul.right { float: right; }
		.nieuwsBox .morenieuws ul li { width: 390px; float: left; line-height: 18px; }
		.nieuwsBox .morenieuws span { width: 45px; display: inline-block; color: #636363; }
		.nieuwsBox .morenieuws a { color: #1b4486; text-decoration: none; }
		.nieuwsBox .morenieuws a:hover { color: #ed2326; text-decoration: underline; }

		.nieuwsBox .pagination { padding: 40px; width: 872px; float: left; }
		.nieuwsBox .pagination .pages { width: 472px; float: left; list-style: none; text-align: center; }
		.nieuwsBox .pagination .pages span { padding: 0 10px 0 6px; display: inline; background: url('../images/line1.gif') right no-repeat; }
		.nieuwsBox .pagination .pages a { font-size: 12px; color: #636363; text-decoration: none; }
		.nieuwsBox .pagination .pages a:hover, .nieuwsBox .pagination .pages .active a { color: #1b4486; }
		.nieuwsBox .pagination .vorige a, .nieuwsBox .pagination .vorige .ltgray, .nieuwsBox .pagination .volgende .ltgray { padding: 0 0 0 22px; width: 178px; height: 16px; float: left; font-family: 'MyriadPro-Regular'; font-size: 14px; color: #636363; text-decoration: none; text-transform: uppercase; background: url('../images/vorige.png') left top no-repeat; }
		.nieuwsBox .pagination .vorige a:hover { color: #ed2326; background: url('../images/vorige.png') left -16px no-repeat; }
		.nieuwsBox .pagination .volgende a { padding: 0 22px 0 0; width: 178px; height: 16px; float: right; font-family: 'MyriadPro-Regular'; font-size: 14px; color: #636363; text-decoration: none; text-transform: uppercase; text-align: right; background: url('../images/volgende.png') right top no-repeat; }
		.nieuwsBox .pagination .volgende a:hover{ color: #ed2326; background: url('../images/volgende.png') right -16px no-repeat; }
        .nieuwsBox .pagination .volgende .ltgray { color: #636363; background: url('../images/volgende.png') right 0 no-repeat; }

		/* ### left container ### */
		#leftCntr { width: 631px; float: left; }

			/* ### tabs box ### */
			.tabsBox { width: 629px; float: left; border: 1px solid #dbdbdb; font-family: 'MyriadPro-Regular'; background: #fff; }
			.tabsBox .nav { padding: 0 0 0 18px; width: 610px; height: 55px; float: left; background: url('../images/tab-bg.gif') repeat-x; }
			.tabsBox .nav ul { list-style: none; }
			.tabsBox .nav li { margin: 0 0 0 1px; float: left; }
			.tabsBox .nav li a { height: 55px; float: left; font-size: 15px; color: #636363; text-decoration: none; text-transform: uppercase; }
			.tabsBox .nav li a span { padding: 0 15px; float: left; height: 50px; line-height: 50px; border-left: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6; }
			.tabsBox .nav li a:hover,.tabsBox .nav li a.selected { color: #ed2326; background: #fff; }
			.tabsBox .nav li a:hover span,.tabsBox .nav li a.selected span{ border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }

			.tabsBox .gallery { padding: 37px 37px 0 38px; width: 554px; min-height: 383px; float: left; }
			.tabsBox .gallery .large { width: 410px; float: left; }
			.tabsBox .gallery ul { padding: 0 0 0 2px; width: 136px; list-style: none; float: left; }
			.tabsBox .gallery ul li { padding: 0 0 2px 0; float: left; }
			.tabsBox .gallery ul li img { float: left; }
			.tabsBox .gallery p { padding: 0 0 20px 0; }

			.tabsBox .moreinfo { padding: 7px 0 30px 0; width: 554px; float: left; }
			.tabsBox .moreinfo a.meer { width: 140px; height: 36px; float: left; font-size: 14px; color: #fff; line-height: 36px; text-decoration: none; text-transform: uppercase; text-align: center; background: #1b4486; }
			.tabsBox .moreinfo a.meer:hover { color: #fff; background: #ed2326; }
			.tabsBox .moreinfo ul { width: auto; text-align: right; padding: 10px 5px 0 0; float: right; list-style: none; }
			.tabsBox .moreinfo ul li { padding: 0 2px 0 9px; float: left;  }
			.tabsBox .moreinfo ul li+ li { background: url('../images/seprastor.png') left 4px no-repeat; }
			.tabsBox .moreinfo ul li a { font-size: 14px; color: #636363; text-decoration: none; text-transform: uppercase; }
			.tabsBox .moreinfo ul li a:hover { color: #000; }

			/* ### social box ### */
			.socialBox { margin: 10px 0 0 0; padding: 0 40px 0 40px; float: right; height: 30px; background: #dbdbdb; }
			.socialBox h4 { float: left; font-family: 'MyriadPro-Regular'; font-size: 14px; font-weight: normal; color: #6d6d6d; text-transform: uppercase; line-height: 30px; }
			.socialBox ul { padding: 7px 0 0 10px; float: left; list-style: none; }
			.socialBox ul li { padding: 0 10px; float: left; }

			/* ### foodagro box ### */
			.foodagroBox { width: 631px; float: left; border: 1px solid #dbdbdb; background: #fff; }
            .foodagroBox.page { width: 100%; }
			.foodagroBox h2 { padding: 15px 0 12px 40px; font-family: 'MyriadPro-Regular'; font-size: 20px; color: #1b4486; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #dbdbdb; }
			.foodagroBox .foodagro { padding: 40px; width: 551px; float: left; }
            .foodagroBox.page .foodagro { width: 872px; }

			.foodagroBox .slider { padding:0 0 20px; width: 551px; height: 300px; float: left; position: relative; }
			.foodagroBox .slider ul { list-style: none; }
			.foodagroBox .slider ul li { width: 551px; height: 300px; float: left; }
			.foodagroBox .slider a.bx-prev { position: absolute; top: 120px; left: 0; z-index: 9999; width: 30px; height: 60px; float: left; display: block; text-indent: -9999px; background: url('../images/prev.png') no-repeat; }
			.foodagroBox .slider a.bx-next { position: absolute; top: 120px; right: 0; z-index: 9999; width: 30px; height: 60px; float: left; display: block; text-indent: -9999px; background: url('../images/next.png') no-repeat; }

			.foodagroBox .text { padding: 0 0 0 0; width: 551px; float: left; color: #636363; line-height: 20px; }
            .foodagroBox .text p + p { padding-top: 20px; }
			.foodagroBox .text h2, .foodagroBox .text h3 { font-size:22px; margin-top:20px; line-height:30px; padding-bottom:5px; text-transform:none; }
			.foodagroBox .text ul li {margin-top:0px; margin-bottom:0px; list-style:circle;}
			.foodagroBox .text ul li {margin-left:18px; padding-bottom:0px;}
			
			.foodagroBox .referenties { padding: 0 0 30px 0; margin: 30px 0 0 0; width: 551px; float: left; background: #ececec; }
			.foodagroBox .referenties h3 { padding: 15px 0 10px 18px; font-family: 'MyriadPro-Regular'; font-size: 20px; color: #1b4486; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #fff; }
			.foodagroBox .referenties ul { padding: 20px; list-style: none; }
			.foodagroBox .referenties ul li { padding: 0 20px 0 0; display: inline-block; }
			.foodagroBox .referenties q { margin: 0 20px 0 20px; display: block; font-family: 'MyriadPro-Regular'; font-size: 16px; color: #363636; }
			.foodagroBox .referenties span { margin: 5px 20px 0 20px; display: block; font-family: 'MyriadPro-Regular'; font-size: 12px; color: #363636; }

			.foodagroBox .listing { padding: 30px 0 0  0; width: 551px; float: left; }
			.foodagroBox h3 { padding: 0 0 15px 0; font-family: 'MyriadPro-Regular'; font-size: 20px; color: #1b4486; font-weight: normal; text-transform: uppercase; }
			.foodagroBox .listing ul { list-style: none; }
			.foodagroBox .listing ul li { margin-bottom: 40px;  height:140px; cursor: pointer; width: 551px; float: left;}
			.foodagroBox .listing .image { width: 140px; float: left; }
			.foodagroBox .listing .image img { float: left; }
			.foodagroBox .listing .detail { padding: 5px 10px 0 20px; width: 381px; float: left; font-size: 12px; color: #636363; line-height: 20px; }
			.foodagroBox .listing .detail h4 { font-family: 'MyriadPro-Regular'; font-size: 20px; font-weight: normal; line-height: 22px; padding-bottom:10px; }
			.foodagroBox .listing .detail p { margin: 5px 0 3px 0; line-height:20px; height:40px; display:block; overflow:hidden; float:left; }
			.foodagroBox .listing .detail a.more { padding: 0 18px; margin: 8px 0 0 0; float: left; font-family: 'MyriadPro-Regular'; font-size: 14px; color: #fff; text-transform: uppercase; text-decoration: none; line-height: 36px; background: #1b4486; }
			.foodagroBox .listing li:hover { color: #fff; background: #ed2326; }
			.foodagroBox .listing li:hover .detail { color: #fff; }
			.foodagroBox .listing li:hover a.more { color: #ed2326; background: #fff; }
			.foodagroBox .listing a.vragen { padding: 0 18px; margin: 8px 0 0 0; float: left; font-family: 'MyriadPro-Regular'; font-size: 14px; color: #fff; text-transform: uppercase; text-decoration: none; line-height: 36px; background: #ed2326; }
			.foodagroBox .listing a.vragen:hover { text-decoration: underline; }

			/* ### contact box ### */
			.contactBox { width: 631px; float: left; border: 1px solid #dbdbdb; background: #fff; }
			.contactBox h2 { padding: 15px 0 10px 40px; font-family: 'MyriadPro-Regular'; font-size: 20px; color: #1b4486; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #dbdbdb; }
            .map { overflow: hidden; padding-bottom: 30px; }
            .map p { padding: 30px 0 0 0; float: left; line-height: 18px; color: #636363; }
			.map p.add1 { width: 190px; }
			.map p.add2 { padding: 48px 0 0 0; width: 170px; }
			.map p.add3 { width: 190px; }
			.map p.add3 span { width: 65px; display: inline-block; }
			.map a { color: #636363; text-decoration: none; }
			.map a:hover { color: #ed2326; text-decoration: underline; }
			

			.text p.add1 { width: 190px; padding: 0 0 0 0 !important; float: left; line-height: 18px; color: #636363;  }
			.text p.add2 { width: 170px;  padding: 0 0 0 0 !important; float: left; line-height: 18px; color: #636363; }
			.text p.add3 { width: 190px; padding: 0 0 0 0 !important; float: left; line-height: 18px; color: #636363;  }
			.text p.add3 span { width: 65px; display: inline-block; }

			.miniSurveyView h3 { font-family: 'MyriadPro-Regular'; font-size: 20px; color: #1b4486; font-weight: normal; text-transform: uppercase;}
			.miniSurveyView p { padding: 12px 0 0 0; }
			.miniSurveyView fieldset { padding: 15px 0 0 0; border: 0px; }
			.miniSurveyView fieldset p { padding: 2px 0 0 0; }
			.miniSurveyView label { padding: 3px 0 0 0; width: 120px; float: left; }
			.miniSurveyView input[type="text"], .miniSurveyView input[type="email"], .miniSurveyView input[type="tel"] { padding: 5px; width: 414px; border: 1px solid #d2dee1; }
			.miniSurveyView textarea { padding: 5px; width: 414px; height:200px; border: 1px solid #d2dee1; }
			.miniSurveyView input[type="submit"] { padding: 10px 18px; margin-top: 6px; border: 0px; cursor: pointer; font-family: 'MyriadPro-Regular'; font-size: 14px; color: #fff; text-transform: uppercase; text-decoration: none; line-height: 36px; background: #1b4486; }
			.miniSurveyView input[type="submit"]:hover { background: #ed2326;}
 		/* ### right container ### */
		#rightCntr { float: right; width: 310px; }

			/* ### diensten box ### */
			.dienstenBox { width: 310px; float: left; font-family: 'MyriadPro-Regular'; border: 1px solid #dbdbdb; background: #fff; }
			.dienstenBox h3 { padding: 15px 0 10px 18px; font-size: 20px; color: #1b4486; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #dbdbdb; }
			.dienstenBox ul { padding: 24px 10px 33px 10px; width: 290px; float: left; list-style: none; }
			.dienstenBox ul li { width: 290px; float: left; }
			.dienstenBox ul li.odd { background: #ededed; }
			.dienstenBox ul li a { width: 274px; padding: 6px 8px; display: block; font-size: 14px; color: #636363; text-decoration: none; text-transform: uppercase; background: url('../images/right_arrow.png') 270px 10px no-repeat; }
			.dienstenBox ul li a:hover,.dienstenBox ul li.nav-selected a { color: #ed2326; background:url('../images/right_arrowHover.png') 270px 10px no-repeat; }

			/* ### news box ### */
			.newsBox { padding: 0 0 17px 0; margin: 8px 0 0 0; width: 310px; float: left; border: 1px solid #dbdbdb; background: #fff; }
			.newsBox h3 { padding: 15px 0 14px 18px; font-family: 'MyriadPro-Regular'; font-size: 20px; color: #1b4486; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #dbdbdb; }
			.newsBox ul { padding: 8px 15px; list-style: none; overflow: hidden; }
			.newsBox ul li { float: left; padding: 10px 5px 0 5px; width: 260px; }
			.newsBox ul li span { padding: 13px 0 0 0; width: 56px; height: 53px; text-align: center; float: left; font-family: 'MyriadPro-Regular'; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 14px; background: url('../images/dateBg.png') left top no-repeat; }
			.newsBox ul li span em { font-size: 18px; font-style: normal; font-weight: bold; }
			.newsBox ul li a { padding: 10px 0 0 0; float: right; width: 189px; font-size: 14px; color: #636363; line-height: 18px; text-decoration: none; }
			.newsBox ul li:hover span,.newsBox ul li.selected span { background: url('../images/dateBghover.png') left top no-repeat; }
			.newsBox ul li:hover a,.newsBox ul li.selected a { color: #ed2326; }

			/* ### submenu box ### */
			.submenuBox { padding: 10px; margin: 50px 0 0 0; width: 290px; float: left; font-family: 'MyriadPro-Regular'; border: 1px solid #dbdbdb; background: #fff; }
			.submenuBox ul { list-style: none; }
			.submenuBox ul li { width: 290px; float: left; }
			.submenuBox ul li.blue { background: #ededed; } 
			.submenuBox ul li a { padding: 6px 10px; width: 270px; float: left; font-size: 14px; color: #363636; text-decoration: none; text-transform: uppercase; }
			.submenuBox ul li a:hover { color: #ed2326; }
			.submenuBox ul li.active a { color: #fff; padding:6px 10px 6px 10px; width: 270px; background: #1b4486; }
			.submenuBox ul li.active2 a { color: #1b4486; padding:6px 10px 6px 10px; width: 270px; }
			.submenuBox ul li.active2 a:hover { color: #ed2326; }
			.submenuBox ul li.active li a { padding: 6px 20px 6px 38px; width: 232px; float: left; color: #363636; text-decoration: none; text-transform: uppercase;  background: url(../images/pijl.png) no-repeat 19px 8px;  }
			.submenuBox ul li.active ul li a:hover { color: #ed2326; }
			.submenuBox ul li.active ul li.active a { color: #fff; background: #1b4486 url(../images/pijl2.png) no-repeat 19px 8px;  }
			
			.submenuBox ul li.active2 li a { padding: 6px 20px 6px 38px; width: 232px; float: left; color: #363636; text-decoration: none; text-transform: uppercase;  background: #fff url(../images/pijl.png) no-repeat 19px 8px;  }
			.submenuBox ul li.active2 ul li a:hover { color: #ed2326; }
			.submenuBox ul li.active2 ul li.active a { color: #fff; background: #1b4486 url(../images/pijl2.png) no-repeat 19px 8px;  }
			
			.submenuBox ul li.active2 ul li.active ul li a { color: #363636; font-size:13px; background: url(../images/pijl.png) no-repeat 39px 8px; padding-left:60px;  }
			.submenuBox ul li.active2 ul li.active ul li a:hover { color: #ed2326; }
			
			.submenuBox ul li.active2 ul li.active2 ul li.active a { color: #fff; width: 212px;  background: #1b4486 url(../images/pijl2.png) no-repeat 39px 8px;  padding-left:60px;  }

	/* ### footer container ### */
	#footerCntr { width: 100%; float: left; box-shadow: 0px 0px 10px #cfcfcf; background: #fff; }
	#footerCntr #footer {width: 90%; /*width: 952px;*/ margin: 0 5%;}

		/* ### address box ### */
		.addressBox {padding: 49px 0 0 0; width: 90%; /*width: 952px;*/ float: left; margin: 0 5%; font-size: 11px; color: #1b4486; }
		.addressBox .line {display: none; float: left; background: url('../images/footer-line.png') right top no-repeat; min-height: 80px; width: 80px;}
		.addressBox .block {float: left; width: 100%; /*min-height: 80px;*/ line-height: 20px;}
		.addressBox .block span { width: 73px; display: inline-block; }
		.addressBox .block a { color: #1b4486; text-decoration: none; }
		.addressBox .block a:hover { color: #ed2326; text-decoration: underline; }
		.addressBox .social {/*float: right;*/ margin-top: 10px;}
		.addressBox a.nieuwsbrief {margin-bottom: 10px; padding: 0 10px; float: left; font-family: 'MyriadPro-Regular'; font-size: 12px; color: #fff; line-height: 25px; text-transform: uppercase; background: #1b4486; }
		.addressBox a.nieuwsbrief:hover { color: #fff; background:#ed2326; text-decoration: none; }

		/* ### copyright box ### */
		.copyrightBox { padding: 20px 0 0 0; width: 90%; margin: 0 auto; /*width: 952px;*/ float: left; font-size: 11px; color: #898989; text-align: center;}
		.copyrightBox ul {/* float: left;*/ list-style: none; }
		.copyrightBox li {display: inline-block; padding: 0 10px; /*float: left; background: url('../images/line.gif') right no-repeat; */}
		.copyrightBox li.first { padding: 0 10px 0 0; }
		.copyrightBox a { font-size: 11px; color: #898989; text-decoration: none; }
		.copyrightBox a:hover { color: #ed2326; }

		.copyrightBox p a { text-decoration: underline; }
		.copyrightBox p {/*float: right;*/ margin: 10px 0 25px;}

.push {height: 79px; clear:both;}

.socialBox ul span {display: inline-block; height: 15px; width: 15px; padding: 0;}
.socialBox ul span:hover {cursor: pointer;}

.st_sharethis_custom {background: url("../images/share_icon.png") no-repeat scroll left top transparent;}
.st_facebook_custom {background: url("../images/facebook.png") no-repeat scroll left top transparent;}
.st_twitter_custom {background: url("../images/twitter.png") no-repeat scroll left top transparent;}
.st_sharethis_custom:hover {background: url("../images/share_icon-vf1.png") no-repeat scroll left top transparent;}
.st_facebook_custom:hover {background: url("../images/facebook-vf1.png") no-repeat scroll left top transparent;}
.st_twitter_custom:hover {background: url("../images/twitter-vf1.png") no-repeat scroll left top transparent;}
.rss {background: url("../images/rssfeed.png") no-repeat scroll left top transparent;}

.contactpersoon { padding: 30px 0 0  0; margin-bottom: 20px; width: 551px; float: left;  }
.contactpersoon .image { width: 140px; float: left; }
.contactpersoon .image img { float: left; }
.contactpersoon .detail { padding: 5px 10px 0 40px; width: 361px; float: left; font-size: 12px; color: #636363; line-height: 20px; }
.contactpersoon .detail h4 {font-family: 'MyriadPro-Regular'; font-size: 20px; font-weight: normal; line-height: 22px; padding-bottom:0px; }
.contactpersoon .detail p { margin: 5px 0 3px 0; line-height:20px; height:40px; display:block; overflow:hidden; float:left; }
.contactpersoon .detail .underline { display:block; font-style:italic; margin-top:0px; padding-bottom:10px;}
.contactpersoon .detail .col1 {float:left; display:block; width:30px;}
.contactpersoon .detail .col2 {float:left; display:block; width:331px;}

.fotoomschr { width:530px; height:20px; position:absolute; bottom:0; left:0; background:url(../images/transparantebg.png) repeat left top; display:block; padding:10px;}

.addressBox .block a span.facebookicon { padding:0; margin:0; width:20px; height:20px; margin:0 13px; display:inline-block; background:url(../images/icon_facebook.jpg) no-repeat left top; vertical-align:middle;}
.addressBox .block a:hover span.facebookicon { background:url(../images/icon_facebook.jpg) no-repeat left -20px;}
.addressBox .block a span.linkedinicon { padding:0; margin:0; width:20px; height:20px; display:inline-block; background:url(../images/icon_linkedin.jpg) no-repeat left top; vertical-align:middle;}
.addressBox .block a:hover span.linkedinicon { background:url(../images/icon_linkedin.jpg) no-repeat left -20px;}

.enqueteBox {width:892px; height:133px; overflow: hidden; clear: both; float: none; background:url(../images/bgblok.png); color:#ffffff; margin-bottom:30px; padding:30px; }
.enqueteBox .img {height:135px; float:left; width:200px; margin-right:30px; }
.enqueteBox .txt { width:660px; font-size:12px; color:#fff; float:left;}
.enqueteBox h2 { color:#fff; border-bottom:none; padding:0; margin:0 0 5px 0; letter-spacing: 1px; font-family: 'MyriadPro-Regular'; font-weight: bold; font-size: 26px; text-transform: uppercase; }
.enqueteBox .txt p {margin:0; margin-bottom:5px; line-height:20px; font-size:12px;}
.enqueteBox .txt a.readmore { display: block; font-size:12px; text-transform: uppercase; font-weight: bold; width: 209px; height:36px; background:url(../images/buttonenquete.png) no-repeat left top; line-height:36px; padding-left:20px; color:#fff; text-decoration: none;}
.enqueteBox .txt a.readmore:hover { background:url(../images/buttonenquete.png) no-repeat left -36px; text-decoration: none;}

#content {position: relative;}

/* ----- ----- ----- Edits ----- ----- ----- */
#intro {text-align: center;}
#intro h1 {color: #004990; font-family: 'MyriadPro-Regular'; font-size: 45px; font-weight: bold; line-height: 55px;}
#intro p {margin-top: 22px; color: #636363; font-size: 12px; line-height: 22px;}

#tree {display: block; margin-top: 20px;}
#tree .logo-top {float: left; height: 54px; width: 100%; text-align: center;}
#tree .lines-top {display: none; float: left; /*height: 82px;*/ width: 100%; text-align: center;}
#tree .lines-top img {width: 80%; margin: 0 10%;}

#tree .company {float: left; width: 100%;}
#tree .company .item {float: left; background-color: #fff; border: 1px solid #e8e8e8; width: calc(100% - 2px); margin-top: 10px;}
#tree .company .item .logo {float: left; width: 100%; margin-top: 20px; text-align: center;}
#tree .company .item .logo img {max-width: 100%; width: 100%;}

#tree .company .item .content {float: left; width: calc(100% - 60px); margin-top: 20px; padding: 0 30px 30px; text-align: center;}
#tree .company .item .content p {overflow: hidden; /*height: 198px;*/ margin-bottom: 20px; color: #636363; font-size: 12px; text-align: justify; line-height: 22px;}
#tree .company .item .content a.btn {display: inline-block; background-color: #ef4035; margin: 30px auto 0; padding: 10px 25px; color: #fff; font-size: 14px; text-transform: uppercase; text-decoration: none;}
#tree .company .item .content a.btn:hover {background-color: #004990;}

#text {display: inline-block; width: 90%; margin: 40px 5% 0;}
#text .left {float: left; width: 100%; margin-top: 40px;}
#text .left .video {position: relative; float: left; width: 100%;}
#text .left .video .inner {position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.8); height: 100%; width: 100%;}
#text .left .video .inner .play-btn {position: absolute; top: 50%; left: 50%; height: 100px; width: 100px; margin-top: -50px; margin-left: -50px; text-align: center; text-decoration: none;}
#text .left .video .inner .play-btn .icon {background-color: #dd2e27; border-radius: 5px; height: 50px; width: 75px; margin: 0 auto;}
#text .left .video .inner .play-btn .icon:hover {background-color: #004990;}
#text .left .video .inner .play-btn .icon img {height: 26px; width: 20px; margin: 12px 27.5px;}
#text .left .video .inner .play-btn .title {margin-top: 22px; color: #fff; font-size: 18px; line-height: 28px;}
#text .left .video img {float: left; width: 100%;}
#text .right {float: left; width: 100%; margin-top: 40px;}
#text .right h2 {margin-top: -8px; color: #004990; font-family: 'MyriadPro-Regular'; font-size: 36px; font-weight: bold; text-transform: uppercase; line-height: 46px;}
#text .right p {margin-top: 22px; color: #636363; font-size: 12px; text-align: justify; line-height: 22px;}
#text .right .socialBox {float: left; margin-top: 44px; padding: 0 0 0 10px;}


@media screen and (min-width:768px){
	#headerCntr #header h1 {top: -5px; left: -80px;}
	#headerCntr #header h1 a {width: 353px; height: 168px;}

	.languageBox .contact {position: relative; top: 0; right: 0;}

	#contentCntr h2.title {font-size: 36px;}

	#tree .lines-top {display: block;}
	#tree .company .item {width: calc(50% - 14px); margin-top: 0; margin-left: 6px; margin-right:6px;}
	#tree .company .item:nth-child(3) {margin-right: 0;}

	.addressBox {position: relative;}
	.addressBox .block {min-height: 80px; width: 25%;}
	.addressBox .social {margin-top: 0;}

}

@media screen and (min-width:1024px){
	.languageBox {width: 952px;;}
	#headerCntr #header {width: 952px; margin: 0 auto;}
	#contentCntr #content {width: 952px; margin: 0 auto;}

	#text {display: inline-block; width: 928px; margin: 40px 12px 0;}
	#text .left {width: calc(50% - 22.5px); margin-right: 45px;}
	#text .right {width: calc(50% - 22.5px);}

	.addressBox {width: 952px; margin: 0;}

	#footerCntr {height: auto;}
	#footerCntr #footer {width: 952px; margin: 0 auto;}
	.addressBox .line {display: block;}
	.addressBox .block {min-height: 80px; width: auto;}
	.addressBox .social {float: right; margin-top: 0;}
	.addressBox a.nieuwsbrief {margin-bottom: 20px;}

	.copyrightBox {margin: 0 auto; width: 952px;}
	.copyrightBox ul {float: left;}
	.copyrightBox p {float: right; margin: 10px 0 0;}



}

@media screen and (min-width:1300px){
	.languageBox {width: 1250px;}
	#headerCntr #header {width: 1250px;}
	#contentCntr #content {width: 1250px;}

	#tree .lines-top {height: 82px;}
	#tree .lines-top img {max-width: 840px; width: 100%; margin: 0;}

	#text {width: 1000px; margin: 40px 125px 0;}

	.addressBox {width: 1250px;}

	#footerCntr #footer {width: 1250px; margin: 0 auto;}

	.copyrightBox {width: 1250px;}
    #tree .company .item .logo img {
        max-width: 70%;
    }
}