body { background: url(../images/body_bg.jpg) no-repeat #deeefe center top; height: 100%; }

#pagebox { width: 884px; margin: 0 auto; }
#pagebox #balloons { position: absolute; margin: 15px 0 0 780px; }
#pagebox h1.logo { height: 79px; }
#pagebox h1.logo img { margin: 5px 0 0 10px; display: none; }

#menu { width: 920px; height: 23px; background: url(../images/menu_bg.gif) left top no-repeat; margin: 0 0 0 5px; }
#menu ul { margin: 0 0 0 0px; }
#menu ul li { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#menu ul li.divider { width: 1px; height: 23px; background: url(../images/menu_divider.gif) no-repeat; display: block; float: left; }
#menu ul li a { color: #fff; text-decoration: none; display: block; float: left; padding: 5px 8px 4px 8px; }
#menu ul li a:hover { text-decoration: none;}
#menu ul li a.selected { background: url(../images/menu_item_selected_bg.gif) repeat-x; padding: 5px 8px 4px 8px; }
#menu ul li a.highlight { background: url(../images/menu_item_highlight_bg.gif) repeat-x; }

#content { background: url(../images/content_bg.gif) repeat-y; width: 889px; height: 100%; overflow: hidden; }
#content .col-a { float: left; padding: 45px 0 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 11.5px; line-height: 18px; color: #000; letter-spacing: 1px}
#content .col-a .submenu { height: 110px; width: 200px; font-size: 0; line-height: 0;}
#content .col-a .logo { height: 100px; width: 190px; padding: 10px 0 0 10px; }
#content .col-a .contactinformation { width: 190px; padding: 0 0 0 10px; }
#content .col-a .contactinformation .abcballonnen { color: #5b8ecb; font-weight: bold; }
#content .col-a .contactinformation .item { display: block; float: left; width: 50px; }
#content .col-a .contactinformation .data { display: block; float: left; }
#content .col-a .contactinformation a.contactinfo { clear: both; display: block; padding: 10px 0; font-weight: bold; color: #31a730; text-decoration: none; }
#content .col-a .contactinformation a.contactinfo:hover { clear: both; display: block; padding: 10px 0; font-weight: bold; color: #31a730; text-decoration: none; }
#content .col-a .contactinformation a { clear: both; display: block; font-weight: normal; color: #000; text-decoration: underline; }
#content .col-a .contactinformation a:hover { clear: both; display: block; font-weight: normal; color: #000; text-decoration: none; }
#content .col-a .banner { width: 200px; margin: 0 0 5px 0; }  

#content .col-b { float: left; width: 580px; margin: 0 0 0 30px; font-family: Arial, Helvetica, sans-serif; font-size: 11.5px; line-height: 18px; color: #2a2b34; letter-spacing: 01px}
#content .col-b h2 { margin: 25px 0; }
/* #content .col-b h3 { font-size: 12px; font-weight: bold; color: #31a730} == VERVANGEN OP VERZOEK VAN MARCEL */
#content .col-b h1 { font-family: Century Gothic, Helvetica, sans-serif, Arial; font-weight: bold; font-size: 18px; color: #31a730}
#content .col-b p { margin: 20px 0 0 0; }
#content .col-b a { text-decoration: underline; color: #2a2b34; }
#content .col-b a:hover { text-decoration: none; }
#content .col-b ul { margin: 20px 0 0 0; }
#content .col-b ul li { margin: 0 0 0 17px; list-style-image: url(../images/content_listimage_bull.gif); }

#content_top { background: url(../images/content_top_bg.gif) no-repeat; width: 889px; height: 10px; margin: 5px 0 0 0; font-size: 0; line-height: 0; }
#content_bot { background: url(../images/content_bot_bg.gif) no-repeat; width:889px; height: 12px; font-size: 0; line-height: 0; }

img { border: 0 }
#submenu { padding-left: 10px; }
#submenu a { text-decoration: none; color: #368F31; font-size: 10pt; font-weight: bold;}
#submenu a.selected { text-decoration: none; color: #548BCB;}
h3 { color: #5B8ECB; font-size: 13pt; font-weight: bold; }
h4 { color: #5B8ECB; font-size: 11pt; font-weight: bold; }
h5 { color: #5B8ECB; font-size: 9pt; font-weight: bold; }