/* Algemeen **********************************************************/ HTML{ height: 100.01%;} BODY{ margin: 0; height: 100%; background: url(images/bg.gif) #FFF repeat-y 50% 0;} HTML, BODY{ font-size: 12px; font-weight: normal; color: #005634; font-family: "Trebuchet MS",Verdana,Arial,sans-serif;} P{ margin: 0; margin-bottom: 20px;} A{ color: #005634;} A:hover{ color: #92BE07;} 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: 14px; line-height: 19px; } H1, H2, H3, H4, H5, H6{ color: #005634; font-family: "Trebuchet MS",Verdana,Arial,sans-serif; font-weight: normal; margin: 0 0 12px 0;} H6{ font-size: 170%;} a.print_icon { clear:both; float:right; margin:5px 20px 2px 0pt; } UL.verwijzer{ margin: 0; padding: 0; padding-left: 15px;} UL.verwijzer LI{ font-size: 12px; color: #005634;} UL.verwijzer LI SPAN{ color: #005634;} INPUT.btn{ height: 20px; font-weight: bold; float: left; border: #000 1px solid; background-color: #005634; color: #FFF; font-size: 12px; line-height: 15px;} INPUT.text{ width: 180px; height: 17px; float: left; font-size: 12px; margin-right: 3px; padding: 1px 0 0 2px; background-color: #FFF; border: #6C8805 1px solid;} SELECT.form_text, INPUT.form_text, TEXTAREA.form_text{ float:left; height: 16px; padding-top: 3px; padding-left: 5px; font-size: 11px; color: #0E4619; margin: 0 10px 5px 0; width: 240px; border: #005634 1px solid; font-family: Arial, Helvetica, sans-serif;} INPUT.form_btn{ float:left; height: 22px; margin: 0; font-size: 11px; font-weight: bold; background-color: #92BE07; color: #0E4619; border: #0E4619 1px solid; font-family: Arial, Helvetica, sans-serif;} SELECT.form_text{ padding: 0; height: 20px; font-size: 12px;} TEXTAREA.form_text { height:auto; width:auto; } BR.clearer{ margin: 0; padding: 0; line-height: 0px; font-size: 0px; height: 0; clear: both;} .clear-element:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* Inhoud v/d **********************************************************/ .total_container{ width: 1000px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; float: none;} #container{ width: 100%; float: left; margin-top: -190px; position: static;} .container_wrapper{ width: 960px; margin: 0 auto; padding-top: 230px; background: url(images/headbanner.jpg) no-repeat 0 -100px;} /* Vlaggen **********************************************************/ div#vlaggen { float:left; margin-top: -5px;} div#vlaggen a{ float: left; display: block; position: relative;} div#vlaggen a img { filter:alpha(opacity=60); opacity:0.60; -moz-opacity:0.60; float: left !important; margin:3px; position: relative !important; left: auto !important; top: auto !important;} div#vlaggen a.selected img { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; } div#vlaggen a:hover img { filter:alpha(opacity=90); opacity:0.90; -moz-opacity:0.90; cursor:pointer; } /* Header **********************************************************/ #header{ width: 100%; min-height: 75px; height: auto !important; height: 75px; background: #FFF;} #header DIV.header_wrapper{ width: 960px; margin: 0 auto; position: relative; cursor: default;} #header DIV.header_wrapper IMG{ position: absolute; top: 142px; left: 0;} #header DIV.header_wrapper A.logo{ display: block; float: left; margin: 10px 10px 0 0;} #header DIV.header_wrapper A.logo IMG{ float: none; width: 281px; height: 55px; position: relative; left: 0; top: 0; z-index: 100;} #header DIV.header_wrapper DIV#header_fader { position: absolute; top:0; right:0; z-index:600;} #header_fader{ position: absolute; top: 142px; left: 0; z-index: 0;} .zoekbox{ width: 226px; float: right; margin: 10px 10px 0 10px; padding-top: 3px; margin-left: 20px; background: url(images/zoeken_bg.gif) no-repeat 0 0;} .zoekbox FORM{ width: 200px; background: none; color: #FFF; float: left; display: block; padding: 0 13px;} .zoekbox STRONG{ width: 100%; color: #005634; float: left; margin-bottom: 4px; display: block; line-height: 18px;} .zoekbox DIV.bottom{ width: 226px; font-size: 1px; float: left; background: none; height: 10px;} .zoekbox INPUT.text{ width: 105px; padding-left: 20px; float: left; display: inline; border-bottom: #5C7E27 1px solid; background: url(images/vergrootglas_input.gif) #FFF no-repeat 4px 50%;} A.button { display: block; float: right; margin-top: -2px; font-weight: bold; height: 24px; line-height: 24px; text-decoration: none; text-transform: none;} A.button SPAN.left { background: url(images/zoekbutton_left.png) no-repeat scroll 0 0; width: 4px; height: 24px; display: block; float: left; cursor: pointer;} A.button SPAN.midden { background: url(images/zoekbutton_bg.png) repeat-x scroll 0 0; display: block; height: 24px; padding: 0 3px; float: left; cursor: pointer; color: #FFF;} A.button SPAN.right { background: url(images/zoekbutton_right.png) no-repeat scroll 0 0; width: 4px; height: 24px; cursor: pointer; display: block; float: left;} /* Menu **********************************************************/ .menu{ width: 100%; background: none; float: left; margin-bottom: 0; position: relative; z-index:600;} .tabnav{ width: 940px; margin: 0 auto; padding: 15px; position: relative; z-index: 9; text-align: center; min-height: 160px; height: auto !important; height:160px; overflow: hidden; background: url(images/navBg-trans.png) no-repeat 50% 0; font-family: "Trebuchet MS",Verdana,Geneva,sans-serif;} .tabnav A{ text-decoration: none; height: 30px; font-weight: bold; font-size: 14px; float: left; display: block; line-height: 30px; margin-right: 15px; color: #FFF;} .tabnav A SPAN{ padding: 0 7px 0 0; margin-left: 7px; float: left; margin-right: -5px; padding-right: 10px; display: block; cursor: pointer;} .tabnav A:hover, .tabnav A.current{ background: url(images/menu_item_links.png) no-repeat 0 0; color: #0F4518;} .tabnav A:hover SPAN, .tabnav A.current SPAN{ background: url(images/menu_item_rechts.png) no-repeat 100% 0;} #tabcontainer{ position: absolute; top: 40px !important; width: 100%; z-index: 20; border-top: none; background: none !important;} .tabcontent{ width: 940px; margin: 0 auto; line-height: 30px; text-align: left; font-size: 13px; display: none; background: #92C119;} .tabcontent A{ margin: 0 7px; font-weight: normal; text-decoration: none; color: #FFF; white-space: nowrap;} .tabcontent A:hover{ color: #02583B;} /* No Flash player content **********************************************************/ .flash{ width: 400px; float: right; text-align: center;} .flash STRONG{ margin-top: 30px; display: block; } /* Breadcrumbs **********************************************************/ DIV.breadcrumbs_container{ width: 700px; float: left; padding: 0 10px;} SPAN#breadcrumbs{ float: left; font-weight: bold; height: 20px; margin-top: 5px; line-height: 20px;} SPAN#breadcrumbs A{ color: #0E4619; font-weight: bold; color: #0E4619; text-decoration: none;} SPAN#breadcrumbs A:hover{ color: #0E4619;} /* Weer **********************************************************/ .weer table { width:100%; } .weer table td.day { text-align:center; vertical-align:top; } .col_rechts .weer { width:100%;} .col_rechts .weer table { margin-left:-10px; } /* Winkelwagen **********************************************************/ A#winkelwagen{ float:left; padding-left: 20px; text-decoration: none; background: url(images/winkelwagen.gif) no-repeat 0 50%;} A#winkelwagen:hover{ color: #0E4619;} A#winkelwagen STRONG{ color: #0E4619;} /* Kolommen **********************************************************/ .content_container{ width: 100%; padding-top: 0; padding-bottom: 10px; margin-bottom: 30px; float: left;} DIV.col_rechts{ width: 240px; float: right; padding-bottom: 5px; background: none; position: relative; margin-top: -160px; z-index: 610;} DIV.col_rechts DIV.col_rechts_wrapper{ background: url(images/boodschappenlijst-trans.png) no-repeat 100% 0; min-height: 276px; height: auto !important; height: 276px;} DIV.col_content{ width: 720px; min-height: 400px; height: auto !important; height: 400px; float: left; padding-top: 15px; background: #FFF;} DIV.col_0{ width: 690px; display: inline; margin-left: 15px; margin-right: 15px; float: left; position: relative;} DIV.col_1{ width: 405px; display: inline; margin-left: 15px; margin-right: 10px; float: left; position: relative;} DIV.col_2{ width: 275px; display: inline; margin-right: 15px; float: right; position: relative;} DIV.col_rechts DIV.venster{ width: 206px; margin: 20px 0 0 12px; position: relative; background: none; border-left: 0; border-right: 0; margin-bottom: 15px; float: left;} DIV.col_rechts DIV.venster_header{ width: 218px; float: left; margin: 0 -1px; background: none;} DIV.col_rechts DIV.venster_header H6.venster_titel{ padding: 10px; margin-bottom: 0; color: #8F8E8E;} DIV.col_rechts DIV.venster_header DIV.venster_content{ margin: 0 5px; padding: 10px; border: 0; background: none; color: #8F8E8E;} DIV.col_rechts DIV.venster_footer{ width: 218px; height: 5px; font-size: 1px; float: left; clear: left; margin: 0 -1px; background: none;} DIV.col_0 DIV.venster{ width: 690px; position: relative; float: left; background: none; border-left: 0; border-right: 0; margin-bottom: 15px;} DIV.col_0 DIV.venster_header{ width: 690px; float: left; margin: 0 -1px; background: url(images/col_0_venster_top.gif) no-repeat 0 0;} DIV.col_0 DIV.venster_header H6.venster_titel{ padding: 7px 20px 10px 15px; margin-bottom: 0; position: absolute; top: 0; left: 0;} DIV.col_0 DIV.venster_header DIV.venster_content{ margin: 67px 0 0; position: relative; padding: 5px 20px 20px; border: 0; background: url(images/col_0_venster_bg.gif) repeat-y 0 0;} DIV.col_0 DIV.venster_header BR.clearer{ display: none;} DIV.col_0 DIV.venster_header DIV.venster_content BR{ display: inline-block; position: relative;} DIV.col_0 DIV.venster_footer{ width: 690px; height: 12px; font-size: 1px; float: left; margin: 0 -1px; background: url(images/col_0_venster_bottom.gif) no-repeat 0 0;} DIV.col_1 DIV.venster{ width: 405px; position: relative; float: left; background: none; border-left: 0; border-right: 0; margin-bottom: 15px;} DIV.col_1 DIV.venster_header{ width: 405px; float: left; position: relative; margin: 0 -1px; background: url(images/col_1_venster_top.gif) no-repeat 0 0;} DIV.col_1 DIV.venster_header H6.venster_titel{ padding: 7px 20px 10px 15px; margin-bottom: 0; position: absolute; top: 0; left: 0;} DIV.col_1 DIV.venster_header DIV.venster_content{ margin: 67px 0 0; position: relative; padding: 5px 20px 20px; border: 0; background: url(images/col_1_venster_bg.gif) repeat-y 0 0;} DIV.col_1 DIV.venster_header BR.clearer{ display: none;} DIV.col_1 DIV.venster_header DIV.venster_content BR{ display: inline-block; position: relative;} DIV.col_1 DIV.venster_footer{ width: 405px; height: 12px; font-size: 1px; float: left; margin: 0 -1px; background: url(images/col_1_venster_bottom.gif) no-repeat 0 0;} DIV.col_2 DIV.venster{ width: 275px; position: relative; float: left; background: none; border-left: 0; border-right: 0; margin-bottom: 15px;} DIV.col_2 DIV.venster_header{ width: 275px; float: left; position: relative; margin: 0 -1px; background: url(images/col_2_venster_top.gif) no-repeat 0 0;} DIV.col_2 DIV.venster_header H6.venster_titel{ padding: 7px 20px 10px 15px; margin-bottom: 0; position: absolute; top: 0; left: 0;} DIV.col_2 DIV.venster_header DIV.venster_content{ margin: 67px 0 0; position: relative; padding: 5px 20px 20px; border: 0; background: url(images/col_2_venster_bg.gif) repeat-y 0 0;} DIV.col_2 DIV.venster_header BR.clearer{ display: none;} DIV.col_2 DIV.venster_header DIV.venster_content BR{ display: inline-block; position: relative;} DIV.col_2 DIV.venster_footer{ width: 275px; height: 12px; font-size: 1px; float: left; margin: 0 -1px; background: url(images/col_2_venster_bottom.gif) no-repeat 0 0;} DIV.col_0 DIV.col_1{ width: 314px; margin: 0; float: left;} DIV.col_0 DIV.col_2{ width: 314px; margin: 0; float: right;} .venster DIV.folder_foto{ width: 130px; min-height: 100px; height: auto !important; height: 100px; float: right; margin: 0 0 5px 5px;} /* Locatie + Ster ( Homepagina ) **********************************************************/ .voorpagina_foto_groot{ width: 330px; min-height: 200px; height: auto !important; height: 200px; position: relative; margin: 5px auto;} .voorpagina_foto_klein{ width: 200px; min-height: 120px; height: auto !important; height: 120px; position: relative; margin: 5px auto;} .voorpagina_foto_groot IMG{ position: absolute;} .voorpagina_foto_klein IMG{ width: 100%;} .voorpagina_foto_groot DIV.ster{ width: 150px; height: 112px; padding-top: 30px; position: absolute; background: url(images/ster.png) no-repeat 0 0; text-align: center;} .voorpagina_foto_groot DIV.ster DIV{ padding: 0 20px !important; margin: 0 !important;} .tl{ top: 0; left: 0;} .tr{ top: 0; right: 0;} .tc { width:100%; position: relative !important; } .bl{ bottom: 0; left: 0;} .br{ bottom: 0; right: 0;} .hidden { display: none; } /* Openingstijden **********************************************************/ TABLE.openingstijden{ width: 150px; padding-left: 5px; margin: 0 auto;} TABLE.openingstijden TD { padding-bottom:2px;} DIV#open_vandaag{ float: left; margin-top: 10px; font-weight: bold;} /* Slideshow **********************************************************/ DIV#fade_container DIV.slideshow-wrapper { margin:0 auto;} /* Berichtvensters **********************************************************/ .berichtvenster H6.venster_titel A{ text-decoration:none;} .berichtvenster DIV.venster_content DIV.bericht_foto{ width: 200px; min-height: 200px; height: auto !important; height: 200px; margin-right: 5px; margin-left: 5px;} .berichtvenster DIV.venster_content DIV.bericht_foto IMG{ width: 100%;} .berichtvenster DIV.venster_content DIV.txt{ padding-right: 5px; padding-left: 5px; width: 420px; position: static;} .berichtvenster DIV.venster_content DIV.txt A.lees_meer { font-weight: bold; position: absolute; bottom: 0px; right: 30px;} .berichtvenster DIV.extra_info{ padding: 5px 20px 0; height: 20px; background: url(images/col_0_venster_bg.gif) repeat-y 0 0;} .berichtvenster DIV.extra_info SPAN.bron{ float: left; font-style: italic; color: #5c7469; font-weight: normal; font-size: 10px; margin-right: 20px;} .berichtvenster DIV.extra_info SPAN.datum{ float: left; font-style: italic; color: #5c7469; font-weight: normal; font-size: 10px;} .berichtvenster DIV.extra_info A{ float: right;} /* Aanbieding ( Homepage ) **********************************************************/ #aanbieding STRONG{ margin-bottom: 5px; font-weight: bold;} #aanbieding DIV.foto_container{ width: 100px; min-height: 100px; height: auto !important; height: 100px; margin-right: 10px; padding-bottom: 5px; float: left;} #aanbieding DIV.foto_container IMG{ width: 100%;} #aanbieding DIV.nu_voor_maar{ font-size: 14px; margin-top: 10px;} #aanbieding DIV.prijs{ font-size: 30px;} #aanbieding DIV.bekijk{ font-size: 12px; margin-top: 10px; font-weight: normal;} .aanbieding_table{ float: left;} /* Aanbiedingen ( Aanbiedingpagina ) **********************************************************/ TABLE.aanbieding{ border: #C7D091 1px solid; background-color: #D3E59B; padding: 5px; float: left; margin: 0 10px 0 0; cursor: pointer;} TABLE.aanbieding TD.header H6{ margin: 0; margin-bottom: 5px; font-size: 12px;} TABLE.aanbieding TD.opmerking{ padding-left: 10px; font-size: 10px;} TABLE.aanbieding TD.prijs{ padding-left: 10px; height: 45px; font-size: 12px; font-weight: bold; background: url(images/prijs_ster_klein.png) no-repeat 60% 50%;} TABLE.aanbieding TD.extra_opmerking{ font-size: 9px; font-style: italic;} BODY#popup TABLE.aanbieding{ padding: 10px; margin: 5px; min-width:760px; width:auto !important; width:760px;} BODY#popup TABLE.aanbieding TD.header H6{ font-size: 18px;} BODY#popup TABLE.aanbieding TD.opmerking{ font-size: 14px;} BODY#popup TABLE.aanbieding TD.prijs{ font-size: 20px; height: 75px; background: url(images/prijs_ster_groot.png) no-repeat 60% 50%;} BODY#popup TABLE.aanbieding TD.extra_opmerking{ font-size: 12px;} /* Tuintips ( Tuintips-pagina ) **********************************************************/ .tuintip_col_1, .tuintip_col_2{ width: 300px; float: left; position: relative;} .tuintip_col_1{ margin-right: 5px; padding-left: 5px;} .tuintip_col_2{ margin-left: 5px; padding-right: 5px;} .tips_venster{ width: auto; padding: 0 5px 10px 5px; margin-bottom: 20px; border: 0; background: url(images/assortiment_bg.gif) #FFF repeat-x 0 100%;} .tips_venster H6{ margin-top: 5px;} A.rollover_fx{ display: block; padding-left: 10px; line-height: 20px; border-bottom: #C7D091 1px solid;} A.rollover_fx:hover{ color: #005634; background-color: #92BE07;} A.rollover_fx SPAN{ width: 200px; margin-top: 20px; font-size: 16px; font-weight: bold;} A.rollover_fx IMG{ margin: 5px 5px 5px -5px; vertical-align: middle;} FORM.tuintip_delen{ padding-top: 10px;} FORM.tuintip_delen *{ position: relative;} FORM.tuintip_delen DIV{ width: 237px;} FORM.tuintip_delen INPUT.form_text{ width: 225px; float: none; margin-right: 0; margin-top: 5px;} /* Assortiment ( Assortimentpagina ) **********************************************************/ DIV.assortiment{ width: 302px; border: 0; background: url(images/assortiment_bg.gif) #FFF repeat-x 0 100%; padding: 5px 5px 10px; margin-bottom: 15px;} DIV.assortiment DIV.txt{ width: 290px !important; padding-left: 5px; float: left;} DIV.assortiment DIV.txt H6{ display: block; width: 100%; border-bottom: #C7D091 1px solid; margin: 5px 0 0px 0; padding-bottom: 2px;} DIV.assortiment DIV.txt H6 A{ text-decoration: none;} DIV.assortiment DIV.txt A.rollover_fx{ font-size: 10px; line-height: 18px; text-decoration: none;} /* Routebeschrijving **********************************************************/ DIV.locatie_foto{ width: 350px; min-height: 200px; height: auto !important; height: 200px; margin: 0 auto; margin-bottom: 10px;} DIV.routebeschrijving UL, DIV.routebeschrijving OL{ margin: 0; padding: 0 0 0 15px;} /* Webshop **********************************************************/ .zoekmachine{ margin: 0 auto; width: 353px;} .zoekmachine DIV.hoofd{ float: left; width: 150px; background-color: #92BE07; height: 115px; margin: 0 10px 0 0; padding-right: 5px;} .zoekmachine DIV.hoofd H6{ margin: 8px 0; color: #FFF; font-weight: bold; font-size: 16px; text-align: right; line-height: 18px;} .plaatje_link{ width: 230px; float: left; clear: both;} .plaatje_link DIV.mini-foto{ margin-left: 5px; width: 50px; height: 50px; float: right; clear: both;} .plaatje_link H6.titel{ margin: 15px 0 0 10px; display: inline; float: left;} .product_cat{ width: 364px;} .product_cat H5{ font-size: 14px; margin-left: 10px;} .product_cat P.txt{ margin-left: 10px; margin-bottom: 5px;} .product_cat DIV.foto{ float: right; width: 100px; height: 100px; padding-left: 10px; overflow: hidden;} .product_cat DIV.foto IMG{ width: 100%;} .product_cat DIV.verder{ width: 254px; text-align: right;} .aanbieding-nieuw_shop{ padding: 5px 0; float: left; width: 100%;} .aanbieding-nieuw_shop DIV.foto_container{ width: 100px; min-height: 100px; height:auto !important; height:100px; display: inline; float: left;} .aanbieding-nieuw_shop DIV.foto_container IMG{ width: 100%;} .aanbieding-nieuw_shop DIV.titel{ font-size: 16px; font-weight: bold; margin: 0; padding-right: 10px; float: left;} .aanbieding-nieuw_shop DIV.merk{ padding-top: 10px; font-weight: normal; font-style: italic; width: 500px; float: left; clear: left;} .aanbieding-nieuw_shop DIV.opmerking{ float: left; clear: left; width: 500px; padding-right:10px;} .aanbieding-nieuw_shop DIV.prijs{ float: left; clear: left; width: 90px; line-height: 20px; text-align: center;} .aanbieding-nieuw_shop DIV.nieuw{ float: left; width: 100px; background-color: #005634; line-height: 20px; margin-bottom: 2px; height: 20px; color: #FFF; text-align: center;} .aanbieding-nieuw_shop DIV.aanbieding_wrapper{ margin-bottom: 5px; width: 210px; float: left; clear: left; height: 25px;} .aanbieding-nieuw_shop DIV.aanbieding_wrapper DIV.prijs{ border: #EF3B3B 1px dashed; margin-top: 5px; border-right: none;} .aanbieding-nieuw_shop DIV.aanbieding_wrapper DIV.aanbieding_veldje{ float: left; margin-top: 5px; background-color: #EF3B3B; text-align: center; color: #FFF; width: 110px; line-height: 22px;} .groot_product SPAN.new{ margin-left: 10px; padding: 5px 25px; background-color: #C7D091; line-height: 20px; color: #000; font-weight: bold;} .groot_product DIV.foto_groot{ width: 200px;} .groot_product DIV.foto_groot IMG{ width: 100%; border: #C7D091 2px solid;} .groot_product DIV.foto_klein_wrapper{ width: 200px; float: left; clear: left; margin-top: 10px;} .groot_product DIV.foto_klein{ width: 50px; height: 50px; float: left; margin: 0 12px 5px 0;} .groot_product DIV.foto_klein IMG{ width: 100%; border: #C7D091 2px solid;} .groot_product DIV.aanbieding_groot{ width: 80px; height: 24px; margin-top: 10px; text-align: center; line-height: 25px; color: #FFF; background-color: #EF3B3B; font-weight: bold; float: left;} .groot_product DIV.aanbieding_prijs{ width: 120px; text-align: center; margin-top: 10px; line-height: 20px; border: #EF3B3B 2px dotted; border-left: none; font-weight: bold; float: left;} .groot_product DIV.prijs{ width: 100px; text-align: center; margin-top: 10px; line-height: 20px; font-weight: bold; float: left;} .groot_product DIV.prijs_excl_btw{ clear:both; font-size:smaller; } .groot_product SPAN.btw { font-size:smaller; } TABLE.gegevens{ width: 100%;} TABLE.gegevens TH{ border-bottom: #000 1px solid;} TABLE.gegevens INPUT.aantal{ width:30px; border:#000 1px solid; font-weight: bold; padding: 2px;} /* Vacatures **********************************************************/ div.vacature div.vestigingen { margin-bottom:20px; } div.vacature div.vestigingen span { color:#8F8F8F; } /* Algemene pagina's **********************************************************/ IMG.algp_foto { float:right; margin-left: 10px; } DIV.algemene_pagina { padding: 5px;} /* Links ( Links-pagina ) **********************************************************/ DIV.link { border-bottom: 1px solid #C7D091; padding: 5px 0; width:280px; } DIV.link A { font-weight:bold; } DIV.link SPAN { font-style:italic; } /* Openingstijden **********************************************************/ DIV.openingstijden TABLE.openingstijden { float:none; width:170px; margin:0 !important; } DIV.openingstijden DIV.extra { border-width: 1px 0; margin: 10px 0; padding: 10px 0; } DIV.openingstijden DIV.extra DIV.tijd { margin: 3px 0 5px 0; } DIV.openingstijden DIV.extra DIV.vandaag { border: 1px dashed red; } DIV.openingstijden SPAN { color:#000; font-weight:normal; font-style:italic;} DIV.openingstijden TABLE TD { padding-bottom:2px; } /* Fotoboek **********************************************************/ div#fotoboek { float: left;} div#fotoboek div.row { float:left; clear: left; width: 650px; margin: 0 0 15px 0; } div#fotoboek div.row div.col { float: left; width: 120px; margin: 0 10px 0 0; } body#fotoboek_foto_popup { text-align:center; } body#fotoboek_foto_popup div.links { margin:0 auto; } body#fotoboek_foto_popup a { color:blue; } DIV.pager_links { margin:0 25px; } /* Formulieren **********************************************************/ div.form { border: 1px solid #C7D091; background-color: #D3E59B; padding: 10px; clear: both; margin: 10px 30px; } div.form P.label { clear:left; margin:0; font-weight:bold; } div.form H4 { margin: 3px 0; } div.form SPAN.required { font-weight:bold; color:#ff0000; } div.form DIV.field { margin: 2px 0 7px 0; } div.form INPUT.form_btn { width:auto; float:none; } .error { color:#ff0000; } /* Webwinkel **********************************************************/ UL#webwinkel_menu { margin: 0; padding: 0; float: left; list-style: none; } UL#webwinkel_menu LI { display: inline; margin-left: 5px; width: 146px; height: 20px; line-height: 20px; font-size: 10px; font-weight: bold; float: left; text-align: center; color: #005634; background-color: #C7D091; position: relative; } UL#webwinkel_menu LI A { color:#005634; display:block; width:100%; height:100%; text-decoration:none; } UL#webwinkel_menu LI.active { color: #fff; background-color: #AF6600; } UL#webwinkel_menu LI.active A { color:#fff;} DIV.bestelling_container { float:left; border:1px solid #AF6600; border-top:none; margin:0; padding:0; } DIV.bestelling_container TABLE { width:100%; } DIV.bestelling_container TABLE TH { background-color:#AF6600; color:#fff; padding:2px;} DIV.bestelling_container TABLE TD { padding:3px; } DIV.bestelling_container TABLE TD, DIV.bestelling_container TABLE TH { vertical-align:top; } DIV.bestelling_container TABLE TR.product > TD { border-top:1px solid #AF6600; } DIV.bestelling_container TABLE TD.product_extra { padding-left:20px; } DIV.bestelling_container TABLE INPUT.form_text { width: 180px;} DIV.bestelling_container TABLE INPUT.aantal { width:40px; text-align:center; padding:0; margin:0; } DIV.bestelling_container TABLE INPUT.form_text, DIV.bestelling_container TABLE TEXTAREA.form_text, DIV.bestelling_container TABLE INPUT.form_btn { float:none; margin:0; } DIV.bestelling_container TABLE TR.extra_opties > TD { background-color: #FFF4D4; } DIV.bestelling_container TABLE.winkelwagen { text-align:center; margin-bottom:10px; } DIV.bestelling_container TABLE.bestelling_gegevens { padding-bottom: 15px; } DIV.bestelling_container TABLE SPAN.tekstvak_vraag { font-style: italic; } DIV.bestelling_container TABLE TD.afgerond { padding: 40px; font-size: 14px; } /* FAQ **********************************************************/ .faq{ margin-bottom: 5px; width: 355px; float: none; clear: none;} .faq DIV.vraag{ font-weight: bold; float: left; clear: left;} .faq DIV.antwoord{ float: left;} .faq DIV.letter{ width: 20px; float: left;} .faq DIV.zin{ width: 330px; float: left;} .faq_header{ padding-left: 10px;} .aan{ background-color: #D3E59B; float: none !important;} .uit{} /* Sitemap **********************************************************/ UL.sitemap{ list-style: none; padding: 0; margin: 0; float: left; position: relative; border-left: #000 1px solid;} UL.sitemap LI{ padding: 2px 0 2px 5px; margin: 0;} UL.sitemap A{ padding-bottom: 2px; font-weight: bold; border-bottom: #0E4619 1px solid; text-decoration: none;} UL.sitemap UL{ list-style: none; margin: 0; display: inline-block; margin-left: 12px; padding: 0; padding-left: 12px;} UL.sitemap LI LI{ border-left: #000 1px solid;} /* Footer **********************************************************/ #footer{ width: 100%; height: 20px; overflow: hidden; background: none; margin-top: -20px; float: left;} #footer A{ color: #FFF;} #footer A:hover { color: #A6D007;} #footer DIV.footer_wrapper{ padding: 0 10px; width: 940px; margin: 0 auto; height: 100%; background: url(images/navBg-trans.png) no-repeat 50% 0;} UL#contactgegevens{ margin: 0; padding: 0; list-style: none; float: left; min-height: 20px; height: auto !important; height: 20px;} UL#contactgegevens LI{ margin: 0 5px; display: inline; font-weight: bold; position: relative; line-height: 20px; color: #FFF;} UL#contactgegevens LI.bullet{ font-size: 16px; line-height: 1px; color: #FFF;} .SEO_links{ padding: 0 10px 5px; font-size: 13px; color: #c7d091; font-weight: bold; margin-top: 20px; text-align: center;} .SEO_links A.SEO_link{ white-space: nowrap; font-size: 11px; font-weight: normal; color: #c7d091;} .SEO_links A.SEO_link:hover{ color: #005634;} /* Bratpack internetdiensten **********************************************************/ #footer DIV.footer_links{float: right; color: #FFF; position: relative; font-weight: bold; margin-right: 5px; text-decoration: none; line-height: 20px;} #footer A.bp{ color: #FFF; font-weight: bold; text-decoration: none; line-height: 20px;} #footer A.bp:hover{ color: #92BE07;} /* Folder **********************************************************/ DIV.folder DIV.venster_header DIV.folder_melding_venster { width:580px; margin: 5px auto; font-size: 12px; } /* Nieuwsbrief **********************************************************/ #form_nieuwsbrief_inschrijven INPUT.form_text { width:80%; } /* Voucer registratie **********************************************************/ .voucher_registration fieldset {margin-top: 1.2em; padding: 0; border: none;} .voucher_registration fieldset.fields {padding-bottom: 0.5em; border-bottom: 1px solid #a0a0a0;} .voucher_registration div {clear: left; padding-bottom: 8px;} .voucher_registration div label {float: left; width: 30%;} .voucher_registration label.signup {font-size: 110%; font-weight: bold;} .voucher_registration input, .voucher_registration textarea {border: 1px solid #202020; padding: 1px 4px 1px 4px; width: 180px;} .voucher_registration input.button {font-weight: bold; width: 190px;} .voucher_registration input.radio, .voucher_registration input.checkbox {border: none; width: 20px;} .voucher_registration input.dob {width: 22px;} .voucher_registration input.year {width: 44px;} .voucher_registration .redborder {border: 1px solid red;}