* { margin: 0; padding: 0; }
body { padding-top: 33px; border: 0; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-align: center; line-height: normal; background: url(pics/bg.png) top center no-repeat #FFFFFF; }

/* holder */
#holder { position: relative; margin: 0 auto; padding: 0px 22px 0px 22px; width: 952px; overflow: hidden; text-align: left; z-index: 1; }

/* head */
#hhead { position: relative; width: 952px; height: 125px; z-index: 2; }
#hhead .hhead h1.logo { position: absolute; display: block; top: 22px; left: 6px; width: 274px; height: 90px; }
#hhead .hhead h1.logo a { display: block; width: 274px; height: 90px; background: url(pics/logo.gif); }
#hhead .hhead h1.logo a span { display: none; }

#hhead .hhead img.werkenBijVBA { position: absolute; top: 0; right: -21px; z-index: 1; }

/* menu */
#menu { position: relative; float: left; padding-top: 33px; width: 193px; }
#menu #mainMenu { position: relative; float: left; width: 168px; padding-bottom: 21px; background: url(pics/bgMMenuFoot.jpg) bottom no-repeat; }
#menu #mainMenu ul.mainMenu { width: 168px; border-top: 1px solid #dddddd; }
#menu #mainMenu ul.mainMenu li { position: relative; float: left; width: 168px; border-bottom: 1px solid #dddddd; background: url(pics/bgMMenuHover.gif); }
#menu #mainMenu ul.mainMenu li a, 
#menu #mainMenu ul.mainMenu li a:link, 
#menu #mainMenu ul.mainMenu li a:active, 
#menu #mainMenu ul.mainMenu li a:visited { display: block; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 0px 17px; width: 134px; font-size: 15px; color: #494949; text-decoration: none; line-height: 31px; background: #FFFFFF; }
#menu #mainMenu ul.mainMenu li a:hover, 
#menu #mainMenu ul.mainMenu li a.active, 
#menu #mainMenu ul.mainMenu li a.active:link, 
#menu #mainMenu ul.mainMenu li a.active:visited, 
#menu #mainMenu ul.mainMenu li a.active:hover, 
#menu #mainMenu ul.mainMenu li a.active:active { display: block;  border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 0px 17px; width: 134px; font-size: 15px; color: #000000; text-decoration: none; line-height: 31px; outline: none; background: none; }

#menu #mainMenu ul.mainMenu li ul.active { position: relative; float: left; display: block; margin-top: 1px; width: 168px; border-top: 1px solid #dddddd; visibility: visible; }
#menu #mainMenu ul.mainMenu li ul.active li { position: relative; float: left; width: 168px; border-bottom: 1px solid #dddddd; }
#menu #mainMenu ul.mainMenu li ul.active li.lastNode { border-bottom: 0px; }
#menu #mainMenu ul.mainMenu li ul.active li a, 
#menu #mainMenu ul.mainMenu li ul.active li a:link, 
#menu #mainMenu ul.mainMenu li ul.active li a:active, 
#menu #mainMenu ul.mainMenu li ul.active li a:visited { position: relative; float: left; border: none; padding: 0px 21px; width: 126px; font-size: 13px; color: #000000; text-decoration: none; line-height: 22px; background: url(pics/bgMMenuSub.gif) top left repeat-y; }
#menu #mainMenu ul.mainMenu li ul.active li a:hover, 
#menu #mainMenu ul.mainMenu li ul.active li a.active, 
#menu #mainMenu ul.mainMenu li ul.active li a.active:link, 
#menu #mainMenu ul.mainMenu li ul.active li a.active:visited, 
#menu #mainMenu ul.mainMenu li ul.active li a.active:hover, 
#menu #mainMenu ul.mainMenu li ul.active li a.active:active { position: relative; float: left; border: none; padding: 0px 21px; width: 126px; font-size: 13px; color: #000000; text-decoration: none; line-height: 22px; background: url(pics/bgMMenuSubHover.gif) top left repeat-y; }

#menu #generalMenu { position: relative; float: left; margin-top: 72px; }
#menu #generalMenu h2 { margin-bottom: 4px; font-size: 12px; font-weight: bold; color: #008384; }
#menu #generalMenu ul.generalMenu { width: 168px; }
#menu #generalMenu ul.generalMenu li { position: relative; float: left; margin-bottom: 7px; padding: 1px 0px; width: 168px; min-height: 31px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
#menu #generalMenu ul.generalMenu li a, 
#menu #generalMenu ul.generalMenu li a:link, 
#menu #generalMenu ul.generalMenu li a:active, 
#menu #generalMenu ul.generalMenu li a:visited { display: block; padding: 11px 17px; width: 134px; height: auto; overflow: hidden; font-size: 15px; color: #008384; text-align: center; text-decoration: none; line-height: normal; background: url(pics/bgGMenu.jpg) top left; }
#menu #generalMenu ul.generalMenu li a:hover, 
#menu #generalMenu ul.generalMenu li a.active, 
#menu #generalMenu ul.generalMenu li a.active:link, 
#menu #generalMenu ul.generalMenu li a.active:visited, 
#menu #generalMenu ul.generalMenu li a.active:hover, 
#menu #generalMenu ul.generalMenu li a.active:active { display: block; padding: 11px 17px; width: 134px; height: auto; overflow: hidden; font-size: 15px; color: #ffffff; text-align: center; text-decoration: none; line-height: normal; background: url(pics/bgGMenuHover.gif); }

/* body */
#hbody { position: relative; float: left; width: 572px; height: auto; z-index: 3; }
#hbody img.vbaBeeld { position: relative; float: left; }
#hbody img.slogan { position: absolute; top: 0px; right: 48px; z-index: 5; }
#hbody .hbody { position: relative; float: left; padding: 22px; width: 528px; height: auto; min-height: 480px; background: url(pics/bgHbody.gif) top left repeat-x; }
#hbody .hbody .tpl { position: relative; float: left; clear: both; padding-bottom: 45px; width: 528px; height: auto; }
#hbody .hbody .tpl .intro { padding-bottom: 15px; }
#hbody .hbody .tpl .content { position: relative; float: left; clear: both; width: 528px; height: auto; }

#hbody .hbody #vacatures { position: relative; float: left; clear: both; width: 528px; }
#hbody .hbody #vacatures h1 { padding-bottom: 3px; border-bottom: 1px solid #dddddd; }
#hbody .hbody #vacatures ul { position: relative; float: left; margin: 0; padding: 0; list-style: none; margin-top: 15px; width: 528px; }
#hbody .hbody #vacatures ul li { position: relative; float: left; display: inline; width: 240px; }
#hbody .hbody #vacatures ul li.div { position: relative; float: left; display: inline; width: 48px; }
#hbody .hbody #vacatures ul li h2 { font-size: 12px; font-weight: bold; color: #000000; text-transform: uppercase; }
#hbody .hbody #vacatures ul li p { margin: 4px 0px; }
#hbody .hbody #vacatures ul li a,
#hbody .hbody #vacatures ul li a:visited { font-size: 12px; color: #008384; text-decoration: none; }
#hbody .hbody #vacatures ul li a:hover { font-size: 12px; color: #008384; text-decoration: underline; }

#breadcrumMenu { position: relative; float: left; padding-bottom: 28px; width: 528px; }
#breadcrumMenu ul.breadcrumMenu { list-style: none;  }
#breadcrumMenu ul.breadcrumMenu li { padding: 0px 14px 0px 7px; display: inline; background: url(pics/divBreadCrum.gif) right 4px no-repeat;  }
#breadcrumMenu ul.breadcrumMenu li a,
#breadcrumMenu ul.breadcrumMenu li a:visited { font-size: 12px; color: #959595; text-decoration:none; }
#breadcrumMenu ul.breadcrumMenu li a:hover { text-decoration:underline; }
#breadcrumMenu ul.breadcrumMenu li.firstNode { padding-left: 0px; }
#breadcrumMenu ul.breadcrumMenu li.lastNode { padding-rigt: 0px; background: none; }

/* rail */
#rail { position: relative; float: left; padding: 90px 0px 0px 24px; width: 163px; height: auto; }
#rail ul.inloggen { list-style: none; padding: 1px 0px 5px 0px; width: 163px; height: auto; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
#rail ul.inloggen li { height: 73px; background: url(pics/bgLoginVBA.gif) left repeat-y; }
#rail ul.inloggen li a,
#rail ul.inloggen li a:visited { float: left; display: block; margin-top: 16px; font-size: 18px; color: #000000; }
#rail ul.inloggen li a:hover { text-decoration: none; }
#rail ul.inloggen li a img { margin-right: 18px; }
#rail ul.inloggen li a span { display: block; clear: left; font-size: 12px; }

#rail ul.vestigingen { list-style: none; margin-top: 45px; padding: 1px 0px; width: 163px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
#rail ul.vestigingen li { padding: 16px 0px; height: auto; line-height: normal; background: url(pics/bgVestigingenVBA.jpg) top left repeat-y; }
#rail ul.vestigingen li a,
#rail ul.vestigingen li a:visited { font-size: 12px; color: #008384; text-decoration: underline; }
#rail ul.vestigingen li a:hover { font-size: 12px; color: #008384; text-decoration: none; }

#rail div.studie { position: relative; float: left; margin-top: 45px; padding-top: 80px; width: 163px; background: url(pics/bgStudieVBA.gif) left top no-repeat; }
#rail div.studie li a,
#rail div.studie li a:visited { font-size: 12px; color: #008384; text-decoration: underline; }
#rail div.studie li a:hover { font-size: 12px; color: #008384; text-decoration: none; }

/* foot */
#footer { position: relative; float: left; clear: both; padding-top: 16px; width: 952px; height: 90px; z-index: 2; }
#footer #footMenu { position: relative; float: left; width: 952px; height: 61px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
#footer #footMenu .foot { position: relative; float: left; margin-top: 1px; width: 952px; height: 59px; line-height: 59px; background: url(pics/bgFootmenu.gif) top center repeat-y; }
#footer #footMenu .foot h1 { position: relative; float: left; padding-left: 46px; width: 544px; height: 59px; font-size: 12px; font-weight: normal; color: #000000; line-height: 59px; background: url(pics/logoFooter.gif) left 4px no-repeat; }
#footer #footMenu .foot h1 span { color: #7b7b7b; }

#footer #footMenu .foot ul.footMenu { position: relative; float: right; list-style: none; }
#footer #footMenu .foot ul.footMenu li { display: inline; padding: 0px 9px 0px 8px; background: url(pics/divFootMenu.gif) right no-repeat; }
#footer #footMenu .foot ul.footMenu li.lastNode { padding-right: 0px; background: none; }
#footer #footMenu .foot ul.footMenu li a,
#footer #footMenu .foot ul.footMenu li a:visited { text-decoration: none; color: #7b7b7b; }
#footer #footMenu .foot ul.footMenu li a:hover,
#footer #footMenu .foot ul.footMenu li a.active { text-decoration: underline; color: #7b7b7b; }