body { border:0 solid #FFFFFF; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; font-weight:normal; line-height:150%; margin:0; padding:0; text-align:center; color:#000000; } img { border:0px; } outline { 0px; } label, form, input { margin:0px; padding:0px; } .container { margin:0 auto; width:990px; position:relative; } .header { width:100%; background:url(logo.jpg) no-repeat left top; position:relative; height:110px; } .inloggentop { color:#999999; font-size:11px; left:360px; height:40px; position:absolute; top:20px; } .topright { color:#666666; position:absolute; right:0; top:5px; } .topright a { color:#666666; text-decoration:none; font-size:11px; } .inloggentop a { color:#666666; text-decoration:none; font-size:11px; } .inloggentop a:hover { text-decoration:none; color:#999999; } .inlogbutton { left:5px; padding-right:400px; position:relative; top:9px; } .verzenddoos { height:43px; width:150px; background:url(verzenddoos.gif); position:absolute; right:0px; top:40px; color:#233285; } .verzendinhoud { font-size:11px; margin-left:25px; margin-top:13px; } .verzendinhoud a { color:#233285; } /*****************Menu standaard*****************/ .menuhome { float:left; height:20px; left:0; width:25px; z-index:200; position:absolute; top:91px; } a.aanbiedinglink { position:absolute; top:135px; *top:136px; right:4px; background:url(aanbiedingen1.gif); width:116px; height:27px; *background:url(aanbiedingen.gif); *height:27px; z-index:2000; } .menu { height:52px; padding-left:1px; padding-top:1px; /*margin-right:120px;*/ text-align:left; position:relative; font-size:11px; } .menu ul { margin:0px; padding:0px; list-style:none; } .menu ul li.Nivo0, .menu ul li.Nivo0highlite { float:left; border:1px solid #CCCCCC; margin-left:-1px; margin-top:-1px; } .menu ul li.Nivo0 a, .menu ul li.Nivo0highlite a { display:block; color:#666666; text-decoration:none; padding:3px 5px 3px 5px; /*padding:3px 23px 4px 23px;*/ } .menu ul li.Nivo0highlite { background-color:#CCCCCC; } .menu .Nivo1 ul { display:none; } .menu .Nivo0 ul { position:absolute; left:0; position:absolute; top:116px; width:190px; } li.Nivo1 a { padding-left:10px!important; border-bottom:1px solid #CCCCCC; *height:10px; } .menu li.Nivo1highlite ul { display:block; position:static; } .menu li.Nivo2highlite a { color:#red!important; } .menu li.Nivo1highlite a { color:#000099!important; } .menu li.nivo2 a { color:#666666!important; } /*********************nivo2***********************/ li.Nivo2 { padding-left:20px; } .menu li.Nivo2highlite ul { display:none!important; } .menu li.Nivo1highlite a, color:#000099 !important; } .menu li.Nivo2 a { color:#666666!important; } .menu li.Nivo2highlite a { color:#fdd02f !important; } /*****************Ondermenu*****************/ .ondermenu { width:100%; text-align:left; float:left; color:#999999; text-decoration:none; } .ondermenu a { color:#999999; font-weight:bold; text-decoration:none; } .bread { padding:10px 0px 10px 5px; float:left; font-size:11px; } /*************************Zoeken******************/ #zoekenartikel { float:left; margin:10px 0px 10px 0px; position:relative; } #zoekenartikel1 { float:left; } #zoekenartikel2 { float:left; margin-left:5px; } .SearchQueryArtikel { background-color:#E5E5E5; border:1px solid #CCCCCC; padding:0px; margin:0px; height:22px; *margin-top:-1px; padding-left:5px; width:138px; } .zoekleft { height:22px; width:4px; background:url(zoekleft.gif); position:absolute; left:0px; *margin-top:-2px; } .zoekright { height:22px; width:4px; background:url(zoekright.gif); position:absolute; right:54px; } /*************************Main******************/ .mainwrap { width:100%; float:left; text-align:left; margin:0px; padding:0px; position:relative; *top:10px; } .mainwrapvervolg { width:100%; height:100px; } .mainimg { width:675px; height:395px; background:url(banner-big1.jpg); float:left; } .mainleft { width:675px; float:left; } .mainright { width:304px; height:229px; float:right; } .banner1 { background-color:#999999; float:right; height:125px; margin-bottom:10px; width:100%; } .banner2 { background-color:#999999; float:right; height:125px; margin-bottom:10px; width:100%; } .banner3 { background-color:#999999; float:right; height:125px; width:100%; } /*******************Ondermain**************/ .ondermain { height:158px; width:100%; clear:both; text-align:left; } /*******************Voordelen**************/ .voordelen { height:158px; width:675px; background:url(voordelen2.gif); clear:left; float:left; } .voordelenkop { position:relative; top:17px; left:17px; color:#666666; font-weight:bold; } /*******************NIeuwsbrief**************/ .nieuwsbrief { height:148px; width:304px; background:url(nieuwsbriefbg.gif) no-repeat; color:#666666; float:right; position:relative; top:15px; } .nieuwsbriefkop { color:#003399; font-weight:bold; margin-left:12px; margin-top:10px; padding-bottom:5px; } .nieuwsbriefinhoud { color:#666666; width:285px; margin-left:12px; } .nieuwsbriefknop { left:208px; position:absolute; top:82px; background:url(aanmelden.gif); color:#FFFFFF; width:90px; height:25px; } .nieuwsbriefinput { margin-bottom:5px; position:relative; top:5px; } .nieuwsbrief input { font-size:12px; } /*******************Footer**************/ .bottombanner { height:90px; width:100%; text-align:left; } .bottombannerleft { height:90px; width:675px; text-align:left; float:left; } .bottombannerright { height:90px; width:304px; text-align:left; float:right; } /*******************Linkbox**************/ .linkfooterwrap { float:left; position:relative; top:20px; width:100%; } .linkfooterwrapvervolg { float:left; width:100%; margin-top:150px; } .linkbox { width:100%; background:url(linkbak.jpg) no-repeat; min-height:186px; height:auto !important; height:186px; margin-top:30px; text-aling:left; color:#666666; position:relative; font-weight:normal; font-size:9px; display:none; } .linkbox .menu { margin:0px; margin-bottom:30px; } .linkbox .menu ul li { background-color:transparent; margin:0px; position:relative; border:0px; width:16%; } .linkbox .menu li.Nivo0 ul { display:none!important; } .linkbox .menu li.Nivo0 { height:100%; *height:50%; } /*******************Footer**************/ .footer { color: #999999; width:100%; height:75px; border-top:1px solid #CBCBCB; text-align:left; font-size:10px; background:url(bank.gif) no-repeat bottom right; margin-bottom:30px; position:relative; top:20px; } .footervervolg { color: #999999; width:100%; height:75px; border-top:1px solid #CBCBCB; text-align:left; font-size:10px; margin-bottom:30px; position:relative; top:20px; } .footer a, .footervervolg a { color: #999999; text-decoration:none; } /******************************Content*************************/ #contenthidden { display:none; } .contentright { width:174px; height:376px; background-color:green; float:right; background:url(contentright1.gif); } #content h1 { display:none; } /**************************Shop*******************************/ .bestellingkop { position:relative; left:3px; float:left; } #shop { width:610px; float:left; margin-left:200px; font-size:12px; color:#333333; text-align:left; *margin-top:5px; } #shop .basketlink a { color:#D40000; text-decoration:none; } #shop h1 { color:#00076C; display:inline !important; font-size:18px; font-weight:normal; } .artikelpadding { width:563px; *width:605px; position:relative; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding-left:20px; padding-right:20px; padding-bottom:10px; padding-top:20px; float:left; } .artikel { width:563px; *width:605px; position:relative; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding-left:20px; padding-right:20px; padding-bottom:14px; float:left; } .artikelbedankt { width:563px; *width:605px; position:relative; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding-left:20px; padding-right:20px; padding-bottom:14px; float:left; } .artikelbedankt p { margin-top:20px; } .artikeltop { width:605px; height:10px; background:url(artikeltop.gif) no-repeat; position:absolute; left:-1px; top:-1px; } .artikeltopbedankt { width:605px; height:10px; background:url(artikeltop.gif) no-repeat; position:absolute; left:-1px; top:-1px; } .artikelbottom { width:605px; height:10px; background:url(artikelbottom.gif) no-repeat; background-position:bottom; position:absolute; left:-1px; bottom:0px; } .artikel table a, .artikelpadding a { color:#003399; } .artikel hr { color:#CCCCCC; } .artikelpadding input, .artikelpadding select, .artikelpadding textarea, .artikel textarea { width:260px; } .aantalinput input { width:60px; } .button2 { width:13px!important; margin-left:5px; margin-right:5px; } #shop table { font-size:12px; color:#333333; } #shop td { padding-left:4px; } .table { margin-top:10px; } #content tt { display:none; } #shopitembg { width:203px; height:250px; background:url(shopitembg.gif); background-repeat:no-repeat; float:left; margin-bottom:13px; position:relative; } #shopblock { left:11px; position:absolute; top:60px; } #shopitemtitle { color:#003399; left:10px; position:absolute; top:7px; width:130px; } #shopoms { color:#707070; font-size:10px; position:absolute; left:10px; top:20px; display:none; } #shopprijsoud { bottom:28px; color:#666666; left:10px; position:absolute; text-decoration:line-through; } #shopblockaanbieding { width:57px; height:57px; background:url(sale.png); position:absolute; z-index:100; right:16px; top:3px; } .artikelpadding .shopprijsoud, .artikel .shopprijsoud { color:#666666; text-decoration:line-through; } #shopprijs { bottom:10px; color:#003399; font-size:19px; left:10px; position:absolute; } .artikelpadding .shopprijs, .artikel .shopprijs { color:#003399; font-size:19px; } #shoptoevoeg { bottom:5px; position:absolute; right:18px; } #shop a.Bewaar { background-image:url(bewaar.gif); float:right; height:30px; left:7px; position:relative; width:71px; } #shop a.MeerinfoToevoegen { height:30px; width:30px; background-image:url(shoptoev.jpg); float:left; } #shop a.Bestellen { width: 200px; height: 30px; background: url(toevoegen.jpg) no-repeat top left; float:right; left:8px; position:relative; } #shop a.Bestellendirect { width: 131px; height: 31px; background: url(directbestellen.gif) no-repeat top left; float:right; left:8px; position:relative; } #shop a.Catalogus { height: 30px; position:absolute; top:-20px; right:11px; color:#666666; text-decoration:none; } .idealtable table tr { height:30px; } #shop a.Winkelwagen { width: 176px; height: 30px; background: url(mijnbestelling.jpg) no-repeat top right; float:right; margin-right:-8px; } #shop p { padding:0px; line-height:150%; } #shop a.Inloggen { width: 90px; height: 30px; background: url(inloggen.gif) no-repeat top left; float:left; position:absolute; bottom:12px; left:11px; } #shop a.AfrekeneniDEAL { width: 192px; height: 30px; background: url(afrekenenideal.gif) no-repeat top left; float:right; position:absolute; bottom:12px; right:12px; } #shop a.Verder { width: 90px; height: 30px; background: url(doorgaan.gif) no-repeat top left; float:right; position:relative; } /*****************Artikel opmaken**********************/ .artikelomschrijving { color:#003399 !important; font-size:12px !important; font-weight:bold; } .plaatje { width:223px; } .nieuwsbrieflabel { float:left; width:100px; } /*********************winkelwagen*********/ .geenartikel { margin-bottom:20px; margin-top:20px; text-align:center; } .geenartikel table { line-height:12px; } .eerstemenuwrap { height:70px; } /*******************Contactform************************/ .nieuwsbriefform { font-size:11px; color:#666666; } .nieuwsbriefform .tekst { width:200px; } td.label { width:100px; } .nieuwsbriefform a { text-decoration:none; } .melding { color:red; margin-bottom:10px; margin-left:190px; margin-top:10px; width:200px; } .button { width:auto!important; } #content .fieldname { display:block; float:left; font-weight:bolder; width:120px; } /* #menuspacer { background-color:red; float:left; height:300px; width:200px; }*/ #absoluteul { } /* ================ Product pagin =================== */ .productpaging { clear:both; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0; margin:0; } .productpaging li { float:left; height:23px; line-height:23px; padding:0 5px; } .productpaging .info, .productpaging .prev { padding:0 5px 0 0; } .productpaging .active { font-weight: bolder; } .productpaging .pageprev { display:block; background:url(vorige.gif) no-repeat left top; width:82px; text-indent:-1000px; outline: none; } .productpaging .pagenext { display:block; background:url(volgende.gif) no-repeat left top; width:82px; text-indent:-1000px; outline: none; } .productpaging .pageprev:focus, .productpaging .pagenext :focus { outline: none; } .productpaging a { } /********************Homeaanbieding*************************/ .homeaanbieding { width:304px; height:395px; } .homeaanbieding #shopitembg { width:304px; height:125px; background:url(homeaanbiedingbg2.gif); background-repeat:no-repeat; float:left; margin-bottom:10px; position:relative; } .homeaanbieding #shopblock { left:6px; position:absolute; top:45px; } .homeaanbieding #shopitemtitle { color:#003399; left:10px; position:absolute; top:7px; width:148px; font-size:14px; } .homeaanbieding #shopoms { color:#707070; font-size:10px; position:absolute; left:10px; top:20px; display:none; } .homeaanbieding #shopprijsoud { bottom:28px; color:#666666; font-size:15px; left:10px; position:absolute; text-decoration:line-through; top:75px; } .homeaanbieding #shopprijs { bottom:10px; color:#003399; font-size:23px; font-weight:bold; left:10px; position:absolute; } .homeaanbieding #shopblockaanbieding { width:57px; height:57px; background:url(sale.png); position:absolute; z-index:100; right:3px; top:3px; } .homeaanbieding img { position:absolute; right:-243px; top:-11px; width:91px; } .homeaanbieding a.MeerinfoToevoegen { height:30px; width:30px; background-image:url(shoptoev.jpg); float:left; } .homeaanbieding #shoptoevoeg { bottom:5px; position:absolute; right:6px; } .shopartikelcode { } .test { height:30px; } .hideform { display:none; } table.contactform .tekst, table.contactform .tekstgebied { width:250px; } .magazijnman { width:303px; height:93px; background:url(banner-magazijn.jpg); } .viewtemplatetable img { /* margin-right:20px;*/ } #shopprijsexbtw { bottom:7px; font-size:11px; position:absolute; right:58px; } .homeaanbieding #shopprijsexbtw { font-size:11px; left:115px; position:absolute; top:102px; color:#666666; } #shop #shopblock img { height:140px; } .btwdiv div { text-align:left; } .order { padding: 4px 2px 0 2px; border-collapse:collapse; line-height:20px; } .order .top td { padding: 2px 2px 5px 2px; } .order .totalspace { padding:0; } .order .totalinfo { border-top: 1px solid #cccccc; padding: 5px 20px 5px; } .order .total { border-top: 1px solid #cccccc; padding-top:5px; padding-bottom:5px; font-weight:bolder; } .besteltable input { width:50px; } #contentbedankt { height:200px; }