/* 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,em,strong,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 */
body { font: 12px Verdana; background: #fff url("/images/bg.body.png") repeat-x; }

/* header */
div#header { width: 100%; height: 171px; }
div#header h1 { position: absolute; top: 0; left: 50%; margin-left: -500px; width: 800px; height: 171px; background: transparent url("/images/img.header.png") no-repeat; }
div#header h1 a { display: block; width: 465px; height: 126px; text-decoration: none; color: #000; font-size: 20px; padding: 45px 0 0 335px; }
div#header span { display: block; position: absolute; top: 109px; right: 50%; margin-right: -490px; font-style: italic; color: #000; font-size: 14px; font-weight: normal; }
div#header ul { position: absolute; top: 5px; right: 50%; margin-right: -490px; }
div#header ul li { float: left; margin-left: 15px; }
div#header ul li a { text-decoration: none; font-size: 11px; font-weight: bold; color: #000; }
div#header ul li a:hover { text-decoration: underline; }

/* content */
div#content { margin: 0 auto; width: 980px; }

/* menu */
ol#navigation { float: left; width: 200px; margin: 10px 33px 0 0; }
ol#navigation li { margin: 15px 0; }
ol#navigation li a { display: block; text-decoration: none; color: #000; height: 17px; padding: 1px 0 1px 4px; }
ol#navigation li ol { list-style-position: outside; }
ol#navigation li ol li { margin: 5px 0 5px 22px; }
ol#navigation li ol li a { border: 0 !important; background-image: none !important; font-weight: normal; }

ol#navigation li.nav1 a { border: 1px solid #e88637; background: transparent url("/images/bg.navigation.png") repeat-x left 0px; }
ol#navigation li.nav1 a:hover { background: transparent url("/images/bg.navigation.png") repeat-x left -17px; }
ol#navigation li.nav2 a { border: 1px solid #5bad47; background: transparent url("/images/bg.navigation.png") repeat-x left -36px; }
ol#navigation li.nav2 a:hover { background: transparent url("/images/bg.navigation.png") repeat-x left -53px; }
ol#navigation li.nav3 a { border: 1px solid #2e90a7; background: transparent url("/images/bg.navigation.png") repeat-x left -72px; }
ol#navigation li.nav3 a:hover { background: transparent url("/images/bg.navigation.png") repeat-x left -89px; }
ol#navigation li.nav4 a { border: 1px solid #3b4c8d; background: transparent url("/images/bg.navigation.png") repeat-x left -108px; }
ol#navigation li.nav4 a:hover { background: transparent url("/images/bg.navigation.png") repeat-x left -125px; }
ol#navigation li.nav5 a { border: 1px solid #8c3888; background: transparent url("/images/bg.navigation.png") repeat-x left -144px; }
ol#navigation li.nav5 a:hover { background: transparent url("/images/bg.navigation.png") repeat-x left -161px; }
ol#navigation li.nav6 a { border: 1px solid #d72f32; background: transparent url("/images/bg.navigation.png") repeat-x left -180px; }
ol#navigation li.nav6 a:hover { background: transparent url("/images/bg.navigation.png") repeat-x left -197px; }

ol#navigation li.nav1 ol { list-style-image: url("/images/li1.gif"); }
ol#navigation li.nav2 ol { list-style-image: url("/images/li2.gif"); }
ol#navigation li.nav3 ol { list-style-image: url("/images/li3.gif"); }
ol#navigation li.nav4 ol { list-style-image: url("/images/li4.gif"); }
ol#navigation li.nav5 ol { list-style-image: url("/images/li5.gif"); }
ol#navigation li.nav6 ol { list-style-image: url("/images/li6.gif"); }

/* main! */
div#main { float: left; width: 738px; margin: 12px 0 15px 0; }

/* footer (sticky!) */
html, body { height: 100%; }
div#stickyfooterwrap { min-height: 100%; }
div#nogeenstickyfooterwrap { overflow: auto; padding-bottom: 120px; }
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;} /* om de footer te laten sticken in Opera, zie http://www.cssstickyfooter.com */

div#footer { position: relative; margin-top: -120px; height: 120px; clear: both; background: transparent url("/images/bg.footer.png") repeat-x; }
div#footer span { display: block; width: 990px; height: 120px; margin: 0 auto; text-indent: -9000px; background: transparent url("/images/img.footer.jpg") no-repeat; }
div#footer a { position: absolute; top: 70px; right: 50%; margin-right: -490px; width: 65px; height: 41px; text-indent: -9000px; background: transparent url("/images/img.aurealis.png") no-repeat; }

