
#ie6-message { background-image: url("../data/interface/black-25.png"); position: fixed; z-index: 100000; top: 0; left: 0; height: 100% }
#ie6-message div { color: #103d6f; background-color: #ff6; text-align: center; margin: 5% auto 0; padding: 24px; width: 500px; border: solid 3px #510300 }
#ie6-message a { color: #510300 }
/* static START */
*   { margin: 0; padding: 0; outline: none medium }
body, html    { height: 100% }
body                  { color: #000; font-size: 11px; font-family: Arial; line-height: 18px; background-color: #fff; text-align: left; margin: 0; padding: 0; border: solid 0 #b15 }
h1, h2, h3, h4, h5, h6       { font-weight: bold; line-height: 200% }
h1   { color: #2e4956; font-size: 180% }
h2  { color: #2e4956; font-size: 170% }
h3   { color: #2e4956; font-size: 150% }
h4 { font-size: 130% }
h5 { font-size: 110% }
h6 { font-size: 100% }
img { border: 0 }
small  { font-size: 80% }
a:link, a:visited     { color: #001c44; text-decoration: none }
a:hover  { text-decoration: underline }
form { display: block }
input     { vertical-align: middle }
textarea    { padding: 3px; width: 100%; vertical-align: top }
img { display: block }
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 }
/* Algemeen START */
.knop { color: #fff; background-color: #444; border-width: 0 }
.knop:active { background-color: #000 }
.clear { margin-bottom: 40px; position: relative; top: 20px; clear: both }
.fixed       { font-size: 1px; line-height: 0; visibility: hidden; height: 0; clear: both }
.floatright   { margin-left: 12px; float: right }
.floatleft  { margin-right: 12px; float: left }
.onderschrift { font-style: italic; padding: 4px }
.row { padding: 6px 12px }
.producten li a { min-width: 150px }
.meer       { line-height: 17px; background-image: url("../data/interface/arrow-more.png"); background-repeat: no-repeat; background-position: right 0; white-space: nowrap; display: inline; padding-right: 12px; clear: both; 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: #d2eaec; margin: 8px 0; height: 1px; border: solid 0 #d2eaec }
.col1, .col2 { margin-right: 20px; width: 35%; float: left; border: solid 0 #0192a7 }
/* Algemeen END */
/* static END */
/* layout START */
#wrap                { margin: 0 auto; padding: 0; border: solid 0 #000 }
#container                { background-image: url("../data/achtergronden/beton.jpg"); background-repeat: repeat-y; background-position: center 182px; text-align: left; margin: 0 auto; border: solid 0 #5f5f5f }
/* layout END */
/* header START */
#header                { position: relative; z-index: 10; height: 233px; border: solid 0 #c00 }
#toplogo         { color: #fff; background-color: #fff; background-image: url("../data/logos/bcgorkum.jpg"); background-repeat: no-repeat; background-position: center top; position: absolute; z-index: 10; top: 0; left: 45px; width: 300px; height: 182px; border: solid 0 #f7f410 }
#topimage             { background-image: url("../data/achtergronden/topimage.jpg"); background-repeat: no-repeat; background-position: -12px top; text-align: right; height: 233px; border: solid 0 #fff }
#toptitle                 { color: #000; font-size: 120%; font-family: Arial; text-align: center; letter-spacing: 0; display: none; margin: auto; padding-right: 10px; padding-left: 10px; position: absolute; z-index: 20; top: 26px; right: 20px }
#toppayoff           { font-size: 75%; line-height: 240%; text-align: center; text-transform: lowercase; letter-spacing: 1px; border: solid 0 #fff }
#topadres           { color: #002150; line-height: 25px; background-image: url("../data/interface/white-50.png"); padding-left: 142px; position: absolute; z-index: 10; top: 182px; left: 50px; width: 758px }
#topnavbar    { text-align: center; display: block; z-index: 2; border: solid 0 #000 }
/* header END */
/* body START */
#body                      { background-image: url("../data/achtergronden/page.gif"); margin-right: 50px; margin-left: 49px; overflow: hidden; border: solid 0 #fbba00 }
/* body END */
/* left START */
#left          { background-color: #ffac00; padding: 0; position: relative; z-index: 5; top: 0; left: 0; float: left }
#leftbar   { }
#subnavbar { }
/* left END */
/* main START */
#main                   { padding: 0; position: relative; float: left; border: solid 0 #800000 }
#page          { background-color: #e9eef2; padding: 20px 45px 45px; position: relative; min-height: 300px; overflow: hidden; border: solid 0 #000 }
#breadcrumbs      { font-size: 90%; line-height: 20px; height: 20px; clear: both; border: solid 0 #000 }
#artikelheader     { font-size: 90%; line-height: 20px; display: block; height: 22px; clear: both; border: solid 0 #800000 }
#artikelheader .date     { 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; border: solid 0 #f1f0f2 }
#artikel ol, #artikel ul { list-style-type: inherit; list-style-position: inside; margin-right: 1em; margin-left: 1em }
#artikel ol { list-style-type: decimal }
#artikel table  { border: solid 0 #d4d4d4 }
#artikel td  { vertical-align: top; border: solid 0 #d4d4d4 }
#artikel .omschrijving, #artikel .alinea { line-height: 2 }
#artikel h2 { line-height: normal }
#info            { line-height: 200%; margin-bottom: 20px; padding: 0 8px 4px; clear: both; border: solid 0 #83afb7 }
#info h3    { position: relative }
#info .web  { background-image: url("../data/interface/page_world.png"); background-repeat: no-repeat; background-position: 0 2px; margin-bottom: 4px; padding-left: 20px }
#info .mail   { background-image: url("../data/interface/email.png"); background-repeat: no-repeat; background-position: 0 3px; margin-bottom: 4px; padding-left: 20px }
#info .download  { background-image: url("../data/interface/page_white_put.png"); background-repeat: no-repeat; background-position: 0 2px; margin-bottom: 4px; padding-left: 20px }
#artikel .omschrijving { font-style: italic; margin-bottom: 12px }
#artikel .alinea { padding-bottom: 20px }
/* main END 
*/
/* overzicht START */
/* overzicht END */
/* main END */
/* right START */
#right            { font-size: 95%; position: relative; float: right; overflow: hidden }
#rightbar      { line-height: 15px; position: relative }
/* right END */
/* footer START */
#footer               { color: #fff; line-height: 42px; background-color: #002150; margin: 0; position: relative; height: 42px; clear: both; border: solid 0 #002150 }
#footer a    { color: #fff }
#copyright      { display: none; padding-right: 8px; padding-left: 8px; position: absolute; top: 0; right: 0 }
#legal       { padding-right: 8px; padding-left: 8px; position: absolute; top: 0; right: 10px }
#legal span { text-transform: lowercase; padding-right: 4px; padding-left: 4px; border-style: solid; border-width: 0 1px 0 0; border-color: #0093a8 }
#adres      { position: absolute; top: 0; left: 204px }
/* footer END */
#zoek    { font-size: 0; text-align: center; position: absolute; z-index: 300; right: 16px; bottom: 0; width: 160px; border: solid 0 #b15 }
#zoek .row  { font-size: 0; background-image: url("../data/interface/search-input.png"); background-repeat: no-repeat; background-position: left 50%; padding: 0 0 0 24px; width: 140px }
#zoek .end   { font-size: 0; line-height: 23px; background-color: #000; background-image: url("../data/interface/search-input.png"); background-repeat: no-repeat; background-position: right 50%; padding: 0 12px 0 0; height: 25px }
#zoek input   { font-size: 11px; background-color: #eaeaea; margin: 0; padding: 0; width: 120px; border: solid 0 #0192a7 }
/* afmetingen */
#container      { width: 1000px }
#left    { width: 142px }
#main       { width: 615px; border-width: 0; border-color: #fbba00 }
#right    { width: 144px }
