
/* body */
#hbody .hbody { position:relative; width: 100%; min-height: 310px; height: auto; }
* html body #hbody .hbody { height: 310px; }
/*system & material */
#hbody #sys_mat { float: right; width: 380px; background: #fff; z-index:1;  }
#hbody #sys_mat .sys_mat { background: url(../../skins/default/pics/stips.gif) no-repeat 0 bottom;  position: relative; height: 163px; padding-top: 10px; }
#hbody #sys_mat .sys_mat h2.systemen { position: absolute; top: 0; left: 0; height: 20px; padding: 0px 44px 3px 0px; /*font: 14px/14px Verdana, Helvetica, Arial, sans-serif; color: #20a4bf;*/ z-index: 3; font-weight: bold; text-transform: uppercase; }
#hbody #sys_mat .sys_mat h2.materialen { position: absolute; top: 0; left: 0; height: 20px; padding: 15px 44px 3px 0px; /*font: 14px/14px Verdana, Helvetica, Arial, sans-serif; color: #20a4bf;*/ z-index: 3; font-weight: bold; text-transform: uppercase; }
#hbody #sys_mat .sys_mat ul { position: relative; height: 150px; list-style: none; }
#hbody #sys_mat .sys_mat ul li { position: relative; height: 152px; float: left; width: 126px; display: inline; }
#hbody #sys_mat .sys_mat ul li a { position: relative; height: 11px; width: 120px; display:block; padding: 110px 2px 7px 2px; text-align: center; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #2a3b5b; }
/* newsbox */
#hbody #newsBox {  float: left; width: 800px; background: #fff; line-height: 15px; color: #000; padding-top: 10px; }
#hbody #newsBox h2 { position:relative; padding: 1px 0; width: 380px; text-transform: uppercase; margin-bottom: 10px; }
#hbody #newsBox ul { position:relative; list-style: none; float: left; width: 380px; }
#hbody #newsBox .other { float: right;  width: 380px; margin: 0px; }
#hbody #newsBox h2.other {position:relative; padding: 1px 0; width: 380px; text-transform: uppercase; margin-bottom: 10px; }
#hbody #newsBox ul li {float: left; width: 180px; overflow: hidden; padding-right: 10px;  }

#hbody #newsBox ul.other  { }
#hbody #newsBox .other li {float: left; width: 170px; overflow: hidden; /*padding-left: 10px;*/ min-height: 45px; /*background: url(../../skins/default/pics/overig_nieuws.gif) no-repeat 1px 50%;*/ }
* html #hbody #newsBox .other li { height: 45px; }
#hbody #newsBox ul li h3 a { color: #2A3B5B; position:relative; font: bold 10px Verdana, Arial, Helvetica, sans-serif; }
#hbody #newsBox ul li h4 a { color: #2A3B5B; position:relative; font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
#hbody #newsBox ul li .more { position:relative; float: right; height: 11px; padding: 6px 18px 2px 0; /*background: #fff url(../../skins/default/pics/blue-on_white.gif) no-repeat 100% 6px;*/ font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif; color: #20A4BF; }
#hbody .tpl { margin-top: 0px; padding-bottom: 0; float: left; width: 800px;}
#hbody .tpl #content {min-height: 324px; float: left; padding: 0px; width: 380px; background: url(../../skins/default/pics/stips.gif) no-repeat 0 bottom;   }
* html #hbody .tpl #content {height: 324px; }
#hbody .tpl .column { background: #fff url(../../skins/default/pics/bgColum.gif) no-repeat 0 0; }
/* loginBox */




/* breadcrum */
#hbody .tpl .breadcrum { display: none; }