html, body { height: 100%; } * { margin: 0; padding: 0; } body { border: 0; background: #fff; } #holder { position: absolute; width: 979px; height: auto; margin: 0; padding: 0px 0px 0px 16px; text-align: left; } /* head */ #hhead { position: relative; float: left; width: 966px; height: 296px; margin: 0; padding: 0; } #hhead .hhead, #hhead .hhead { height: 266px; } #hhead .logo { position: relative; float: left; display: inline; width: 182px; height: 64px; padding: 0; margin: 20px 0px 0px 626px; background-image: url(/skins/default/pics/logo.gif); } #hhead .logo a { width: 182px; height: 64px; display: block; } #hhead .logo a span { display: none; } #hhead address { position: relative; float: left; display: inline; margin: 6px 0px 0px 626px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00094b; font-style: normal; line-height: normal; } #hhead address a, #hhead address a:visited { text-decoration: underline; color: #d40019; } #hhead address a:hover { text-decoration: none; color: #d40019; } #hhead address .openingstijden { display: none; } /* breadcrum */ #breadcrumMenu { position: relative; float: left; width: 966px; height: 29px; background: #FFFFFF; } #breadcrumMenu ul.breadcrumMenu { position: absolute; top: 6px; left: 0; width: 620px; padding: 0px; list-style: none; font: Arial, Helvetica, sans-serif; font-size: 11px; } #breadcrumMenu ul.breadcrumMenu li { position: relative; float: left; width: auto; height: 13px; margin: 0px 4px 0px 0px; padding: 0px 9px 0px 0px; background: url(/skins/default/pics/divBreadCrum.gif) right 6px no-repeat; color: #858585; } #breadcrumMenu ul.breadcrumMenu li a, #breadcrumMenu ul.breadcrumMenu li a:visited { position: relative; float: left; width: auto; height: 12px; font: Arial, Helvetica, sans-serif; font-size: 11px; color: #858585; text-decoration: underline; } #breadcrumMenu ul.breadcrumMenu li a:hover, #breadcrumMenu ul.breadcrumMenu li a.active { text-decoration: none; } #breadcrumMenu ul.breadcrumMenu li.lastNode { background: none #FFFFFF; } /* main menu */ #mainMenu { position: absolute; width: 583px; height: 26px; top: 29px; left: 16px; margin:0; padding: 0; background: #00094b; z-index: 50; } #mainMenu ul.mainMenu { position: relative; float: left; margin: 0px 0px 0px 130px; display: inline; height: 26px; } #mainMenu ul.mainMenu li { position: relative; float: left; width: auto; height: 26px; margin: 0; padding: 0; display: block; 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; width: auto; height: 26px; display: block; padding: 0 10px; font-size: 14px; line-height: 26px; text-decoration: none; color: #b3b6c9; } #mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.mouse, #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; width: auto; height: 26px; display: block; padding: 0 10px; font-size: 14px; line-height: 26px; text-decoration: none; color: #f2b3ba; background: #d40019; } #mainMenu ul.mainMenu li ul { width: 160px; left: 0; z-index: 100; margin: 26px 0 0 0; padding: 0; border: 0; background: #00094b; } #mainMenu ul.mainMenu li ul li { display: inline; border: 0; padding: 0; margin: 0; width: 160px; } #mainMenu ul.mainMenu li ul li.firstNode { margin-top: 20px; } #mainMenu ul.mainMenu li ul li.lastNode { padding-bottom: 20px; } #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 { width: 150px; display: block; height: 26px; padding: 0px 0px 0px 10px; line-height: 26px; text-decoration: none; color: #b3b6c9;} #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 { width: 150px; display: block; height: 26px; padding: 0px 0px 0px 10px; background: #6c729e; line-height: 26px; text-decoration: none; color: #FFFFFF;} /* general menu */ #generalMenu { position: absolute; width: 142px; height: auto; top: 84px; left: 16px; margin:0; padding: 0; background: #FFFFFF; z-index: 100; } #generalMenu ul.generalMenu { position: relative; float: left; width: 142px; height: auto; margin: 0px; display: inline; } #generalMenu ul.generalMenu li { position: relative; float: left; width: 126px; height: 28px; margin: 0; padding: 0; display: block; background: none; text-align: right; } #generalMenu ul.generalMenu li.firstNode { margin-top: 20px; } #generalMenu ul.generalMenu li a, #generalMenu ul.generalMenu li a:link, #generalMenu ul.generalMenu li a:active, #generalMenu ul.generalMenu li a:visited { position: relative; float: left; width: 84px; height: 28px; display: block; padding: 0px 42px 0px 0px; font-size: 14px; text-decoration: none; color: #00094b; } #generalMenu ul.generalMenu li a:hover, #generalMenu ul.generalMenu li a.active, #generalMenu ul.generalMenu li a.active:link, #generalMenu ul.generalMenu li a.active:visited, #generalMenu ul.generalMenu li a.active:hover, #generalMenu ul.generalMenu li a.active:active { position: relative; float: left; width: 84px; height: 28px; display: block; padding: 0px 42px 0px 0px; font-size: 14px; text-decoration: none; color: #d40019; } /* general menu - Agrarisch */ #generalMenu ul.generalMenu li.node1 { background: url(/skins/default/pics/bgGeneralAgrarisch.gif) right 0px no-repeat; } #generalMenu ul.generalMenu li.node1 a { background: url(/skins/default/pics/bgGeneralAgrarisch.gif) right -28px no-repeat; } /* general menu - Industrie */ #generalMenu ul.generalMenu li.node2 { background: url(/skins/default/pics/bgGeneralIndustrie.gif) right 0px no-repeat; } #generalMenu ul.generalMenu li.node2 a { background: url(/skins/default/pics/bgGeneralIndustrie.gif) right -28px no-repeat; } /* general menu - Ballonvaart */ #generalMenu ul.generalMenu li.node3 { background: url(/skins/default/pics/bgGeneralBallonvaart.gif) right 0px no-repeat; } #generalMenu ul.generalMenu li.node3 a { background: url(/skins/default/pics/bgGeneralBallonvaart.gif) right -28px no-repeat; } /* general menu - Dakekkers */ #generalMenu ul.generalMenu li.node4 { background: url(/skins/default/pics/bgGeneralDakdekkers.gif) right 0px no-repeat; } #generalMenu ul.generalMenu li.node4 a { background: url(/skins/default/pics/bgGeneralDakdekkers.gif) right -28px no-repeat; } /* general menu - Heftrucks */ #generalMenu ul.generalMenu li.node5 { background: url(/skins/default/pics/bgGeneralHeftrucks.gif) right 0px no-repeat; } #generalMenu ul.generalMenu li.node5 a { background: url(/skins/default/pics/bgGeneralHeftrucks.gif) right -28px no-repeat; } /* general menu - Recreatie */ #generalMenu ul.generalMenu li.node6 { background: url(/skins/default/pics/bgGeneralRecreatie.gif) right 0px no-repeat; } #generalMenu ul.generalMenu li.node6 a { background: url(/skins/default/pics/bgGeneralRecreatie.gif) right -28px no-repeat; } /* general menu - Particulier */ #generalMenu ul.generalMenu li.node7 { background: url(/skins/default/pics/bgGeneralParticulier.gif) right 0px no-repeat; } #generalMenu ul.generalMenu li.node7 a { background: url(/skins/default/pics/bgGeneralParticulier.gif) right -28px no-repeat; } #generalMenu ul.generalMenu li a:hover, #generalMenu ul.generalMenu li a.active { background-image: none; } /* AFBEELDINGEN DOEL MENU'S */ .gastank { position: absolute; top: 160px; right: 360px; z-index: 50; } .gastankAgrarisch { position: absolute; top: 150px; right: 367px; z-index: 50; } .gastankIndustrie { position: absolute; top: 120px; right: 357px; z-index: 50; } .gastankBallonvaart { position: absolute; top: 156px; right: 367px; z-index: 50; } .gastankDakdekkers { position: absolute; top: 106px; right: 360px; z-index: 50; } .gastankHeftrucks { position: absolute; top: 144px; right: 358px; z-index: 50; } .gastankRecreatie { position: absolute; top: 136px; right: 374px; z-index: 50; } .gastankParticulier { position: absolute; top: 160px; right: 360px; z-index: 50; } /* holder */ #hbody { position: relative; float: left; width: 824px; height: auto; margin: 0px 0px 0px 142px; display: inline; clear: both; } #hbody .hbody .tpl { position: relative; float: left; width: 419px; overflow: hidden; margin: 0; padding: 15px 20px 30px 0px; color: #000;} #hbody .hbody #customer { position: relative; float: left; padding: 37px 0px 0px 46px; width: 339px; height: 410px; background: url(/skins/default/pics/bgCustomer.gif) repeat-x; padding-bottom: 30px; text-align: center; } #hbody .hbody #customer .customer { width: 339px; height: 410px; background: url(pics/bgCustomerLogo.gif) 30px 150px no-repeat; } #hbody .hbody #customer .customer img { position: absolute; top: 15px; right: 10px; } #hbody .hbody #customer .customer h1 { display: block; margin-bottom: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #d40019; text-align: left; } #hbody .hbody #customer .customer blockquote { position: relative; float: left; width: 180px; display: block; display: inline; text-align: left; } #hbody .hbody #customer .customer blockquote .quote { margin-top: 0px; font-size: 14px; color: #d4001a; } #hbody .hbody #customer .customer blockquote .author { display: block; clear: left; margin-top: 14px; font-size: 10px; text-align: left; color: #d4001a; } /* footer */ #hfoot { position: relative; float: left; display: inline; width: 824px; height: 31px; margin: 0px 0px 0px 142px; clear: both; background: #e1e1e2;} #hfoot #footMenu ul { width: 824px; display: inline; position: relative; height: 31px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; list-style: none; } #hfoot #footMenu ul li { float: left; line-height: 31px; margin-right: 16px; } #hfoot #footMenu ul li.firstNode { margin-left: 12px; } #hfoot #footMenu ul li a, #hfoot #footMenu ul li a:link, #hfoot #footMenu ul li a:active, #hfoot #footMenu ul li a:visited { color: #656565; text-decoration: none; } #hfoot #footMenu ul li a:hover, #hfoot #footMenu ul li a.active, #hfoot #footMenu ul li a.active:link, #hfoot #footMenu ul li a.active:visited, #hfoot #footMenu ul li a.active:hover { color: #d4001a; text-decoration: none; } a.bestellen { background: url(/skins/default/pics/bestellen.png) no-repeat 0 0; width: 200px; height: 41px; position: absolute; right: 140px; bottom: 35px; z-index: 1;} a.bestellen span { text-align: center; margin-top: 8px; float: left; color: #fff; width: 100%; font: bold 18px/20px Arial; text-decoration: none; }