* { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #4a4a4a; text-align: center; background: #fff; }

/* holder */
#holder { position: relative; margin: 0 auto; width: 957px; height: auto; overflow: hidden; text-align: left; z-index: 1; }

/* hhead */
#hhead { position: relative; float: left; width: 100%; height: 112px; background: url(pics/bgHHead.jpg) bottom left no-repeat; border-bottom: 1px solid #FFFFFF; z-index: 2; }
#hhead h1.logo { position: absolute; top: 0; left: 0; z-index: 60; display: block; margin-top: 15px; width: 174px; height: 59px; background: url(pics/logo.gif); }
#hhead h1.logo a { display: block; width: 174px; height: 59px; }
#hhead h1.logo a span { display: none; }

/* hhead - main menu */
#mainMenu { position: absolute; z-index: 50; top: 46px; right: 0px; padding-top: 1px; width: 775px; height: 38px; background: url(pics/bgMainMenu.gif) top right no-repeat; }
#mainMenu ul { position: relative; float: right; z-index: 60; float: right; width: auto; height: 38px; }
#mainMenu ul.mainMenu li { float: left; margin: 0px 12px; display: block; display: inline; height: 38px; }
#mainMenu ul.mainMenu li a, 
#mainMenu ul.mainMenu li a:active, 
#mainMenu ul.mainMenu li a:visited { position: relative; float: left; display: block; padding: 0px 1px; height: 36px; width: auto; font-size: 15px; color: #ca132d; text-decoration: none; line-height: 36px; border-top: 2px solid #FFFFFF; }
#mainMenu ul.mainMenu li a:hover, 
#mainMenu ul.mainMenu li a.active, 
#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: block; padding: 0px 1px; height: 36px; width: auto; font-size: 15px; color: #8e091c; text-decoration: none; line-height: 36px; border-top: 2px solid #ffc936; }

#mainMenu ul.mainMenu li ul { position: absolute; z-index: 50; top: 38px; left: -10px; width: 192px; height: auto; }
#mainMenu ul.mainMenu li ul li { float: left; width: 192px; height: 30px; }
#mainMenu ul.mainMenu li ul li a, 
#mainMenu ul.mainMenu li ul li a:link, 
#mainMenu ul.mainMenu li ul li a:visited, 
#mainMenu ul.mainMenu li ul li a:active, 
#mainMenu ul.mainMenu li ul li a.active { display: block; padding: 0px 12px; width: 168px; height: 30px; font-size: 14px; font-weight: normal; color: #000; text-decoration: none; line-height: 30px; border: none; background: #ffffff; }
#mainMenu ul.mainMenu li ul li a:hover, 
#mainMenu ul.mainMenu li ul li a.active, 
#mainMenu ul.mainMenu li ul li a.mouse, 
#mainMenu ul.mainMenu li ul li a.active:visited, 
#mainMenu ul.mainMenu li ul li a.active:hover, 
#mainMenu ul.mainMenu li ul li a.active:active { display: block; padding: 0px 12px; width: 168px; height: 30px; font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 30px; border: none; background: url(pics/bgMainMenuHover.gif) repeat-x; }
#mainMenu ul.mainMenu li ul li.firstNode { background: url(pics/bgMainMenuFirst.gif) repeat-x; }
#mainMenu ul.mainMenu li ul li.lastNode { padding-bottom: 3px; background: url(pics/bgMainMenuLast.gif) bottom left no-repeat; }

#mainMenu ul.mainMenu li ul li ul { position: absolute; top: 0px; left: 180px; }
#holder.en #mainMenu ul.mainMenu li ul li ul { left: -204px; }
#mainMenu ul.mainMenu li ul li ul li ul{ display: none; }

/* hhead - language menu */
#hhead #languageMenu { position: relative; float: right; margin-top: 10px; }
#hhead #languageMenu ul { list-style: none; }
#hhead #languageMenu ul li { display: inline; padding-left: 15px; }
#hhead #languageMenu ul li.lastNode { background: url(pics/divLanguagemenu.gif) 7px no-repeat; }
#hhead #languageMenu ul li a,
#hhead #languageMenu ul li a:visited { color: #5a5a5a; text-decoration: none; }
#hhead #languageMenu ul li a:hover { text-decoration: underline; }

/* hhead - searchbox */
#hhead #searchBox { display: none; }

/* hbar */
#hbar { position: relative; float: left; width: 100%; height: 236px; background: url(pics/bgHbar.jpg) top left no-repeat; }
#hbar .beeldwissel { position: relative; float: right; display: inline; margin: 12px 4px 0px 0px; width: 237px; height: 177px; overflow: hidden; }
#hbar .beeldwissel img { position: absolute; top: 0; left: 0; z-index: 0; }
#hbar .beeldwissel ul { position: relative; float: left; display: inline; margin: 12px 19px; list-style: none; }
#hbar .beeldwissel ul li { position: relative; float: left; width: 205px; height: 147px; overflow: hidden; }
#hbar .lastNode { margin-right: 13px; }

/*#hbar ul.productMenu { display: none; }*/
#hbar ul.productMenu { position: absolute; left: 243px; top: 146px; display: block; list-style: none; width: 689px; height: 82px; z-index: 45; }
#hbar ul.productMenu li { position: relative; float: left; margin-right: 34px; overflow: hidden; display: inline; width: 207px; }
#hbar ul.productMenu li.lastNode { margin-right: 0px; }
#hbar ul.productMenu li a,
#hbar ul.productMenu li a:visited { display: block; padding: 5px 12px; height: 14px; font-size: 14px; font-weight: bold; line-height: 14px; color: #FFFFFF; border: 1px solid #e3e3e2; }
#hbar ul.productMenu li.node1 a { background: url(../../skins/default/pics/bgProductMenuHorizontaal.png); }
#hbar ul.productMenu li.node2 a { background: url(../../skins/default/pics/bgProductMenuDiagonaal.png); }
#hbar ul.productMenu li.node3 a { background: url(../../skins/default/pics/bgProductMenuVerticaal.png); }

#hbar ul.productMenu li ul { list-style: none; width: 205px; }
#hbar ul.productMenu li ul li { float: left; width: 207px; background: #ffeecc; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; border: none; }
#hbar ul.productMenu li ul li a,
#hbar ul.productMenu li ul li a:visited { font-size: 13px; font-weight: normal; border: none; border-left: 1px solid #fff9ec; border-right: 1px solid #fff9ec; }
#hbar ul.productMenu li ul li.lastNode a { border-bottom: 1px solid #fff9ec; }
#hbar ul.productMenu li ul li a span { padding-left: 9px; }
#hbar ul.productMenu li.node1 ul li a,
#hbar ul.productMenu li.node1 ul li a:visited { color: #8e284f; background: none; }
#hbar ul.productMenu li.node1 ul li a:hover { color: #8e284f; background: url(../../skins/default/pics/bgHomeSubMenuHoverNode1.gif) top left repeat-y; text-decoration: none; }
#hbar ul.productMenu li.node1 ul li a span { background: url(../../skins/default/pics/bgProductSubMenuNode1.gif) left 50% no-repeat; }
#hbar ul.productMenu li.node2 ul li a,
#hbar ul.productMenu li.node2 ul li a:visited { color: #aa4a00; background: none; }
#hbar ul.productMenu li.node2 ul li a:hover { color: #aa4a00; background: url(../../skins/default/pics/bgHomeSubMenuHoverNode2.gif) top left repeat-y; text-decoration: none; }
#hbar ul.productMenu li.nodey ul li a span { background: url(../../skins/default/pics/bgProductSubMenuNode2.gif) left 50% no-repeat; }
#hbar ul.productMenu li.node3 ul li a,
#hbar ul.productMenu li.node3 ul li a:visited { color: #57443c; background: none; }
#hbar ul.productMenu li.node3 ul li a:hover { color: #57443c; background: url(../../skins/default/pics/bgHomeSubMenuHoverNode3.gif) top left repeat-y; text-decoration: none; }
#hbar ul.productMenu li.node3 ul li a span { background: url(../../skins/default/pics/bgProductSubMenuNode3.gif) left 50% no-repeat; }

/* hbody */
#hbody { position: relative; float: left; width: 100%; height: auto; }
#hbody .hbody { position: relative; float: left; padding-bottom: 20px; width: 100%; height: auto; background: #ffffff; }
#hbody .hbody .tpl { position: relative; float: left; width: 705px; height: auto; }
#hbody .hbody .tpl .rail { position: relative; float: left; width: 225px; height: auto; padding-top: 5px; }

#hbody .hbody .tpl .rail .block { position: relative; float: left; display: inline; margin: 0px 0px 15px 7px; width: 204px; }
#hbody .hbody .tpl .rail .block img { position: relative; float: left; }
#hbody .hbody .tpl .rail .block img.brochure { margin-left: 12px; }
#hbody .hbody .tpl .rail .block .blockBody { position: relative; float: left; padding: 0px 14px 5px 14px; width: 176px; }
#hbody .hbody .tpl .rail .block .blockBody h2,
#hbody .hbody .tpl .rail .block .blockBody h2 a,
#hbody .hbody .tpl .rail .block .blockBody h2 a:hover,
#hbody .hbody .tpl .rail .block .blockBody h2 a:visited { font-size: 14px; font-weight: bold; color: #ed924c; line-height: 110%; text-decoration: none; }
#hbody .hbody .tpl .rail .block .blockBody p, 
#hbody .hbody .tpl .rail .block .blockBody p a,
#hbody .hbody .tpl .rail .block .blockBody p a:hover,
#hbody .hbody .tpl .rail .block .blockBody p a:visited { margin-bottom: 4px; font-size: 12px; color: #5a5a5a; line-height: 110%; }
#hbody .hbody .tpl .rail .block h1 { margin:0; padding:0; display: block; width: 204px; height: 28px; line-height: normal; }
#hbody .hbody .tpl .rail .block h1 img { position: absolute; top: 0; left: 0; z-index: 0; }
#hbody .hbody .tpl .rail .block span { position: absolute; top: 6px; left: 15px; font-size: 14px; font-weight: bold; color: #FFFFFF; line-height: normal; z-index: 1; }
#hbody .hbody #rail .block img { position: relative; float: left; }

#hbody .hbody .tpl .rail .blockBeeld { position: relative; float: left; margin: 25px 0px; }
#hbody .hbody .tpl .rail .blockBeeld img { margin-left: 11px; }

#hbody .hbody .tpl .rail .blockContact { position: relative; float: left; display: inline; margin: 0px 0px 15px 7px; width: 204px; }
#hbody .hbody .tpl .rail .blockContact img { position: relative; float: left; }
#hbody .hbody .tpl .rail .blockContact .blockBody { position: relative; float: left; padding: 0px; width: 204px; }
#hbody .hbody .tpl .rail .blockContact .blockBody .blockBodyAddress { position: relative; float: left; display: inline; margin-left: 6px; padding: 10px 16px; width: 160px; height: 128px; background: #fff6df url(pics/blockContactBodyAddress.png) bottom left repeat-x; }
#hbody .hbody .tpl .rail .blockContact .blockBody .blockBodyAddress h2 { margin: 0px 5px; font-size: 14px; font-weight: bold; color: #ed924c; line-height: 110%; }
#hbody .hbody .tpl .rail .blockContact .blockBody .blockBodyAddress address { margin: 10px 5px 0px 5px; font-size: 12px; font-style: normal; color: #5a5a5a; line-height: 110%; }
#hbody .hbody .tpl .rail .blockContact .blockBody .blockBodyAddress address strong { font-size: 16px; font-weight: bold; }

/* hbody - breadcrum */
#hbody .hbody .tpl #breadcrumMenu { position: relative; float: right; display: inline; padding: 0px 15px; width: 450px; height: auto; }
#hbody .hbody .tpl #breadcrumMenu ul { margin-top: 15px; width: auto; height: auto; list-style: none;  }
#hbody .hbody .tpl #breadcrumMenu ul li { display: inline; padding: 0px 9px; color: #606060; background: url(pics/divBreadCrum.gif) left no-repeat; }
#hbody .hbody .tpl #breadcrumMenu ul li a { color: #7f7f7f; text-decoration:none; }
#hbody .hbody .tpl #breadcrumMenu ul li a:hover { text-decoration:underline; }
#hbody .hbody .tpl #breadcrumMenu ul li.firstNode { padding-left: 0px; background: none; }
#hbody .hbody .tpl #breadcrumMenu ul li.lastNode { padding-right: 0px; }

/* hbody - content */
#hbody .hbody .tpl #content { position: relative; float: right; display: inline; padding: 20px 15px; width: 450px; height: auto;}
#hbody .hbody .tpl .intro { position: relative; float: left; padding-bottom: 10px; width: 450px; font-size: 14px; font-weight: bold; color: #000000; }

/* hbody rail */
#hbody .hbody #rail { position: relative; float: left; width: 252px; min-height: 357px; background: url(pics/bgHbody.gif) top repeat-x; }
#hbody .hbody #rail .slogan { position: relative; float: left; display: inline; margin: 0px 0px 38px 25px; width: 214px; height: auto; min-height: 95px; }
#hbody .hbody #rail .slogan span { color: #e66400; line-height: 30px; }
#hbody .hbody #rail .slogan span strong { font-size: 20px; color: #FFFFFF; }
#hbody .hbody #rail .slogan span b { font-size: 16px; color: #FFFFFF; }

#hbody .hbody #rail .block { position: relative; float: left; display: inline; margin: 0px 0px 15px 22px; width: 204px; }
#hbody .hbody #rail .block h1 { margin:0; padding:0; display: block; width: 204px; height: 28px; line-height: normal; }
#hbody .hbody #rail .block h1 img { position: absolute; top: 0; left: 0; z-index: 0; }
#hbody .hbody #rail .block h1 span { position: absolute; top: 6px; left: 15px; font-size: 14px; font-weight: bold; color: #FFFFFF; line-height: normal; z-index: 1; }
#hbody .hbody #rail .block img { position: relative; float: left; }
#hbody .hbody #rail .block .blockBody { position: relative; float: left; padding: 0px 6px 5px 20px; width: 178px; }
#hbody .hbody #rail .block .blockBody h2,
#hbody .hbody #rail .block .blockBody h2 a,
#hbody .hbody #rail .block .blockBody h2 a:hover
#hbody .hbody #rail .block .blockBody h2 a:visited { font-size: 14px; font-weight: bold; color: #b56939; line-height: 110%; }
#hbody .hbody #rail .block .blockBody p,
#hbody .hbody #rail .block .blockBody p a,
#hbody .hbody #rail .block .blockBody p a:hover,
#hbody .hbody #rail .block .blockBody p a:visited { margin-bottom: 4px; font-size: 12px; color: #5a5a5a; line-height: 110%; }
#hbody .hbody #rail .block .blockBody img { position: relative; float: right; }
#hbody .hbody #rail .block .dealerLocator img { margin-right: 13px; }
#hbody .hbody #rail .block .garantie img { margin-right: 13px; }
#hbody .hbody #rail .block .ballonvaart img { margin-right: 0px; }
#hbody .hbody #rail .block .ballonvaart img { margin-right: 0px; }
/* EXTRA STYLE GARANTIE BLOCK
	#hbody .hbody #rail .block .garantie { width: 90px; padding-right: 94px; }
	#hbody .hbody #rail .block .garantie img { position: absolute; right: 0px; top: -43px; margin-right: 13px; }
*/

/* footer */
#footer { position: relative; float: left; padding-top: 13px; width: 100%; height: 35px; background: url(pics/bgFooter.gif) top center no-repeat; }
#footer #footMenu { text-align: center; }
#footer #footMenu ul.footMenu { position: relative; margin: 0 auto; width: auto; height: 13px; }
#footer #footMenu ul.footMenu li { display: inline; padding: 0px 9px 0px 8px; font-size: 12px; color: #999999; background: url(pics/divFootMenu.gif) right no-repeat; }
#footer #footMenu ul.footMenu li a { font-size: 12px; color: #999999; }
#footer #footMenu ul.footMenu li.lastNode { background: none; }