/************************************************************** ** Algemeen ***************************************************************/ .pngfix{ behavior: url(http://www.weekamp-deuren.nl/Includes/iepngfix.php);} HTML{ height: 100.01%;} BODY{ height: 100%; text-align: center;} HTML, BODY{ margin: 0; padding: 0; font-size: 13px; color: #333; line-height: normal; font-family: Arial, Helvetica, sans-serif;} A{ color: #FFF; text-decoration: none;} A:hover{ color: #454545; text-decoration: underline;} A:focus, INPUT:focus{ outline: none;} P{ margin: 0; margin-bottom: 10px;} IMG{ border: none;} FORM{ margin: 0;} TABLE{ border-collapse: collapse; margin-bottom: 10px;} TABLE P{ margin: 0 0 5px 0;} UL, OL{ margin: 0 0 10px; padding: 0 0 0 18px;} LI{ padding-bottom: 12px;} LI LI{ padding-bottom: 2px;} H1{ font-size: 40px; line-height: 42px;} H2{ font-size: 34px; line-height: 36px;} H3{ font-size: 26px; line-height: 28px;} H4{ font-size: 18px; line-height: 20px;} H5{ font-size: 14px; line-height: 16px;} H6{ font-size: 12px; line-height: 14px;} H1, H2, H3, H4, H5, H6{ margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; color: #333;} SELECT.form_text, INPUT.form_text{ float: left; padding: 2px 0 2px 2px; border: #000 1px solid; font-size: 11px; font-weight: normal; color: #000; margin: 0 0 2px 0; font-family: Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; margin: 0; font-size: 13px; color: #000; font-family: Arial, Helvetica, sans-serif;} INPUT.form_box{ float: left; width: 13px; height: 13px; margin: 3px 3px 0 0;} SELECT.form_text{ padding: 0; font-size: 12px;} TEXTAREA, SELECT{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; border: #000 1px solid;} 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;} .ie_clearer{ content: "."; display: inline; height: 0; font-size: 1px; clear: both; visibility: hidden;} .spamcontrole { width: 5px; visibility: hidden;} /************************************************************** ** Inhoud v/d ***************************************************************/ .container{ width: 955px; margin: 0 auto; text-align: left; border: #999 1px solid;} .left{ width: 180px; height: 100%; float: left; display: inline;} .middle{ width: 625px; height: 100%; float: left; display: inline;} .right{ width: 150px; height: 100%; float: left; display: inline;} DIV.label-input{ position: relative; float: left; margin: 10px 0 0 10px; display: inline;} LABEL.overlabel-apply { position: absolute; font-style: italic; font-size: 10px; top: 4px; left: 5px; z-index: 1; color: #999;} /************************************************************** ** Header ***************************************************************/ .header{ width: 100%; float: left;} .header DIV.top{ width: 100%; height: 25px; float: left;} .header DIV.top DIV.left{ background-color: #7D635B;} .header DIV.top DIV.middle{ background-color: #A48F8B;} .header DIV.top DIV.right{ background-color: #CBBDBB;} .header DIV.bottom{ width: 100%; height: 75px; float: left;} .header DIV.bottom DIV.left{ background-color: #CFBDBB;} .header DIV.bottom DIV.middle{ background-color: #967F79;} .header DIV.bottom DIV.right{ background-color: #A48F8B;} .header DIV.zoeken INPUT.form_text{ width: 100px; border: #000 1px solid; margin: 2px 0 0 10px;} .header DIV.zoeken A.submit_link{ line-height: 24px; margin-left: 5px; font-size: 10px; color: #FFF;} .header A.logo{ no-repeat 0 0; display: block; height: 100%;} .header UL.breadcrumbs{ margin: 0px; padding: 0 0 0 7px; list-style: none; float: left;} .header UL.breadcrumbs LI{ float: left; display: inline; margin:0 0 0 3px; color: #454545; padding:6px 0 0 0; font-size: 9px;} .header UL.breadcrumbs LI.bull{ font-size: 12px; line-height: 12px; margin:0 0 0 3px; padding:5px 0 0 0;} .header UL.breadcrumbs LI A{ color: #454545;} .header A#sitemap_link{ font-size: 12px; float: left; color: #666; margin: 4px 0 0 10px;} .header A#sitemap_link:hover{ color: #333;} .header H1.pag_titel{ color: #F5EFEF; margin: 32px 0 0 10px; line-height: 42px; cursor: default; font-family: Garamond, "Times New Roman", Times, serif;} /* .header A.banner{ display: block; height: 100%; font-size: 18px; cursor: pointer; color: #5C5255;} .header A.banner:hover{ color: #FFF;} */ /************************************************************** ** Content ***************************************************************/ .content_container{ width: 100%; height: 375px; float: left;} .content_container DIV.left{ background-color: #7D635B;} .content_container DIV.middle{ background-color: #A48F8B; width: 590px; height: 355px; display: block; padding: 10px 25px 10px 10px; overflow-x: hidden; overflow-y: scroll;} .content_container DIV.middle UL LI{ padding:0px;} .content_container DIV.right{ background-color: #CBBDBB; position: relative; overflow: hidden;} .content_container DIV.right H1.titel{ color: #9E837C; cursor: default; font-family: Garamond, "Times New Roman", Times, serif; font-size: 28px; line-height: 28px; margin: 10px 5px 0 10px;} .content_container DIV.right DIV.nieuws_item{ font-size: 10px; color: #454545; margin: 12px 5px 5px 10px;} .content_container DIV.right DIV.nieuws_item A{ color: #454545; text-decoration: underline;} .content_container DIV.right DIV.nieuws_item A:hover{ color: #FFF;} .content_container DIV.middle IMG.paginafoto{ float: left; display: inline; margin: 0 20px 10px 0;} #doorsnedes TD{ padding:0px 0px 5px 0px; font-size:11px; text-align:center; } /************************************************************** ** Menu ***************************************************************/ UL.menu, UL.menu UL{ margin: 0; padding: 0 0 0 10px; list-style: none;} UL.menu{ margin-top: 10px; width: 170px;} UL.menu LI{ float: left; clear: left; width: 100%; padding-bottom: 5px;} UL.menu LI A{ font-size: 12px; line-height: 12px; font-weight: bold; color: #FFF; display: inline;} UL.menu LI A.current{ text-decoration: underline; color: #cfbdbb;} UL.menu DIV{ display: none;} UL.menu DIV.open{ display: block;} UL.menu UL{ padding-left: 25px;} UL.menu LI LI{ width: auto;} UL.menu LI LI A{ font-size: 10px; line-height: 10px; display: block; text-transform: none;} UL.menu LI LI A:hover{} .subsubmenu{ padding: 10px; font-size: 11px; float: left; display: inline;} .subsubmenu A{ text-decoration: underline;} .subsubmenu A:hover{ color: #FFF; text-decoration: none;} .actieknop{ position:absolute; top:452px; margin:0 0 0 10px; } .actieknop A{ font-weight:bold; font-size:12px;} .actieknop A:hover{ text-decoration:underline; color:#FFFFFF;} /************************************************************** ** Sitemap ***************************************************************/ UL.sitemap, UL.sitemap UL{ margin: 0; padding: 0 0 0 10px; list-style: none;} UL.sitemap{ margin-top: 10px; width: 170px;} UL.sitemap LI{ float: left; clear: left; width: 100%;} UL.sitemap LI A{ font-size: 11px; line-height: 11px; font-weight: bold; color: #000; display: inline; text-transform: uppercase;} UL.sitemap LI A:hover{} UL.sitemap UL{ padding-left: 25px;} UL.sitemap LI LI{ width: auto;} UL.sitemap LI LI A{ font-size: 10px; line-height: 10px; display: block; text-transform: none;} UL.sitemap LI LI A:hover{} /************************************************************** ** Deuren ***************************************************************/ .aan{ background-color: #9F7E77;} DIV.detail{ width: 100px; float: right; text-align: center; margin-left: 10px;} DIV.detail SPAN{ margin-bottom: 3px; display: block;} DIV.detail A:hover SPAN{ text-decoration: underline;} DIV.detail A IMG{ border: #000 1px solid;} TABLE.bestellijst{ width: 100%;} TABLE.bestellijst TD{ vertical-align: middle;} TABLE.bestellijst TR.aan TD{ background-color: #9F7E77;} TABLE.bestellijst TR.uit TD{} .print{ position: absolute; bottom: 5px; left: 0; text-align: center; width: 100%;} .print A{ font-size: 20px; font-weight: bold; font-family: Garamond, "Times New Roman", Times, serif;} TABLE.bestellijst A.delete{ overflow: hidden; display: block; height: 26px; float: left;} TABLE.bestellijst A.delete IMG.over{ margin-top:-26px;} .deur{ float: left; text-align: center; width: 110px; height: 270px;} .kleur_resultaat{ float: left; margin-left: 10px; margin-right: 13px; text-align: center; width: 110px;} .beslag{ float: left; margin-right: 10px; text-align: center; width: 110px; margin-bottom: 25px; height: 247px; border: #FFF 1px dotted;} .beslag IMG{ width: 110px; margin-top: 30px;} #ColorPickerHolder{ position: relative; width: 320px; margin-left: -5px; float: left !important;} .deur IMG, .kleur_resultaat IMG, .beslag IMG{ float: left;} .deur SPAN, .kleur_resultaat SPAN, .beslag SPAN{ clear: both; font-size: 10px; display: block; width: 100%; text-align: center;} /************************************************************** ** Fotoalbum ***************************************************************/ .fotoalbum_row{ width: 592px; float: left; clear: left; padding-bottom: 14px;} .fotoalbum_row A{ float: left; border: #000 1px solid; margin: 0 8px;} .fotoalbum_row IMG{ float: left;} /************************************************************** ** Formulier ***************************************************************/ TABLE.formulier{ width: 580px;} TABLE.formulier TD{ padding-bottom: 1px;} TABLE.formulier INPUT.form_text{ width: 250px;} TABLE.formulier INPUT.form_btn{ background-color: #FFF; color: #000; border: #000 1px solid; float: right;} TABLE.formulier TEXTAREA{ width: 250px;} TABLE.formulier LABEL{ float: left; padding: 3px 0; margin-right: 5px;} TABLE.formulier LABEL.equel{ display: block; width: 120px;} /************************************************************** ** Dealer Zoekresultaten ***************************************************************/ TABLE.showroom{ width: 580px; border-bottom: #7D635B 1px dotted; margin-bottom: 20px;} TABLE.showroom TH{ font-weight: normal; background-color: #7D635B; color: #FFF;} TABLE.showroom TD{ vertical-align: top;} .uitleg{ color: #000;} .uitleg A{ color: #000; text-decoration: underline;} /************************************************************** ** Footer ***************************************************************/ .footer{ width: 100%; float: left;} .footer DIV.top{ width: 100%; height: 140px; float: left; color: #FFF;} .footer DIV.top DIV.left{ background-color: #64171D; position: relative;} .footer DIV.top DIV.middle{ background-color: #7F1922;} .footer DIV.top DIV.right{ background-color: #9F2B35; position: relative;} .footer DIV.bottom{ width: 100%; height: 25px; float: left; text-align: center;} .footer DIV.bottom DIV.left{ background-color: #7D635B;} .footer DIV.bottom DIV.middle{ background-color: #A48F8B;} .footer DIV.bottom DIV.right{ background-color: #CBBDBB;} .footer DIV.verder-terug{ width: 100%; float: left; margin-top: 55px; text-align: center;} .footer A.terug_link{ color: #FFF; font-size: 11px;} .footer A.terug_link:hover{ text-decoration: underline;} .footer A.verder_link{ color: #FFF; font-size: 11px;} .footer A.verder_link:hover{ text-decoration: underline;} .footer DIV.zoekdealer INPUT.form_text{ width: 65px; border: #000 1px solid; margin: 10px 0 0 10px; float: left;} .footer DIV.zoekdealer A.submit_link{ line-height: 20px; margin: 10px 0 0 5px; display: block; font-size: 10px; float: left; color: #FFF;} .footer A.aanvraag_link{ line-height: 20px; margin: 10px 0 0 10px; display: block; font-size: 11px; float: left; color: #FFF;} .hulptext{ float: left; margin: 20px 10px 10px 10px;} .hulptext H1{ margin: 0; line-height: 18px; color: #FFF; font-family: "Times New Roman", Times, serif; font-weight: normal; letter-spacing: .02em;} .scroll-area{ height: 100%; overflow: hidden; overflow-x: auto; width:625px;} TABLE.deuren{ float: left; height: 115px; margin: 5px 0 5px 10px;} TABLE.deuren TD{ padding: 0 15px 0 0; vertical-align: top;} TABLE.deuren TD A{ display: block; height: 100%; text-align: center; font-size: 11px; color: #FFF;} TABLE.deuren TD A:hover{ text-decoration: none;} TABLE.deuren TD A SPAN{ display: block; white-space: nowrap;} TABLE.deuren TD A:hover SPAN{ text-decoration: underline;} .footer A.disclaimer_link{ color: #FFF; line-height: 25px; font-size: 12px;} .footer A.duurzaam_link{ color: #FFF; line-height: 25px; font-size: 12px;} .footer A.colofon_link{ color: #666; line-height: 25px; font-size: 12px;} .footer A.colofon_link:hover{ color: #333;} .artikelZoeken{ position: absolute; bottom: 0; left: 0;} .artikelZoeken H6{ color: #FFF; margin-left: 5px; float: left;} .artikelZoeken INPUT.form_text{ width: 50px; border: #000 1px solid; margin: 0 0 5px 10px; float: left;} .artikelZoeken A.submit_link{ line-height: 20px; margin: 0 0 0 5px; display: block; font-size: 10px; float: left; color: #FFF;}