body  { background-color: #3888c4; background-position: center; 
scrollbar-face-color:#98CE2A;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#98CE2A;
scrollbar-darkshadow-color:#98CE2A;
scrollbar-shadow-color:#257800;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#CBE694;
}
p {}
td {}
#top   { background-color: #3888c5; position: absolute; bottom: 50%; width: 100%; height: 50% }
#bottom   { background-image: url("images/bottom_back.gif"); background-repeat: repeat-x; background-position: 0 316px; position: absolute; top: 50%; width: 100%; height: 50% }
#mid   { margin-top: -249px; position: absolute; top: 50%; width: 100%; height: 565px }
#left   { background-image: url("images/main_left.jpg"); background-repeat: no-repeat; background-position: right 0; margin-right: 475px; position: absolute; right: 50%; width: 50%; height: 565px }
#right  { background-image: url("images/main_right.jpg"); background-repeat: no-repeat; background-position: 475px 0; position: absolute; left: 50%; width: 50%; height: 565px }
#center   { margin-left: -475px; position: absolute; left: 50%; width: 950px; height: 565px }


#part_1    { background-image: url(images/menu_back.jpg); background-position: left top; position: absolute; top: 0; left: 0; width: 235px; height: 498px }
#part_2    { margin-left: 235px; width: 715px; height: 498px }
#part_3  { background-image: url("images/part3_back.jpg"); background-repeat: no-repeat; background-position: left top; text-align: right; width: 950px; height: 67px }
#part_2a  { background-image: url(images/tekstveld_top.gif); background-repeat: no-repeat; background-position: left center; width: 488px; height: 89px }
#part_2b   { background-image: url(images/tekstveld_back.gif); background-repeat: no-repeat; background-position: left top; position: absolute; top: 89px; width: 488px; height: 409px }
#part_2c    { background-position: left top; margin-left: 488px; position: absolute; top: 0; width: 227px; height: 498px }
#inframe     { color: #674b1c; font-size: 13px; font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; margin-left: 52px; padding-right: 10px; width: 436px; height: 367px; overflow: auto;  overflow-x: auto; }
#inframe .title   { font-size: 18px; font-weight: bold }
#inframe a  { color: #f99d13; font-weight: bold; text-decoration: none }
#inframe a:hover   { color: #60a516; text-decoration: underline }
#pointer1  { background-image: url(images/eikel_01.gif); background-repeat: no-repeat; background-position: left top; position: absolute; top: 38px; width: 36px; height: 39px }
#pointer2 { background-image: url(images/eikel_02.gif); background-repeat: no-repeat; background-position: left top; position: absolute; top: 62px; width: 36px; height: 39px }
#pointer3 { background-image: url(images/eikel_03.gif); background-repeat: no-repeat; background-position: left top; position: absolute; top: 86px; width: 36px; height: 39px }
#pointer4 { background-image: url(images/eikel_04.gif); background-repeat: no-repeat; background-position: left top; position: absolute; top: 110px; width: 36px; height: 39px }
#pointer5  { background-image: url(images/eikel_05.gif); background-repeat: no-repeat; background-position: left top; position: absolute; top: 134px; width: 60px; height: 150px }
#pointer6  { background-image: url(images/eikel_06.gif); background-repeat: no-repeat; background-position: left top; position: absolute; top: 356px; width: 36px; height: 39px }
#pointer7  { background-image: url(images/eikel_07.gif); background-repeat: no-repeat; background-position: left top; position: absolute; top: 380px; width: 36px; height: 39px }
#pointer8  { background-image: url(images/eikel_08.gif); background-repeat: no-repeat; background-position: left top; position: absolute; top: 404px; width: 36px; height: 39px }
#pointline1  { background-image: url(images/pointline1.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 20px; margin-left: 20px; width: 32px; height: 11px }
#pointline2  { background-image: url(images/pointline2.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 10px; margin-left: 20px; width: 32px; height: 39px }
#pointline3  { background-image: url(images/pointline3.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 9px; margin-left: 20px; width: 32px; height: 73px }
#pointline4  { background-image: url(images/pointline4.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 6px; margin-left: 20px; width: 32px; height: 93px }
#pointline5  { background-image: url(images/pointline5.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 5px; margin-left: 20px; width: 32px; height: 127px }
#pointline6  { background-image: url(images/pointline6.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 2px; margin-left: 20px; width: 32px; height: 147px }
#pointline7  { background-image: url(images/pointline7.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 16px; margin-left: 20px; width: 32px; height: 167px }
#pointline8  { background-image: url(images/pointline8.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 13px; margin-left: 20px; width: 32px; height: 187px }
#pointline9  { background-image: url(images/pointline9.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 31px; margin-left: 20px; width: 32px; height: 187px }
#pointline10  {
   background-image: url("images/eikel_08.gif");
    background-position: left top;
    background-repeat: no-repeat;
    height: 150px;
    position: absolute;
    top: 382px;
    width: 60px;
}
#menu    { position: absolute; top: 53px; left: 41px; width: 194px }
#link    { color: #fff; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url("images/link_underline.gif") ; background-repeat: repeat-x; background-position: 0 19px; width: 100%; height: 20px; vertical-align: bottom }
#link a  { color: #fff; text-decoration: none }
#link a:hover  { color: #287600; text-decoration: none }
#link_end    { color: #fff; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; width: 100%; height: 24px; vertical-align: middle }
#link_end a  { color: #fff; text-decoration: none }
#link_end a:hover  { color: #287600; text-decoration: none }
#sublink       { color: #fff; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin-left: 10px; padding-top: 0; padding-bottom: 4px; width: 100% }
#sublink a  { color: #fff; text-decoration: none }
#sublink a:hover  { color: #287600; text-decoration: none }
#sublink_end       { color: #fff; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url("images/link_underline.gif") ; background-repeat: repeat-x; background-position: 0 27px; padding-top: 0; padding-left: 10px; width: 190px; height: 30px; }
#sublink_end a  { color: #fff; text-decoration: none }
#sublink_end a:hover  { color: #287600; text-decoration: none }


#index       { color: #674b1c; font-size: 13px; font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; padding-right: 20px; padding-left: 20px }
#index .title   { font-size: 18px; font-weight: bold }
#index a  { color: #f99d13; font-weight: bold; text-decoration: none }
#index a:hover   { color: #60a516; text-decoration: underline }