* { padding: 0; margin: 0; }
html, body, #holder { min-height: 100%; width: 100%; height: 100%; }
html>body, html>body #holder { height: auto; }
body { margin: 0; padding: 0; border: 0; background: #fff url(pics/headerBalkBg2.jpg) repeat-x 0 0;}
/* Global layout */
#holder { position: absolute;  top: 0; left: 0; margin: 0; padding: 0; text-align: left;}
#holder .holder { position: absolute; height: 100%; width: 100%;}
#hhead .hhead, #hbody .hbody, #hfoot .hfoot { position: relative; margin: 0; padding: 0; width: 996px; clear: both; }
#hhead { position: absolute; height: 190px; width: 996px; margin:0; padding:0; z-index: 2;}
#hbody { position: relative; width: 996px; height: auto; clear: both; padding: 190px 0 0 0px;}
#hfoot { position: relative; width: 900px; height: 23px; clear: both; margin-top: -23px; }
* html body #hfoot { position: absolute; left: 0; bottom: 0; margin-top: 0; }
/* Holder */
#holder .headerVerloop { position:absolute; width:100%; height:71px; background: url(pics/headerVerloop3.jpg) no-repeat 0 0; }
#holder .headerVerloopEnd { position:absolute; width:100%; height:71px; background: url(pics/headerVerloopEnd.jpg) repeat-x 0 0; }
#holder .bodyColumns { position: absolute; width: 996px; height: 100%; overflow: hidden;}
#holder .bodyColumns .specialsColumn { position:absolute; width: 135px; height: 100%; left: 126px; margin-top: 240px; background: #e7e7e7 url(pics/bgSpecialsColumn.gif) repeat-y 0 0;}
#holder .bodyColumns .newsColumn { position:absolute; width: 210px; height: 100%; left: 774px; margin-top: 240px; background: #cfcfcf url(pics/bgNewsColumn.gif) repeat-y 0 0;}
/* Hhead */
#hhead .hhead { height: 100%; width:996px; background: url(pics/HeaderBg3.jpg) no-repeat 0 0; }
#hhead .mainNav {width:696px; padding-left: 122px; }
#hhead .generalNav { position: relative; float: left;/* clear: left;*/ height: 17px; padding-left: 126px; }
#hhead .breadcrumNav { position: relative; float: left; /*clear: right; */height: 17px; padding-left: .5em; }
#hhead .logo { right:0; top:0; background: url(pics/logo2.jpg) no-repeat right top; width: 100%; height: 151px; }
#hhead .logo a { display: block; margin-left: 698px; width: 298px; height: 84px; }
#hhead ul.languageMenu { position: absolute; top: 15px; left: 580px; width: 110px; overflow: hidden; margin: 0; padding: 0; list-style: none; z-index: 10; display: none; }
#hhead ul.languageMenu li { margin-bottom: 4px; height: 16px; width: 100px; text-align: right; }
#hhead ul.languageMenu li a, #hhead ul.languageMenu li a:link, #hhead ul.languageMenu li a:visited { color: #fff; padding: 1px 25px 1px 0; display: block; height: 16px; line-height: 16px; background: no-repeat right center; text-decoration: none; filter:alpha(opacity=50); -moz-opacity: .5; opacity: .5; }
#hhead ul.languageMenu li a:hover, #hhead ul.languageMenu li a:active, #hhead ul.languageMenu li a.active, #hhead ul.languageMenu li a:visited.active { text-decoration: underline; filter: none; -moz-opacity: 1; opacity: 1; }
/* Hbody */
#hbody .hbody { overflow:hidden; margin:0; padding-bottom: 30px; background: url(pics/bgBodyColumn.gif) repeat-y 126px 0;}
* html body #hbody .hbody { height: auto; }
#hbody .pageTop { height: 36px; width: 996px; background: #FFF; }
#hbody .hbody a.logoMicrosoft { position:absolute; left:15px; bottom: 0px; display:block; width:103px; height:47px; background: url(pics/microsoft.gif) no-repeat 0 0; }
/* Footer */
#hfoot .hfoot { height: 23px; padding: 0; }
#hfoot .hfoot .logoMS {position:absolute; left:15px; bottom: 18px;}
#hfoot .hfoot a.logoMicrosoft { display:block; width:103px; height:47px; background: url(pics/microsoft.gif) no-repeat 0 0; }
#hfoot .hfoot .specialsColumn { position: absolute; width:135px; height:18px; left:126px; margin-top: 5px; background: #b4b4b4 url(pics/bgSpecialsColumnTitle.gif) repeat-y 0 0; }
/* Footer Menu */
#hfoot .footNav  { padding: 0 0 0 272px; position: relative; bottom: 0; height: 18px; line-height: 23px; margin: 0; color: #000;}
#footMenu ul.footMenu { display: inline; position: relative; height: 23px; 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 #b4b4b4; text-align: center; }
#footMenu ul.footMenu li.lastNode { border-right:0; }
#footMenu ul.footMenu li a { padding: 0 8px; margin: 0; line-height: 18px; text-decoration: none; color: #000; }
* html body #footMenu ul.footMenu a {display: inline; }
#footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #b4b4b4; }
#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; color:#183069;}
#footMenu ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: none; }
/* COLUMS */
.column, .tpl { float:left; position: relative; min-height:100%;} 
* html .column { height: 100%;}
/* Banner ----- COLUMN 1 */
#bannerColumn { width: 126px; padding: 54px 0 0 0; }
/* Specials ---- COLUM 2 */
#specialsColumn { margin:0; width: 135px; }
#specialsColumn h2 { padding:0 10px; font: bold 15px Tahoma, Verdana, Arial, sans-serif; text-transform: uppercase; line-height:29px; color:#676767; text-align: right; display: block; background: #b4b4b4 url(pics/bgSpecialsColumnTitle.gif) repeat-y 0 0; }
#specialsColumn h2.first { background: #b4b4b4 url(pics/bgSpecialsColumnFirstTitle.jpg) no-repeat 0 0; }
#specialsColumn .imagebox { position:relative; width: 135px; height:156px; background: url(pics/mysolutionbox3.gif) no-repeat 9px 9px; cursor: pointer; }
#specialsColumn .gold { position:relative; left:7px; width: 122px; height:63px; background: url(pics/GoldPartner.gif); cursor: pointer; margin-bottom: 18px; }
#specialsColumn .dynamic { position:relative; left: 7px; width: 122px; height:27px; background: url(pics/Dynamics.gif); cursor: pointer; margin-bottom: 18px; }
/*#specialsColumn .pricelabel { width: 135px; height: 170px; }
#specialsColumn .pricelabel .vanprijs { height: 23px; border: 1px #f3f3f3 solid; margin: 0 8px 0 7px; font: 15px "tahoma"; color:#000; text-align:center; text-decoration: line-through; }
#specialsColumn .pricelabel .voorprijs { height: 62px; border: 1px #f3f3f3 solid; border-top:0; margin: 0 8px 0 7px; color:#ffa200;  text-align:center; } 
#specialsColumn .pricelabel .voorprijs .eur { font: 50px "tahoma";}
#specialsColumn .pricelabel .voorprijs .eurcent { font: 30px "tahoma"; }
#specialsColumn .pricelabel { width: 117px; height: 168px;  background: url(pics/priceLabel.jpg) no-repeat 9px 9px; padding: 76px 9px 9px 9px; cursor: pointer}
#specialsColumn .pricelabel ul { margin:0 0 0 11px; padding:0;}
#specialsColumn a { margin:0 0 0 11px; padding:0; color: #000; text-decoration: none}*/

/* inc/banners.inc.php */
#specialsColumn .lside { font-size:10px; position:relative; width: 135px; height:auto; cursor: pointer; }
#specialsColumn .lside h1 { text-align:center; }
#specialsColumn .lside h2 { padding:0 10px;  font: bold 12px Tahoma, Verdana, Arial, sans-serif; text-transform:none; line-height:29px; text-align:left; color:#676767; display: block; background: #b4b4b4 url(pics/bgSpecialsColumnTitle.gif) repeat-y 0 0; }
#specialsColumn .lside h3 { padding-left:8px; font-size:10px/13px; height:13px; font-weight:bold; color:#000; }
#specialsColumn .lside ul { padding-left:20px; margin-top:0; margin-left:0; }
#specialsColumn .lside ul li { }

/* Hbody - tpl ---- COLUMN 3*/
#hbody .tpl { position:relative; width: 485px; min-height:1px; padding:0 12px 0 16px; margin:0;    color: #000; }
#hbody .tpl #content { border: 0px red solid ; margin: 0; width: 485px; padding:0;  }
/* MENUS */
/* main menu */
#mainMenu { position: relative; width: 100%; left: 0; margin:0; padding:0; height: 22px; z-index:100; }
/* 1 */
#mainMenu ul.mainMenu { margin: 0 0 0 4px; height: 22px; font: 11px Arial, Verdana, Helvetica, sans-serif; border: 0px solid; }
#mainMenu ul.mainMenu li { position:relative; float: left; margin: 0; padding: 0; display: block; height: 22px; background: none; }
#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: 22px; width: auto; text-decoration: none; padding: 0 10px; line-height: 22px; color: #000; }
#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; display: block; height: 22px; text-decoration: none; padding: 0 10px; line-height: 22px; background: url(pics/mainMenuHover.gif) repeat-x 0 0; }
/* 2 */
#mainMenu ul.mainMenu ul { width: 140px;/*74px;*/ overflow: hidden; top: 22px; left: 0; z-index: 100; margin: 0; padding: 0; border: 0; border: 0px solid #000; border-top: 0;}
/* html body #mainMenu ul.mainMenu ul { width: auto; }*/
#mainMenu ul.mainMenu li ul li { display: inline; border: 0; padding: 0; margin: 0; width: auto/*100%*/;}
#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 { width: 120px; display: block; height: 22px; background:#f7d14c;  text-decoration: none; padding: 0 10px; line-height: 23px; color: #000;}
* html body #mainMenu ul.mainMenu ul li a, * html body #mainMenu ul.mainMenu ul li a:link, * html body #mainMenu ul.mainMenu ul li a:active, * html body #mainMenu ul.mainMenu ul li a.active { width: 120px; }
#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 { width: 120px; display: block; height: 22px; background:#f7a400;  text-decoration: none; padding: 0 10px; line-height: 23px; color: #000;}
#mainMenu ul.mainMenu ul ul { display: none; visibility: hidden;  } 
/* General nav */
ul.generalMenu { position: relative; line-height: 17px;	height: 17px; float: left; text-transform: uppercase; list-style:none; padding:0; margin:0; }
ul.generalMenu li { position: relative; float: left; height: 17px; }
ul.generalMenu li a, ul.generalMenu li a:link, ul.generalMenu li a:visited { position: relative; height: 17px; display: block; float: left; padding: 0 1.8em 0 1.8em; text-decoration: none; background: url(pics/mainMenuHover.jpg) no-repeat left top; color: #FFFFFF; }
ul.generalMenu li a:hover, ul.generalMenu li a:active, ul.generalMenu li a.active, ul.generalMenu li a:visited.active { background: url(pics/mainMenuHover.jpg) no-repeat left bottom; }
/* breadcrumb */
ul.breadcrumMenu { position: relative; float: left; height:17px; line-height: 13px; color: #B4B4B4; margin:0; padding:3px 0 0 0; list-style:none; }
ul.breadcrumMenu li { float:left; height:13px; width:auto; padding: 0 .5em 0 0; margin:0; background: url(pics/dividerBreadcrums.gif) no-repeat 100% 4px;  }
ul.breadcrumMenu li.lastNode { background:none;  }
ul.breadcrumMenu a, 
ul.breadcrumMenu a:link, 
ul.breadcrumMenu a:visited { display: block; float: left; margin:0; padding:0 5px; color: #b4b4b4; text-decoration: underline; }
ul.breadcrumMenu a:hover, 
ul.breadcrumMenu a:active, 
ul.breadcrumMenu a.active, 
ul.breadcrumMenu a:visited.active { color: #B4B4B4; text-decoration: none; }
ul.breadcrumMenu span { height:13px; background:none; margin: 0 .3em 0 .3em; display: block; float: left;}
/* extra menu */
ul.extraMenu { float:right;	margin:0px; padding: 0 12px 0 0; width:114px; line-height: 20px; color: #000; text-align: right; list-style:none; }
ul.extraMenu li { display:block; padding:0px; margin:0px;}
ul.extraMenu a, 
ul.extraMenu a:link, 
ul.extraMenu a:visited { display: block; padding: 0; text-decoration: none; color: #bebebe; }
ul.extraMenu a:hover, 
ul.extraMenu a:active, 
ul.extraMenu a.active,
ul.extraMenu a:visited.active { color: #949494; text-decoration: underline; }
ul.extraMenu a.active, 
ul.extraMenu a:visited.active {  text-decoration: none;}

.autoCursor { cursor: auto; }

/* column */
#column { position: absolute; right: 0; top: 0; width: 190px; padding: 0; margin: 0;}
#column ul { margin: 20px 0 0 16px; padding: 0; list-style: none; }
#column ul li { margin: 3px 0; padding: 0; }
#column ul li a { display: block; height: 18px; padding: 0 4px 0 22px; color: #000; text-decoration: none;}
#column ul li a.active { display: block; height: 18px; padding: 0 4px 0 22px; background: url(pics/menu_pijl.gif) no-repeat 0 center; color: #000; text-decoration: none;}
#column ul li a:hover { text-decoration: underline;}

/* news */
#holder .bodyColumns .newsColumn { background: #0000FF; position:absolute; width: 210px; height: 100%; left: 774px; margin-top: 240px; background: #cfcfcf url(pics/bgNewsColumn.gif) repeat-y 0 0;}

/* News ---- COLUMN 4 */
.newsItem { padding-left: 10px; padding-right: 10px; }
#newsColumn { width: 210px; }
#newsColumn h2 { clear: both; padding: 6px 10px 0px 10px; font: bold 11px/16px Tahoma, Verdana, Arial, sans-serif; text-transform: uppercase; color:#2F4A6C; display: block;}
#newsColumn h2.first { padding-bottom: 8px; background: url(pics/bgNewsColumnFirstTitle.jpg) #b4b4b4 no-repeat 0 0; color:#676767; font: bold 16px/16px Tahoma, Verdana, Arial, sans-serif; text-transform: uppercase; }
#newsColumn .newsholder { width:190px; margin: 0 10px 0 10px; }
#newsColumn .newsholder ul { margin-left: 0px; width: 190px; list-style: none; }
#newsColumn .newsholder ul li { width: 190px; }
#newsColumn .newsholder ul li h2 { margin: 0; padding: 0;  }
#newsColumn .newsholder ul li a { float: right; display: block; margin: 5px 0px 20px 0px; font-size: 10px; font-weight: bold; color: #848484; text-transform: uppercase; text-decoration: none; }
#newsColumn .newsholder ul li a:hover { float: right; display: block; margin: 5px 0px 20px 0px; font-size: 10px; color: #848484; text-decoration: underline; }