/* 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 */
body { font: 12px Verdana; background: #f7f7f7 url("/images/bg.main.jpg") repeat-x center 186px; }
.wrapper { width: 960px; margin: 0 auto; }

/* header */
div#header { height: 186px; background: #decc34/*ede38d*//*5d803c*/; overflow: hidden; border-bottom: 1px solid #757575; }
div#header div.wrapper { height: 186px; background: transparent url("/images/bg.garage.jpg") no-repeat; overflow: hidden; /* wordt per pagina ingesteld in de document.header */  border-left: 1px solid #757575; border-right: 1px solid #757575; }

ol#navigation { float: left; height: 28px; margin: 10px 0/* 10px 100px*/; border-bottom: 1px solid #757575; /*border-right: 0;*/ overflow: hidden; clear: both; }
ol#navigation li { float: left; width: 120px; /*border-left: 1px solid #757575;*/ line-height: 28px; overflow: hidden; background: transparent url("/images/background.png") no-repeat bottom right; }
ol#navigation li.last { background-image: none; /*border-right: 1px solid #757575;*/ }
ol#navigation li a { display: block; font-weight: bold; color: #000; text-decoration: none; text-align: center; /*background: transparent url("/images/background.png") repeat-x 0 0;*/ }
ol#navigation li a:hover { /*background: transparent url("/images/background.png") repeat-x 0 -30px;*/ }
ol#navigation li a.active { /*background: transparent url("/images/background.png") repeat-x 0 -30px;*/ }

a#logo { display: none; width: 293px; height: 29px; margin: 13px 0 0 16px; background: transparent url("/images/img.logo.png") no-repeat; text-indent: -9000px; }

a#scooter { display: block; position: absolute; top: 58px; left: 50%; margin-left: 310px; width: 122px; height: 145px;  }

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

ol#subnavigation { float: left; width: 180px; margin: 18px 19px 0 0; overflow: hidden; clear: left; }
ol#subnavigation li { height: 28px; line-height: 28px; /*border: 1px solid #757575;*/ margin-bottom: 11px; }
ol#subnavigation li a { display: block; color: #000; text-decoration: none; padding-left: 15px; /*background: transparent url("/images/background.png") repeat-x 0 0;*/ }
ol#subnavigation li a:hover { /*background: transparent url("/images/background.png") repeat-x 0 -30px;*/ /*border-bottom: 1px solid #000;*/ font-weight: bold; }
ol#subnavigation li a.active { /*background: transparent url("/images/background.png") repeat-x 0 -30px;*/ /*border-bottom: 1px solid #000;*/ font-weight: bold; }

div#spacer { float: left; width: 180px; margin: 18px 19px 0 0; overflow: hidden; clear: left; }

#main { float: left; width: 450px; margin: 12px 20px 25px 0; overflow: hidden; line-height: 150%; }

ol#images { float: left; width: 290px; margin: 18px 0 25px 0; }
ol#images li { float: left; width: 138px; height: 78px; border: 1px solid #757575; background: #fff; margin: 0 10px 9px 0; overflow: hidden; }
ol#images li a { display: block; overflow: hidden; width: 138px; height: 78px;}
ol#images li a img { margin: 4px; width: 130px; height: 70px; }
ol#images li.even { margin-right: 0; }
ol#images li.first { width: 288px; height: 138px; }
ol#images li.first a { width: 288px; height: 138px;}
ol#images li.first a img { width: 280px; height: 130px; }

/* footer */
div#footer { border-top: 1px solid #757575; background: #fff url("/images/background.png") repeat-x 0 -60px; text-align: center; font-weight: bold; }
div#footer span { display: block; padding-top: 15px; line-height: 165%; }

a#aurealis { display: none; position: absolute; top: 75px; right: 50%; margin-right: -490px; width: 65px; height: 41px; text-indent: -9000px; background: transparent url("/images/img.aurealis.png") no-repeat; }

/* sticky footer */
html, body { height: 100%; }
div#stickyfooterwrap { min-height: 100%; }
div#nogeenstickyfooterwrap { overflow: auto; padding-bottom: 142px; }
div#footer { position: relative; margin-top: -142px; height: 142px; clear: both; }
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 */

/* from mysite! */
#main h1 { border-bottom: 1px solid #000; margin: 10px 0; width: 100%; clear: both; }
#main h2 { margin: 5px 0; width: 100%; clear: both; }
#main h3 { font-weight: bold; margin: 5px 0; width: 100%; clear: both; }
#main address { display: block; width: 100%; font-style: italic; clear: both; }
#main p { display: block; margin-bottom: 8px; width: 100%; clear: both; }
#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: #928518; }
#main ul { list-style-image: url("/images/userstyles/li.gif"); list-style-position: outside; margin-bottom: 5px; width: 100%; clear: both; }
#main ul li { margin-left: 22px; }
#main ol { list-style-type: decimal; list-style-position: outside; margin-bottom: 5px; width: 100%; clear: both; }
#main ol li { margin-left: 22px; }
#main blockquote { width: 100%; padding: 5px 40px; background: transparent url("/images/userstyles/blockquote.png") no-repeat left top; box-sizing: border-box; }
#main table { margin-bottom: 5px; width: 100%; clear: both; }
#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; }

/* Form klasse */
form.niceform { margin: 15px 0 0 0; width: 100%; overflow: auto; clear: both; }
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: 97%; float: left; clear: both; border: 1px solid #000; }
form.niceform div.niceentry textarea { display: block; width: 97%; float: left; clear: both; border: 1px solid #000; }
form.niceform div.niceentry select { display: block; width: 97%; float: left; clear: both; }
form.niceform div.niceentry span.pseudolabel { display: block; width: 97%; float: left; font-weight: bold; }
form.niceform div.niceentry span.niceinfo { display: none; float: left; width: 97%; 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 { display: block; height: 28px; border: 1px solid #757575; background: transparent url("/images/background.png") repeat-x 0 0; }
form.niceform div.nicebutton button:hover { background: transparent url("/images/background.png") repeat-x 0 -30px; }
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#contactdata { float: left; width: 290px; margin: 18px 0 25px 0; line-height: 150%; }
div#contactdata a { color: #000; }

p#confirmbot { color: #800; border: 1px solid #800; padding: 5px 5px 5px 40px; background: url('/images/icon.error.png') no-repeat 10px 9px; 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: 280px; height: 130px; border: 1px solid #000; padding: 4px; 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; }