html, body { min-height:100%; }
* html body { height:100%; }
* { margin: 0; padding: 0; }
body { background: #000 url(/skins/default/pics/bgBody.gif) repeat-x bottom; text-align: center;}
/* holder */
#holder { position: relative; margin: 0 auto; padding:0 16px; width:964px; text-align: left; }
#head { position: relative; width: 100%; height: 124px; margin: 0px; padding: 40px 0 0 0; background: #000; z-index: 1;}
#mainMenu { position: absolute; width: auto; top: 12px; right: 183px; width:auto; height: 23px;  z-index:100;}
/* head */
#head .head { position: relative; width:639px; height:97px; left: 146px; overflow: hidden; }
#head .head img { position: relative; width:639px; height:97px; }
#head .logo a { position:absolute; display: block; top:10px; left:1px; width: 138px; height: 112px;}
#head .hofleverancier { position:absolute; display: block; top:11px; right:17px; }
/* body */
#body { position: relative; width: 100%; padding-top: 25px; background: url(/skins/default/pics/bgContent.gif) no-repeat 50% 0; }
#body .tpl { position: relative; width: 100%; overflow:hidden; color: #fff; }
#body .tpl #drawer { position: relative; float: right; display:inline; width:160px; height:auto; min-height: 100px; padding: 0; }
#body .tpl #drawer .newsBox { position: relative; background:#000; border: 1px solid #484849; }
#drawer .newsBox h2 { margin: 0; font: bold 11px/13px Tahoma, Arial, Helvetica, sans-serif; color: #fff; padding:5px 10px; background: #000 url(pics/bgNews.gif) repeat-x 0 0; border-bottom: 1px solid #484849;}
#drawer .newsBox .newsholder { background: #000 url(pics/bgNewsContent.gif) repeat-x 0 0;}



#drawer .newsBox ul { position: relative; list-style:none; padding: 10px; }
#drawer .newsBox ul h3 { margin: 2px 0; padding:0; line-height: 15px; }
#drawer .newsBox ul h3 a { font: bold 11px/15px Tahoma, Arial, Helvetica, sans-serif; color: #fff; padding: 2px 0; }
#drawer .newsBox ul h4 a { float:right; font: 11px/13px Tahoma, Arial, Helvetica, sans-serif; color: #fff; padding: 2px 0; }
#drawer .newsBox ul li { line-height: 13px; width: 100%; overflow: hidden; padding-bottom: 12px; }
#drawer .newsBox ul li p { margin:0; }
#drawer .newsBox ul li a.more { display:block; padding: 2px; color: #fff;  clear:both;}
#drawer .newsBox ul li a.more:hover { text-decoration:underline; }

/*submenu*/
#subMenu { position: absolute; width: auto; top: 137px; right: 16px; width:962px; height: 38px; background: #000 url(pics/bgMainmenu.gif) repeat-x 0 0; border:1px solid #363738; z-index:100; }
#subMenu .subMenu  { position: relative; list-style:none; }
#subMenu .subMenu li { float:left;}
#subMenu .subMenu li a { border-right:1px solid #363738; height:16px; padding:10px 20px; position: relative; display:block; margin: 1px 0px; background: #000 url(/skins/default/pics/bgMainmenu.gif) repeat-x 0 0;  font: bold 14px/16px Tahoma, Arial, Helvetica, sans-serif; color: #b3b3b3; }
#subMenu .subMenu li a.active,
#subMenu .subMenu li a:hover
{ position: relative; background: #000 url(/skins/default/pics/bgMainmenuActive.gif) repeat-x 0 0; text-decoration:none;color:#fff;}
#subMenu .subMenu li ul { visibility:hidden; position:absolute; width:150px; }
#subMenu .subMenu li ul {  }
#subMenu .subMenu li ul li { display:block; float:none; height:25px;}
#subMenu .subMenu li ul li a { height:20px; padding:3px 10px; background: transparent none; font-weight: normal; border:0; font: bold 10px/12px Tahoma, Arial, Helvetica, sans-serif;background: #000 url(/skins/default/pics/bgMainmenusub.gif) repeat-x 0 0;}
#subMenu .subMenu li ul li a.active,
#subMenu .subMenu li ul li a:hover { background: #000 url(/skins/default/pics/bgMainmenusub.gif) repeat-x 0 0;height:20px;text-decoration: underline;}



#rail {float: left; display:inline; width: 166px; margint-bottom:30px;overflow:hidden; }

#filterinfo { margin:5px 0px 20px 0px;}

#filters { width:164px;z-index:1; }
#filters h2 {color:#fff;margin:15px 0;}
#filters ul { width:164px;border:1px solid #2f3030;  margin-bottom:20px;}
#filters ul li span { display:block;width:154px;border-bottom:1px solid #2f3030;border-top:1px solid #2f3030;height:13px;padding:2px 0 8px 10px;background:url(/skins/default/pics/bgFilter.gif) repeat-x;font-weight:bold;}
#filters ul li ul { padding:5px 0;border:0;margin:0; list-style:none;}
#filters ul li ul li { list-style:none; border:0; background:none;overflow:hidden;}
#filters ul li ul li div.filterinfo { display:none;position:absolute;left:160px;z-index:10;border:1px solid #2F3030;background:#000;padding:5px 10px;width:250px;}
#filters ul li ul li a {float:left; color:#6f6f6f; background:url(/skins/default/pics/filterItem.gif) 10px 6px no-repeat;padding:2px 0 2px 25px;display:block;width:119px;}
#filters ul li ul li a.filter_extrainfo {text-decoration:none; color:#fff; font-weight:bold; font-style:italic;border:1px solid #fff;background:none;float:left;width:auto;padding:0px 7px 0 5px; }
#filters ul li ul li a.filter_extrainfo:hover{background:none;}
#filters ul li ul li a:hover,#filters ul li ul li a.active { color:#fff;text-decoration:none;background:url(/skins/default/pics/filterItemActive.gif) 10px 6px no-repeat;}


#searchBox{background:#fff;width:164px;padding-top:2px;margin-bottom:20px;}
#searchBox a {padding:3px 4px 3px 0px;overflow:hidden;float:right;}
#searchBox a img {margin:0;}
#zoekterm {border:0;width:135px;padding:0px 0px 2px 10px;height:18px;color:#969696;margin:0;}

#body .tpl #content { position: relative; float:left; display:inline; margin: 0 12px; padding: 0px 20px 18px 20px; width:570px; min-height:360px; background:#000; border: 1px solid #9c9ea0; }
* html #body .tpl #content { height:360px; }
#body .tpl #content .content { position: relative; width: 100%; overflow:hidden; }
#body .tpl #content .content h1 { position: relative; margin-bottom:10px; }
/* main menu */
#mainMenu ul.mainMenu { position:relative; display:block; height: 17px; list-style:none;  }
#mainMenu ul.mainMenu li { position:relative; float: left; display: block; margin: 0; padding: 0 0 0 2px; height: 17px; background: url(/skins/default/pics/divMainmenu.gif) no-repeat 0 2px; }
#mainMenu ul.mainMenu li.firstNode { background: transparent; padding: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; float: left; display: block; height: 13px; width: auto; text-decoration: none; padding: 2px 10px; font: bold 10px/12px Tahoma, Arial, Helvetica, sans-serif; color: #a5a5a5; }
#mainMenu ul.mainMenu li a:hover { position: relative; display: block; height: 13px; text-decoration: none; color: #87888a; }
#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; height: 13px; text-decoration: none;color: #87888a; }
#mainMenu ul.mainMenu ul { display:none; }
/* #mainMenu ul.mainMenu ul { width: 120px; left: 0; top: 19px; padding: 2px 0; z-index: 100; background: #ffc218 url(pics/bgSubmenuTop.gif) no-repeat; }
#mainMenu ul.mainMenu li ul li { position: relative; height: auto; width: 100%; padding: 1px 0; background: url(pics/bgSubmenuItem.gif) no-repeat; }
#mainMenu ul.mainMenu li ul li.firstNode { background:transparent; }
#mainMenu ul.mainMenu li ul li.lastNode { background: url(pics/bgSubmenuItem.gif) no-repeat; }
#mainMenu ul.mainMenu ul li a, #mainMenu ul.mainMenu ul li a:link, #mainMenu ul.mainMenu ul li a:visited, #mainMenu ul.mainMenu ul li a:active, #mainMenu ul.mainMenu ul li a.active { display: block; width: 90%; text-decoration: none; padding: 2px 5%; margin: 1px 0; font: 11px/11px Verdana, Arial, Helvetica, sans-serif; color: #474747;}
#mainMenu ul.mainMenu ul li a:hover, #mainMenu ul.mainMenu ul li a.active:link, #mainMenu ul.mainMenu ul li a.mouse, #mainMenu ul.mainMenu ul li a.active:visited, #mainMenu ul.mainMenu ul li a.active:hover, #mainMenu ul.mainMenu ul li a.active:active { display: block; width: 90%; background: #ffedba; text-decoration: none; padding: 2px 5%; margin: 1px 0; font: 11px/11px Verdana, Arial, Helvetica, sans-serif; color: #000; }
#mainMenu ul.mainMenu ul ul { margin-left: 130px; top: -4px; border-left: 1px solid #f9f9f9; display: none; visibility: hidden; } */
/* breadcrum */
#breadcrumMenu ul.breadcrumMenu { top: 0; left: 0; width: 620px; padding: 6px 0; height: 12px; list-style: none;  margin:0; }
#breadcrumMenu ul.breadcrumMenu li { position:relative; float:left; padding: 0 10px 0 4px; height: 12px; background: url(pics/divBreadCrum.gif) no-repeat 100% 3px;  }
#breadcrumMenu ul.breadcrumMenu li a { position:relative; float:left; color:#9c9e9f; 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:#9c9e9f; font: 11px/12px Verdana, Arial, Helvetica, sans-serif; }
/* footer */
#footer { position: relative; height: 26px; clear: both; }
#footer ul.footMenu { position: relative; height: 13px; padding-top:6px; margin-left:172px; overflow: hidden; font: 11px/13px Tahoma,Arial,Helvetica, sans-serif; list-style: none; }
#footer ul.footMenu li { float: left; border-right: 1px solid #9c9e9f; text-align: center; }
#footer ul.footMenu li.lastNode { border-right: 0; }
#footer ul.footMenu li a { padding: 0 8px; margin: 0; line-height: 13px; text-decoration: none; color: #9c9e9f; }
* html body #footer ul.footMenu a {display: inline; }
#footer ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #9c9e9f; }
#footer ul.footMenu li a:hover, ul.footMenu li a:active, ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: underline;}
#footer ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: none; }
#mainMenu .search { position: absolute; top: 3px; right: 3px; }
#mainMenu .search form div { position: relative; }
#mainMenu .search form div input { position: absolute; top:0; right:15px; height:13px; width:136px; border: 1px solid #fff; background-color: #fff; color: #000; }
#mainMenu .search form div a { height: 15px; width: 15px; position: absolute; top:0; right:0; }
.searchitem { padding-top: 5px; padding-bottom: 5px; }
#searchresult h2 { padding-bottom: 5px; }