/************************************************************** ** Algemeen ***************************************************************/ .pngfix{ behavior: url(../../Includes/iepngfix.php);} HTML{ height: 100.01%;} BODY{ height: 100%; text-align: center; background: url(../../Images/bg.gif) repeat 0 0;} HTML, BODY{ margin: 0; padding: 0; font-size: 12px; color: #000; line-height: normal; font-family: Arial, Helvetica, sans-serif;} A{ color: #ea772e; text-decoration: none;} A:hover{ text-decoration: underline;} A:focus, INPUT:focus{ outline: none;} P{ margin: 0; margin-bottom: 12px;} IMG{ border: none;} FORM{ margin: 0;} TABLE{ border-collapse: collapse;} 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 5px 0; font-family: Arial, Helvetica, sans-serif; color: #77787a;} SELECT.form_text, INPUT.form_text{ float: left; border-style: solid; border-color: #969696 #c9c7c7 #c9c7c7 #969696; border-width: 2px 1px 1px 2px; padding: 2px 0 2px 2px; font-size: 12px; font-weight: normal; color: #000; margin: 0 0 2px 0; font-family: Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; margin: 0; background-color: #f3f3f3; font-size: 12px; color: #717171; font-family: Arial, Helvetica, sans-serif;} SELECT.form_text{ padding: 0; font-size: 12px;} TEXTAREA{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-style: solid; border-color: #969696 #c9c7c7 #c9c7c7 #969696; border-width: 2px 1px 1px 2px;} 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 ***************************************************************/ .total_container{ width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; background: url(../../Images/website_shadow.png) repeat-y 50% 0;} .container{ width: 980px; margin: 0 auto; padding-bottom: 70px; position: relative; text-align: left;} /******************** GRIJS ********************/ .grijs DIV.header{ border-color: #6b6b6d;} .grijs DIV.submenu A{ background-color: #929294;} .grijs DIV.submenu A:hover, .grijs DIV.submenu A.aan{ background-color: #6b6b6d;} /*.grijs DIV.submenu A.subsub-open{ background-color: #6b6b6d;}*/ .grijs DIV.submenu UL LI LI A:hover, .grijs DIV.submenu UL LI LI A:hover STRONG, .grijs DIV.submenu UL LI LI A.aan, .grijs DIV.submenu UL LI LI A.aan STRONG{ color: #6b6b6d;} .grijs DIV.footer{ background-color: #6b6b6d;} /******************** ORANJE ********************/ .oranje DIV.header{ border-color: #ea772e;} .oranje DIV.submenu A{ background-color: #ff8b44;} .oranje DIV.submenu A:hover, .oranje DIV.submenu A.aan{ background-color: #ea772e;} /*.oranje DIV.submenu A.subsub-open{ background-color: #ea772e;}*/ .oranje DIV.submenu UL LI LI A:hover, .oranje DIV.submenu UL LI LI A:hover STRONG, .oranje DIV.submenu UL LI LI A.aan, .oranje DIV.submenu UL LI LI A.aan STRONG{ color: #ea772e;} .oranje DIV.footer{ background-color: #ea772e;} /******************** ZWART ********************/ .zwart DIV.header{ border-color: #1a171b;} .zwart DIV.submenu A{ background-color: #434144;} .zwart DIV.submenu A:hover, .zwart DIV.submenu A.aan{ background-color: #1a171b;} /*.zwart DIV.submenu A.subsub-open{ background-color: #1a171b;}*/ .zwart DIV.submenu UL LI LI A:hover, .zwart DIV.submenu UL LI LI A:hover STRONG, .zwart DIV.submenu UL LI LI A.aan, .zwart DIV.submenu UL LI LI A.aan STRONG{ color: #1a171b;} .zwart DIV.footer{ background-color: #1a171b;} /******************** GROEN ********************/ .groen DIV.header{ border-color: #42a52a;} .groen DIV.submenu A{ background-color: #5cba46;} .groen DIV.submenu A:hover, .groen DIV.submenu A.aan{ background-color: #42a52a;} /*.groen DIV.submenu A.subsub-open{ background-color: #42a52a;}*/ .groen DIV.submenu UL LI LI A:hover, .groen DIV.submenu UL LI LI A:hover STRONG, .groen DIV.submenu UL LI LI A.aan, .groen DIV.submenu UL LI LI A.aan STRONG{ color: #42a52a;} .groen DIV.footer{ background-color: #42a52a;} /************************************************************** ** Header ***************************************************************/ .header{ float: left; width: 100%; background-color: #FFF; border-bottom: 12px solid;} .header A.logo{ float: left; width: 245px; height: 108px; display: block; background: url(../../Images/logo.jpg) no-repeat 50% 50%;} .header DIV.zoeken{ float: right; height: 64px; padding-right: 7px;} .header DIV.zoeken DIV.wrapper{ float: right; margin-top: 20px;} .header DIV.zoeken DIV.wrapper LABEL{ float: left; height: 21px; line-height: 21px; margin-right: 8px; font-size: 12px;} .header DIV.zoeken DIV.wrapper INPUT{ margin-right: 5px;} /************************************************************** ** Menu ***************************************************************/ .hoofdmenu{ float: right; width: 724px; height: 44px; padding-right: 11px;} .hoofdmenu UL{ margin: 0; padding: 0; list-style: none;} .hoofdmenu UL LI{ position: relative; float: left; display: inline; height: 44px;} .hoofdmenu UL LI#menuitem-grijs{ background: url(../../Images/tab_stichting-bouwlood.jpg) no-repeat 0 0; width: 227px;} .hoofdmenu UL LI#menuitem-oranje{ background: url(../../Images/tab_product.jpg) no-repeat 0 0; width: 159px; margin-left: 1px;} .hoofdmenu UL LI#menuitem-zwart{ background: url(../../Images/tab_praktijk.jpg) no-repeat 0 0; width: 145px; margin-left: 1px;} .hoofdmenu UL LI#menuitem-groen{ background: url(../../Images/tab_duurzaamheid.jpg) no-repeat 0 0; width: 190px; margin-left: 1px;} .hoofdmenu UL A{ position: relative; text-align: center; z-index: 2; text-decoration: none; display: block; height: 31px; padding-top: 13px;} .submenu{ float: left; width: 100%;} .submenu UL{ float: left; width: 100%; margin: 0; padding: 0; list-style: none;} .submenu UL LI{ width: 100%; float: left; clear: left;} .submenu UL LI A{ padding: 15px 12px 15px 22px; color: #FFF; font-weight: bold; text-decoration: none; display: block; border-bottom: #FFF 1px solid;} .submenu UL LI A:hover{} .submenu UL LI A STRONG{ display: block; float: left; margin: -2px 8px 0 -15px; cursor: pointer;} .submenu UL LI A SPAN{ display: block; padding-left: 15px;} .submenu UL UL{ display: none;} .submenu UL LI LI A{ padding: 7px 10px 7px 37px; background-color: #FFF !important; border-bottom-color: #b4b3b4; color: #A4A4A5;} .submenu UL LI LI A STRONG{ color: #FFF; float: left; margin-left: -14px;} .tl, .tr{ position: absolute; z-index: 1; width: 8px; height: 8px; font-size: 1px;} .tl{ background: url(../../Images/tl.png) no-repeat 0 0; top: 0; left: 0;} .tr{ background: url(../../Images/tr.png) no-repeat 0 0; top: 0; right: 15px; margin-right: -15px;} /************************************************************** ** kolommen ***************************************************************/ .linker_kolom{ width: 245px; float: left; display: inline; min-height: 40px; height: auto !important; height: 40px;} .content_kolom{ width: 508px; float: left; display: inline; min-height: 40px; height: auto !important; height: 40px; font-family: Verdana, Arial, Helvetica, sans-serif;} .rechter_kolom{ width: 205px; padding: 32px 11px 11px; line-height: 14px; font-size: 11px; color: #77787a; float: left; display: inline; background: url(../../Images/fade-begin.gif) no-repeat 0 0; font-family: Verdana, Arial, Helvetica, sans-serif;} .banners{ width: 100%; float: left; padding-top: 20px;} .banners UL{ width: 100%; margin: 0; padding: 0; list-style: none;} .banners UL LI{ width: 100%; float: left; clear: left; margin-bottom: 10px; text-align: center;} .banners UL LI .flashbanner{ margin: 0 auto;} /************************************************************** ** Content ***************************************************************/ .content_container{ float: left; width: 100%;} .content_kolom H1.pag_titel{ display: block; width: 462px; float: left; font-size: 28px; color: #77787a; padding: 20px 23px; line-height: 32px; background: url(../../Images/fade-border.gif) no-repeat 0 100%;} .content{ float: left; width: 474px; padding: 11px 11px 11px 23px; font-size: 11px; line-height: 16px;} .content INPUT.form_btn{ background-color: #929294; color: #FFF; font-weight: bold;} .content A:hover{ text-decoration: underline;} .content UL, .content OL{ padding: 0 0 0 16px; margin: 0 0 10px 0;} .content H1, .content H2, .content H3, .content H4, .content H5, .content H6{ color: #000; font-family: Verdana, Arial, Helvetica, sans-serif;} .content H1{ font-size: 14px; line-height: 20px;} .content H2{ font-size: 14px; line-height: 25px; font-weight: normal;} .content H3{ font-size: 12px; line-height: 20px;} .content H4{ font-size: 11px; line-height: 16px; font-weight: normal; padding: 10px 10px 1px; background-color: #E8E8E8; margin-bottom: 10px;} .content H5{ font-size: 10px; line-height: 12px;} .content H6{ font-size: 10px; line-height: 12px; font-weight: normal;} .content TABLE P, .rechter_kolom TABLE P{ margin: 0 0 3px;} .rechter_kolom H1{ font-size: 12px; line-height: normal;} .rechter_kolom A:hover{ text-decoration: underline;} .rechter_kolom P{ line-height: 14px;} .rechter_kolom UL, .rechter_kolom OL{ padding: 0 0 0 16px; margin: 0 0 10px 0;} .rechter_kolom H1, .rechter_kolom H2, .rechter_kolom H3, .rechter_kolom H4, .rechter_kolom H5, .rechter_kolom H6{ font-family: Verdana, Arial, Helvetica, sans-serif;} TABLE.formulier TD{ vertical-align: top; padding-bottom: 10px;} TABLE.formulier TD LABEL{ line-height: 20px;} /************************************************************** ** Footer ***************************************************************/ .footer_container{ float: left; width: 100%; height: 96px; margin-top: -96px; text-align: left; color: #FFF;} .fade-end{ width: 980px; height: 40px; margin: 0 auto; background: url(../../Images/fade-end.gif) no-repeat 100% 0;} .footer{ width: 980px; height: 56px; position: relative; margin: 0 auto; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;} .footer DIV.naw_gegevens{ float: left; padding: 15px 10px 0 23px;} .footer DIV.naw_gegevens A{ color: #FFF;} .footer DIV.nieuwsbrief{ float: right; margin-top: 9px; padding-right: 3px;} .footer DIV.nieuwsbrief LABEL{ width: 213px; float: left; line-height: 16px;} .footer DIV.nieuwsbrief INPUT{ float: left; display: inline; margin-right: 7px;} /************************************************************** ** zoekresultaten ***************************************************************/ .zoekresultaat H2{ font-size:12px; margin:0 0 5px 0; } .zoekresultaat H3{ margin:0px; } .zoekresultaat P{ margin:0px; }