/* from mysite! */
#main h1 { font-size: 170%; color: #e88637; font-weight: normal; margin: 10px 0; }
#main h2 { font-size: 120%; color: #e88637; font-weight: normal; margin: 5px 0; }
#main h3 { font-weight: bold; margin: 5px 0; }
#main address { display: block; width: 100%; font-style: italic; }
#main p { display: block; width: 100%; margin-bottom: 8px; line-height: 150%; }
#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: #e88637; }
#main ul { list-style-image: url("/images/userstyles/li.gif"); list-style-position: outside; margin-bottom: 5px; }
#main ul li { margin-left: 22px; }
#main ol { list-style-type: decimal; list-style-position: outside; margin-bottom: 5px; }
#main ol li { margin-left: 22px; }
#main blockquote { width: 100%; padding: 5px 40px; background: #f00 url("/images/userstyles/blockquote.png") no-repeat left top; box-sizing: border-box; }
#main table { margin-bottom: 5px; }
#main thead {  }
#main thead tr {  }
#main thead tr th { font-weight: bold; }
#main tbody {  }
#main tbody tr {  }
#main tbody tr th { font-weight: bold; }
#main tbody tr td {  }
#main table caption { font-style: italic; }

/* images (opgelet, zitten mee in de main!) */
#main ol.images { list-style-type: none; clear: both; width: 100%; float: left; margin: 20px 0; }
#main ol.images li { margin: 0 45px 0 0; float: left; }
#main ol.images li img { border: 1px solid #000; }

/* Form klasse */
form.niceform { margin: 15px 0 0 0; width: 100%; overflow: auto; }
form.niceform div.niceentry { margin-bottom: 9px; float: left; clear: both; width: 100%; }
form.niceform div.niceentry label { display: block; float: left; font-weight: normal; }
form.niceform div.niceentry input { display: block; width: 90%; float: left; clear: both; }
form.niceform div.niceentry textarea { display: block; width: 90%; float: left; clear: both; }
form.niceform div.niceentry select { display: block; width: 90%; float: left; clear: both; }
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; float: left; clear: both; }
form.niceform div.nicebutton button { }
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; float: left; width: 90%; font-size: 100%; color: #ff0000; padding-left: 21px; background: transparent url("/images/icon.error.png") no-repeat; min-height: 16px; }
form.niceform div.niceerror span.niceinfo { color: #ff0000; }

/* contact */
div#contactform { float: left; width: 62%; margin-right: 2%; }
div#contactdata { float: left; width: 36%; }
div#contactdata div.member { margin-bottom: 13px; overflow: hidden; }
div#contactdata div.member p { float: left; width: auto; }
div#contactdata div.member img { float: right; border: 1px solid #000; }

p#confirmbot { color: #800; border: 1px solid #800; padding: 5px 5px 5px 40px; background: url('/images/icon.error.png') no-repeat 10px 29px; width: 80%; font-style: italic; }

/* flashMessage */
div#flashMessage { float: left; clear: both; width: 97%; margin-bottom: 15px; border: 1px solid #baba45; font-weight: bold; background: #fbfba9 url("/images/icon.tick.png") no-repeat 10px 10px; box-sizing: border-box; }
div#flashMessage span { display: block; margin: 10px 16px 10px 35px; }

/* proprietary extra's */
#main blockquote { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
div#flashMessage { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* Aurealis Picture Viewer */
div#apv { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4; z-index: 8; }

div#apvHeader { display: none; position: fixed; left: 0; bottom: 4%; width: 100%; border: 2px solid #fff; border-left: 0px; border-right: 0px; height: 30px; background-color: #333; z-index: 10; }
	div#apvNavigation { position: absolute; top: 0; left: 50%; height: 100%; width: 300px; margin-left: -150px; overflow: hidden; }
	div#apvNavigation a { display: block; width: 30px; height: 20px; margin: 5px 10px; text-indent: -9000px; overflow: hidden; }
	div#apvNavigation a.inactive { opacity: 0.2; cursor: default; }
	div#apvNavigation span { display: block; float: left; width: 180px; margin: 0 10px; color: #fff; font-size: 15px; text-align: center; padding-top: 4px; }
	a#apvPrev {float: left; background: transparent url("/images/apv/navigation.png") no-repeat center -60px; }
	a#apvNext { float: right; background: transparent url("/images/apv/navigation.png") no-repeat center -30px; }
	div#apvClose { position: absolute; top: 0; right: 50px; width: 30px; height: 100%; }
	a#apvCloseLink { display: block; width: 30px; height: 30px; margin: 0; text-indent: -9000px; background: transparent url("/images/apv/navigation.png") no-repeat center 4px; }
div#apvImage { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 9; }
	img#apvActiveImage { border: 9px solid #fff; margin-top: 1%; border-bottom: 35px solid #fff; background: #fff; }
	div#apvImage span { color: #000; margin-top: -30px; }

/* Aurealis Google Maps Viewer */
a.aurealisgooglemapsviewer { display: block; width: 100%; height: 250px; border: 1px solid #000; margin: 10px 0; }

div#agv { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4; z-index: 8; }

div#agvHeader { display: none; position: fixed; left: 0; bottom: 4%; width: 100%; border: 2px solid #fff; border-left: 0px; border-right: 0px; height: 30px; background-color: #333; z-index: 10; }
	div#agvClose { position: absolute; top: 0; right: 50px; width: 30px; height: 100%; }
	a#agvCloseLink { display: block; width: 30px; height: 30px; margin: 0; text-indent: -9000px; background: transparent url("/images/apv/navigation.png") no-repeat center 4px; }
div#agvMaps { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; }
	div#agvMap { border: 9px solid #fff; margin: 1% 75px; background: #fff; }