html, body, #holder { width: 100%; }
html>body, html>body #holder { height: auto; }
* { margin: 0; padding: 0; }
body { border: 0; background: #fff;}
/* holder */
#holder { position: relative; width: 994px; margin: 0; padding: 0; text-align: left; }
#videoBox { position: absolute; bottom: 50px; right: 23px; width:212px; height:18px; z-index: 200; background: #ab0534;  }
#videoBox h2 { display: none; }
#videoBox a { position:relative; height: 100%; display: block; padding-left: 10px; color: #fff; font-weight: bold; text-decoration: none; background: url(pics/camera.gif) no-repeat 94% 50%; }
#hhead { position: relative; width: 100%; height: 179px; padding-top: 96px; background: #fff url(pics/bgHeader.gif) repeat-x 0 0; z-index: 1; }
#hbody { position: relative; width: 100%; height: auto; padding-bottom: 30px; background: #fff url(pics/shdwContent.gif) repeat-x 0 0; }
* html body #hbody { height: 100%;}
#mainMenu { position: absolute; width: 100%; top: 233px; left: 0; margin:0; padding: 0; height: 42px; background: #5ea0dd; z-index:1; }
#hfoot { position: absolute; width: 100%; height: 23px; clear: both; bottom: 0; left: 0; margin: 0; background: #fff;}
#hfoot .hfoot { position: relative; margin: 0; padding: 0; width: 100%; clear: both; }
/* head */
#hhead #topMenu { position: absolute; width: 730px; top: 76px; left: 0; margin:0; padding: 0; height: 20px; background: #fff; z-index:0; }
/* top menu */
#topMenu ul.topMenu { position:absolute; right:0; margin-right: 50px; height: 11px; font: 11px/11px Arial, Helvetica, sans-serif; background: #fff;}
#topMenu ul.topMenu li { position:relative; float: left; display: block; height: 13px; padding: 0; background: #fff; border-right: 1px solid #ca004d; }
#topMenu ul.topMenu li.lastNode { border: 0; }
#topMenu ul.topMenu li a, #topMenu ul.topMenu li a:link, #topMenu ul.topMenu li a:active, #topMenu ul.topMenu li a:visited { position: relative; padding: 0 5px; text-decoration: none; text-transform: lowercase; color: #ab0534; font: 11px/11px Arial, Helvetica, sans-serif; }
#topMenu ul.topMenu li a:hover, #topMenu ul.topMenu li a.active, #topMenu ul.topMenu li a.active:link, #topMenu ul.topMenu li a.active:visited, #topMenu ul.topMenu li a.active:hover, #topMenu ul.topMenu li a.active:active { position: relative; text-decoration: underline; padding: 0 5px; color: #ab0534; }
/* language menu */
#languageMenu ul.languageMenu { position:relative; float:left; display:inline; margin-left: 20px; height: 11px; font: 11px/11px Arial, Helvetica, sans-serif; background: #fff;}
#languageMenu ul.languageMenu li { position:relative; float:left; display: block; height: 13px; padding: 0; background: #fff; border-right: 1px solid #2a6ca9; }
#languageMenu ul.languageMenu li.lastNode { border: 0; }
#languageMenu ul.languageMenu li a, #languageMenu ul.languageMenu li a:link, #languageMenu ul.languageMenu li a:active, #languageMenu ul.languageMenu li a:visited { position: relative; padding: 0 5px; text-decoration: none; color: #2a6ca9; font: 11px/11px Arial, Helvetica, sans-serif; }
#languageMenu ul.languageMenu li a:hover, #languageMenu ul.languageMenu li a.active, #languageMenu ul.languageMenu li a.active:link, #languageMenu ul.languageMenu li a.active:visited, #languageMenu ul.languageMenu li a.active:hover, #languageMenu ul.languageMenu li a.active:active { position: relative; text-decoration: underline; padding: 0 5px; color: #00427f; }
/* logo */
#hhead .logo { position:absolute; display:block; top:0; right:0; width:260px; height:96px; background: #fff url(pics/logo.gif) no-repeat center center; z-index: 1; }
#hhead .logo a { position:relative; display:block; width:100%; height:100%; }
#hhead .subHead { position: relative; height: 137px; width: 100%; background: #ededed url(pics/bgSubheader.jpg) no-repeat top left; }
#hhead .subHead .address { position: relative; float: right; height: 117px; width: 215px; padding: 10px 20px 10px 25px; overflow: hidden; color: #0c5293; }
#hhead .subHead .address h1 { font: bold 11px/11px Arial, Verdana, Helvetica, sans-serif; color: #0c5293; }
#hhead .subHead .address a { text-decoration: none; color: #0c5293; }
#hhead .subHead .address a:hover { text-decoration: underline; }
#hhead .subHead .address .routelink { position: relative; height: 11px; display: block; padding-top: 6px; margin-top: 6px; font-weight: bold; background: url(pics/dotHoriz-white.gif) repeat-x 0 0; }
/* activities */
#hhead #activitiesBox { position: relative; float: right; width: 239px; padding:5px 7px; height: 127px; background: #0c5293; }
#hhead #activitiesBox ul.activities { position: relative; list-style: none; background: url(pics/bgList.gif) repeat-y;}
#hhead #activitiesBox ul.activities li { position: relative; width: 95%; margin:0 0 2px 5%; height: 30px; background: url(pics/dotHoriz-blue.gif) repeat-x 0 100%;}
#hhead #activitiesBox ul.activities li.lastNode{ background: transparent; } 
#hhead #activitiesBox ul.activities li a { position: relative; width: 99%; display: block; padding: 9px 0 9px 1%; font: bold 11px/12px Arial, sans-serif; text-decoration: none; color: #fff; }
#hhead #activitiesBox ul.activities li a:hover { text-decoration: underline; } 
#hhead #activitiesBox ul.activities li.node1 a { background: url(pics/icons/warehousing.gif) no-repeat 100% 0; }
#hhead #activitiesBox ul.activities li.node2 a { background: url(pics/icons/verbulken.gif) no-repeat 100% 0; }
#hhead #activitiesBox ul.activities li.node3 a { background: url(pics/icons/transport.gif) no-repeat 100% 0; }
#hhead #activitiesBox ul.activities li.node4 a { background: url(pics/icons/douane.gif) no-repeat 100% 0; }
/* body */
#hbody .tpl { position: relative; width: 100%; overflow: hidden; color: #000; background: url(pics/bgTpl.gif) repeat-y right; }
#hbody .tpl #content { position: relative; width: 428px; margin: 0; padding: 10px 20px 10px 24px; }
/* newslist */
#hbody .tpl #newsBox { position: relative; float: right; top: 0; width: 215px; overflow: hidden; padding: 10px 20px 40px 25px; background: url(pics/shdwNewsCol.gif) repeat-x 0 0; }
#hbody .tpl #newsBox h2 { position: relative; height: 21px; margin-top: 15px; padding: 0; font: bold 11px/11px Arial, Helvetica, sans-serif; color: #7a7a7a; text-transform: uppercase; }
#hbody .tpl #newsBox .newsholder { position: relative; margin: 0; padding: 0; }
#hbody .tpl #newsBox .newsholder p { margin: 0; padding: 10px 0; }
#hbody .tpl #newsBox .newsholder ul { margin: 0; padding: 0; list-style: none; color: #0c5293;}
#hbody .tpl #newsBox .newsholder ul li { position: relative; width: 100%; overflow: hidden; margin-bottom:8px; font: 11px/11px Arial, sans-serif; padding: 5px 0; background: url(pics/dotHoriz-white.gif) repeat-x 0 100%;}
#hbody .tpl #newsBox .newsholder ul li.last { background:transparent; margin: 0;}
#hbody .tpl #newsBox .newsholder a { color: #6b6b6b; text-decoration: none; }
#hbody .tpl #newsBox .newsholder ul li a.more { position: relative; display: block; height: 11px; float: right; color: #6b6b6b; padding: 4px; }
#hbody .tpl #newsBox .newsholder h3 { font: bold 11px/13px Arial, sans-serif; color: #0c5293; }
#hbody .tpl #newsBox .newsholder h4 { margin: 0; padding: 0; font: 11px/11px Arial, sans-serif; color: #6b6b6b; text-transform: lowercase; }
#hbody .tpl #newsBox .newsholder h4 a { position: relative; display: block; height: 11px; float: right; color: #6b6b6b; padding: 0; text-decoration: none; }
#hbody .tpl #newsBox .newsholder a:hover { text-decoration: underline; }
/* picture box */
#hbody .tpl #pictureBox { position: relative; float: right; top: 0; width: 201px; overflow: hidden; padding: 10px 26px; background: url(pics/shdwPictureCol.gif) repeat-x 0 0; }
#hbody .tpl #pictureBox .foto { position: relative; width: 200px; height: 200px; margin: 30px 0; }  
/* foot */
#hfoot .hfoot { height: 13px; overflow: hidden; padding: 5px 0; }
#hfoot .footNav { position: relative; height: 13px; line-height: 11px; margin: 0 0 0 17px; color: #000;}
/* main menu */
#mainMenu ul.mainMenu { position:relative; height: 20px; width: 90%; padding: 12px 0 0 17px; }
#mainMenu ul.mainMenu li { position:relative; float: left; display: inline; margin-right: 1px; padding: 0 3px 2px 3px; display: block; height: 18px; background: url(pics/divMainMenu.gif) no-repeat 100% 3px; }
#mainMenu ul.mainMenu li.lastNode { background: transparent; } 
#mainMenu ul.mainMenu ul { width: 180px; left: 3px; top: 18px; z-index: 100; margin: 0; padding: 5px 0; border: 0; background: #b2e1ff;/* filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; */}
#mainMenu ul.mainMenu li ul li { display: block; border: 0; padding: 0; margin: 0; width: 100%; background: transparent; }
#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: 12px; width: auto; text-decoration: none; padding: 3px 5px; font: 12px/12px Arial, Verdana, Helvetica, sans-serif; color: #fff; }
#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; height: 12px; text-decoration: none; padding: 3px 5px; font: 12px/12px Arial, Verdana, Helvetica, sans-serif; background: #b2e1ff; color: #0f2357; }
#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%; height: 11px; text-decoration: none; padding: 4px 5%; font: 11px/11px Arial, Verdana, Helvetica, sans-serif; color: #0f2357;}
#mainMenu ul.mainMenu ul li a:hover, #mainMenu ul.mainMenu ul li a.active:link, #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; height: 11px; text-decoration: underline; padding: 4px 5%; font: 11px/11px Arial, Verdana, Helvetica, sans-serif; color: #0f2357; background: #5ea0dd;}
/*#mainMenu ul.mainMenu ul ul a, #mainMenu ul.mainMenu ul ul a:link, #mainMenu ul.mainMenu ul ul a:visited { display: block; height:3.8ex; text-decoration: none; padding: 0 0 0 0.8em; line-height:3.8ex; font-weight: bold; color: #000; }
#mainMenu ul.mainMenu ul ul a:hover, #mainMenu ul.mainMenu ul ul a.active, #mainMenu ul.mainMenu ul ul a.active:link, #mainMenu ul.mainMenu ul ul a.active:visited, #mainMenu ul.mainMenu ul ul a.active:hover, #mainMenu ul.mainMenu ul ul a.active:active { display: block; height:3.8ex; text-decoration: none; padding: 0 0 0 0.8em; line-height:3.8ex; color: #a4294a; background: #fff; }*/
#mainMenu ul.mainMenu ul ul { display: none; visibility: hidden; } 
/* breadcrum */
#hbody .tpl #content ul.breadcrumMenu { padding: 6px 0; margin:0 0 10px 0; height: 12px; }
#hbody .tpl #content ul.breadcrumMenu li { position:relative; float:left; padding: 2px 10px 2px 4px; list-style:none; background: url(pics/divBreadCrum.gif) no-repeat 100% center;  }
#hbody .tpl #content ul.breadcrumMenu li a { position:relative; float:left; color:#989898; font: 11px/12px Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; }
#hbody .tpl #content ul.breadcrumMenu li a:hover { text-decoration:none; }
#hbody .tpl #content ul.breadcrumMenu li.firstNode { padding-left: 0;}
#hbody .tpl #content ul.breadcrumMenu li.lastNode { background:transparent; }
#hbody .tpl #content ul.breadcrumMenu li.lastNode span { position:relative; float:left; color:#989898; font: 11px/12px Arial, Verdana, Helvetica, sans-serif; }
/* footer */
#footMenu ul.footMenu { display: inline; position: relative; height: 13px;  overflow: hidden; font: 11px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0 10px 0 0; list-style: none; }
#footMenu ul.footMenu li { float: left; border-right: 1px solid #a8a8a8; text-align: center; }
#footMenu ul.footMenu li.lastNode { border: 0; }
#footMenu ul.footMenu li a { padding: 0 8px; margin: 0; line-height: 13px; text-decoration: none; color: #a8a8a8; }
* html body #footMenu ul.footMenu a {display: inline; }
#footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #a8a8a8; }
#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; }
/* zoeken */
#searchBox { position: absolute; right: 0; top: 0; width: 236px; height: 22px; padding: 11px 0 9px 24px; background: #0c5293; }
#searchBox h2 { display: none; }
#searchBox input { position: relative; float: left; display: inline; width: 174px; padding: 1px 0; border: 1px solid #fff; }
#searchBox a { position: relative; float: left; width: 12px; display: inline; padding: 2px 7px 3px 10px; margin: 0 0 0 5px; border: 1px solid #ff2f84; border-bottom-color:#4a001e; border-right-color:#4a001e; font: bold 15px/11px Arial, Verdana, Helvetica, sans-serif; background: #ab0534; color: #fff; text-decoration: none; }