/************************************************************** ** Algemeen ***************************************************************/ .png, img{ behavior: url(../Include/iepngfix.htc);} HTML{ height: 100.01%; overflow-x: hidden;} BODY{ margin: 0; height: 100%; text-align: center;} HTML, BODY{ font-size: 14px; color: #1c4694; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif;} A{ color: #adbcd8; text-decoration: none;} A:hover{ color: #c9d302;} P{ margin: 0; margin-bottom: 10px;} IMG{ border: none;} FORM{ margin: 0;} H1{ font-size: 44px; line-height: 49px;} H2{ font-size: 38px; line-height: 42px;} H3{ font-size: 28px; line-height: 32px;} H4{ font-size: 20px; line-height: 25px;} H5{ font-size: 18px; line-height: 23px;} H6{ font-size: 12px; line-height: 14px;} H1, H2, H3, H4, H5, H6{ margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif;} SELECT.form_text, INPUT.form_text{ float: left; height: 15px; padding-top: 1px; padding-left: 2px; font-size: 11px; font-weight: normal; color: #1C4694; margin: 0 0 2px 0; width: 120px; border: #adbcd8 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; height: 22px; font-weight: bold; font-size: 12px; color: #1C4694; border: #1C4694 1px solid; cursor: pointer; background-color: #c9d302; font-family: Verdana, Arial, Helvetica, sans-serif;} SELECT.form_text{ padding: 0; height: 20px; font-size: 12px;} TEXTAREA.form_text{ border: #adbcd8 1px solid; color: #1C4694; padding-left:2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;} BR.clearer{ margin: 0; padding: 0; line-height: 0; font-size: 1px; height: 0; clear: both;} .clear-element:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} /************************************************************** ** Inhoud v/d ***************************************************************/ .container{ width: 958px; margin: 0 auto; text-align: left;} /************************************************************** ** Header ***************************************************************/ .header{ width: 100%; float: left; padding-top: 20px;} .header DIV.webtools{ float: right;} .header DIV.webtools UL{ margin: 0; padding: 0; list-style: none; float: left; display: inline;} .header DIV.webtools UL LI{ float: left; display: inline; border-left: #adbcd8 1px solid;} .header DIV.webtools UL LI A{ height: 20px; display: block; float: left;} .header DIV.webtools UL LI#home A{ width: 35px; background: url(../Images/home_ico.jpg) no-repeat 50% 50%;} .header DIV.webtools UL LI#contact A{ width: 35px; background: url(../Images/mail_ico.jpg) no-repeat 50% 50%;} .header DIV.webtools UL LI#sitemap A{ width: 35px; background: url(../Images/sitemap_ico.jpg) no-repeat 50% 50%;} .header DIV.webtools UL LI#winkelwagen A{ padding-left: 40px; font-weight: bold; margin-right: 17px; border-right: #adbcd8 1px solid; line-height: 20px; padding-right: 27px; background: url(../Images/shop_ico.jpg) no-repeat 17px 50%;} .header DIV.webtools UL LI#taalkeuze A#nl{ width: 35px; background: url(../Images/nl_vlag.jpg) no-repeat 50% 50%;} .header DIV.webtools UL LI#taalkeuze A#du{ width: 35px; background: url(../Images/du_vlag.jpg) no-repeat 50% 50%;} .header DIV.webtools UL LI#taalkeuze A#en{ width: 35px; background: url(../Images/en_vlag.jpg) no-repeat 50% 50%;} .header DIV.webtools DIV.zoeken{ float:left; display: inline;} .header DIV.webtools INPUT#zoeken{ float: left; margin-top: 1px;} .header DIV.webtools DIV.zoek_button{ float: left; margin-left: 10px; margin-top: -3px;} .header DIV.webtools DIV.zoek_button A{ display: block; width: 72px; height: 26px; color: #1c4694; line-height: 26px; text-align: center; font-weight: bold; background: url(../Images/zoeken_btn.jpg) no-repeat 0 0;} .header DIV.webtools SPAN.uitgebreid_zoeken{ display: block; width: 100%; float: left;} .header DIV.webtools SPAN.uitgebreid_zoeken A{ float: right; font-size: 10px; color: #1c4694; text-decoration: underline;} /************************************************************** ** Kolommen ***************************************************************/ .kolom_links{ width: 190px; float: left; display: inline;} .kolom_midden{ width: 572px; margin: 0 3px; float: left; display: inline;} .kolom_rechts{ width: 190px; float: left; display: inline; font-size: 11px;} /************************************************************** ** Menu ***************************************************************/ .menu{ width: 100%; float: left;} .menu UL{ width: 100%; float: left; margin: 0; padding: 0; list-style: none;} .menu UL LI{ width: 100%; height: 41px; font-size: 11px; margin-bottom: 1px; font-weight: bold; background: url(../Images/menuitem_bg.jpg) repeat-x 0 0; float: left;} .menu UL LI A{ width: 100%; height: 100%; line-height: 41px; float: left; color: #1c4694; display: block; margin-left: 10px;} .menu UL LI A SPAN{ margin-left: 10px; color: #FFF;} .menu UL LI A STRONG{ position: relative; color: #1c4694;} .menu UL LI A:hover{color: #1c4694} .menu UL LI A:hover STRONG{ color: #fff;} .menu UL LI A:hover SPAN{ color: #1c4694;} .menu UL LI A.aan STRONG{ color: #FFF;} /************************************************************** ** Pagina titel ***************************************************************/ .pag_titel{ width: 522px; padding: 0 25px; height: 32px; line-height: 32px; font-weight: bold; float: left; font-size: 14px; color: #FFF; background: url(../Images/pag_titel.jpg) no-repeat 0 0; overflow:hidden;} .pag_titel SPAN{ margin-right: 10px;} .pag_titel SMALL{ font-weight: normal;} /************************************************************** ** Vensters ***************************************************************/ .venster{ width: 188px; border: #adbcd8 1px solid; border-top: none; float: left; margin-bottom: 3px;font-size: 11px;} .venster DIV.kop{ width: 100%; float: left; margin: 0 -1px; border-left: #2f1eb8 1px solid; font-weight: bold; border-right: #2f1eb8 1px solid; height: 32px; line-height: 32px; color: #FFF; background: url(../Images/kopjes_bg.jpg) repeat 0 0;} .venster DIV.kop SPAN{ margin: 0 10px 0 26px;} .venster DIV.venster_content{ width: 100%; float: left; font-size: 11px; min-height: 167px; height: auto !important; height: 178px;} .kolom_rechts DIV.venster DIV.kop SPAN{ margin: 0 10px 0 10px;} .index{ float: left; margin: 8px 0; width: 100%; line-height: 20px;} .index SPAN{ font-size: 11px;} .index SPAN A{ text-decoration: underline;} .index SPAN SPAN.aan{ font-weight: bold;} .index SPAN.overzicht{ float: left;} .index DIV.paginas{ float: left; width: 100%;} /************************************************************** ** Catagorie venster ***************************************************************/ #catagorieen{ margin-bottom: 20px;} #catagorieen UL{ margin: 0; padding: 0; list-style: none;} #catagorieen UL LI{ width: 100%; margin:0px; float: left;} #catagorieen UL LI A{ font-weight: bold; font-size: 12px; line-height:13px; padding: 10px 10px 0px 20px; margin:0px; display: block; height: 35px; color:#1C4694; background: url(../Images/categotie_btn_nieuw.jpg); } #catagorieen UL LI A:HOVER{background: url(../Images/categotie_btn_nieuw_over.jpg)} #catagorieen UL LI.knop_links_blau A{ font-weight: bold; font-size: 12px; line-height:13px; padding: 10px 10px 0px 20px; margin:0px; display: block; height: 35px; color:#ffffff; background: url(../Images/categotie_btn_bl.jpg);} #catagorieen UL LI.knop_links_blau A:HOVER{background: url(../Images/categotie_btn_bl_over.jpg)} #catagorieen UL LI A SPAN{ margin-right: 10px; margin-left: -15px; float: left; cursor: pointer;} /************************************************************** ** Nieuw product venster (linker kolom) ***************************************************************/ .kolom_links DIV.product A.foto{ width: 114px; display: block; text-align: center; font-weight: bold; color: #1C4694; margin: 12px auto 7px;} .kolom_links DIV.product A.foto SPAN{ display: block; padding: 3px 4px; border: #adbcd8 1px solid;} .kolom_links DIV.product A.foto STRONG{ font-size: 16px;} .kolom_links DIV.product A.foto SPAN IMG{ width: 104px;} .kolom_links DIV.product A.foto:hover SPAN{ border: #C9D302 1px solid;} .kolom_links DIV.product A.foto:hover{ color: #C9D302;} /************************************************************** ** Product venster (middelste kolom) ***************************************************************/ .kolom_midden DIV.header_foto_container{ width: 100%; float: left; height: 168px; position: relative; overflow: hidden; background: url(../Images/header_foto1.jpg) repeat 0 0;} .kolom_midden DIV.header_foto_container UL#header_foto{ margin: 0; padding: 0; list-style: none;} .kolom_midden DIV.header_foto_container OBJECT, .kolom_midden DIV.header_foto_container EMBED{ position: absolute; left: 0; top: 0; z-index: 999; margin:0 0 0 0;} .kolom_midden DIV.venster{ width: 570px; border: #adbcd8 1px solid; float: left; margin: 3px 0;} .kolom_midden DIV.venster DIV.venster_wrapper{ margin: 18px 25px; overflow: hidden;} .kolom_midden DIV.venster DIV.venster_wrapper DIV.foto_container{ width: 134px; margin-right: 20px; float: left;} .kolom_midden DIV.venster DIV.venster_wrapper DIV.foto A{ position: relative; z-index: 2;} .kolom_midden DIV.venster DIV.venster_wrapper DIV.foto{ float: left; padding: 3px 4px; margin-bottom: 3px; border: #adbcd8 1px solid;} .kolom_midden DIV.venster DIV.venster_wrapper DIV.foto IMG{ width: 124px;} .kolom_midden DIV.venster DIV.venster_wrapper DIV.klein{ padding: 2px;} .kolom_midden DIV.venster DIV.venster_wrapper DIV.klein IMG{ width: 59px;} .kolom_midden DIV.venster DIV.venster_wrapper DIV.LogoZonnescherm{ width:134px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px; float:left;} .kolom_midden DIV.venster DIV.venster_wrapper DIV.LogoZonnescherm img{ width:134px;} .kolom_midden DIV.venster DIV.venster_wrapper DIV.foto IMG.detail{ width: 17px; height: 18px; position: absolute; right: 10px; bottom: 10px; z-index: 1; behavior: url(Include/iepngfix.htc);} .kolom_midden DIV.product_content{ width: 366px; float: left;} .kolom_midden DIV.product_content H1{ font-size: 16px; color: #1c4694; margin: 0 0 10px; line-height: normal;} .kolom_midden DIV.product_content H1#PrijsSwitch{ font-size: 16px; color: #ff0000; margin: 0 0 10px; line-height: normal;} .kolom_midden DIV.product_content H1 A{ color: #1c4694;} .kolom_midden DIV.product_content H1 A:hover{ text-decoration: underline;} .kolom_midden DIV.product_content H1.prijs SMALL{ font-size: 12px; font-weight: normal;} .kolom_midden DIV.product_content SPAN.txt{ margin-bottom: 10px; display: block; position:relative; } .kolom_midden DIV.product_content SPAN.txt A.link{ font-size: 11px; color: #1c4694; text-decoration: none; padding:0px 0px 1px 18px; float:left; width:200px; margin:0 0 5px 0; background-color:#e2e881; font-weight:bold;} .kolom_midden DIV.product_content SPAN.txt A.link:hover{background-color:#c6d202;} .aanbieding_afbeeliding{ behavior: url(http://www.bestelzonwering.nl/Include/iepngfix.htc);} .kolom_midden DIV.product_content UL{ width: 100%; margin: 0; padding: 0; list-style: none;} .kolom_midden DIV.product_content UL LI{ float: left; display: inline; width: 76px;} .kolom_midden DIV.product_content UL LI A{ display: block; width: 72px; height: 26px; line-height: 24px; float: left; text-align: center; font-size: 12px; font-weight: bold;} .kolom_midden DIV.product_content UL LI.bestel_btn A{ background: url(../Images/bestel_btn.jpg) no-repeat 0 0; color: #1c4694;} .kolom_midden DIV.product_content UL LI.bestel_btn A:hover{ text-decoration: underline;} .kolom_midden DIV.product_content UL LI.info_btn A{ background: url(../Images/info_btn.jpg) no-repeat 0 0; color: #FFF;} .kolom_midden DIV.product_content UL LI.info_btn A:hover{ text-decoration: underline;} .kolom_midden DIV.product_content UL LI.meet_btn{ float: right; width: auto;} .kolom_midden DIV.product_content UL LI.meet_btn A{ background: url(../Images/meet_btn.jpg) no-repeat 0 0; color: #1c4694; width: 102px; padding: 0 0px;} .kolom_midden DIV.product_content UL LI.meet_btn A:hover{ text-decoration: underline;} .kolom_midden DIV.venster DIV.venster_titel{ width: 522px; padding: 0 25px; height: 32px; line-height: 32px; font-weight: bold; float: left; font-size: 14px; color: #FFF; background: url(../Images/midden_kopjes_bg.jpg) no-repeat 0 0;} .kolom_midden DIV.venster DIV.venster_titel SPAN{ margin-right: 10px;} .kolom_midden DIV.venster DIV.product{ float:left; border: #adbcd8 1px solid; border-top: none; width: 186px; margin-right: 3px; min-height: 200px; height: auto !important; height: 200px;} .kolom_midden DIV.venster DIV.tweede{ width: 188px;} .kolom_midden DIV.venster DIV.derde{ margin: 0;} .kolom_midden DIV.venster DIV.product DIV.foto{ width: 124px; margin: 12px auto 7px; padding: 3px 4px; border: #adbcd8 1px solid;} .kolom_midden DIV.venster DIV.product H1.foto_titel{ font-size: 11px; margin: 0 0 10px 0; text-align: center; line-height: normal;} .kolom_midden DIV.venster DIV.product H1.foto_titel A{ color: #1C4694;} TABLE.product_detail{ width: 366px;} TABLE.product_detail TD{ padding-bottom: 3px;} TABLE.product_detail INPUT{ width: 80px;} TABLE.product_detail SPAN{ color: #1C4694; font-size: 12px; float: left; display: inline; margin: 0 3px 3px 0;} TABLE.product_detail SMALL{ color: #1C4694; margin-left: 10px; font-size: 10px;} TABLE.product_detail TD.kleur SPAN{ width: 23px; height: 23px;} TABLE.product_detail TD.kleur A#gekozenkleurhref{color: #1c4694;text-decoration: underline;} TABLE.product_detail TD.kleur A#gekozenkleurhref2{color: #1c4694;text-decoration: underline;} TABLE.product_detail TD.kleur #gekozenkleurtekst{color: #1c4694} TABLE.product_detail TD.kleur SPAN A IMG{ cursor: pointer; border:1px solid #666666;margin-right:5px;padding:0;} TABLE.product_detail TD.kleur SPAN.aan A IMG{ cursor: pointer; border:2px solid #404040;margin-right:5px;padding:0;} TABLE.product_detail TD.kleur SPAN.aan{ margin: 0 3px 0 0;} TABLE.product_detail TD.kleur DIV.kleuren_row{ float: left; clear: left; width: 270px; height: 25px} TABLE.product_detail DIV.extra_row{ float: left; clear: left; width: 366px; margin-bottom: 3px; color: #1C4694; font-size: 11px;} TABLE.product_detail DIV.extra_row INPUT{ width: auto; float: left; margin-top: 5px;} TABLE.product_detail DIV.extra_row LABEL{ float: left; display: block; margin-left: 3px; width: 343px;} .logo_producent{ float:right; margin:5px 15px 0px 0px; display:inline; } /************************************************************** ** Winkelmand ***************************************************************/ .winkelmand{} .winkelmand DIV.tabs{ width: 520px; float: left;} .winkelmand DIV.tabs UL{ width: 100%; margin: 0; padding: 0; list-style: none;} .winkelmand DIV.tabs UL LI{ width: 127px; float: left; display: inline; margin-right: 4px; font-size: 9px; height: 20px; line-height: 20px; background: url(../Images/winkelmand_tab.jpg) no-repeat 0 0; text-align: center; font-weight: bold; color: #1C4694;} .winkelmand DIV.tabs UL LI#stap4{ margin: 0;} .winkelmand DIV.tabs UL LI SPAN{ color: #FFF;} .winkelmand DIV.tabs UL LI.aan{ background: url(../Images/winkelmand_tab_aan.jpg) no-repeat 0 0; color: #C9D302;} .winkelmand_container{ width: 478px; float: left; padding: 20px; border: #adbcd8 1px solid; text-align:left;} .winkelmand_container TABLE.winkelmand_tabel{ width: 100%; float: left; clear: left; font-size: 12px;} .winkelmand_container TABLE.winkelmand_tabel TH{ line-height: 20px; color: #1C4694; height: 20px; padding: 0 3px; border-bottom: #adbcd8 1px solid; border-left: #adbcd8 1px solid;} .winkelmand_container TABLE.winkelmand_tabel TH.artikel{ width: 210px; border-left: none;} .winkelmand_container TABLE.winkelmand_tabel TH.aantal{ width: 80px;} .winkelmand_container TABLE.winkelmand_tabel TH.prijs{ width: 80px;} .winkelmand_container TABLE.stap1 TD.artikel A{ color: #1C4694;} .winkelmand_container TABLE.stap1 TD.artikel A:hover{ color: #C9D302;} .winkelmand_container TABLE.winkelmand_tabel TD{ height: 50px; padding: 3px; vertical-align: middle; border-bottom: #adbcd8 1px solid; border-left: #adbcd8 1px solid;} .winkelmand_container TABLE.winkelmand_tabel TD.artikel{ width: 210px; border-left: none;} .winkelmand_container TABLE.winkelmand_tabel TD.aantal{ width: 80px;} .winkelmand_container TABLE.winkelmand_tabel TD.prijs{ width: 75px; padding-right:5px; text-align: right;} .winkelmand_container TABLE.winkelmand_tabel TD.totaal{ text-align: right; padding-right: 5px;} .winkelmand_container SPAN.euro{ float: left;} .winkelmand_container TABLE TD.artikel DIV.product_foto{ float: left; height: 42px; padding: 1px; margin: 0 5px 0 0; border: #adbcd8 1px solid;} .winkelmand_container TABLE TD.artikel DIV.product_foto IMG{ height: 100%;} .winkelmand_container TABLE.winkelmand_tabel TD.aantal INPUT{ margin-top: 4px; border: #1C4694 1px solid; color: #1C4694;} .winkelmand_container TABLE.winkelmand_tabel TD.aantal A.ververs{ width: 11px; height: 11px; margin-top: 8px; margin-left: 8px; font-size: 1px; line-height: normal; display: block; float: left; background: url(../Images/ververs.jpg) no-repeat 0 0;} .winkelmand_container TABLE.winkelmand_tabel TD.aantal A.verwijder{ width: 11px; height: 11px; margin-top: 8px; font-size: 1px; line-height: normal; display: block; float: right; background: url(../Images/verwijder.jpg) no-repeat 0 0;} .winkelmand_container TABLE.winkelmand_tabel TR.eindprijs TD{ border: 0; font-weight: bold; color: #1C4694; padding: 4px;} .winkelmand_container DIV.winkelmand_buttons{ width: 100%; float: left;} .winkelmand_container DIV.winkelmand_buttons A.terug{ width: 180px; height: 26px; line-height: 26px; font-size: 12px; display: block; float: left; background: url(../Images/winkelmand_btn_groen.jpg) no-repeat 0 0; text-align: center; color: #1C4694; font-weight: bold;} .winkelmand_container DIV.winkelmand_buttons A.terug:hover{ text-decoration: underline;} .winkelmand_container DIV.winkelmand_buttons A.verder{ width: 180px; height: 26px; line-height: 26px; font-size: 12px; display: block; float: right; background: url(../Images/winkelmand_btn_blauw.jpg) no-repeat 0 0; text-align: center; color: #FFF; font-weight: bold;} .winkelmand_container DIV.winkelmand_buttons A.verder:hover{ text-decoration: underline;} .winkelmand_container TABLE.stap2{ color: #1C4694;} .winkelmand_container TABLE.gegevens{ width: 100%; float: left; clear: left; margin-bottom: 20px;} .winkelmand_container TABLE.gegevens TD{ height: 22px; vertical-align:top;} .winkelmand_container TABLE.gegevens TD *{ float: left;} .winkelmand_container TABLE.gegevens TD * *{ float: none;} .winkelmand_container TABLE.gegevens TD INPUT{ color: #1C4694;} .winkelmand_container TABLE.gegevens TD LABEL{ float: none;} /************************************************************** ** Nieuwsberichten ***************************************************************/ .kolom_midden DIV.nieuwsberichten, .kolom_midden DIV.links, .kolom_midden DIV.zoekresultaten{ padding: 10px; width: 550px;} .nieuwsberichten UL{ width: 100%; margin: 0; padding: 0; list-style: none; border-top: #ADBCD8 1px solid;} .nieuwsberichten UL LI{ width: 100%; min-height: 15px; height: auto !important; height: 15px; float: left; clear: left; border-bottom: #ADBCD8 1px solid;} .nieuwsberichten UL LI A{ display: block; height: 100%; float: left; font-size: 12px; padding: 5px 0; color: #1C4694; background-color: #FFF;} .nieuwsberichten UL LI A SPAN{ float: left; display: block; height: 100%;} .nieuwsberichten UL LI A SPAN.datum{ width: 80px; padding-left: 10px; margin-right: 10px;} .nieuwsberichten UL LI A SPAN.bericht{ width: 440px; padding-right: 10px;} .nieuwsberichten UL LI A.aan{ background-color: #c9d302;} .nieuwsberichten UL LI A.uit{} .nieuwsberichten UL LI A:hover{ background-color: #ADBCD8; color: #1C4694;} .kolom_midden DIV.content{ color: #1C4694; padding: 20px 10px; width: 550px; font-size: 12px;} .titel{ font-size: 16px; line-height: 16px; font-weight: bold; margin: 0 0 5px;} .content A{ color: #1C4694; text-decoration: underline;} .content A:hover{text-decoration: none;} DIV.terug{ width: 550px; padding: 0 10px; height: 25px; border: #ADBCD8 1px solid; float: left;} DIV.terug A{ float: left; line-height: 25px; font-size: 12px; font-weight: bold; color: #1C4694;} DIV.terug A:hover{ color: #c9d302;} /************************************************************** ** Links ***************************************************************/ .kolom_midden DIV.links{ color: #1C4694;} .links UL{ width: 100%; margin: 0; padding: 0; list-style: none; border-top: #ADBCD8 1px solid;} .links UL LI{ width: 100%; min-height: 15px; height: auto !important; height: 15px; float: left; clear: left; border-bottom: #ADBCD8 1px solid;} .links UL LI A{ display: block; height: 100%; float: left; font-size: 12px; color: #1C4694; padding: 5px 0; background-color: #FFF;} .links UL LI A SPAN{ float: left; display: block; height: 100%;} .links UL LI A SPAN.link{ width: 170px; overflow: hidden; padding-left: 10px; margin-right: 10px;} .links UL LI A SPAN.uitleg{ width: 350px; padding-right: 10px;} .links UL LI A.aan{ background-color: #c9d302;} .links UL LI A.uit{} .links UL LI A:hover{ background-color: #ADBCD8; color: #1C4694;} /************************************************************** ** Zoekresutaten ***************************************************************/ .kolom_midden DIV.zoekresultaten{ color: #1C4694;} .zoekresultaten UL{ width: 100%; margin: 0; padding: 0; list-style: none; border-top: #ADBCD8 1px solid;} .zoekresultaten UL LI{ width: 100%; min-height: 15px; height: auto !important; height: 15px; float: left; clear: left; border-bottom: #ADBCD8 1px solid;} .zoekresultaten UL LI A{ display: block; height: 100%; float: left; font-size: 12px; color: #1C4694; padding: 5px 0; background-color: #FFF;} .zoekresultaten UL LI A SPAN{ float: left; display: block; height: 100%;} .zoekresultaten UL LI A SPAN.nummer{ width: 30px; overflow: hidden; padding-left: 10px; margin-right: 10px;} .zoekresultaten UL LI A SPAN.resultaat{ width: 490px; padding-right: 10px;} .zoekresultaten UL LI A.aan{ background-color: #c9d302;} .zoekresultaten UL LI A.uit{} .zoekresultaten UL LI A:hover{ background-color: #ADBCD8; color: #1C4694;} /************************************************************** ** Contact ***************************************************************/ TABLE.formulier{ width: 100%; float: left;} TABLE.formulier TD{ vertical-align: top; height: 22px;} TABLE.formulier TD LABEL{ font-weight: bold; float: left;} TABLE.formulier TD INPUT{ float: left;} TABLE.formulier TD DIV.optie{ float: left; clear: left;} /************************************************************** ** Sitemap ***************************************************************/ UL.sitemap{ list-style: none; padding: 0; margin: 0; border-left: #ADBCD8 1px solid;} UL.sitemap LI{ padding: 0 0 0 5px; margin: 0;} UL.sitemap A{ padding-bottom: 2px; padding: 0; border-bottom: #ADBCD8 1px solid; text-decoration: none;} UL.sitemap A:hover{ color: #c9d302;} UL.sitemap UL{ list-style: none; margin: 0; margin-left: 12px; padding: 0; padding-left: 12px;} UL.sitemap LI LI{ border-left: #ADBCD8 1px solid;} /************************************************************** ** Aanbieding venster ***************************************************************/ .kolom_rechts DIV.product A.foto{ width: 114px; position: relative; z-index: 2; display: block; text-align: center; font-weight: bold; color: #1C4694; margin: 12px auto 7px;} .kolom_rechts DIV.product A.foto SPAN{ display: block; padding: 3px 4px; border: #adbcd8 1px solid;} .kolom_rechts DIV.product A.foto STRONG{ font-size: 16px;} .kolom_rechts DIV.product A.foto SPAN IMG{ width: 104px;} .kolom_rechts DIV.product A.foto SPAN IMG.korting{ width: 78px; position: absolute; right: 0px; bottom: 20px; z-index: 1; behavior: url(Include/iepngfix.htc);} .kolom_rechts DIV.product A.foto:hover SPAN{ border: #C9D302 1px solid;} .kolom_rechts DIV.product A.foto:hover{ color: #C9D302;} /************************************************************** ** Nieuw product venster (rechter kolom) ***************************************************************/ /*.kolom_rechts DIV.product UL#aanbieding{ margin: 0; padding: 0; list-style: none; width: 114px; margin: 0 auto; position: relative; height: 165px !important; overflow: hidden;} .kolom_rechts DIV.product UL#aanbieding LI{} .kolom_rechts DIV.product UL.producten{ margin: 0; padding: 0; list-style: none;} .kolom_rechts DIV.product UL.producten LI{ width: 100%; float: left;} .kolom_rechts DIV.product UL.producten LI A{ width: 100%; display: block; position: relative; color: #1c4694; height: 100%; float: left;} .kolom_rechts DIV.product UL.producten LI A SPAN{ display: block; padding-top: 15px; float: left; font-weight: bold;} .kolom_rechts DIV.product UL.producten LI A SPAN.productfoto{ margin: 4px; padding: 2px; border: #adbcd8 1px solid;} .kolom_rechts DIV.product UL.producten LI A SPAN IMG{ height: 54px;} .kolom_rechts DIV.product UL.producten LI A:hover{ color: #C9D302;} .kolom_rechts DIV.product UL.producten LI A:hover SPAN.productfoto{ border-color: #C9D302;}*/ .kolom_rechts DIV.product{ min-height:10px; height:auto !important; height:10px;} .kolom_rechts DIV.product UL#aanbieding{ margin: 0; padding: 0; list-style: none; width: 114px; margin: 0 auto; position: relative; height: 165px !important; overflow: hidden;} .kolom_rechts DIV.product UL#aanbieding LI{} .kolom_rechts DIV.product UL.producten{ margin: 0; padding: 0; list-style: none;} .kolom_rechts DIV.product UL.producten LI{ width: 100%; float: left;} .kolom_rechts DIV.product UL.producten LI A{ width: 100%; display: block; position: relative; color: #1c4694; height: 100%; float: left;} .kolom_rechts DIV.product UL.producten LI A SPAN{ display: block; padding-top: 15px; float: left; font-weight: bold;} .kolom_rechts DIV.product UL.producten LI A SPAN.productfoto{ margin: 4px; padding: 2px; border: #adbcd8 1px solid;} .kolom_rechts DIV.product UL.producten LI A SPAN IMG{ height: 54px;} .kolom_rechts DIV.product UL.producten LI A SPAN.productfoto.helebreedte{ position:relative; width:174px; height:64px; cursor:pointer; float:left; text-align:center; overflow:hidden;} .kolom_rechts DIV.product UL.producten LI A SPAN.productfoto.helebreedte img{ height:64px; /*height:auto !important;*/} strong.blok{ width:180px; margin:0 4px; padding:4px 0; float:left;} .kolom_rechts DIV.product UL.producten LI A:hover{ color: #C9D302;} .kolom_rechts DIV.product UL.producten LI A:hover SPAN.productfoto{ border-color: #C9D302;} .kolom_rechts #nieuwsbrief FORM{ margin:5px;} .kolom_rechts #nieuwsbrief FORM INPUT{margin:0 0 5px 0;} .kolom_rechts #nieuwsbrief FORM .knop{display: block; width: 72px; height: 26px; color: #1c4694; line-height: 26px; text-align: center; font-weight: bold; background: url(../Images/zoeken_btn.jpg) no-repeat 0 0; border:0px;} .meetenmonteren{ width: 100%; height: 46px; float: left; text-align: center; background: url(../Images/menuitem_bg.jpg) repeat-x 0 0;} .meetenmonteren A{ color: #1c4694; font-size: 14px; font-weight: bold; line-height: 46px;} .meetenmonteren A:hover STRONG{ text-decoration: underline;} /************************************************************** ** Footer ***************************************************************/ .footer{ width: 100%; height: 70px; float: left; background: url(../Images/footer_bg.jpg) no-repeat 0 0;} .footer DIV.links{ text-align: right; margin-top: 15px; font-size: 11px; color: #FFF; margin-right: 30px;} .footer DIV.links A{ color: #FFF;} .footer DIV.links A:hover{ text-decoration: underline;} .footer DIV.links SPAN{ font-size: 11px; font-weight: normal;} .footer DIV.links SPAN.onder{ float: left; width: 100%; text-align: center; margin-top: 20px; font-size: 11px; color: #adbcd8; margin-right: 152px;} .footer DIV.links SPAN.onder A{ text-decoration:none; color:#4f7ed5;} .footer DIV.links SPAN.onder A:hover{ text-decoration:underline; color:#c9d302;} .footer DIV.betaal{ float: left; margin: 15px 0 0 30px;} .footer DIV.betaal A{ float: left; display: block; height: 26px; margin-right: 3px;} .footer DIV.betaal A#paypal_logo{ width: 80px; background: url(../Images/paypal_logo.jpg) no-repeat 0 0;} .footer DIV.betaal A#visa_logo{ width: 39px; background: url(../Images/visa_logo.jpg) no-repeat 0 0;} .footer DIV.betaal A#mastercard_logo{ width: 39px; background: url(../Images/mastercard_logo.jpg) no-repeat 0 0;} .footer DIV.betaal A#ideal_logo{ width: 30px; background: url(../Images/ideal_logo.gif) no-repeat 0 0;} .footer DIV.keurmerk{ float:left; margin:10px 0 0 30px;}