/************************************************************** ** Algemeen ***************************************************************/ HTML{ height: 100.01%;} BODY{ margin: 0; height: 100%; text-align: center;} HTML, BODY{ font-size: 12px; color: #636363; line-height: 18px; font-family: Arial, Helvetica, sans-serif;} A{ color: #989b9f;} A:hover{ color: #989b9f;} 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: Verdana, Arial, Helvetica, sans-serif; color: #008357;} SELECT.form_text, INPUT.form_text{ float: left; height: 15px; padding-top: 1px; padding-left: 2px; font-size: 12px; font-weight: normal; color: #000; margin: 0 0 2px 0; border: #008357 2px solid; font-family: Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; margin: 0; font-size: 13px; color: #008357; border: #008357 1px solid; background-color: #A5D9C9; font-family: Arial, Helvetica, sans-serif;} SELECT.form_text{ padding: 0; height: 24px; font-size: 12px;} TEXTAREA.form_text{ border: #008357 2px solid; font-family: 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;} .green{ color: #008357;} /************************************************************** ** Inhoud v/d ***************************************************************/ .container{ width: 100%; float: left; text-align: left; position: relative;} .wrapper{ width: 770px; margin: 0 auto;} /************************************************************** ** Header ***************************************************************/ .header{ width: 100%; float: left;} .header DIV.top{ width: 100%; height: 63px; float: left;} .header DIV.bottom{ width: 100%; height: 136px; float: left; border-top: #008357 2px solid; background-color: #008357;} .header DIV.top A.logo{ width: 162px; height: 63px; display: block; float: left; background: url(/english/images/logo.gif) no-repeat 0 0;} .header DIV.top DIV.vlaggen{ width: 608px; height: 48px; border-bottom: #008357 2px solid; float: left;} .header DIV.top DIV.vlaggen UL{ margin: 25px 0 0 0; padding: 0; list-style: none; float: right;} .header DIV.top DIV.vlaggen UL LI{ float: left; display: inline;} .header DIV.bottom IMG.header_foto{ width: 566px; height: 136px; float: left;} .header DIV.bottom DIV.kaart{ width: 204px; height: 136px; float: left; position: relative; background: url(/english/images/wereldkaart.jpg) no-repeat 0 0;} .header DIV.bottom DIV.kaart A.country_btn{ height: 20px; display: block; text-decoration: none; margin-top: 116px; font-size: 13px; padding-left: 40px; line-height: 18px; background: url(/english/images/arrow_down.gif) #a5d9c9 no-repeat 186px 50%; color: #008357; font-weight: bold;} #country_list{ width: 204px; display: none; height: 539px; overflow: auto; z-index: 200; position: absolute; left: 0; top: 136px; background-color: #A5D9C9;} #country_list UL{ margin: 0; padding: 0; list-style: none;} #country_list UL LI{ width: 187px; float: left; clear: left;} #country_list UL LI A{ display: block; min-height: 14px; text-decoration: none; height: auto !important; height: 14px; text-align: right; padding: 0 5px; font-size: 11px; line-height: 12px; font-weight: bold; color: #008357;} #country_list UL LI A:hover{ color: #FFF; background-color: #008357;} /************************************************************** ** Content ***************************************************************/ .content_container{ width: 100%; float: left;} .content_container DIV.wrapper{ background: url(/english/images/news_bg.gif) repeat-y 100% 0;} .content_container DIV.left{ width: 566px; float: left;} .content_container DIV.right{ width: 184px; float: left; padding: 10px; border-top: #008357 8px solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #959595;} /************************************************************** ** Menu ***************************************************************/ .menu{ width: 100%; float: left; margin: 15px 0; } .menu UL{ padding: 0; margin: 0; list-style: none; } .menu UL LI{ float: left; position: relative; color: #a0cbba; font-weight: bold; border-left: #a0cbba 2px solid; } .menu UL LI A{ float: left; display: block; text-decoration: none; color: #a0cbba; padding: 0px 24px; line-height: 24px; height: 24px; } .menu UL LI A.aan{ color: #008357;} .menu UL LI.tab1{ border-left: none; } .menu UL LI UL.tab1 LI{ border-left: none; } .menu UL LI:hover{ width: auto; } .menu UL LI A:hover{ background-color: #cee3da; color: #008357; } .menu UL LI:hover A{ background-color: #cee3da; color: #008357; } .menu UL LI UL{ display: none; border-bottom: #a0cbba 2px solid;} .menu TABLE{ margin: 0; border-collapse: collapse; position: absolute; top: 0; left: 0; } /* Specifiek voor NIET IE browsers */ .menu UL LI:hover UL{ display: block; position: absolute; top: 23px; background: url(/english/images/submenu_bg.gif) repeat 0 0; margin-top: 1px; left: -2px; width: 205px; } .menu UL LI:hover UL LI A{ display: block; background: none; color: #a0cbba; background: url(/english/images/submenu_arrow.gif) no-repeat 24px 50%; height: auto; line-height: 20px; padding: 0 24px 0 34px; width: 85px; } .menu UL LI:hover UL LI A:hover{ color: #008357; background-color: #cee3da; } .menu UL LI:hover UL.tab1{ left: 0px; width: 143px;} .menu UL LI:hover UL.tab1 LI A{ width: 85px;} .menu UL LI:hover UL.tab2{ width: 280px;} .menu UL LI:hover UL.tab2 LI A{ width: 220px;} .menu UL LI:hover UL.tab3{ width: 280px;} .menu UL LI:hover UL.tab3 LI A{ width: 220px;} .menu UL LI:hover UL.tab4{} .menu UL LI:hover UL.tab4 LI A{} .menu UL LI:hover UL.tab5{ width: 155px;} .menu UL LI:hover UL.tab5 LI A{ width: 95px;} /* Specifiek voor de browsers IE5.5 en IE6 */ .menu UL LI A:hover UL{ display: block; position: absolute; top: 24px; top:23px; background: url(/english/images/submenu_bg.gif) repeat 0 0; left: -2px; margin-top: 1px; } .menu UL LI A:hover UL.tab1{ left: 0px; } .menu UL LI A:hover UL LI A{ display: block; color: #a0cbba; height: 1px; line-height: 20px; background: url(/english/images/submenu_arrow.gif) no-repeat 24px 50%; padding: 0 24px 0 34px; width: 205px; width: 85px; } .menu UL LI A:hover UL LI A:hover{ color: #008357; background-color: #cee3da; } .menu UL LI A:hover UL.tab1 LI A{ width: 85px; width: 85px;} /* Wert1 103 */ .menu UL LI A:hover UL.tab2 LI A{ width: 180px; width: 180px;} .menu UL LI A:hover UL.tab3 LI A{ width: 220px; width: 220px;} .menu UL LI A:hover UL.tab4 LI A{} .menu UL LI A:hover UL.tab5 LI A{ width: 155px; width: 95px;} /************************************************************** ** Breadcrumbs ***************************************************************/ .breadcrumbs{ width: 100%; float: left;} .breadcrumbs UL{ margin: 0 0 0 24px; padding: 0; list-style: none;} .breadcrumbs UL LI{ float: left; display: inline; font-size: 10px; line-height: 12px; font-weight: bold; margin-right: 3px;} .breadcrumbs UL LI .item{ color: #a0cbba; text-decoration: none;} .breadcrumbs UL LI .item SPAN{ font-size: 11px; margin-right: 2px; margin-top: -1px; display: block; float: left;} /************************************************************** ** Content ***************************************************************/ .content{ width: 530px; padding: 25px 12px 12px 24px; line-height: normal; font-size: 11px; float: left;} .content H2{ font-size: 21px; line-height: 25px;} .content H1{ font-size: 26px; line-height: 28px; margin-bottom: 15px;} .content P{ text-align: justify; padding-right: 26px;} .mijlpaal{ float:left; width: 504px; margin-bottom: 15px;} .mijlpaal DIV.jaar{ float: left; width: 36px; font-weight: bold; color: #008357;} .mijlpaal DIV.text{ float: left; width: 468px;} /************************************************************** ** Nieuws ***************************************************************/ .news H3{ font-size: 16px; letter-spacing: .04em; line-height: normal; padding: 0 8px; color: #000;} .news DIV.venster{ float: left; padding: 5px 8px 0; margin-bottom: 5px; border-top: #959595 1px dotted;} .news DIV.venster H4.titel{ font-size: 12px; line-height: normal; color: #000;} .news DIV.venster SPAN.datum{ display: block; margin-bottom: 5px; padding-left: 8px; background: url(/english/images/arrow_right_gray.gif) no-repeat 0 50%; color: #939598;} .news DIV.venster P{ line-height: 11px;} .news DIV.venster A.read_more{ color: #f99d33; text-decoration: none; padding-left: 6px; background: url(/english/images/arrow_right_orange.gif) no-repeat 0 4px;} .nieuwsbericht{ margin-bottom: 25px;} .nieuwsbericht SPAN.datum{ margin-bottom: 3px; display: block;} .content DIV.venster H4.titel{ font-size: 11px; line-height: normal; } .content DIV.venster img{ float:left; margin-right: 10px; } /************************************************************** ** Footer ***************************************************************/ .footer{ width: 100%; float: left;} .footer DIV.top{ width: 100%; border-bottom: #008357 2px solid; float: left;} .footer DIV.bottom{ width: 100%; height: 48px; float: left;} .footer DIV.top DIV.balkje{ width: 204px; float: right; height: 8px; background-color: #008357;} .footer DIV.bottom UL.mini_menu{ margin: 8px 47px 0 0; padding: 0; list-style: none; float: right;} .footer DIV.bottom UL.mini_menu LI{ float: left; display: inline; font-size: 10px; line-height: 10px; padding: 0 2px; color: #989b9f; } .footer DIV.bottom UL.mini_menu LI A{ text-decoration: none;} .footer DIV.bottom UL.mini_menu LI A:hover{ text-decoration: underline;} /************************************************************** ** Formulier ***************************************************************/ .formulier{ width: 403px; z-index:300; height: 341px; padding: 12px; background-color: #a5d9c9; border: #008357 4px solid;} .formulier TABLE{ width: 100%;} .formulier TABLE TD{ text-align: left; vertical-align: top;} .formulier TABLE TD INPUT.form_text{ width: 395px; padding: 4px 2px;} .formulier TABLE TD INPUT.form_btn{ float: right; font-weight: bold; margin-top: 5px;} .formulier TABLE TD TEXTAREA{ padding: 4px 2px; width: 395px;} .formulier A.exit_btn{ float: right;} .formulier LABEL{ float: left; font-weight: bold; color: #008357; margin-top: 3px;}