/************************************************************** ** Algemeen ***************************************************************/ .png{ behavior: url(iepngfix.htc);} HTML{ height: 100.01%;} BODY{ margin: 0; height: 100%; text-align: center;} HTML, BODY{ font-size: 11px; color: #000; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif;} A{ color: #EB2D2F; text-decoration: none;} A:hover{ color: #000;} 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 10px 0; font-family: Verdana, Arial, Helvetica, sans-serif;} 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: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; text-align: left; background: url(../Images/content_bg.jpg) repeat-y 0 0;} /************************************************************** ** Header ***************************************************************/ #header{ width: 100%; height: 119px; float: left; background: url(../Images/header.jpg) no-repeat 0 0;} #header A.logo{ width: 309px; height: 70px; display: block; margin: 16px 0 0 12px;} #header DIV.naw{ width: 400px; float: right; padding: 6px;} #header DIV.naw SPAN{ width: 100%; display: block; float: right; clear: right; position: relative; line-height: normal; font-size: 10px; text-align: right; color: #FFF;} .winkelmandje{ float:right; text-align:right; padding:0px 10px 0px 0px;} /************************************************************** ** Menu ***************************************************************/ #content_container{ width: 810px; float: left; display: inline;} #content_container DIV#onder_header{ width: 100%; height: 74px; float: left; background: url(../Images/onder_header.jpg) no-repeat 0 0;} #content_container DIV#menu_container{ width: 203px; float: left; display: inline;} #content_container DIV#menu_container UL#menu{ width: 166px; margin: 0; float: left; padding: 0 18px 20px; list-style: none;} #content_container DIV#menu_container UL#menu LI{ width: 100%; min-height: 23px; height: auto !important; height: 23px; float: left; clear: left; background: url(../Images/menu_btn.jpg) no-repeat 0 0;} #content_container DIV#menu_container UL#menu LI A{ min-height: 18px; height: auto !important; height: 18px; line-height: 18px; display: block; margin-top: 5px; padding: 0 20px; color: #000;} #content_container DIV#menu_container UL#menu LI A.current{ color: #EB2D2F;} #content_container DIV#menu_container UL#menu LI A:hover{ text-decoration: underline;} #content_container DIV#menu_container UL#menu LI UL{ width: 146px; margin: 0; padding: 0 0 0 20px; list-style: none; float: left; display: none;} #content_container DIV#menu_container UL#menu LI UL.current{ display: block;} #content_container DIV#menu_container UL#menu LI UL LI{ background: none; border-bottom: #eb2d2e 1px solid; background-color: #FFF;} #content_container DIV#menu_container UL#menu LI UL LI.eind{ background: url(../Images/submenu_hoek.jpg) #FFF no-repeat 0 100%;} #content_container DIV#menu_container UL#menu LI UL LI A{ line-height: normal; margin: 0; min-height: 13px; height: auto !important; height: 13px; padding-top: 5px; padding-bottom: 5px;} #content_container DIV#menu_container UL#menu LI UL LI A.current{ color: #EB2D2F;} #content_container DIV#menu_container DIV.webshop_btn{ width: 166px; margin: 0 18px 20px; float: left; clear: left; display: inline; position: relative; background-color: #E7E7E7;} #content_container DIV#menu_container DIV.webshop_btn DIV.top{ width: 24px; height: 20px; background: url(../Images/webshop_btn_top.jpg) no-repeat 0 0; position: absolute; top: 0; right: 0; z-index: 1;} #content_container DIV#menu_container DIV.webshop_btn DIV.bottom{ width: 22px; height: 20px; background: url(../Images/webshop_btn_bottom.jpg) no-repeat 0 0; position: absolute; bottom: 0; left: 0; z-index: 1;} #content_container DIV#menu_container DIV.webshop_btn A{ width: 136px; padding: 10px 10px 10px 20px; color: #000; display: block; position: relative; z-index: 2;} #content_container DIV#menu_container DIV.webshop_btn A.current{ color: #EB2D2F;} #content_container DIV#menu_container DIV.webshop_btn A:hover{ text-decoration: underline;} /************************************************************** ** Content ***************************************************************/ #content_container DIV#content{ width: 542px; padding: 5px 15px 5px 50px; float: left; display: inline;} #content_container DIV#content SPAN.red_t{ line-height: inherit; font-size: inherit; color: #EB2D2F;} #content_container DIV#content UL LI{ color: #EB2D2F; font-size: 14px; line-height: 11px;} #content_container DIV#content UL LI SPAN{ color: #000; font-size: 11px; line-height: 16px;} #content_container DIV#content UL LI SPAN A{ color: #000; text-decoration: underline;} /************************************************************** ** Nieuws venster ***************************************************************/ .nieuws{ width: 567px; float: right; padding: 0 10px 0 30px; margin: 10px 0;} .nieuws H6.nieuws_titel{ width: 547px; padding: 0 10px; margin: 0; line-height: 18px; background-color: #EB2D2F; color: #FFF; float: left;} .nieuws DIV.nieuws_items{ width: 523px; border-right: #EB2D2F 4px solid; padding: 15px 20px; float: left; position: relative; background: url(../Images/nieuws_bg.jpg) repeat-y 0 0;} .nieuws DIV.nieuws_items DIV.hoekje{ width: 30px; height: 22px; position: absolute; left: 0; top: 0; z-index: 1; background: url(../Images/rood_hoekje.png) no-repeat 0 0;} .nieuws DIV.nieuws_items DIV.nieuws_item{ margin-bottom: 10px;} .nieuws DIV.nieuws_items DIV.nieuws_item DIV.foto{ width: 90px; float: left; margin: 3px 10px 0 0;} .nieuws DIV.nieuws_items DIV.nieuws_item DIV.foto IMG{ float: left;} .nieuws DIV.nieuws_items DIV.nieuws_item SPAN.datum{ float: right; display: block; color: #EB2D2F;} .nieuws DIV.nieuws_items DIV.nieuws_item STRONG.titel{ float: left;} .nieuws DIV.nieuws_items DIV.nieuws_item P{ clear: right; display: inline;} /************************************************************** ** Rechter kolom ***************************************************************/ #col_rechts{ width: 190px; float: left; display: inline;} #col_rechts DIV.categorie{ width: 175px; height: 95px; border-right: #EB2D2F 4px solid; margin: 0 auto 10px; position: relative;} #col_rechts DIV.categorie DIV.hoekje{ width: 30px; height: 22px; position: absolute; left: 0; top: 0; z-index: 1; background: url(../Images/rood_hoekje.png) no-repeat 0 0;} #col_rechts DIV.categorie A{ width: 179px; height: 95px; position: absolute; top: 0; left: 0; z-index: 2;} #col_rechts DIV.info{ width: 169px; background-color: #EB2D2F; padding: 5px; line-height: normal; margin: -10px auto 10px; color: #FFF;} /************************************************************** ** Webshop ***************************************************************/ .overzicht_product{ width:472px; height:110px; float:left; background:url(../Images/overzicht_product_bg.gif) no-repeat; margin:0px 0px 10px 0px; padding:10px 10px 10px 25px;} .overzicht_product_tekst{ width:352px; height:110px; float:left; overflow:hidden;} .product_titel{ font-size: 12px; color: #eb2d2f; line-height:auto; font-family: Verdana, Arial, Helvetica, sans-serif;} .product_prijs{ font-size: 14px; color: #eb2d2f; line-height:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;} .overzicht_img{ width:110px; height:110px; float:right;} .overzicht_img IMG{ border:solid 1px #eb2d2f;} .product{ width:470px; float:left; border:solid 1px #eb2d2f; background:url(../Images/hoekje_bg.gif) no-repeat; margin:0px 0px 0px 0px; padding:10px 10px 10px 25px;} .product_tekst{ width:270px; float:left;} .product_images{ width:190px; float:right;} .product_img_groot{ width:190px; height:190px; float:left; padding:0px 0px 5px 0px;} .product_img_groot IMG{ border:solid 1px #eb2d2f;} .product_img_groot_thumbs{ height:60px;} .product_img_thumb{ width:60px; height:60px; float:left;} .product_img_thumb IMG{ border:solid 1px #eb2d2f;} #thumb1{margin:0px 5px 0px 0px;} #thumb2{margin:0px 5px 0px 0px;} #thumb3{margin:0px 0px 0px 0px;} .product_footer{ width:470px; float:left; padding:10px 0px 0px 0px; font-size: 10px; color: #000000; line-height:auto; font-family: Verdana, Arial, Helvetica, sans-serif;} .footer_mandje{ float:left; width:180px;} .footer_afbeelding{ float:right; width:200px; text-align:center; font-size:9px;} TABLE.bestelgegevens{ float: left; clear: left; margin-bottom: 30px;} TABLE.bestelgegevens TD{ line-height: 20px;} TABLE.bestelgegevens TD INPUT{ float: left; margin-bottom: 3px;}