body { margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 10px; color: black; background-color: white; text-align: justify; } body { text-align: center; } html>body { text-align: justify; } td { font-family: Verdana, sans-serif; font-size: 10px; } #wrap { width: 760px; margin-left: auto; margin-right: auto; } #top{ height: 3px; width: 760px; } #logo { width: 143px; height: 92px; float: left; text-align: left; } #clickbanner { width: 468px; height: 66px; float: right; margin: 0px; padding: 0px; } #menu{ width: 565px; height: 92px; float: right; text-align: right; margin-left: 2px; background: transparent url("../images/heinekenBanner.jpg") no-repeat; color: #FF4111; background-position: top right; } #header { width: 760px; height:92px; float: left; } #oranje { width: 760px; height: 74px; float: left; background: transparent url("../images/top_bg.gif") no-repeat; text-align: left; overflow: hidden; } #oranjepijl{ width: 21px; height: 74px; float: left; margin-left: 15px; } #stappentekst{ width: 400px; height: 74px; float: left; margin-left: 15px; color: white; } #postcode{ width: 260px; float: left; color: white; margin-top: 18px; margin-left: 170px; } #postcode img, #postcode input, #postcode submit { vertical-align: middle; } li { text-align: left; } a img { border: none; } a, a:link { color: #FF4111; } a:hover { color: #FF4111; } a:visited{ color: #FF4111; } #stappentekst a{ color: white; } #stappentekst a:link{ color: white; } #stappentekst a:hover { color: white; } #stappentekst a:visited{ color: white; } #invulveldwrap a{ color: black; text-decoration: none; } #invulveldwrap a:link{ color: black; text-decoration: none; } #invulveldwrap a:hover { color: black; text-decoration: underline; } #invulveldwrap a:visited{ color: black; } fieldset { background-color:#FD7416; border:solid 0 #fff; width:260px; height: 30px; } #partner { width: 760px; height: 67px; clear: both; margin-top: 10px; margin-left: auto; margin-right: auto; } .textfield { font:1.1em Verdana, Arial, Helvetica, sans-serif ; color:#333 ; margin:3px; height:20px; border:solid 0 #fff; padding: 3px 10px; width:78px; } fieldset>input.textfield { background: transparent url("../images/textfield_bg.gif") no-repeat; } .submit { margin:3px; background: transparent url("../images/search.gif") no-repeat; height:29px; border:solid 0 #fff; width:28px; } .inp { border: 1px solid #ddd; height: 2em; width: 150px; background: #f2f2f2; font: 11px verdana, sans-serif; color: #443; padding: 3px; } #invulveld { width: 760px; height: 40px; text-align: left; float: left; border: 1px solid #FD6816; overflow: hidden; } html>body>#wrap>#invulveld{ height: 35px; width: 758px; } #invulveldwrap { margin-top: 8px; margin-left: 5px; float: left; margin-bottom: 0px; } h2 { font-size: 14px; margin-top:14px; margin-bottom: 4px; } #userloginImg{ width: 48px; float: left; } #userloginText{ width: 300px; float: left; margin-left: 20px; } #userloginWrap{ width: 270px; float: left; margin-top: 20px; margin-left: 68px; .margin-left: 20px; } .userloginInvul{ width: 100px; float: left; height: 2em; } .userloginInput{ width: 150px; float: left; margin-left: 20px; .margin-left: 10px; } .userloginSpace { width: 250px; height: 0.5em; float: left; } #userloginSubmit{ width: 50px; float: left; margin-top: 20px; margin-left: 200px; .margin-left: 67px; } #loginProcess{ float: left; } #links { width: 160px; height: 100%; margin-top: 20px; float: left; text-align: left; } #rechts { width: 600px; float: left; } #voorkeurmenutop { width: 155px; float: left; } #voorkeurmenumiddle { width: 155px; float: left; } #voorkeurmenubottom { width: 70px; float: left; } #menukeuze{ width: 400px; float: left; margin-top: 20px; overflow: hidden; } a img { border: none; } a, a:link { color: #FF4111; } a:hover { color: #FF4111; } a:visited{ color: #FF4111; } #menuonderwerp{ width: 120px; height: 400px; float: left; border: 1px solid #DBDBDB; margin-left: 5px; line-height: 15px; } #menulogologo{ margin-left: 5px; float: left; } #menulogomenu{ margin-left: 5px; float: left; } #menuartikelen{ width: 400px; float: left; margin-left: 5px; } #order{ width: 400px; float: left; margin-left: 15px; } #productinfo{ width: 180px; float: left; margin-right:10px; text-align: left; font-size: 10px; } #restinfo{ width: 376px; float: left; text-align: left; font-size: 10px; border: 1px solid #999999; background: #F2F2F2; margin-bottom: 15px; } #heinekenInfo { width: 376px; float: left; text-align: left; font-size: 10px; border: none; margin-bottom: 5px; } #productprijs{ width: 45px; float: left; margin-left: 70px; } #productimage{ width: 175px; float: left; margin-left: 5px; margin-top: 10px; text-align: right; } #producttoevoeg{ width: 70px; float: left; } #mandjeprijs{ width: 45px; float: left; } #mandjeproduct{ width: 190px; float: left; text-align: left; _margin-left: 1px; } #producten{ width: 190px; float: left; text-align: left; margin-top: 5px; } #voorkeurmenuadv{ width: 194px; margin-top: 20px; float: right; height: 100%; text-align: left; } #voorkeurmenutopadv { width: 194px; float: left; } #voorkeurmenumiddleadv { width: 194px; position: absolute; z-index:90; } #voorkeurmenubottomadv { width: 194px; float: left; } .line { float:left; } .catwrap { width: 376px; float: left; border-bottom: 1px solid #FBBE9D; } .catOmschrijving{ width: 376px; margin-bottom:10px; float: left; font-size: 9px; color:black; font-style: italic; font-weight: normal; } .catnaam { font-size: 16px; width:330px; font-weight: bold; float: left; color: red; text-align: left; } .naarboven{ font-size: 10px; width:40px; font-weight: bold; float: right; text-align: right; } .vulling { width: 300px; float: left; height: 20px; } .aantal{ width:20px; _width:22px; float:left; } .productnaam{ width: 100px; float:left; } .euro { width: 8px; float:left; margin-left: 2px; text-align: left; } .prijs{ width:40px; float:left; text-align: right; } .pricesymbol{ width:48px; float:left; text-align: right; } .vuilnis{ width:13px; float:right; } .space { width: 100px; float: left; height: 20px; } #oranjeimg{ width: 258px; height: 65px; float: left; margin-top: 10px; border: 1px solid white; } #producten a:link{ text-decoration: none; } #producten a:hover { text-decoration: none; } #producten a:visited{ text-decoration: none; } #info{ width: 180px; float:left; border: 1px dashed #000000; background-color: #F2F2F2; border-color:#000000; } #infoimage{ width: 17px; height: 25px; float: left; margin-left: 2px; margin-top: 10px; } #infotekst{ width: 150px; .width: 145px; margin-top:5px; margin-bottom: 2px; margin-left: 7px; float: left; } #totaalprijs{ width:110px; margin-left: 20px; _margin-left: 10px; float:left; } #price{ width: 20px; margin-left: 4px; float: left; } #bezorging{ width: 100px; margin-left: 20px; _margin-left: 10px; float:left; } #bezorgkosten{ width: 20px; margin-left: 4px; float: left; } .inp { border: 1px solid #ddd; background: #f2f2f2; font: 11px verdana, sans-serif; color: #443; padding: 3px; outline: none; } #mandjelegen { width: 80px; float:left; margin-left: 16px; _margin-left: 9px; } #mandjebestellen { width: 80px; float:left; margin-left: 19px; _margin-left: 10px; } #tipDiv{ position:absolute; visibility:hidden; z-index:100; } #fixedtipdiv{ position:absolute; padding: 2px; border:1px solid black; line-height:18px; z-index:100; } .popupdiv { color:#000033; background-color:#FFFFFF; layer-background-color:#cccccc; border: 2px solid #000000; position: absolute; margin: 0px; width: 1px; height: 1px; z-index:99; left: 0; top: 0; visibility:hidden; overflow: auto; text-align: left; } #popupdivPizza { color:#000033; background-color:#FFFFFF; layer-background-color:#cccccc; border: 2px solid #000000; position: absolute; margin: 0px; width: 600px; height: 600px; z-index:99; left: 0; top: 0; visibility:hidden; overflow: auto; text-align: left; } .basketscroll { width: 194px; position: absolute; z-index: 90; } .voorkeurmenu { width: 155px; position: absolute; z-index: 90; }