/* static START */
* { margin: 0; padding: 0; outline: none medium }
body, html    { height: 100% }
body                              { color: #222; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px; background-color: white; background-image: url("../data/achtergronden/achtergrond.gif"); background-repeat: repeat-x; background-position: center 0; text-align: left; border: solid 0 #b15 }
body.scrollbar  { overflow-x: auto  ; overflow-y: scroll }
h1, h2, h3, h4, h5, h6             { color: #939598; font-family: Helvetica; font-weight: bold; line-height: 160%; letter-spacing: 0.5px }
h1     { font-size: 22px; font-family: Helvetica; line-height: 120%; margin-bottom: 10px }
h2   { font-size: 14px }
h3 { font-size: 150% }
h4  { color: #000; font-size: 110% }
h5   { font-size: 110% }
h6 { font-size: 100% }
p  { }
small { font-size: 80% }
a:link, a:visited        { color: #002c8d; text-decoration: none }
a:hover    { text-decoration: underline }
img { -ms-interpolation-mode: bicubic; }
form  { display: block; border: solid 0 #fde65c }
input,  textarea,  select    { font-size: 100%; font-family: monospace; background-image: url("../data/interface/black-fade-50.png"); background-repeat: repeat-x; background-position: 0 -45px; margin: 2px; padding: 1px; vertical-align: middle; border: inset 1px #9aafba }
textarea  { vertical-align: top }
label { margin-right: 8px; margin-left: 8px; vertical-align: middle }
code { color: #000; font-size: 110%; font-family: "Times New Roman"; background-color: #fc6; background-image: url("../data/interface/error.png"); background-repeat: no-repeat; background-position: 2px 2px; letter-spacing: 1px; display: block; margin: 10px 40px; padding: 4px 24px; clear: both; border: solid 1px #f66 }
ul, ol { margin: 0.5em 0 1em 2em }
embed, object { background-color: #e7d9eb }
hr  { margin: 0; height: 1px; border-style: solid; border-width: 1px 0 0; border-color: #e2e2e2 }
/* Algemeen START */
.knop                              { color: #000; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fff; background-image: url("../data/achtergronden/knop.png"); background-attachment: scroll; background-position: left center; text-align: center; padding-right: 8px; padding-left: 8px; width: auto; vertical-align: middle; border: solid 1px #7c8d95; -moz-border-radius: 4px        }
.knop:focus   { color: #000; background-color: #7c8d95; background-position: 0 bottom; border-color: #000 }
.knop a:link { }
.knop a:hover     { color: #900; text-decoration: none }
.knop span { font-weight: bold; background-repeat: no-repeat; background-attachment: scroll; background-position: right 0; text-align: center; text-transform: uppercase; display: block; padding: 2px 11px 6px 0; border: outset 0 #900 }
.knop:hover span      { background-position: right bottom; border-color: #510300 }
.order      { padding: 6px }
.order a:link  { color: #df001b }
.order a:hover { color: #900 }
.order a:focus { color: #f00 }
.clear { margin-bottom: 40px; position: relative; top: 20px; clear: both }
.fixed   { font-size: 0; line-height: 0; visibility: hidden; margin: 0; height: 0; clear: both }
.floatright  { margin: 0 0 12px 12px; float: right }
.floatleft  { margin: 4px 12px 12px 0; float: left }
.onderschrift { font-style: italic; padding: 4px }
.row { padding: 6px 12px }
.producten li a { min-width: 150px }
.meer    { line-height: 17px; white-space: nowrap; margin-top: 8px; padding-right: 12px; clear: both; border: solid 0 #c00 }
.meer a  { background-image: url("../data/interface/arrow-more.png"); background-repeat: no-repeat; background-position: right -2px; white-space: nowrap; padding-right: 12px; border: solid 0 #c00 }
.terug a { line-height: 17px; background-image: url("../data/interface/arrow-back.png"); background-repeat: no-repeat; background-position: left 0; display: block; margin: 20px 4px 4px 0; padding-left: 12px; clear: both }
.feedback { display: none }
.hr  { font-size: 0; line-height: 0; background-color: #e7e7e7; margin: 4px 0 8px; height: 1px; border: solid 0 #e7e7e7 }
.botom, .top { font-size: 0; line-height: 0 }
.mail,  .web,  .download,  .telefoon {
	background-image: url("../data/interface/page_white_put.png");
	background-repeat: no-repeat;
	background-position: 0 2px;
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
	clear: both;
	border: solid 0px #fc6;
	overflow: hidden;
	}
.type   { display: inline; float: left }
#artikel ul.inspringen       { list-style-type: none; list-style-position: outside; display: inline; margin: 0; padding: 0; position: relative; top: 0; left: 0; float: left; border: solid 0 #df001b }
#artikel .inspringen li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0; padding: 0;
	}
#artikel .inspringen li a          { background-repeat: no-repeat; background-position: -5px 5px; display: block; margin-right: -1px; margin-left: 5px; padding-right: 5px; padding-left: 5px; border: dashed 0 #fff }
.web    { background-image: url("../data/interface/page_world.png"); background-repeat: no-repeat }
.mail       { background-image: url("../data/interface/email.png"); background-repeat: no-repeat; background-position: 0 2px }
.download  {
	}
.intro li, .omschrijving li, .alinea li { list-style-image: url("../data/interface/li-streep.png") }
.separator { color: #0070bb; padding-right: 5px; padding-left: 5px }
.anker       { color: #e7e7e7; font-size: 0; line-height: 0; text-decoration: none; text-align: center; cursor: pointer; display: none; position: absolute; z-index: 2; bottom: 10px; left: 630px; width: 25px; height: 25px }
.anker:hover  { background-position: 0 -27px }
#artikel .col1 .inspringen li, #artikel .col2 .inspringen li  { float: none }
/* Algemeen END */
/* static END */
/* layout START */
#wrap              { display: block; overflow: hidden; border: solid 0 #fde65c }
#container          { background-image: url("../data/achtergronden/achtergrond_03.gif"); background-repeat: repeat-x; background-position: center 0; text-align: left; margin: 0 auto; position: relative }
#ipadres { color: #df001b; display: none; position: absolute; top: 0; left: 0 }
/* layout END */
/* netwerk en talen START */
#network          { line-height: 20px; display: none; padding: 8px; position: absolute; z-index: 40; top: 10px; left: 0; border: solid 0 #000 }
#network div       { background-repeat: no-repeat; background-position: center; margin: 2px 6px; padding: 0; width: 21px; height: 21px; float: left; border: solid 0 #fff }
#network img { display: none; width: 20px; height: 20px; vertical-align: middle; border: solid 1px #000 }
#network a     { display: block; margin: 0; padding: 0; width: 21px; height: 21px; vertical-align: middle }
#network a:hover   { background-image: none }
#network #rss  { top: 4px; left: 32px; border: solid 0 #effe0c }
#network div#close_balk { color: #fff; cursor: pointer; display: none; padding-right: 10px; padding-left: 10px; float: right }
#talen         { line-height: 11px; position: absolute; z-index: 400; top: 2px; right: 8px }
#talen div    { margin: 0; float: left }
#talen a  { color: #fff; display: block }
#talen img  { background-color: #fff; display: block; width: 22px; border: solid 1px #fff }
/* netwerk en talen END */
/* header START */
#header                  { position: relative; z-index: 1; border: solid 0 #000 }
#header .top         { display: block; height: 0; border: solid 0 #900 }
#header .middle                  { position: relative; height: 20px; border: solid 0 #900 }
#header .bottom      { font-size: 0; line-height: 0; background-repeat: no-repeat; background-position: center top; display: none; height: 0; border: solid 0 #900 }
#toplogo                         { background-image: url("../data/logos/logolinks.png"); background-repeat: no-repeat; background-position: left 0; position: absolute; z-index: 210; top: 10px; left: 20px; width: 144px; height: 74px; border: solid 0 #f7f410 }
#topimage                                  { color: #fff; text-align: center; letter-spacing: 0; position: absolute; z-index: 0; top: 0; left: 0; overflow: hidden; border: dashed 0 #f60 }
#toptitle                          { color: #fff; font-size: 0; line-height: 0; text-align: left; letter-spacing: 12px; border: solid 0 #e7e7e7 }
#toppayoff      { }
#topadres                   { font-size: 1px; line-height: 1px; background-color: #efd711; text-align: center; position: absolute; top: -12px }
#topadres a, #topadres .separator     { color: #666 }
#topnavbar         { display: block; position: absolute; z-index: 200; top: 180px; left: 0 }
/* header END */
/* body START */
#body                             { border: dotted 0 #c1d1e0 }
/* body END */
/* left START */
#left      { padding-top: 80px }
#leftbar    { position: relative; top: 0; right: 0 }
#leftbar-top  { height: 0 }
#left .order { margin-left: 20px }
#subnavbar { }
/* left END */
/* main START */
#main                    { border: solid 0 #d8dbdd }
#page                                        { background-image: url("../data/interface/white-50.png"); margin: 20px 15px 0 20px; position: relative; height: 440px; overflow: auto; border: dotted 0 #c1d1e0 }
#page .page-top         { font-size: 0; line-height: 0; background-repeat: no-repeat; background-position: left top; height: 1px }
#page .page-middle           { background-repeat: repeat-y; background-position: left 0; display: block; margin: 0; padding: 0; min-height: 300px; overflow: hidden; border: solid 0 transparent }
#page .page-bottom      { font-size: 0; line-height: 0; background-repeat: no-repeat; background-position: left bottom; height: 1px }
#artikel /* moet overflow:hidden */                { padding: 20px; border: solid 0 #f00 }
#artikel #afbeeldingen { background-color: #fff; background-image: url("../data/interface/white-25.png"); margin: 5px 0 5px 5px; padding: 5px; float: right }
#artikel #afbeeldingen img { width: 180px }
#artikel h1, #rijen h2, #rijen h3           { letter-spacing: 1px }
#artikel h4, #rijen h4       { font-size: 14px; background-repeat: no-repeat; background-position: 0 50% }
#page ol, #page ul { list-style-type: inherit; list-style-position: outside; margin-right: 1em; margin-left: 2em }
#page ol { list-style-type: decimal }
#page table { border: solid 0 #d4d4d4 }
#page td  { padding: 0; vertical-align: top; border: solid 0 #d4d4d4 }
#page td img  { display: block; margin: 0; padding: 2px; border: solid 0 #9aafba }
#page .omschrijving, #page .alinea       { }
#breadcrumbs          { font-size: 11px; letter-spacing: 1px; margin-bottom: 14px; position: relative; top: 0; left: 0; border: solid 0 #e7e7e7 }
#breadcrumbs ul    { color: #3e5059; list-style-type: none; list-style-position: inside; margin: 0; padding: 0; overflow: hidden; border: solid 0 #e7e7e7 }
#breadcrumbs li         { list-style-type: none; list-style-position: outside; margin: 0 6px 0 0; padding: 0 0 0 0; float: left; border: dotted 0 #222 }
#breadcrumbs a      { color: #1f5f9f; text-decoration: none; background-repeat: no-repeat; background-position: right center; display: block; margin: 0; padding: 0 4px 0 0; border: dotted 0 #c1d1e0 }
#breadcrumbs a span { background-image: url("../data/interface/arrow-more.png"); background-repeat: no-repeat; background-position: right center }
#breadcrumbs span     { line-height: 22px; display: block; margin-right: -1px; padding-right: 12px; padding-left: 12px; border-style: dotted; border-width: 0 0 1px; border-color: #c1d1e0 }
#breadcrumbs a:hover       { background-color: #eef }
#breadcrumbs .home { padding-right: 0; border-bottom: 0 }
#breadcrumbs .home span          { color: #fff; background-color: #97c7df; background-image: url("../data/interface/icon_home.png"); background-repeat: no-repeat; background-position: center; text-indent: -999px; display: block; padding: 0; width: 24px; border: 0 }
#breadcrumbs a:hover.home span  { background-color: #0070bb; background-image: url("../data/interface/icon_home.png"); background-repeat: no-repeat; background-position: center }
#breadcrumbs .last   { background-color: #ffd028; background-image: none; display: none; border-width: 0 }
#artikelheader   { font-size: 90%; padding-top: 4px; overflow: hidden; border: dotted 0 #fff }
#artikelheader .date   { background-repeat: no-repeat; background-position: 0 center; float: left }
#artikelheader #act { padding-right: 5px; padding-left: 5px; float: right }
#artikelheader #act .comments { background-image: url("../data/interface/comments.png"); background-repeat: no-repeat; background-position: 0 3px; padding-top: 4px; padding-bottom: 4px; padding-left: 20px }
#artikelheader #act .addcomment { background-image: url("../data/interface/comment_add.png"); background-repeat: no-repeat; background-position: 0 3px; margin-left: 10px; padding-top: 4px; padding-bottom: 4px; padding-left: 20px }
#artikel       { overflow: hidden }
#artikel h2  { line-height: normal }
#artikel img  { padding: 0; border: solid 0 #9aafba }
#artikel .date   { color: #878787; font-size: 90% }
#artikel .omschrijving           { padding-left: 12px; border-style: dotted; border-width: 0 0 0 1px; border-color: #c1d1e0 }
#artikel .hoofdtekst   { }
#artikel .alinea       { padding-right: 12px; padding-bottom: 2em; padding-left: 12px; border: dotted 0 #b9cfd3 }
#artikel .alinea p  { padding-bottom: 2em; border: solid 0 #eece0d }
/* begin prijsblock */
#artikel .prijsblok      { font-size: 110%; font-family: Georgia; line-height: 300%; text-align: right; white-space: nowrap; margin-right: 10%; margin-left: 10%; position: relative; float: left; clear: both; overflow: hidden; border-style: dotted; border-width: 0 0 1px; border-color: #c1d1e0 }
.prijsblok .eenheid     { white-space: nowrap; display: inline; padding-right: 8px; width: 100px }
.prijsblok .van  { white-space: nowrap; display: inline; width: 100px }
.prijsblok .vanprijs   { color: #df001b; font-size: 130%; line-height: 230%; padding-right: 8px; border-bottom: 0 solid #222 }
.prijsblok .vanprijs .pre { }
.prijsblok .prijs     { color: #9c4; font-size: 200%; font-family: Georgia; text-align: right; white-space: nowrap; display: inline; padding-left: 8px }
.prijsblok .valuta  { }
.prijsblok .pre   { font-size: 170%; font-weight: bold; padding-right: 0; padding-left: 0 }
.prijsblok sup  { font-size: 60%; vertical-align: 1em; border-style: double; border-width: 0 0 3px; border-color: inherit }
/* end prijsblock */
#info    { padding: 0 8px 4px; clear: both; overflow: hidden; border: dotted 0 #c1d1e0 }
#info h3 { color: #76187a; position: relative }
/* paginabrowser START */
#pagebrowser          { font-size: 90%; line-height: 90%; text-align: left; letter-spacing: 1px; margin: 4px auto; padding: 0 8px; position: relative; z-index: 123; top: 0; left: 0; border: dotted 0 #c1d1e0 }
#pagebrowser h5 { line-height: 32px }
#pagebrowser ul    { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; position: relative; float: left; border: solid 0 #ff6 }
#pagebrowser li        { list-style-type: none; list-style-position: outside; margin: 1px; padding-left: 4px; border: solid 0 #d0d0d0 }
#pagebrowser a         { white-space: nowrap; display: block; padding: 4px; border-style: solid; border-width: 0 0 0 1px; border-color: #e7e7e7 }
#pagebrowser a:hover     { text-decoration: none; background-color: #c1d1e0 }
#pagebrowser a:focus   { color: #fff; background-color: #8ab2db }
#pagebrowser .previous, .next { }
#pagebrowser .first a, #pagebrowser .last a { border-width: 0 }
/* paginabrowser END */
/* main END */
/* contact START */
#naw { float: left; border: solid 0 #df001b }
#naw .col1, #naw .col2 { margin: 0 0 20px; padding: 0 30px 0 0; width: auto; float: left }
#naw .col2 { }
.googlemap       { background-color: #fff; margin: 28px auto 8px; padding: 4px; position: relative; width: 99%; border: solid 0 #68b022 }
.map { position: relative; top: 0; left: 0 }
.map a    { font-size: 0; line-height: 50px; background-image: url("../data/achtergronden/googlemap.png"); background-repeat: no-repeat; background-position: right center; text-align: center; margin: 0 auto; position: absolute; top: 0; left: 200px; width: 50px; border: solid 1px #fff }
.contact hr  { border: solid 2px #df001b }
#a1  { padding-left: 12px; float: right }
#a4  { margin-left: 12px; float: right; border: solid 1px #fff }
.tijden  { margin-top: 0; margin-bottom: 12px; padding: 0; border: solid 0 #f00 }
.tijden .row { margin: 0; padding: 2px; clear: both; overflow: auto; border: solid 0 #222 }
.tijden .row .left  { white-space: nowrap; width: 100px; float: left; border: solid 0 #ffd028 }
.tijden .row .right  { white-space: nowrap; width: 100px; float: left; border: solid 0 #f00 }
.verplicht { background-image: url("../data/interface/verplicht.gif"); background-repeat: no-repeat; background-position: right 0 }
/* contact END */
/* main END */
/* right START */
#right   { font-size: 95%; border: solid 0 #000 }
#rightbar   { }
/* right END */
/* footer START */
#footer                     { color: #002c8d; font-size: 9px; font-family: Arial; background-repeat: no-repeat; position: relative; top: 0; left: 180px; width: 555px; height: 20px; border-style: solid; border-width: 0 0 10px; border-color: #002c8d }
#footer .footer-middle      { }
#footer a    { color: #900; padding-top: 2px; padding-bottom: 2px }
#copyright { display: none; position: absolute; top: 0; right: 0 }
#adres        { text-align: center; position: absolute; top: 2px; left: 0; width: 555px }
#legal                 { color: #3e5059; font-size: 9px; font-family: Arial; position: absolute; z-index: 200; bottom: 0; left: 10px; height: 20px; border: solid 0 #000 }
#legal div      { line-height: 14px; text-transform: lowercase; float: left; border-style: solid; border-width: 0 1px 0 0; border-color: #c1d1e0 }
#legal div a      { color: #3e5059; font-size: 11px; line-height: 17px; margin-right: 4px; margin-left: 4px; padding-right: 8px; padding-left: 8px }
#legal div a:hover    { text-decoration: underline; border: solid 0 #222 }
#legal div a:focus   { color: #fff; text-decoration: none; background-color: #3e5059; border: solid 0 #000 }
#legal .sitemap { border-width: 0 }
/* footer END */
#zoek           { font-size: 0; line-height: 0; background-image: url("../data/interface/white-25.png"); background-position: 0 -40px; margin: 0; padding: 0; position: absolute; z-index: 300; top: 13px; left: 800px; border: solid 1px #76838a }
#zoek .row        { margin: 0; padding: 0 }
#zoek .end      { margin: 0; padding: 0 }
#zoek input           { color: #666; font-size: 11px; background-color: transparent; background-repeat: repeat-x; margin: 0; width: 110px; border: solid 0 #76838a }
#zoek input:focus   { }
/* afmetingen */
#body { height: 535px }
#container                { width: 780px; border: solid 0 #f00 }
#left               { width: 180px; float: left }
#main                     { background-image: url("../data/achtergronden/rightbar.png"); background-repeat: no-repeat; background-position: right 82px; padding-right: 45px; width: 555px; float: left; border: solid 0 #f60 }
#right              { position: relative; top: 0; left: 5px; width: 290px; float: right; border: solid 0 #de3319 }

