html, body { height: 100%; }
* { margin: 0; padding: 0; }
body { border: 0; background: url(pics/bg.gif) top left repeat-x #3a3b3a; min-height: 100%;}
* html { height: 100%; }
/* holder */
#holder { position: relative; margin: 0 auto; width: 995px; min-height: 100%; text-align: left; background: url(pics/bgHolder.gif) 80px 192px repeat-y; border: 0px solid yellow; }
* html #holder { height: 100%; }

/* head */
#hhead { position: relative; width: 995px; height: 192px; margin: 0; padding: 0; z-index: 1; background: url(pics/bg.gif) repeat-x; }
#hhead .hhead { position: relative; float: left; width: 995px; height: 176px; margin: 0; padding: 0; background: url(pics/bgHHead.jpg) 0px 7px no-repeat; z-index: 2; } 
#hhead .hhead h1.logo { position: relative; width: 313px; height: 51px; float: right; display: inline; margin: 56px 257px 0px 0px; padding: 0; background: url(pics/Logo.jpg); }
#hhead .hhead h1.logo a { display: block; width: 313px; height: 51px; }
#hhead .hhead h1.logo a span { display: none; }
#hhead .hhead img.slogan { position: absolute; top: 45px; right: 30px; }

/* language */
ul.languageMenu { position: absolute; top: 7px; right: 51px; width: 191px; height: 21px; list-style: none; background: url(pics/bgHHeadLanguage.gif) left bottom no-repeat; }
ul.languageMenu li { float: left; width: 18px; display: inline; height: 12px; margin: 2px 4px 0px 0px; }
ul.languageMenu li.node1 { margin-left: 10px; }
ul.languageMenu li a,
ul.languageMenu li a:visited { width: 18px; height: 12px; display: block; border: 1px solid #990000; overflow: hidden; margin-right: 4px; line-height: 48px; }
ul.languageMenu li a:hover { width: 18px; height: 12px; display: block; overflow: hidden; margin-right: 4px; line-height: 48px; }

/* main menu */
#mainMenu { position: absolute; top: 7px; left: 72px; margin: 0; padding: 0; width: 681px; height: 23px; z-index: 10; }
#mainMenu ul.mainMenu { height: 22px; }
#mainMenu ul.mainMenu li { float: left; width: auto; height: 22px; }
#mainMenu ul.mainMenu li a, 
#mainMenu ul.mainMenu li a:visited, 
#mainMenu ul.mainMenu li a:link, 
#mainMenu ul.mainMenu li a:active, 
#mainMenu ul.mainMenu li a:visited { float: left; display: inline; width: auto; height: 22px; display: block; padding: 0px 8px 0px 8px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #FFFFFF; }
#mainMenu ul.mainMenu li a:hover, 
#mainMenu ul.mainMenu li a.active, 
#mainMenu ul.mainMenu li a.mouse,
#mainMenu ul.mainMenu li a.active:link, 
#mainMenu ul.mainMenu li a.active:visited, 
#mainMenu ul.mainMenu li a.active:hover, 
#mainMenu ul.mainMenu li a.active:active { float: left; display: inline; width: auto; height: 22px; display: block; padding: 0px 8px 0px 8px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #FFFFFF; background: url(pics/bgMainMenuLBCorner.gif) bottom left no-repeat #c40000; }
#mainMenu ul.mainMenu li a.active b,
#mainMenu ul.mainMenu li a:hover b { position: absolute; right: 0px; bottom: 0px; width: 7px; height: 7px; overflow: hidden; display: block; background: url(pics/bgMainMenuRBCorner.gif) top left no-repeat #848484; }

/* main sub menu */
#mainMenu ul.mainMenu li ul { position: absolute; width: 130px; left: 0; top: 17px; border-top: 0; z-index: 20; }
#mainMenu ul.mainMenu li ul li { float: left; display: inline; height: auto; clear: left; padding: 0; margin: 0; background-color: #c40000; }
#mainMenu ul.mainMenu li ul li a, 
#mainMenu ul.mainMenu li ul li a:link, 
#mainMenu ul.mainMenu li ul li a:visited, 
#mainMenu ul.mainMenu li ul li a:active, 
#mainMenu ul.mainMenu li ul li a.active { float: left; display: block; display: inline; width: 110px; height: auto; padding: 0px 10px 4px 10px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; text-decoration: none; color: #f08b8b; background: none; }
#mainMenu ul.mainMenu li ul li a:hover, 
#mainMenu ul.mainMenu li ul li a.active, 
#mainMenu ul.mainMenu li ul li a.mouse,
#mainMenu ul.mainMenu li ul li a.active:link, 
#mainMenu ul.mainMenu li ul li a.active:visited, 
#mainMenu ul.mainMenu li ul li a.active:hover, 
#mainMenu ul.mainMenu li ul li a.active:active { float: left; display: block; display: inline; width: 110px; height: auto; padding: 0px 10px 4px 10px; font-size: 11px; line-height: normal; text-decoration: none; color: #ffffff; background: none; }
#mainMenu ul.mainMenu li ul li.firstNode { padding-top: 15px; background: url(pics/bgMainMenuTRCorner.gif) top right no-repeat #c40000; }
#mainMenu ul.mainMenu li ul li.submenuFooter { float: left; display: block; display: inline; width: 130px; height: 11px; overflow: hidden; background: none; }

/* general menu */
#generalMenu { position: absolute; top: 145px; left: 80px; width: 673px; height: 32px; }
#generalMenu ul.generalMenu { list-style: none; }
#generalMenu ul.generalMenu li { float: left; width: 132px; height: 31px; background: url(pics/bgGeneralMenuItem.gif); }
#generalMenu ul.generalMenu li.seperator { float: left; width: 3px; background: none; }
#generalMenu ul.generalMenu li.lastNode { margin-right: 0px; }
#generalMenu ul.generalMenu li a,
#generalMenu ul.generalMenu li a:link, 
#generalMenu ul.generalMenu li a:visited, 
#generalMenu ul.generalMenu li a:active { float: left; padding: 4px 13px 0px 13px; width: 106px; height: 27px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; line-height: normal; color: #ffffff; background: url(pics/bgGeneralMenuItemActive.gif); }
#generalMenu ul.generalMenu li a:hover, 
#generalMenu ul.generalMenu li a.active, 
#generalMenu ul.generalMenu li a.mouse,
#generalMenu ul.generalMenu li a.active:link, 
#generalMenu ul.generalMenu li a.active:visited, 
#generalMenu ul.generalMenu li a.active:hover, 
#generalMenu ul.generalMenu li a.active:active { float: left; padding: 4px 13px 0px 13px; width: 106px; height: 27px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; line-height: normal; color: #ffffff; background: none; }
#generalMenu ul.generalMenu li a b { display: none; }

/* body */
#hbody { position: relative; width: 100%; height: auto; overflow: hidden; clear: both; }
#hbody .hbody { position: relative; float: left; left: 80px; width: 672px; height: auto; }
#hbody .hbody b.topLeft { position: absolute; z-index: 30; top: 0px; left: 0px; width: 8px; height: 8px; background: url(pics/bgHBodyTopLeftCorner.gif) no-repeat; }
#hbody .hbody b.topRight { position: absolute; z-index: 30; top: 0px; right: 0px; width: 8px; height: 8px; background: url(pics/bgHBodyTopRightCorner.gif) no-repeat; }

/* breadcrum */
#breadcrumMenu { position: absolute; width: 672px; height: auto; left: 11px; top: 8px; z-index:40; }
#breadcrumMenu ul { list-style: none; }
#breadcrumMenu ul li { float: left; padding-right: 10px; background: url(pics/divBreadCrum.gif) right 3px no-repeat; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: normal; color: #c6c6c6;  }
#breadcrumMenu ul li a { display: block; padding-left: 5px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: normal; text-decoration: underline; color: #c6c6c6; }
#breadcrumMenu ul li.lastNode { padding-left: 5px; background: none;}

/* tpl - content */
#hbody .tpl { position: relative; float: left; margin: 20px 0px 0px 0px; padding: 0 0 30px 0; color: #000;}
#hbody .tpl #content { margin: 0; padding: 26px 20px 0px 36px; }

/* news */
#newsBox { position: relative; float: right; margin-right: -200px; display:inline; padding-left: 15px; width: 178px; color: #ffffff; }
#newsBox ul { list-style: none; }
#newsBox ul li { border-bottom: 1px solid #6a6b6a; padding-bottom: 14px; margin-bottom: 14px; }
#newsBox a { display: block; clear: left; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #aaaaaa; }
#newsBox h2 { display: block; padding-bottom: 16px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform: capitalize; font-size: 14px; color: #acacac; }
#newsBox h3 a { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #d0cfcf; }
#newsBox h3 span { display: block; clear: left; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #d0cfcf; }
#newsBox p { color: #FFFFFF; }

/* vacature */
#vacatureBox { position: relative; float: right; margin-right: -200px; margin-top:400px;display:inline; padding-left: 15px; width: 178px; color: #ffffff; }
#vacatureBox ul { list-style: none; }
#vacatureBox ul li { border-bottom: 1px solid #6a6b6a; padding-bottom: 14px; margin-bottom: 14px; }
#vacatureBox a { display: block; clear: left; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #aaaaaa; }
#vacatureBox h2 { display: block; padding-bottom: 16px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform: capitalize; font-size: 14px; color: #acacac; }
#vacatureBox h3 a { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #d0cfcf; }
#vacatureBox h3 span { display: block; clear: left; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #d0cfcf; }
#vacatureBox p { color: #FFFFFF; }


/* foot */
#footer { position: absolute; padding-right: 16px; width: auto; height: 23px; clear: both; bottom: 0; left: 117px; background: url(pics/bgFootMenuRBCorner.gif) right top no-repeat #c40000; }
#footMenu { position: relative; float: left; padding-left: 16px; background: url(pics/bgFootMenuLBCorner.gif) top left no-repeat; }
#footMenu ul.footMenu { position: relative; display: inline; height: 21px; list-style: none; }
#footMenu ul.footMenu li { position: relative; float: left; padding: 0px 8px 0px 6px; display: block; display: inline; background: url(pics/divFooter.gif) right 10px no-repeat; }
#footMenu ul.footMenu li.firstNode { padding-left: 0px; }
#footMenu ul.footMenu li.lastNode { padding-right: 0px; background: none; }
#footMenu ul.footMenu li a,
#footMenu ul.footMenu li a:link, 
#footMenu ul.footMenu li a:visited,
#footMenu ul.footMenu li a:active { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffb8b8; text-decoration: none; text-transform: uppercase; line-height: 21px; }
#footMenu ul.footMenu li a:hover, 
#footMenu ul.footMenu li a.active, 
#footMenu ul.footMenu li a.mouse,
#footMenu ul.footMenu li a.active:link, 
#footMenu ul.footMenu li a.active:visited, 
#footMenu ul.footMenu li a.active:hover, 
#footMenu ul.footMenu li a.active:active { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none; text-transform: uppercase; line-height: 21px; }

#vacature .categories{float: left; width:600px;}
#vacature .vacatures{float: left; width:600px; padding-top: 50px;}
#vacature h3 {color: #C40000;}
#vacature a {font-size:11px; color: #000; text-decoration:none;}