html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.content {line-height:1.6em}
.content a {text-decoration:underline}
.content strong,.content th,.content thead td,.content h1,.content h2,.content h3,.content h4,.content h5,.content h6,.content dt {font-weight:bold}
.content cite,.content em,.content dfn {font-style:italic}
.content code,.content kbd,.content samp,.content pre,.content tt,.content var {font-size:100%; font-family:mono-space,monospace}
.content pre {white-space:pre}
.content pre * {font-size:100%; white-space:pre}
.content del {text-decoration:line-through}
.content ins,.content dfn {border-bottom:1px solid black}
.content small,.content sup,.content sub {font-size:85%}
.content big {font-size:125%; line-height:80%}
.content abbr,.content acronym {text-transform:uppercase; font-size:85%; letter-spacing:.1em}
.content abbr[title],.content acronym[title],.content dfn[title] {cursor:help; border-bottom:1px dotted black}
.content sup {vertical-align:super}
.content sub {vertical-align:sub}
.content blockquote {padding-left:2.2em}
.content .dquo {margin-left:-.55em}
.content :lang(af),.content :lang(nl),.content :lang(pl) {quotes:'\201E' '\201D' '\201A' '\2019'}
.content :lang(bg),.content :lang(cs),.content :lang(de),.content :lang(is),.content :lang(lt),.content :lang(sk),.content :lang(sr),.content :lang(ro) {quotes:'\201E' '\201C' '\201A' '\2018'}
.content :lang(da),.content :lang(hr) {quotes:'\00BB' '\00AB' '\203A' '\2039'}
.content :lang(el),.content :lang(es),.content :lang(sq),.content :lang(tr) {quotes:'\00AB' '\00BB' '\2039' '\203A'}
.content :lang(en-GB) {quotes:'\2018' '\2019' '\201C' '\201D'}
.content :lang(fi),.content :lang(sv) {quotes:'\201D' '\201D' '\2019' '\2019'}
.content :lang(fr) {quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}
.content *[lang|='en'] q:before {content:'\201C'}
.content *[lang|='en'] q:after {content:'\201D'}
.content *[lang|='en'] q q:before {content:'\2018'}
.content *[lang|='en'] q q:after {content:'\2019'}
.content input,.content select,.content button {cursor:pointer}
.content input[type='text'],.content input[type='password'] {cursor:text}
.content input[type='hidden'] {display:none}
.content h1 {font-size:1.6em; line-height:1; margin:1em 0 .5em}
.content h2 {font-size:1.5em; line-height:1; margin:1.07em 0 .535em}
.content h3 {font-size:1.4em; line-height:1; margin:1.14em 0 .57em}
.content h4 {font-size:1.3em; line-height:1; margin:1.23em 0 .615em}
.content h5 {font-size:1.2em; line-height:1; margin:1.33em 0 .67em}
.content h6 {font-size:1em; line-height:1; margin:1.6em 0 .8em}
.content hr {display:block; background:black; color:black; width:100%; height:1px; border:none}
.content ul {list-style:disc outside}
.content ol {list-style:decimal outside}
.content table {border-collapse:collapse}
.content hr,.content p,.content ul,.content ol,.content dl,.content pre, .content address,.content table,.content form {margin-bottom:1.6em}
.content p+p {margin-top:-.8em}
.content fieldset {margin:1.6em 0; padding:1.6em}
.content legend {padding-left:.8em; padding-right:.8em}
.content fieldset>*:first-child {margin-top:0}
.content textarea,.content input[type='text'] {padding:.1em .2em}
.content input {padding:.2em .1em}
.content select {padding:.2em .1em 0}
.content select[multiple] {margin-bottom:.8em}
.content option {padding:0 .4em .1em}
.content button {padding:.3em .5em}
.content input[type='radio'] {position:relative; bottom:-.2em}
.content dt {margin-top:.8em; margin-bottom:.4em}
.content ul,.content ol {margin-left:2.2em}
.content caption,.content form div {padding-bottom:.8em}
.content ul ul,content ol ul,.content ul ol,content ol ol {margin-bottom:0}
html {background: #5f6364 url(assets/bg-stripe.jpg) 0 0 repeat-x}
body {text-align: center}
body, textarea {font-family: Tahoma, "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif}
a {color: #5A3C5A; text-decoration: none}
a:hover {color: #000000}
dl.two-col {line-height: 1.3em; margin: 0 0 40px 0}
dl.two-col dt {font-weight: bold}
dl.two-col dt.title {margin-bottom: 0.65em}
dl.two-col dt.col {float: left}
dl.two-col dd.col {text-align: right}
div.section h2.header {display: none}
span.fallback {display: none}
div#header h1 a span, div#navigation ul li a span {display: none}
div#container {width: 990px; margin: 0 auto; padding: 0 0 30px 0; text-align: left; font-size: 85%}
div#header {position: relative; margin: 0 auto; width: 960px; height: 380px; background: url(assets/header-frame.jpg) 50% 100% no-repeat}
div#header h1 {position: absolute; left: 40px; top: 100px}
div#header h1 a {display: block; width: 210px; height: 210px; background: url(assets/header-logo.gif) 50% 0 no-repeat}
div#header h1 a:hover {background-position: 50% 100%}
div#header h2 {position: absolute; left: 0; bottom: 0; padding: 0 0 0 40px; width: 210px; height: 40px; line-height: 40px; color: #5A3C5A; font-size: 14px; font-weight: normal; text-transform: uppercase}
div#navigation {position: absolute; left: 290px; top: 50px; width: 630px; height: 320px}
div#navigation ul {position: absolute; left: 0; bottom: 0; width: 630px; height: 40px; overflow: hidden}
div#navigation ul li {position: absolute; display: block; margin: 0; left: 0; bottom: 0; color: #FFFFFF; letter-spacing: 0.1em; text-transform: uppercase; background-position: 50% 50%; background-repeat: no-repeat}
div#navigation ul li a {display: block; height: 40px; line-height: 40px; color: #FFFFFF}
div#navigation ul li a:hover, body.rechtsgebieden div#navigation ul li#nav-recht a, body.informatie div#navigation ul li#nav-info a, body.over-ons div#navigation ul li#nav-over a, body.contact div#navigation ul li#nav-contact a, body.home div#navigation ul li#nav-home a {background-image: url(assets/triangle-up.gif); background-position: 50% 100%; background-repeat: no-repeat; cursor: default}
div#navigation ul li a:hover {cursor: pointer}
div#navigation ul li#nav-recht {left: 33px; width: 126px; background-image: url(assets/nav-001-rechtsgebieden.png)}
div#navigation ul li#nav-info {left: 185px; width: 88px; background-image: url(assets/nav-002-informatie.png)}
div#navigation ul li#nav-over {left: 303px; width: 74px; background-image: url(assets/nav-003-over-ons.png)}
div#navigation ul li#nav-contact {left: 410px; width: 75px; background-image: url(assets/nav-004-contact.png)}
div#navigation ul li#nav-home {left: 518px; width: 43px; background-image: url(assets/nav-005-home.png)}
div#main {background: url(assets/body-repeat.jpg) 50% 0 repeat-y}
div#wrapper {padding: 0 15px; height: 1%; overflow: hidden; background: url(assets/body-gradient.jpg) 50% 0 no-repeat}
div#side-column {float: left; padding: 40px 0 0 40px; width: 250px; min-height: 380px; color: #FFFFFF; overflow: hidden}
div#side-column a {color: #FFFFFF}
div#side-column ul {background: url(assets/hline-210-white.gif) 0 0 no-repeat; margin: 0 0 40px 0}
div#side-column ul li {width: 100%; height: 40px; line-height: 40px; text-transform: lowercase; background: url(assets/hline-210-white.gif) 0 100% no-repeat}
div#side-column ul li a {display: block}
div#side-column ul li a:hover, div#side-column ul li.active a {background: url(assets/triangle-right-40.gif) 100% 50% no-repeat}
div#side-column ul li.active a {font-weight: bold}
.dlx div#side-column ul li.active a:hover {cursor: default}
div#side-column dl#address {background: url(assets/hline-210-white.gif) 0 0 no-repeat; width: 210px}
div#side-column dl#address dt.company {line-height: 40px; margin-bottom: 0}
div#side-column dl#address dd.po-street {margin-top: 0.65em}
div#side-column dl#address dd.po-address {margin-bottom: 0.65em}
div#main-column {float: left; width: 670px; margin: 30px 0 0 0; overflow: hidden}
div#main-column div.section {margin: 0 0 40px 0; overflow: hidden; width: 100%; height: 1%}
div#main-column div.section h3.ribbon {height: 40px; line-height: 40px; padding: 0 0 10px 40px; font-weight: normal; text-transform: uppercase; background: url(assets/ribbon.png) 0 0 no-repeat}
div#main-column div.section div.main {float: left; padding: 30px 0 0 40px; width: 550px}
div#main-column div.two-col div.main {width: 360px}
div#main-column div.section div.column {float: left; width: 255px; margin: 0; padding: 30px 0 0 40px}
div.section div.side {float: left; width: 160px; margin: 30px 0 0 30px}
div.section div.side ul {list-style-type: square; list-style-position: inside}
div.section div.side ul li {color: #5A3C5A; margin: 0 0 1em 0}
div.section div.side img.portrait {padding: 5px; background: #D4D5D6}
div#tagline {margin: 0 80px 0 40px; color: #5A3C5A; text-align: center; font-style: italic}
div#footer {position: relative; height: 80px; background: url(assets/footer.jpg) 50% 0 no-repeat}
div#footer ul {position: absolute; right: 70px; top: 30px}
div#footer ul li {float: right; margin-left: 20px; color: #FFFFFF; line-height: 15px}
div#footer ul li a {color: #FFFFFF; text-decoration: none}
div#footer ul li a.go-top {display: block; width: 15px; height: 15px; background: url(assets/arrow-top.gif) 50% 0 no-repeat}
div#footer ul li a.go-top:hover {background-position: 50% 100%}
div#footer ul li a.go-top span {display: none}
.jquery ul#organisations li a span {display: none}
.jquery div.side ul#organisations {list-style-type: none; list-style-position: outside}
.jquery div.side ul#organisations li {margin-bottom: 40px; list-style: none; width: 160px}
.jquery div.side ul#organisations li#org-lsa a {display: block; width: 160px; height: 40px; background: url(logos/lsa.gif) 50% 50% no-repeat}
.jquery div.side ul#organisations li#org-kls a {display: block; width: 160px; height: 123px; background: url(logos/keurmerk-ls.gif) 50% 50% no-repeat}
.jquery div.side ul#organisations li#org-vasr a {display: block; width: 160px; height: 50px; background: url(logos/vasr.gif) 50% 50% no-repeat}
.content a {color: #5A3C5A}
.content h1,.content h2,.content h3,.content h4,.content h5,.content h6 {font-size: 110%; margin: 20px 0; color: #5A3C5A}
.content blockquote {padding: 0 1em; font-style: italic}
body#page-main-intro div#header {top: 160px; width: 990px; height: 400px; background: url(assets/intro-frame.jpg) 50% 100% no-repeat}
body#page-main-intro div#header h1 {left: 55px}
body#page-main-intro a#intro {position: absolute; left: 305px; top: 40px; display: block; width: 630px; height: 320px}
body#page-main-intro a#intro img {display: block}
body.over-ons .content strong {text-transform: lowercase}
body#page-main-map div#main-column div.section {margin-bottom: 20px}
body#page-main-map div#main-column div#map {padding: 0; width: 540px; height: 300px; margin: 30px 0 0 40px; background: #D4D5D6; border: 5px solid #D4D5D6}
@media print {html, body, div#container {color: #000000; background: #FFFFFF}
a, .content a {color: #000000; text-decoration: none}
span.fallback {display: inline}
img.with_fallback {display: none}
h3.ribbon span.fallback {font-size: 120%; font-weight: bold; color: #5A3C5A}
div#container {font-size: 100%}
div#main, div#wrapper {background: none}
div#header, div#footer {display: none}
div#side-column {color: #000000}
div#side-column a {color: #000000}
div#side-column ul {width: 210px; border-bottom: 1px solid black}
div#side-column li a {border-top: 1px solid black}
div#side-column li.active a {font-weight: bold}
}
form.active_form h3 {display: none}
form.active_form fieldset {padding: 0; width: 255px}
form.active_form fieldset div input, form.active_form fieldset div textarea {background: none; margin: 0}
form.active_form fieldset div.focus input, form.active_form fieldset div.focus textarea {background: #E3E4E5; color: #000000}
form.active_form fieldset label {width: 255px; color: #5A3C5A; display: block; line-height: 2em; text-transform: lowercase; border-bottom: 1px solid #707070}
form.active_form fieldset div.focus label, form.active_form fieldset div.hover label, form.active_form fieldset div.required label, form.active_form fieldset div.strong label {font-weight: bold; color: #5A3C5A; border-bottom: 1px solid #5A3C5A}
div form.frozen fieldset div.elem_checkbox div.text {float: right; border-bottom: 0}
body div form.active_form fieldset label.error, div form.active_form fieldset div.validation-failed label {color: #b40505; border-bottom: 1px solid #B40505}
form.frozen div.text {padding: 0.45em 0; font-size: 100%; border-bottom: 1px solid #D4D5D6}
form.active_form fieldset div.elem_text input {font-size: 108%; width: 249px; padding: 0.45em 3px; vertical-align: middle; border: none; border-bottom: 1px solid #D4D5D6}
form.active_form fieldset div.elem_select {height: 4.45em; margin-bottom: -1px}
form.active_form fieldset div.elem_select label {border: 0}
form.frozen fieldset div.elem_select label {border-bottom: 1px solid #000000}
form.active_form fieldset select {width: 255px; font-size: 100%; border: 1px solid #707070}
form.active_form fieldset div.elem_checkbox {margin: 2em 0 1em 0; padding: 5px 0; overflow: hidden}
form.active_form fieldset div.elem_checkbox label {width: auto; float: left; border-bottom: none; color: #000000}
form.active_form fieldset div.elem_checkbox input {width: auto; float: right; margin: 0.45em; background: transparent}
form.active_form fieldset textarea {font-size: 116%; line-height: 1.3em; width: 249px; padding: 3px; border: none; border-bottom: 1px solid #D4D5D6}
form.active_form fieldset textarea, form.active_form fieldset div.elem_textarea div.text {height: 305px}
form.active_form fieldset div.elem_submit input {font-size: 100%; font-weight: bold; text-transform: uppercase; border: 1px solid #5A3C5A; background: #D4D5D6; padding: 0.2em; margin: 20px 0 0 0; float: right}
