/* reset browser styles: Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.10.0 */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin: 0; padding: 0; }
	table { border-collapse:collapse; border-spacing:0; }
	fieldset, img { border:0; }
	address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
	ol,ul { list-style:none; }
	caption,th { text-align:left; }
	h1,h2,h3,h4,h5,h6 { font-size:100%; }
	q:before,q:after { content:''; }

/* algemeen html */
	html, body { background: #fff; }
	body, input { font-size: 15px; font-family: Sans; color: #404040; line-height: 2em; }
		@media screen and (min-width: 1350px) {
			body { font-size: 16px; }
		}

/* header */
	
	header { margin: 0 4%; height: 600px; overflow: hidden; }

	a#logo { position: absolute; top: 0; left: 0px; display: block; width: 284px; margin: 35px; z-index: 2; }

		@media screen and (max-width: 550px) {
			a#logo, a#logo img { width: 180px; }
		}

	nav#navigation { position: absolute; top: 36px; right: 35px; text-align: right; z-index: 2; }
	nav#navigation a.btnNavigation { display: none; width: 130px; height: 33px; background: transparent url("/images/sprite.png") no-repeat 62px -108px; line-height: 9000px; outline: none; overflow: hidden; }
	nav#navigation a.btnNavigation:hover { background-position: 62px -74px; }
	nav#navigation li { float: left; margin-left: 8px; padding: 12px; }
	nav#navigation li a { display: block; color: #404040; text-decoration: none; }
	nav#navigation li a.active, nav#navigation li a:hover { color: #404040; border-bottom: 1px solid #404040; }

		@media screen and (max-width: 960px) {
			nav#navigation a.btnNavigation { display: block; }
			nav#navigation > ol { display: none; position: absolute; top: 33px; right: 15px; width: 185px; padding: 0 25px 25px 15px; border-bottom: 4px solid #404040; background: #fff; float: none; z-index: 9; }
			nav#navigation li { float: none; text-align: right; }
			nav#navigation li a { padding-bottom: 1px; }
			nav#navigation li a.active, nav#navigation li a:hover { padding-bottom: 0; }
		}
		@media screen and (max-width: 550px) {
			nav#navigation { right: 0px; }
		}

	ol#hdrImages { position: absolute; top: 0; left: 0; width: 100%; height: 600px; }
	ol#hdrImages li { display: block; width: 100%; height: 600px; text-align: center; background-repeat: no-repeat; background-position: center center; background-size: cover; }
	ol#hdrImages li span { display: block; margin: 480px 35px 0 35px; font-size: 2em; line-height: 2em; }

/* flashMessage */
	div#flashMessage { display: none; position: absolute; top: 170px; left: 50%; margin-left: -350px; width: 700px; box-sizing: border-box; z-index: 5; }
	div#flashMessage span { display: block; margin: 10px 16px 10px 35px; }
	div#flashMessage:hover { opacity: 1.0 !important; }

	div.flashConfirmation { border: 1px solid #abdba0; background: #effdec url("/images/sprite.png") no-repeat -190px 15px; }
	div.flashWarning { border: 1px solid #baba45; background: #fbfba9 url("/images/sprite.png") no-repeat -190px -85px; }
	div.flashError { border: 1px solid #ba4545; background: #fba9a9 url("/images/sprite.png") no-repeat -190px -85px; }

		@media screen and (max-width: 960px) {
			div#flashMessage { left: 10%; width: 80%; margin-left: 0; }
		}

/* content */
	main { overflow: hidden; }
	main > * { padding: 30px 4%; overflow: hidden; clear: both; box-sizing: border-box; }

	/* from mysite! */
	main h1 { font-size: 2em; font-weight: normal; margin: 20px 0; letter-spacing: 1px; }
	main h2 { font-size: 1.5em; font-weight: normal; margin: 10px 0; }
	main h3 { font-size: 1.2em; font-weight: bold; margin: 5px 0; }
	main h4 { font-size: 1em; font-weight: bold; margin: 3px 0; }
	main address { display: block; font-style: italic; margin: 0 0 12px 30px; }
	main p { display: block; margin-bottom: 12px; }
	main strong { font-weight: bold; }
	main em { font-style: italic; }
	main strike { text-decoration: line-through; }
	main u { text-decoration: underline; }
	main a { text-decoration: underline; color: #404040; }
	main ul { list-style-image: url("/images/userstyles/li.gif"); list-style-position: outside; margin-bottom: 12px; }
	main ul li { margin-left: 40px; }
	main ol { list-style-type: decimal; list-style-position: outside; margin-bottom: 12px; }
	main ol li { margin-left: 40px; }
	main blockquote { padding: 5px 40px; margin-bottom: 12px; background: transparent url("/images/userstyles/blockquote.png") no-repeat left top; box-sizing: border-box; }
	main table { margin: 25px 0; }
	main th { font-weight: bold; }
	main tr > * { padding: 5px 10px; }
	main table caption { font-style: italic; }
	main hr { margin: 25px 0; }

		/* dark zones */
		section.darkBG { color: #ddd; }
		section.darkBG a { color: #ddd; }
		section.darkBG blockquote { background-image: url("/images/userstyles/blockquote-invert.png"); }

	/* special Dalemans styles */
	div.floatRight30, div.floatRight40 { float: right; margin: 0 0 2% 2%; padding: 1%; border: 1px solid #404040; box-sizing: border-box; }
	div.floatRight30 { width: 28%; }
	div.floatRight40 { width: 38%; }

		section.darkBG div.floatRight30, section.darkBG div.floatRight40 { border-color: #ddd; }

		@media screen and (max-width: 590px) {
			div.floatRight30, div.floatRight40 { width: 100%; float: none; margin: 0; }
		}

	div.column20, div.column30, div.column33, div.column40, div.column50, div.column60, div.column70, div.column80 { float: left; margin: 0 2% 12px 0; padding: 1%; box-sizing: border-box; }
	div.column20 { width: 18%; }
	div.column30 { width: 28%; }
	div.column33 { width: 31%; }
	div.column40 { width: 38%; }
	div.column50 { width: 48%; }
	div.column60 { width: 58%; }
	div.column70 { width: 68%; }
	div.column80 { width: 78%; }

		@media screen and (max-width: 750px) {
			div.column20, div.column30, div.column33, div.column40, div.column50, div.column60, div.column70, div.column80 { width: 100%; float: none; margin: 0; }
		}

	.clear { clear: both; }

	ol.threeTiles { list-style: none; overflow: hidden; }
	ol.threeTiles li { float: left; width: 32.6%; height: 29.6vw; margin: 0.2%; overflow: hidden; }
	ol.threeTiles li a { display: block; width: 100%; height: 100%; position: relative; }
	ol.threeTiles li img { width: 100%; transition: all 1.5s ease-in-out; }
	ol.threeTiles li div { display: none; }
	ol.threeTiles li a:hover img { transform: scale(1.4); }
	ol.threeTiles li a:hover div { display: block; position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; background: rgba(255, 255, 255, 0.4); padding: 8%; box-sizing: border-box; }

		@media screen and (max-width: 800px) {
			ol.threeTiles li { width: 49.6%; height: 44.6vw; }
		}
		@media screen and (max-width: 500px) {
			ol.threeTiles li { float: none; width: 98%; margin: 1%; height: 87.5vw; }
		}

	ol.constructors { list-style: none; overflow: hidden; }
	ol.constructors li { float: left; width: 16.2%; height: 14.5vw; margin: 0.2%; overflow: hidden; }
	ol.constructors li a { display: block; width: 100%; }
	ol.constructors li img { width: 100%; }
	ol.constructors li.red { background: #c00000; }

		@media screen and (max-width: 800px) {
			ol.constructors li { width: 24.6%; height: 22.1vw; }
		}
		@media screen and (max-width: 625px) {
			ol.constructors li { width: 32.6%; height: 29.6vw; }
		}
		@media screen and (max-width: 480px) {
			ol.constructors li { width: 49.6%; height: 44.6vw; }
		}

/* Form klasse */
	form.niceform { margin: 0; }
	form.niceform div.nicehide { display: none; }
	form.niceform div.niceentry { margin: 15px 0; }
	form.niceform div.niceentry label { display: block; font-weight: normal; }
	form.niceform div.niceentry input { display: block; background: #f8f8f8; border: 1px solid #404040; padding: 3px 8px; width: 100%; }
	form.niceform div.niceentry textarea { display: block; background: #f8f8f8; border: 1px solid #404040; padding: 3px 8px; width: 100%; }
	form.niceform div.niceentry select { display: block; background: #f8f8f8; border: 1px solid #404040; padding: 3px 8px; width: 100%; }
	form.niceform div.niceentry span.pseudolabel { display: block; width: 90%; float: left; font-weight: bold; }
	form.niceform div.niceentry span.niceinfo { display: none; float: left; width: 90%; padding-bottom: 5px; font-style: italic; color: #884f22; clear: both; }
	form.niceform div.niceentry img { float: right; display: none; clear: right; }
	form.niceform div.checkbox input { width: auto; clear: left; float: left; margin-bottom: 3px;}
	form.niceform div.checkbox label { /*width: 288px;*/ float: left; /*clear: right;*/ margin: 0 0 3px 5px; font-weight: normal; }
	form.niceform div.nicebutton { margin: 10px 0; }
	form.niceform div.nicebutton button { background: #f8f8f8; border: 1px solid #404040; padding: 10px 16px; }
	form.niceform div.niceerror label { color: #ff0000; }
	form.niceform div.niceerror input { color: #ff0000; }
	form.niceform div.niceerror select { color: #ff0000; }
	form.niceform div.niceerror span.niceerrormessage { display: block; clear: both; color: #ff0000; padding-left: 21px; background: transparent url("/images/sprite.png") no-repeat -200px -93px; min-height: 16px; }
	form.niceform div.niceerror span.niceinfo { color: #ff0000; }

	/* contact */
	section#contactform { margin-left: 15%; margin-right: 15%; }
	section#contactdata {  }

	p#confirmbot { color: #800; border: 1px solid #800; padding: 5px 5px 5px 40px; background: url("/images/sprite.png") no-repeat -190px -85px; width: 80%; font-style: italic; }

	a.aurealisgooglemapsviewer { display: block; width: 100%; height: 400px; margin: 10px 0; }

	/* search */
	form#frmSearch { margin: 0 auto; width: 50%; }

/* back to top */
	a#backtotop { display: none; position: fixed; bottom: 10%; right: 10%; width: 50px; height: 44px; z-index: 15; background: transparent url("/images/back-to-top.png"); outline: none; text-indent: -9000px; }

/* footer */
	footer { margin: 40px 4% 0 4%; overflow: hidden; }
	footer a.logo { display: block; width: 350px; margin: 50px auto; }
	footer a.logo img { width: 350px; }
	footer .footerrow { width: 700px; margin: 50px auto; overflow: hidden; }

		@media screen and (max-width: 700px) {
			footer .footerrow { width: 100%; }
		}

	footer .footerrow.mailphone a { display: block; width: 38%; float: left; text-decoration: none; color: #404040; }
	footer .footerrow.mailphone a.mail { margin-right: 11%; text-align: right; }
	footer .footerrow.mailphone a.phone { margin-left: 11%; text-align: left; padding-left: 25px; background: transparent url("/images/img.phone.png") no-repeat; background-size: 20px 20px; background-position: 0 4px; box-sizing: border-box; }

		@media screen and (max-width: 700px) {
			footer .footerrow.mailphone a { width: 44%; }
			footer .footerrow.mailphone a.mail { margin-right: 5%; }
			footer .footerrow.mailphone a.phone { margin-left: 5%; }
		}
		@media screen and (max-width: 500px) {
			footer .footerrow.mailphone a { width: 200px; text-align: center; float: none; }
			footer .footerrow.mailphone a.mail { margin: 0 auto 25px auto; text-align: center; }
			footer .footerrow.mailphone a.phone { margin: 0 auto; text-align: center; }
		}

	footer .footerrow.social { width: 170px; }
	footer .footerrow.social a { display: block; width: 40px; height: 40px; float: left; text-decoration: none; color: #404040; text-indent: -9000px; margin-right: 25px; }
	footer .footerrow.social a.facebook { background: transparent url("/images/img.facebook.png") no-repeat; background-size: 40px; }
	footer .footerrow.social a.youtube { background: transparent url("/images/img.youtube.png") no-repeat; background-size: 40px; }
	footer .footerrow.social a.linkedin { background: transparent url("/images/img.linkedin.png") no-repeat; background-size: 40px; margin-right: 0; }

	footer address.footerrow { text-align: center; margin-bottom: 10px; }

	footer .invisible { display: none; }

/* for print */
	@media print {
		html, body, main { overflow: visible; }
		body { margin-bottom: 0; }
		footer { display: none; }
	}