html, body { height:100%; }
body { margin: 0; padding: 0; border: 0; background: #fff url(pics/bg.gif) repeat; }
/** html body { margin: 0; padding: 0; }*/
#head, #body, #foot { position:relative; width:100%; }
#head { height: auto; margin-top:13px;  z-index:1/* for visibility sub menu */ }
#body { height: auto; } * html body #body { height:200px; }
#foot { height: auto; }
#head .head, #body .body, #foot .foot { position:relative; width:929px; border:9px #fff solid;  margin:0 auto; }
/* head */
#head .head { height: 122px; background: #00a0e2; }
#head .head #trucsThermoking { position:absolute; top:-17px; width:359px; height:109px; background:url(pics/trucks.jpg) no-repeat 0 0;  }
#head .head #logoThermoking { position:absolute; top: 19px; left: 344px; width:357px; height:59px; background:url(pics/logoThermoking.gif) no-repeat 0 0; }
#head .head #logoThermoking a { position: relative; display: block; width: 100%; height: 100%; margin: 0; padding: 0; }
#head .head #logoThermoking a span { display: none; }
/* MainMenu */
#mainMenu { position: absolute; width: 100%; bottom: 0px; left: 0; height: 30px; background: #122c8c; z-index:100; }
#serviceMenu { position: absolute; width:291px; height:19px; right:0px; top:0px; background: #fff url(pics/serviceMenuBg.gif) no-repeat 0 0;}
* html body #serviceMenu { right:-1px; }
#login { position:absolute; width:204px; min-height:70px; height:auto; right:16px; top:36px; background: #17b7f9 url(pics/loginCorner.gif) no-repeat 0 0; z-index:5001; }
* html #login { height:75px; }
#login h2 { font: bold 12px/12px Arial, Helvetica, sans-serif; margin:0 0 0 20px; padding:5px 0; color:#fff;  }
#login input { float:left; width:115px; border:1px #000 solid; border-color:#3d3d3d #929292 #929292 #3d3d3d; margin: 0 0 5px 20px; padding-left:5px; font: 11px/13px arial,serif; }
* html #login input { width:110px; }
#login a { position:relative; float:right; height:11px; display:inline; width:46px; font: 10px/11px Arial, sans-serif; border:1px solid; border-color:#fff #6d6d6d #6d6d6d #fff; background:#122c8c; color:#fff; padding: 2px 0; margin-right:5px; text-align: center; text-decoration:none; text-transform: uppercase; }
#login p.error { clear:both; margin:5px 5px 5px 20px; }
/* body */
#body .body { height:auto; width:929px; border-width: 0 9px 9px 9px; background: url(pics/bodyBg.gif) repeat-y 0 0; overflow:hidden; }
.tpl { position:relative; float:left; width:929px; height:auto; }

#content { position:relative; width:615px; min-height:300px; height:auto; float:left;/* margin-left:9px;*/ }
* html body #content { height:300px; width:auto; }
.content { position:relative; width:536px; height:auto; margin: 0 0 0 29px; }

/* /////////////////////// inside tpl (html in templates)     ////////////////////*/
body.default #bodyHolder { position:relative; width:929px; height:auto; overflow:hidden; }
body.default #lBody { position:relative; float:left; width:157px; height:100%; border:1px #fff solid; border-width:0 9px 0 0; border:0px red solid; }
body.default #lBody #productMenu { position:relative; width:157px; min-height:450px; height:auto; padding-bottom:4px;}
* html #lBody #productMenu { height:450px; }
body.default #lBody #productMenu h1 { position:relative; width:157px; font: bold 14px/31px arial; color:#122c8c; background:#fff; }
/* Product Menu  niv1 */
body.default #productMenu ul.productMenu { position:relative; width:157px; list-style:none; margin:0; padding:0;   }
body.default #productMenu ul.productMenu li {position:relative; width:auto; background: url(pics/productMenuBg2.gif) no-repeat 0 26px;}
body.default #productMenu ul.productMenu li.lastNode { background-image:none; }
body.default #productMenu ul.productMenu li a { height:27px; background:url(pics/productMenuNiv1.gif) no-repeat 5px 10px;  position:relative; padding-left:16px; line-height:27px; display:block; text-decoration:none; color:#122c8c; }
body.default #productMenu ul.productMenu li a.active,ul.productMenu li a:hover  { line-height:27px; background: #4cbae9 url(pics/productMenuNiv1Onclick.gif) no-repeat 4px 10px; }
body.default #productMenu ul.productMenu li a:hover { line-height:27px; background: #4cbae9 url(pics/productMenuHover.gif) no-repeat 4px 10px; }
body.default #productMenu ul.productMenu li a.active:hover { line-height:27px; background: #4cbae9 url(pics/productMenuNiv1OnclickHover.gif) no-repeat 4px 10px;     }
/* niv2 */
body.default #productMenu ul.productMenu ul, ul.productMenu ul.active { position:relative; list-style:none; margin:0; padding:0; height:auto;  }
body.default #productMenu ul.productMenu ul li { margin:0; padding:0; line-height:16px; background:transparent; }
body.default #productMenu ul.productMenu ul li a { height:16px; margin:0; padding:0;  padding-left:20px; line-height:16px; background:#98e8ff url(pics/productMenuHover.gif) no-repeat 10px 6px; text-decoration:none; color:#122c8c; }
body.default #productMenu ul.productMenu ul li a:hover,
body.default #productMenu ul.productMenu ul li a.active:hover,
body.default #productMenu ul.productMenu ul li a.active { height:16px; line-height:16px; background:#98e8ff url(pics/productMenuHover.gif) no-repeat 10px 6px; color:#e0831e; }
/* niv3 */
body.default #productMenu ul.productMenu ul ul { position:relative; list-style:none; margin:0; padding:0; background:#a9f9ff; }
body.default #productMenu ul.productMenu ul ul li { line-height:16px; }
* html body.default #productMenu ul.productMenu ul ul li { padding-right:10px; }
body.default #productMenu ul.productMenu ul ul li a { min-height:16px; height:auto; padding-left:22px; line-height:16px; background: #a9f9ff; color:#122c8c;    }
* html body.default #productMenu ul.productMenu ul ul li a { /*height:16px;*/ }
body.default #productMenu ul.productMenu ul ul li a:hover,
body.default #productMenu ul.productMenu ul ul li a.active:hover,
body.default #productMenu ul.productMenu ul ul li a.active { line-height:16px; height:auto; text-decoration:underline; color:#e0831e; background:#a9f9ff; }
/* niv4 */
body.default #productMenu ul.productMenu ul ul ul { position:relative; list-style:none; margin:0; padding:0 0 0 0; margin:0 0 0 0; width:100%; }
body.default #productMenu ul.productMenu ul ul ul li,
body.default #productMenu ul.productMenu ul ul ul li.lastNode { margin:0 0 0 30px; height:auto; padding:0 0 0 0; background-image:none; background:transparent; }
body.default #productMenu ul.productMenu ul ul ul li a { background:transparent; height:auto; display:block; padding:0 0 0 0; }
body.default #productMenu ul.productMenu ul ul ul li a:hover {}
/* uitklap */
body.default #productMenu ul#nav li ul { visibility:hidden; display:none; }
body.default #productMenu ul#nav li ul ul { visibility:visible; display:block; }
body.default #productMenu #nav li ul.active { visibility:visible; display:block; }

/* banners */
body.default #banners { width:157px; height:auto; float:right; } * html #banners { right:-1px; }
body.default #banners #adv2 { border:1px solid #122C8C; overflow:hidden;position:relative; width:100%; width:155px; height:165px; /*background: url(../../pics/banners/advMerc.gif) no-repeat 0 0;*/ }
body.default #banners #adv1 { background:#ffffff;position:relative; width:100%; /*background: url(../../pics/banners/advIR.jpg) no-repeat 0 0;*/ }
body.default #bodyBottom { position:relative; width:929px; height:113px; clear:both; background:#34ccfd url(pics/bottomBeeld.jpg) no-repeat top right; border:1px #fff solid; border-width:9px 0 0 0; }

/* breadcrum */
#content ul.breadcrumMenu { padding: 5px 0; margin: 2px 0 10px 0; height: 16px; background: url(pics/tableTopBorder.gif) repeat-x 0 25px; }
#content ul.breadcrumMenu li { position:relative; float:left; padding: 0 12px 0 0; list-style:none; background: url(pics/divBreadCrum.gif) no-repeat 98% center;  }
#content ul.breadcrumMenu li a { position:relative; float:left; color:#989898; padding: 4px 0; font: 10px/10px Arial, Verdana, Helvetica, sans-serif; text-decoration:none; }
#content ul.breadcrumMenu li a:hover { text-decoration:underline; }
#content ul.breadcrumMenu li.firstNode { padding-left: 0;}
#content ul.breadcrumMenu li.lastNode { background:transparent; }
#content ul.breadcrumMenu li.lastNode span { position:relative; float:left; color:#989898; padding: 4px 0; font: 10px/10px Arial, Verdana, Helvetica, sans-serif; }
/* foot */
#foot .foot { height:57px; width:947px; border-width: 0; }
#footMenu { position:absolute; left:0; top:0; width:361px; height:24px; background: url(pics/footMenuBg.gif) no-repeat top right;  }
#foot #naw { position:absolute; width:577px; height:17px; right:0; top:0; padding-right:9px; background: #fff; color:#122c8c; line-height:11px; text-align:right; } * html body #naw { width:577px; right:-1px; }
#foot #logo { position:absolute; right:0; bottom:0; width:132px; height:40px; display:block; }
/* main menu - niveau 1 */
#mainMenu ul.mainMenu { height: 100%; width:100%; font-weight: bold; margin: 0; padding: 0; list-style: none; }
#mainMenu ul.mainMenu li { position:relative; float: left; margin: 0; padding: 0; display: inline; }
#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: inline; height: 12px; text-decoration: none; padding: 9px 12px; line-height: 12px; color: #fff; }
#mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active, #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; float: left; display: inline; height: 12px; text-decoration: none; padding: 9px 12px; line-height: 12px; color:#f49024; }
/* 2 */
#mainMenu ul.mainMenu ul { position:absolute; width: 150px; left: 0; margin: 30px 0 0 0; padding: 10px 4px 4px 10px; background: #91e3fd; border-bottom: 1px solid #7fcff0; /* -moz-opacity: 0.9; opacity: 0.9; filter:alpha(opacity=90);*/ }
#mainMenu ul.mainMenu ul li { position: relative; width: 100%; height: auto; padding: 0; margin: 0 0 1px 0; }
* html #mainMenu ul.mainMenu ul li { height: 22px; }
#mainMenu ul.mainMenu ul a, #mainMenu ul.mainMenu ul a:link, #mainMenu ul.mainMenu ul a:visited { position:relative; display: block; width: 145px; height: auto; line-height: 12px; padding: 5px 0 5px 2px; margin: 0;  background: url(pics/mainMenuNiv2Sepp2.gif) repeat-x left bottom; color: #1b3b97; text-decoration: none; }
#mainMenu ul.mainMenu ul a:hover, #mainMenu ul.mainMenu ul a.active, #mainMenu ul.mainMenu ul a.active:link, #mainMenu ul.mainMenu ul a.active:visited,  #mainMenu ul.mainMenu ul a.active:hover, #mainMenu ul.mainMenu ul a.active:active { position:relative; display: block; width: 145px; height: auto; line-height: 12px; padding: 5px 0 5px 2px; margin: 0; text-decoration: none; color: #ff6437; }
#mainMenu ul.mainMenu ul li.lastNode a { background:transparent; }
/* 3
#mainMenu ul.mainMenu ul ul { display:none; visibility:hidden; }*/
/* do not remove !!  */
#mainMenu ul.mainMenu ul ul { width:150px; margin: -5px 0 0 145px; padding: 5px; text-align:left; background: #98e8ff; }
#mainMenu ul.mainMenu ul ul li { float:none; line-height: 15px; height: 15px; background: transparent; padding: 0; margin: 0 0 1px 0; }
#mainMenu ul.mainMenu ul ul li { position: relative; width: 100%; height: auto; padding: 0; margin: 0 0 1px 0; background: url(pics/mainMenuNiv2Sepp2.gif) repeat-x left bottom; }
/* ServiceMenu */
#serviceMenu ul.serviceMenu { position: relative; height: 13px; width:auto; overflow: hidden;  margin: 2px 0 0 14px; padding: 0 10px 0 0; list-style: none; }
#serviceMenu ul.serviceMenu li { position: relative; float: left; display:inline; margin: 0; height: 13px; border-right: 1px solid #122c8c; text-align: center; }
#serviceMenu ul.serviceMenu li.lastNode { border-right:0; }
#serviceMenu ul.serviceMenu li a { position: relative; float: left; padding: 0 8px; margin: 0; font: 11px/11px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; color: #122c8c; }
* html body #serviceMenu ul.serviceMenu a { }
#serviceMenu ul.serviceMenu li a:link, #serviceMenu ul.serviceMenu li a:visited {text-decoration: none; color: #122c8c; }
#serviceMenu ul.serviceMenu li a:hover, ul.serviceMenu li a:active, ul.serviceMenu li a.active, ul.serviceMenu li a:visited.active, #serviceMenu ul.serviceMenu li a.active, ul.serviceMenu li a:visited.active { text-decoration: none; color:#f49024; }
/* ProductMenu */
/* FootMenu */
#footMenu ul.footMenu { position: relative; height: 13px; overflow: hidden; font: 11px Arial, Verdana, Helvetica, sans-serif; margin: 4px 0 0 -7px; padding: 0 10px 0 0; list-style: none; }
#footMenu ul.footMenu li { float: left; border-right: 1px solid #00a0e2; text-align: center; }
#footMenu ul.footMenu li.lastNode { border-right:0; }
#footMenu ul.footMenu li a { padding: 0 8px; margin: 0; line-height: 11px; text-decoration: none; color: #00a0e2; }
* html body #footMenu ul.footMenu a {display: inline; }
#footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #00a0e2; }
#footMenu ul.footMenu li a:hover, ul.footMenu li a:active, ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: none; color:#e0831e;}
#footMenu ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: none; color:#e0831e; }
/* newsBrief */
#newsBrief { position:absolute; display: block; width:148px; height:44px; top:-73px; left:18px; text-decoration:none; background:#75ddff url(pics/newsBriefCorner.gif) no-repeat top right; z-index:100; }
#newsBrief .newsBrief { position:relative; display: block; height:11px; padding: 0 0 21px 0; margin: 6px 0 0 2px;  background: url(pics/newsBriefIcon.gif) no-repeat 4px 100%; font:bold 11px/11px Arial, sans-serif; color:#122c8c; cursor: pointer; }
#newsBrief .downloadNewsBrief { position:absolute; display: block; width:67px; height:12px; right:9px; bottom:9px; display:block; color:#fff; text-decoration:underline; cursor: pointer; background: url(pics/singleQuote.gif) no-repeat 0 4px; text-indent:9px; font:11px/11px Arial, sans-serif; }
#newsBrief:hover div.downloadNewsBrief { text-decoration:none; }