/* old font: jaf-facitweb/sofia-pro */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'soleil', sans-serif; font-weight: 300; font-size: 16px; color: #604c11; background-color: #7d6c3c; }
input, select, textarea { font-family: 'soleil', sans-serif; font-weight: 300; font-size: 16px; color: #604c11; }
body { background: #efede7; }
img { border: 0px; display: block; }
a, input { outline: none; }
p { line-height: 24px; }

h1 { font-family: 'soleil', sans-serif; font-weight: 600; }
h2, h3, h4, h5, h6 { font-family: 'soleil', sans-serif; font-weight: 500; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }
.centering { width: 940px; margin: 0 auto; position: relative; }
.footerbg { background: url(../images/beeldmerk-footer.png) right top no-repeat; min-height: 200px; }

header, footer, section, aside, nav, article { display: block; }

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

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

	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; overflow: hidden; }
	
		/* ### menu box ### */
		.menuBox { padding: 36px 0 0 0; width: auto; }
		.menuBox ul { list-style: none; }
		.menuBox li { padding: 0 36px 0px 0; display: block; font-size: 17px; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; line-height: 25px; float: left; }
		.menuBox li.last { padding: 0 0px 0px 0; }
		.menuBox li a { padding-bottom: 36px; display: block; color: #604c11; text-decoration: none; }
		.menuBox li.active a, .menuBox li a:hover { background: url(../images/menu-hover.png) center bottom no-repeat; } 

	/* ### banner container ### */
	#bannerCntr { position: relative; width: 100%; background: #9eb387; }
	
		/* ### banner box ### */
		.bannerBox { width: auto; position: relative; min-height: 319px; }
		.bannerBox .centering { margin: 0 0 0 -470px; min-height: 319px; position: absolute; left: 50%; top: 0px; z-index: 9999; }
		.bannerBox .flexslider { width: 100%; overflow: hidden; }
		.bannerBox ul { list-style: none; overflow: hidden; }
		.bannerBox li { min-height: 319px; background: #9eb387 url(../images/headers/banner-bg.png) center top repeat-y; }
		.bannerBox li.bg1 { background: #9eb387; }
		.bannerBox li.bg2 { background: #9eb387 url(../images/headers/bg2.png) center top repeat-y; }
		.bannerBox li.bg3 { background: #9eb387 url(../images/headers/bg3.png) center top repeat-y; }
		.bannerBox li.bg4 { background: #9eb387 url(../images/headers/bg4.png) center top repeat-y; }
		.bannerBox li.bg5 { background: #9eb387 url(../images/headers/bg5.png) center top repeat-y; }
		.bannerBox li img { float: right; }
		.bannerBox .logo { width: 490px; position: absolute; left: -1px; top: 98px; }
		.bannerBox .logo a span { padding: 31px 0 0 16px; letter-spacing: 0px; display: block; font-size: 22px; font-weight: 300; line-height: 30px; text-transform: uppercase; float: left; color: #fff;  }
		.bannerBox .logo a span strong { font-weight: 700; }
		.bannerBox .logo a { text-decoration: none; display: block; } 
		.bannerBox .logo a img { float: left; } 
		.bannerBox h1 { font-size: 18px; font-family: 'soleil', sans-serif; line-height: 22px; font-weight: normal; font-style: italic; color: #fff; position: absolute; left: 0px; bottom: 25px; }
		.bannerBox ol.flex-control-nav { margin: 0 -470px 0 0; float: right; position: absolute; z-index: 9999; right: 50%; bottom: 29px; }
		.bannerBox ol.flex-control-nav li a { width: 9px; cursor: pointer; height: 9px; border-radius: 6px; -webkit-border-radius: 6px; background: #fff; display: block; text-indent: -9999px; }
		.bannerBox ol.flex-control-nav li { margin-left: 10px; float: left; min-height: 0px; text-indent: -9999px; display: block; background: none; }
		.bannerBox ol.flex-control-nav li a:hover, .bannerBox ol.flex-control-nav li a.flex-active { background: #604c11; }

	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 100%; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 620px; }
		
			/* ### copy box ### */
			.copyBox { width: 320px; }
		
		/* ### center container ### */
		#centerCntr { overflow: hidden; width: 100%; }

			/* ### text box ### */
			.textBox { padding: 53px 0 17px 0; width: auto; overflow: hidden; }
			.textBox .left { width: 450px; float: left; }
			.textBox .right { width: 450px; float: right; }  
			.textBox h2 { padding-bottom: 25px; font-size: 16px; line-height: 24px; text-align: justify; }
			.textBox h3, .textBox h4 { font-size: 16px; line-height: 24px; }
			.textBox p { padding-bottom: 24px; font-size: 16px; line-height: 24px; text-align: justify; }
			.textBox a { color: #604c11; border-bottom: 1px solid #d8d3c5; text-decoration: none; }
			.textBox a:hover { color: #9eb387; }
			.textBox ul { padding-bottom: 22px; list-style: none; overflow: hidden; }
			.textBox li { padding-left: 15px; width: 605px; overflow:hidden; float: left; line-height: 24px; background: url(../images/dot.png) left 9px no-repeat; }
			.textBox span.txt { padding-bottom: 24px; font-size: 13px; display: block; line-height: 24px; font-style: italic; }
			.textBox cite { padding-bottom: 3px; display: block; }
			.textBox span.heading { font-family: 'soleil', sans-serif; font-weight: 500; }
			.textBox address { padding-bottom: 24px; display: block; font-size: 16px; font-style: normal; line-height: 24px; }
			.textBox fieldset { padding: 20px 0 0 0; border: 0px; }
			.textBox fieldset h3 { padding-bottom: 5px; }
			.textBox .field { margin-top: 6px; width: 96%; float: left; padding: 9px 2%; height: 16px; border: 0px; font-size: 16px; background: #d8d3c5; }
			.textBox textarea { margin-top: 6px; resize: none; overflow: hidden; width: 96%; padding: 9px 2%; height: 88px; border: 0px; font-size: 16px; background: #d8d3c5; }
			.textBox .error { color: #c00101; background: #e6beb9; }
			.textBox .button { margin: 14px 0 0 0; width: 140px; transition: all 0.3s; float: right; height: 34px; font-size: 16px; cursor: pointer; color: #fff; border: 0px; background: #604c11; }
			.textBox .button:hover { background: #45360b; }
			 
		/* ### right container ### */
		#rightCntr { float: right; width: 300px; }

			/* ### map box ### */
			.mapBox { margin-top: 23px; padding: 30px 0 0 0; width: auto; overflow: hidden; }
			.mapBox a { color: #604c11; border-bottom: 1px solid #d8d3c5; text-decoration: none; }
			.mapBox a:hover { color: #9eb387; }
			.mapBox p { font-size: 12px; text-align: right; }
			

			/* ### image box ### */
			.imageBox { margin-top: 23px; padding: 0; width: auto; overflow: hidden; }
			.imageBox a { color: #604c11; border-bottom: 1px solid #d8d3c5; text-decoration: none; }
			.imageBox a:hover { color: #9eb387; }
			.imageBox p { font-size: 12px; text-align: right; }

			/* ### link box ### */
			.linkBox { padding: 52px 0 0 0; width: auto; overflow: hidden; }
			.linkBox h2 { font-size: 15px; line-height: 24px; }
			.linkBox ul { padding: 8px 0 0 0; overflow: hidden; border-bottom: 1px solid #c6c0ab; list-style: none; }
			.linkBox li { border-top: 1px solid #c6c0ab; width: 100%; overflow: hidden; float: left; }
			.linkBox li a { border-bottom: 0; padding: 0 0 0 12px; font-size: 17px; line-height: 40px; color: #604c11; display: block; font-family: 'soleil', sans-serif; font-weight: 500; text-decoration: none; }
			.linkBox li a:hover { background: #d2cdbc; color: #604c11; }
			.linkBox li.active a { background: #e0ddd1; } 
			.linkBox a { color: #604c11; border-bottom: 1px solid #d8d3c5; text-decoration: none; }
			.linkBox a:hover { color: #9eb387; }
			.linkBox p { font-size: 12px; }
	
	/* ### footer container ### */
	#footerCntr { margin: 17px 0 0 0; overflow: hidden; width: 100%; background: #7d6c3c; }

		/* ### footer box ### */
		.footerBox { padding: 0 0 30px 0; width: 100%; overflow: hidden; }
		.footerBox .contact { padding-top: 30px; width: 388px; float: left; }
		.footerBox .social { padding-top: 35px; float: right; }
		.footerBox ul { list-style: none; float: right; }
		.footerBox li { margin-left: 16px; float: left; }
		.footerBox li a { display: block; transition: all 0.3s; }
		.footerBox li a:hover { box-shadow: 0px 0px 4px rgba(0,0,0,.5); }
		.footerBox p { font-size: 13px; line-height: 24px; color: #fff; }
		.footerBox span { font-family: 'soleil', sans-serif; font-weight: 600; }
		.footerBox address { font-size: 13px; line-height: 24px; color: #fff; font-style: normal; }
		.footerBox address a { color: #fff; text-decoration: none; }
		.footerBox address a:hover { text-decoration: underline; }