html, body { height:100%; }
* { margin: 0; padding: 0; }
a:focus { outline:none; }
body { border: 0; background: #fff; text-align: center; }
/* holder */
#holder { position: relative; margin:0 auto; padding:20px 0 10px 0; width: 952px; text-align: left; overflow:hidden; background: #fff;}
#main { position:relative; float:left; display:inline; width:741px; margin-right:12px; text-align: left; }
#rail { position:relative; float:left; display:inline; width:199px; text-align: left; background:#fcc; overflow: hidden;}
#rail h2 { width:auto; height:17px; padding:2px 0; color:#fff; font-weight: normal; }
/* head */
#header { position: relative; width: 100%; height: 138px; padding-top: 21px; background:#fff; z-index: 2;}
#header .headerBox { position:relative; float:left; display:inline; height:138px; width:741px; background: url(/skins/default/pics/hardfruit.jpg) no-repeat;}
#header .headerBox .logo { position:absolute; display: block; top: -21px; right:0; width: 298px; height:49px; overflow:hidden; background: url(/skins/default/pics/jover-bv.gif) no-repeat; }
#header .headerBox .logo a { position:absolute; display: block; top:0; left:0; width: 298px; height:49px; overflow:hidden; padding-top:49px; }

#header .headerBox #languageMenu { position: absolute; top: 7px; left: 0; width: 221px; }
#header .headerBox #languageMenu ul { position: relative; float: left; display:inline; margin-left: 10px; list-style: none; }
#header .headerBox #languageMenu ul li {position: relative; float: left; display:inline; margin-right: 6px; }
#header .headerBox #languageMenu ul li a,
#header .headerBox #languageMenu ul li a:visited { position: relative; display: block; width: 25px; height: 19px; border-bottom: 0px; background: no-repeat; }
#header .headerBox #languageMenu ul li a:hover,
#header .headerBox #languageMenu ul li a.active { position: relative; display: block; width: 25px; height: 19px; border-bottom: 1px solid #FFFFFF; }
#header .headerBox #languageMenu ul li a span { display: none; }

/* login */
#loginBox { position:relative; height:159px; padding:0 10px; background: url(/skins/default/pics/bgLogin.jpg) no-repeat; }
#loginBox form { padding-top: 20px; }
#loginBox form input { width:98%; margin:4px 0; padding:2px; border: 1px solid #8e8e8e; color:#8e8e8e; }
#loginBox form a { position: relative; float: right; display:inline; width:60px; text-align:right; font: bold 12px/14px Arial,Helvetica,sans-serif; color: #128bd8; }
/* body */
#body { position: relative; width: 100%; height: auto; overflow: hidden; }
* html body #body { height: 100%;}
#body .tpl { position: relative; float:right; display:inline; width:501px; padding:70px 9px 0 1px; margin-right:12px; overflow:hidden; color: #434343; }
#body .tpl #content { }
#body .tpl .intro { margin-bottom:16px; font-weight:bold;}
/* vacature */
#vacatureBox { background: #a4ba1f url(/skins/default/pics/bgVacatures.gif) repeat-x; min-height: 100px; }
#vacatureBox h2 { padding-left:10px; background: url(/skins/default/pics/bgVacatureHdr.gif) no-repeat; }
#vacatureBox .content { width: 177px; padding:0 10px; overflow: hidden; }
#vacatureBox .content a { font: 12px/14px Arial, Helvetica, sans-serif; color:#fff; }
#vacatureBox .content a.more { display:block; height:14px; padding:2px 0; color:#ffed00; }
#holder #rail #vacatureBox .content ul { position: relative; float: left; width: 157px; list-style: none; margin:0; padding: 20px 0 0 0; }
#holder #rail #vacatureBox .content ul li { border-top: 1px solid #fff; padding: 10px 0 20px 0; font: 12px/16px Arial, Helvetica, sans-serif; color:#fff; }
#vacatureBox .content h3 { margin-bottom: 6px; font: 16px/18px Arial, Helvetica, sans-serif; color: #fff; }
#vacatureBox .content h3 a { font: 16px/18px Arial, Helvetica, sans-serif; color: #fff; }
#vacatureBox .content p { color: #fff; }
/* adresBox */
#addressBox { margin-top:90px; background: url(/skins/default/pics/bgContact.png) repeat-x; }
#addressBox h2 { text-align:right; height:17px; padding:8px 16px 8px 0; color:#fff; background: url(/skins/default/pics/bgContactHdr.png) no-repeat;}
#addressBox .content { padding:0 12px; }
#addressBox ul { list-style:none; margin:16px 0; font-size:12px; }
#addressBox ul li { padding:6px 0; border-bottom: 1px solid #dddddd; }
#addressBox ul li span { font-weight: bold; font-style: italic; color: #e2001a; }
#addressBox ul li.lastNode a,
#addressBox ul li.lastNode a:visited { color: #8daa23; }
/* main menu */
#mainMenu { position: relative; width: 172px; padding-top:10px; background: #fff; z-index:100;  }
#mainMenu ul.mainMenu { position:relative; display:block; list-style:none; margin:0; }
#mainMenu ul.mainMenu li { position:relative; min-height:30px; padding: 1px 0; line-height:1px; font-size:1px; border-bottom: 1px solid #dddddd; }
* html #mainMenu ul.mainMenu li { position:relative; height:30px; }
#mainMenu ul.mainMenu li.lastNode { border-bottom: 0; }
#mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:link, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position: relative; display: block; width:156px; text-decoration: none; padding:7px 8px; font: 14px/16px Verdana, Arial, Helvetica, sans-serif; color: #474747; }
#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 { position: relative; display: block; text-decoration: none; width:156px; padding:7px 8px; font: 14px/16px Verdana, Arial, Helvetica, sans-serif; background: url(/skins/default/pics/bgMainMenuHover.gif) repeat-y; color: #000; }
#mainMenu ul.mainMenu li a span { padding:0 10px; background: url(/skins/default/pics/bgMenuItem.gif) no-repeat 0 50%; }
#mainMenu ul.mainMenu li a.active span { padding:0 10px; background: url(/skins/default/pics/bgMenuItemActive.gif) no-repeat 0 50%; }
#mainMenu ul.mainMenu ul { display: none; background: transparent; list-style:none; margin:0; }
#mainMenu ul.mainMenu ul.active { display: block; position:relative; list-style:none; margin:0; }
#mainMenu ul.mainMenu ul.active li { position: relative; width:100%; height: auto; padding: 0; margin:0; min-height:22px; line-height:1px; font-size:1px; background: url(/skins/default/pics/bgMainSubMenu.gif) repeat-y; border:0; }
#mainMenu ul.mainMenu ul.active li.firstNode { padding-top:1px; }
#mainMenu ul.mainMenu ul.active li.lastNode { padding-bottom:1px; }
#mainMenu ul.mainMenu ul.active li a, #mainMenu ul.mainMenu ul.active li a:link, #mainMenu ul.mainMenu ul.active li a:visited, #mainMenu ul.mainMenu ul.active li a:active, #mainMenu ul.mainMenu ul.active li a.active { position: relative; display: block; width:152px; height:auto; text-decoration: none; padding: 4px 0 4px 22px; margin: 0; background: transparent; font: 12px/14px Arial, Helvetica, sans-serif; color: #84a40a; }
#mainMenu ul.mainMenu ul.active li a:hover, #mainMenu ul.mainMenu ul.active li a.active:link, #mainMenu ul.mainMenu ul.active li a.mouse, #mainMenu ul.mainMenu ul.active li a.active:visited, #mainMenu ul.mainMenu ul.active li a.active:hover, #mainMenu ul.mainMenu ul.active li a.active:active { position: relative; display: block; width:152px; height:auto; text-decoration: none; padding: 4px 0 4px 22px; margin: 0; font: 12px/14px Arial, Helvetica, sans-serif; color: #286a12; }
#mainMenu ul.mainMenu ul.active ul { display: none; }

/* sub (product) menu */
#productMenu { position: absolute; right:0; top: 28px; height:110px; width: 540px; z-index:100; }
#productMenu ul.productMenu { position:relative; float: left; display:block; list-style:none; margin:0; padding:12px 0 0 0; }
#productMenu ul.productMenu li { position:relative; float:left; display: block; padding:0 10px 0 98px; width:160px; height:110px; background: url(/skins/default/pics/hard_fruit.gif) no-repeat; }
#productMenu ul.productMenu li.lastNode { background: url(/skins/default/pics/zacht_fruit.gif) no-repeat; }
#productMenu ul.productMenu li a {  font: bold 20px/22px Arial, Helvetica, sans-serif; color:#ffed00; }

#productMenu ul.productMenu li ul { position:relative; float: left; display: block; padding: 0px 5px 0px 5px; margin-top:10px; width:140px; height: auto; background:#bece0e; border:1px solid #fff; visibility: hidden; }
#productMenu ul.productMenu li ul li { position:relative; float: left; display: inline; width:130px; height:auto; padding: 0px 0px 0px 10px; margin:0; border-bottom:1px solid #fff; }
#productMenu ul.productMenu li ul li,
#productMenu ul.productMenu li ul li.lastNode { background: url(pics/divProductMenu.gif) left no-repeat; border-bottom: none; }
#productMenu ul.productMenu li ul li a,
#productMenu ul.productMenu li ul li a:visited { position:relative; display: block; width: 130px; height: 20px; font: bold 13px/17px Arial, Helvetica, sans-serif; color:#fff; text-decoration: none; }
#productMenu ul.productMenu li ul li a:hover { position:relative; display: block; width: 130px; height: 20px; font: bold 13px/17px Arial, Helvetica, sans-serif; color:#fff; text-decoration: underline; }

/* breadcrum */
#breadcrumMenu ul.breadcrumMenu { position:absolute; top: 30px; left:220px; width: 500px; height: 12px; list-style: none;  }
#breadcrumMenu ul.breadcrumMenu li { position:relative; float:left; padding: 2px 10px 2px 4px; height: 11px; background: url(pics/divBreadCrum.gif) no-repeat 100% 5px;  }
#breadcrumMenu ul.breadcrumMenu li a { position:relative; float:left; color:#989898; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#breadcrumMenu ul.breadcrumMenu li a:hover { text-decoration:underline; }
#breadcrumMenu ul.breadcrumMenu li.firstNode { padding-left: 0;}
#breadcrumMenu ul.breadcrumMenu li.lastNode { background:transparent; }
#breadcrumMenu ul.breadcrumMenu li.lastNode span { position:relative; float:left; color:#989898; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; }
/* footer */
#footer { position: relative; width: 100%; height: 23px; clear: both; padding-top:18px; }
#footMenu { position: relative; height: 21px; border-bottom: 1px solid #8eaa23; }
#footMenu ul.footMenu { position: relative; float: left; padding-right: 40px; width: auto; height: 13px; padding-top:11px; background: url(/skins/default/pics/bgFooterMenu.png) top right no-repeat; font: 11px Arial, Verdana, Helvetica, sans-serif; list-style: none; }
#footMenu ul.footMenu li { float: left; border-right: 1px solid #6c8a00; text-align: center; }
#footMenu ul.footMenu li.lastNode { float: left; border-right:0; text-align: center; }
#footMenu ul.footMenu li a { padding: 0 8px; margin: 0; line-height: 13px; text-decoration: none; color: #6c8a00; }
* html body #footMenu ul.footMenu a {display: inline; }
#footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #6c8a00; }
#footMenu ul.footMenu li a:hover, ul.footMenu li a:active, ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: underline;}
#footMenu ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: none; }