@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

html { background: url(../images/bgBody.jpg) 0 0 repeat #606060; }
body { background: url(../images/bgBody.gif) 0 41px repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; color: #030202; }

#holder { position: relative; margin: 0 auto; width: 822px; overflow: hidden; z-index: 1; }
#holder #top { position: relative; margin: 0 auto; width: 822px; height: 41px; line-height: 41px; }
#holder #top h2 { position: relative; float: left; display: inline; margin-left: 44px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #00566b; }

#holder #top form { position: relative; float: right; padding: 0px; padding-top: 10px; margin-right: 15px; width: 300px; line-height: normal; }
#holder #top form fieldset { position: relative; float: right; border: 0; margin: 0; padding: 0; }
#holder #top form fieldset legend { display: none; }
#holder #top form input { position: relative; float: left; border: 1px solid #026991; }
#holder #top form input.submit { position: relative; float: left; margin-left: 7px; width: 80px; height: 18px; font-size: 11px; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 11px; border: 1px solid #026991; background: #026991; }
#holder #top form input.submit:hover { color: #ffffff; text-decoration: underline; }

#holder .holder { position: relative; margin: 0 auto; width: 822px; height: auto; overflow: hidden; }
#holder .holder .header { position: relative; margin: 0 auto; width: 808px; height: 179px; overflow: hidden; background: #255238; }
#holder .holder .header ul { position: relative; float: left; width: 808px; height: 179px; overflow: hidden; list-style: none; }
 
#holder .holder #content { position: relative; float: left; padding: 12px 10px 35px 0px; width: 625px; }
#holder .holder #content .breadcrum { position: relative; float: left; display: inline; margin-left: 45px; padding-top: 10px; width: 575px; height: 15px; }
#holder .holder #content .breadcrum ul { position: relative; float: left; }
#holder .holder #content .breadcrum ul li { position: relative; float: left; padding: 0px 10px; display: inline; background: url(../images/divBreadcrum.gif) right 6px no-repeat; }
#holder .holder #content .breadcrum ul li a,
#holder .holder #content .breadcrum ul li a:visited { text-decoration: underline; color: #000000; }
#holder .holder #content .breadcrum ul li a:hover { text-decoration: none; color: #000000; }
#holder .holder #content .breadcrum ul li.firstNode { padding-left: 0px; }
#holder .holder #content .breadcrum ul li.lastNode { padding-right: 0px; background: none; }

#holder .holder #content .intro { position: relative; float: left; display: inline; margin-left: 45px; padding-top: 15px; width: 575px; }
#holder .holder #content .intro ul { margin-left: 15px; }
#holder .holder #content .intro ul li a,
#holder .holder #content .intro ul li a:visited { color: #030202; text-decoration: underline; }
#holder .holder #content .intro ul li a:hover { color: #030202; text-decoration: none; }

#holder .holder #content .visual { position: relative; float: left; display: inline; margin-left: 7px; width: 171px; height: auto; overflow: hidden; }
#holder .holder #content .visualHolder { position: relative; float: left; margin-bottom: 5px; border: 1px solid #00566b; border-left: none; }
#holder .holder #content .visualHolder img { float: left; }
#holder .holder #content .visualHolder p { float: left; display: block; padding: 8px 0px 4px 0px; width: 167px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #00637c; text-align: center; line-height: normal; }

#holder .holder #content .content { position: relative; float: right; width: 440px; }
#holder .holder h1 { margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #006077; }
#holder .holder p { margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 15px; color: #030202; }
#holder .holder #content .content ul { margin-left: 15px; }

#holder .holder .rail { position: relative; float: right; display: inline; margin-right: 20px; padding: 12px 0px 168px 0px; width: 142px; }
#holder .holder .rail a img { margin-bottom: 3px; border: 0; }
#holder .holder .rail img { margin-bottom: 3px; }

#holder .holder #footer { position: absolute; left: 45px; bottom: 0; padding-left: 7px; width: 584px; height: 21px; background: #00637c; }
#holder .holder #footer p { position: relative; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 21px; text-decoration: none; color: #ffffff; }
#holder .holder #footer ul { position: relative; float: right; display: block; height: 21px; line-height: 21px; list-style: none; }
#holder .holder #footer ul li { float: left; padding: 0px 8px 0px 9px; background: url(../images/divMenuFooter.gif) left no-repeat;}
#holder .holder #footer ul li a,
#holder .holder #footer ul li a:visited { display: block; height: 21px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #ffffff; line-height: 21px; }
#holder .holder #footer ul li a:hover { display: block; height: 21px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; color: #ffffff; line-height: 21px; }

#holder #end { position: relative; margin: 0 auto; width: 822px; height: 64px; }
#holder #end address { position: absolute; right: 42px; top: -124px; z-index: 3; width: 142px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #606060; text-align: center; line-height: 16px; }
#holder #end address a,
#holder #end address a:visited { text-decoration: none; color: #00566b; }

/* logo */
#holder h1.logo { position: absolute; top: 29px; left: 36px; width: 311px; height: 52px; background: url(../images/logo.gif) 0 0 no-repeat; z-index: 1002; }
#holder h1.logo a,
#holder h1.logo a:visited { display: block; width: 311px; height: 52px; }
#holder h1.logo a span { display: none; }

/* navigatie */
#holder #menu { position: absolute; top: 209px; right: 7px; list-style: none; width: 808px; z-index: 1001; }
#holder #menu li { position: relative; float: left; }
#holder #menu li a,
#holder #menu li a:visited { display: block; padding: 0px 16px 0px 16px; height: 20px; border-left: 1px solid #006f95; border-bottom: 1px solid #0076b6; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; text-decoration: none; line-height: 20px; color: #ffffff; background: url(../images/bgMenu.gif) 0 0 repeat-x; }
#holder #menu li a:hover,
#holder #menu li a.active { display: block; padding: 0px 16px 0px 16px; height: 20px; border-left: 1px solid #cdcc29; border-bottom: 1px solid #cdcc29; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; text-decoration: none; line-height: 20px; color: #ffffff; background: url(../images/bgMenuHover.gif) 0 0 repeat-x; }
#holder #menu li.firstNode a { padding-left: 21px; }
#holder #menu li.lastNode a { padding-left: 22px; }
#holder #menu ul li:hover ul, 
#holder #menu ul li.sfhover ul { display: block; }

/* sub navigatie */
#holder #menu li ul { position: absolute; top: 21px; left: 0px; z-index: 4; list-style: none; width: 154px; display: none; }
#holder #menu li ul li { position: relative; float: left; width: 184px; height: 20px; border-top: 1px solid #FFFFFF; }
#holder #menu li ul li a,
#holder #menu li ul li a:visited { display: block; padding: 0px 7px 0px 7px; width: 170px; height: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; text-decoration: none; line-height: 20px; color: #ffffff; background: url(../images/bgMenu.gif) 0 0 repeat-x #006179; }
#holder #menu li ul li a:hover,
#holder #menu li ul li a.active { display: block; padding: 0px 7px 0px 7px; width: 170px; height: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; text-decoration: none; line-height: 20px; color: #ffffff; background: url(../images/bgMenuHover.gif) 0 0 repeat-x #006179; }

#holder #menu li.lastNode ul { position: absolute; top: 21px; left: -72px; width: 154px; z-index: 4; }
#holder #menu li.lastNode ul li { position: relative; float: left; width: 184px; height: 20px; border-top: 1px solid #FFFFFF; }
#holder #menu li.lastNode ul li a,
#holder #menu li.lastNode ul li a:visited { display: block; padding: 0px 7px 0px 7px; width: 170px; height: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; text-decoration: none; line-height: 20px; color: #ffffff; background: url(../images/bgMenu.gif) 0 0 repeat-x; }
#holder #menu li.lastNode ul li a:hover,
#holder #menu li.lastNode ul li a.active { display: block; padding: 0px 7px 0px 7px; width: 170px; height: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; text-decoration: none; line-height: 20px; color: #ffffff; background: url(../images/bgMenuHover.gif) 0 0 repeat-x; }

#holder #menu li:hover ul,
#holder #menu li.hover ul,
#holder #menu .sfhover ul { display: block; }

* html #holder ul li a { width: 1px; }


/* SITEMAP */
#holder .holder #content .content #sitemap { margin-top: 20px; margin-left: 0; list-style: none; }
#holder .holder #content .content #sitemap li { display: block; }
#holder .holder #content .content #sitemap li a,
#holder .holder #content .content #sitemap li a:visited { color: #006077; text-decoration: none; }
#holder .holder #content .content #sitemap li a:hover { color: #000000; text-decoration: underline; }
#holder .holder #content .content #sitemap li ul { margin-left: 15px; list-style: none; }