/* reset ------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } /*ol, ul { list-style: none; }*/ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* general ------------------------------------------------------------------*/ body { font: 12px/18px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color:#444444; } body { background-color: #59bbab; } body#besparen { background-color: #6DBE45; } body#produceren { background-color: #1FB7CF; } body#gewassen { background-color: #E08003; } h1 { margin-bottom: 8px; color: #25786a; font-size: 28px; line-height: 26px; font-weight: normal; } h2 { clear: both; margin-bottom: 14px; padding: 0; color: #59bbab;font-size: 15px;/*line-height: 22px;*/font-weight: bold; } h3 { margin-bottom: 10px; padding: 0; color: #10A8C0; font-size: 12px; font-weight: normal; } h4 {} /*ul, ol { margin: 0 0 14px 16px; }*/ p, form { margin: 0 0 14px 0; } a { text-decoration: underline; font-weight: bold; color:#444444; } a:hover { color: #000; } input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; } strong { font-weight: bold; } em { } fieldset { border: #25786a 1px solid; padding: 10px;} legend { font-weight: bold; color: #25786a; } ul { margin: 0 0 14px 16px; list-style-type: disc; } ol { margin: 0 0 14px 0; padding: 0 0 0 25px; list-style: decimal; } sup { font-size: 8px; vertical-align: super; } sub { font-size: 8px; vertical-align: sub; } /*algemeen*/ #algemeen h2.title_tabs { /*height: 25px;*/ padding: 4px 0 0 10px; background: #fff url(/images/bg_h2_algemeen.gif) top left no-repeat; color: #fff; border-bottom: #25786A 4px solid; } #algemeen h2.title_tabs span { padding: 4px 10px 0 0; background: url(/images/bg_h2_algemeen_right.gif) top right no-repeat; } /*besparen*/ #besparen h1 { color: #6DBE45; } #besparen h2 { /*height: 25px;*/ padding: 4px 0 0 10px; background: #fff url(/images/bg_h2_besparen.gif) top left no-repeat; color: #fff; border-bottom: #406F49 4px solid; } #besparen h2 span { padding: 4px 10px 0 0; background: url(/images/bg_h2_besparen_right.gif) top right no-repeat; } /*produceren*/ #produceren h1 { color: #53BCD7; } #produceren h2 { /*height: 25px;*/ padding: 4px 0 0 10px; background: #fff url(/images/bg_h2_produceren.gif) top left no-repeat; color: #fff; border-bottom: #156B85 4px solid; } #produceren h2 span { padding: 4px 10px 0 0; background: url(/images/bg_h2_produceren_right.gif) top right no-repeat; } /*gewassen*/ #gewassen h1 { color: #E08003; } #gewassen h2 { /*height: 25px;*/ padding: 4px 0 0 10px; background: #fff url(/images/bg_h2_gewassen.gif) top left no-repeat; color: #fff; border-bottom: #8D2300 4px solid; } #gewassen h2 span { padding: 4px 10px 0 0; background: url(/images/bg_h2_gewassen_right.gif) top right no-repeat; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* page structure ------------------------------------------------------------------*/ .wrapper-margins { position: absolute; width: 50%; height: 258px; z-index: 1; } #wrapper-leftmargin { background: url(../images/bg_body_left_algemeen.gif) repeat-x top right; left: 0px; } #wrapper-rightmargin { background: url(../images/bg_body_right_algemeen.gif) repeat-x top left; left: 50%; } #main_wrapper { background-color: #fff; } #wrapper { position: relative; /*width: 1000px;*/ width: 980px; margin: 0 auto; background-color: #fff; z-index: 10; } /*position: absolute;z-index: 2; height: auto; width: 1000px; margin-left: -500px;left: 50%;*/ /* body backgrounds*/ #header { /*width: 1000px;*/ width: 980px; height: 258px; margin: 0 auto; background: url(../images/bg_body_algemeen.gif) no-repeat top center; } body#besparen #wrapper #header { background: url(../images/bg_body_besparen.gif) repeat-x; /*height: 258px;*/ } body#produceren #wrapper #header { background: url(../images/bg_body_produceren.gif) repeat-x; /*height: 258px;*/ } body#gewassen #wrapper #header { background: url(../images/bg_body_gewassen.gif) repeat-x; /*height: 258px;*/ } #holder { /*width: 1000px;*/ width: 980px; margin-top: 24px; } #sidebar { display: inline; float: right; clear: right; width: 153px; /*margin: 40px 7px 20px 0;*/ margin: 40px 0 20px 0; } #content { float: left; width: 567px; padding-bottom: 35px; } #footer { float: left; width: 100%; height: 43px; } /* besparen */ #besparen #wrapper-leftmargin { background: url(../images/bg_body_left_besparen.gif) repeat-x top right; left: 0px; } #besparen #wrapper-rightmargin { background: url(../images/bg_body_right_besparen.gif) repeat-x top left; left: 50%; } /* produceren */ #produceren #wrapper-leftmargin { background: url(../images/bg_body_left_produceren.gif) repeat-x top right; left: 0px; } #produceren #wrapper-rightmargin { background: url(../images/bg_body_right_produceren.gif) repeat-x top left; left: 50%; } /* gewassen */ #gewassen #wrapper-leftmargin { background: url(../images/bg_body_left_gewassen.gif) repeat-x top right; left: 0px; } #gewassen #wrapper-rightmargin { background: url(../images/bg_body_right_gewassen.gif) repeat-x top left; left: 50%; } /* header ------------------------------------------------------------------*/ #header { position: relative; } #search { position: absolute; top: 0; right: 14px; width: 206px; height: 30px; /*margin-right: 14px;*/ } #search-left { float: left; width: 9px; height: 30px; background: url(../images/search_bg_left.png) no-repeat; } #search-right { float: left; width: 9px; height: 30px; background: url(../images/search_bg_right.png) no-repeat; } #search-center { float: left; width: 187px; height: 27px; padding-top: 3px; background: url(../images/search_bg_center.png) repeat; color: #466675; text-align: center;} #search-input { width: 160px; height: 16px; float: left; clear: none; font-weight: bold; } #search-button { width: 18px; height: 16px; float: right; clear: none;margin: 3px 5px 0 0; } #logo { /*width: 236px;*/ width: 251px; height: 85px; margin: 0 auto; padding-top: 15px; } #logo a { display: block; width: 251px; height: 85px; margin: 0; padding: 0; background: url(/images/logo.png) no-repeat; text-indent: -9999px;} #logo img, #besparen #logo img, #produceren #logo img, #gewassen #logo img { border: none; } #logo .logo_print { display: none; } #topnavigation { width: 887px; margin: 39px auto 0 auto; list-style: none; } #topnavigation li { display: inline; float: left;/* width: 275px;*/ height: 111px; margin: 0; } #topnav_besparen .level1 { display: block; width: 275px; height: 109px; background: url(../images/topnav_besparen_inact.png) no-repeat; text-indent: -9999px; } #topnav_besparen .level1:hover { background: url(../images/topnav_besparen_hover.png) no-repeat; } #topnav_produceren .level1 { display: block; width: 285px; height: 109px; background: url(../images/topnav_produceren_inact.png) no-repeat; text-indent: -9999px; } #topnav_produceren .level1:hover { background: url(../images/topnav_produceren_hover.png) no-repeat; } #topnav_gewassen .level1 { display: block; width: 285px; height: 109px; background: url(../images/topnav_gewassen_inact.png) no-repeat; text-indent: -9999px; } #topnav_gewassen .level1:hover { background: url(../images/topnav_gewassen_hover.png) no-repeat; } /*besparen*/ #besparen #topnavigation { margin-top: 45px; } #besparen #topnav_besparen { position: relative; width: 433px; } #besparen #topnav_besparen .level1 { display: block; width: 433px; height: 127px; background: url(../images/topnav_besparen_besparenAct.png) no-repeat; } #besparen #topnav_produceren { /*width: 206px;*/ width: 222px; } #besparen #topnav_produceren .level1 { display: block; width: 222px; height: 103px; background: url(../images/topnav_produceren_besparenAct.png) no-repeat; } #besparen #topnav_produceren .level1:hover { background: url(../images/topnav_prod_hover_besparenAct.png) no-repeat; } #besparen #topnav_gewassen { width: 222px; } #besparen #topnav_gewassen .level1 { display: block; width: 222px; height: 103px; background: url(../images/topnav_gewassen_besparenAct.png) no-repeat; } #besparen #topnav_gewassen .level1:hover { background: url(../images/topnav_gew_hover_besparenAct.png) no-repeat; } .linksInBesparen { position: absolute; left: 280px; top: 20px; } .linksInBesparen a { display: block; color:#fff; font-weight: normal; text-decoration: underline; } .linksInBesparen a:hover { text-decoration: none; } /*produceren*/ #produceren #topnavigation { margin-top: 45px; } #produceren #topnav_besparen { width: 222px; } #produceren #topnav_besparen .level1 { display: block; width: 222px; height: 103px; background: url(../images/topnav_besparen_producerenAct.png) no-repeat; } #produceren #topnav_besparen .level1:hover { background: url(../images/topnav_besp_hov_producerenAct.png) no-repeat; } #produceren #topnav_produceren { position: relative; width: 433px; } #produceren #topnav_produceren .level1 { display: block; width: 433px; height: 127px; background: url(../images/topnav_produceren_producerenAct.png) no-repeat; } #produceren #topnav_gewassen { width: 222px; } #produceren #topnav_gewassen .level1 { display: block; width: 222px; height: 103px; background: url(../images/topnav_gewassen_besparenAct.png) no-repeat; } #produceren #topnav_gewassen .level1:hover { background: url(../images/topnav_gew_hover_besparenAct.png) no-repeat; } .linksInProduceren { position: absolute; left: 280px; top: 20px; } .linksInProduceren a { display: block; color:#fff; font-weight: normal; text-decoration: underline; } .linksInProduceren a:hover { text-decoration: none; } /*gewassen*/ #gewassen #topnavigation { margin-top: 45px; } #gewassen #topnav_besparen { width: 222px; } #gewassen #topnav_besparen .level1 { display: block; width: 222px; height: 103px; background: url(../images/topnav_besparen_producerenAct.png) no-repeat; } #gewassen #topnav_besparen .level1:hover { background: url(../images/topnav_besp_hov_producerenAct.png) no-repeat; } #gewassen #topnav_produceren { width: 222px; } #gewassen #topnav_produceren .level1 { display: block; width: 222px; height: 103px; background: url(../images/topnav_produceren_besparenAct.png) no-repeat; } #gewassen #topnav_produceren .level1:hover { background: url(../images/topnav_prod_hover_besparenAct.png) no-repeat; } #gewassen #topnav_gewassen { position: relative; width: 433px; } #gewassen #topnav_gewassen .level1 { display: block; width: 433px; height: 127px; background: url(../images/topnav_gewassen_gewassenAct.png) no-repeat; } .linksInGewassen { position: absolute; left: 280px; top: 20px; } .linksInGewassen a { display: block; color:#fff; font-weight: normal; text-decoration: underline; } .linksInGewassen a:hover { text-decoration: none; } /* navigation ------------------------------------------------------------------*/ #navigation { position: relative; display: inline; clear: left; float:left; /*height: auto;*/ width: 200px; /*margin: 40px 43px 0 10px;*/ margin: 40px 28px 0 5px; } #navigation ul { margin: 0 0 55px 0; list-style: none; } #navigation ul li { margin-bottom: 3px; } #navigation ul li a { display: block; padding: 9px 0 9px 13px; width: 187px; background: #e4efed; /*margin-bottom: 3px;*/ font-size: 12px;/*line-height: 36px;*/font-weight: normal; color: #25786a; text-decoration: none;} #navigation ul li a:hover { background: #25786a; color: #fff; } #navigation ul li.active a { background: #25786a; font-weight: bold; color: #fff; } #navigation ul ul { margin: 0; padding: 3px 0 20px 0; background: #FFF; } #navigation ul li.active ul a { width: 171px; padding: 5px 0 5px 26px; background: none; border-bottom: #25786a dotted thin; line-height: normal; font-size: 11px; color: #25786a;font-weight: normal; } #navigation ul li.active ul a:hover { background: #fff; color: #000; } #navigation ul li.active ul li.active a { color: #000; } /*besparen*/ #besparen .topleftnav { border-bottom: #406F49 6px solid; } #besparen .topleftnav li a { background: #E9F5E3; color: #406F49; } #besparen .topleftnav li a:hover, #besparen .topleftnav li.active a { background: #6DBE45; color: #fff; } /*#besparen .topleftnav li.laatste_nieuws a,*/ #besparen #navigation ul.topleftnav li.laatste_nieuws, #besparen #navigation ul.topleftnav li.laatste_nieuws_active { margin-bottom: 10px; } #besparen .topleftnav li.laatste_nieuws a:hover, #besparen .topleftnav li.laatste_nieuws_active a { background: #406F49; color: #fff; } #besparen .topleftnav li.laatste_nieuws_active a { font-weight: bold; } #besparen .topleftnav ul { margin: 0; padding: 3px 0 24px 0; background: #FFF; border-bottom: none; } #besparen .topleftnav li.active ul a { width: 171px; padding: 0 0 0 26px; background: none; border-bottom: #6DBE45 dotted thin; line-height: 24px; font-size: 11px; color: #6DBE45;font-weight: normal;} #besparen .topleftnav ul a:hover, #besparen .topleftnav li.active ul li.active a { color: #000; } /*produceren*/ #produceren .topleftnav { border: #1FB7CF 1px solid; border-bottom: #156B85 6px solid; } #produceren .topleftnav li a { width: 185px; background: #E7F7FB; color: #156B85; } #produceren .topleftnav li a:hover, #produceren .topleftnav li.active a { background: #1FB7CF; color: #fff; } /*#besparen .topleftnav li.first a, #besparen .topleftnav li.first a:hover, #besparen .topleftnav li.first_active a { background: #156B85; color: #fff; }*/ #produceren .topleftnav ul { margin: 0; padding: 3px 0 24px 0; background: #FFF; border-bottom: none; } #produceren .topleftnav li.active ul a { width: 171px; padding: 0 0 0 26px; background: none; border-bottom: #1FB7CF dotted thin; line-height: 24px; font-size: 11px; color: #1FB7CF;font-weight: normal;} #produceren .topleftnav ul { margin: 0; padding: 3px 0 24px 0; background: #FFF; border-bottom: none; } #produceren .topleftnav ul a:hover, #produceren .topleftnav li.active ul li.active a { color: #000; } #produceren .prod_nav_algemeen { /*border: red 1px solid;*/ width: 200px; margin-bottom: 27px; } #produceren .prod_nav_algemeen li { margin-bottom: 0; } #produceren .prod_nav_algemeen li a { width: 187px; background: #E7F7FB; color: #156B85; } #produceren .prod_nav_algemeen li a:hover, #produceren .prod_nav_algemeen li.active a { background: #1FB7CF; color: #fff; } #produceren .prod_nav_algemeen li.laatste_nieuws a:hover, #produceren .prod_nav_algemeen li.laatste_nieuws_active a { background: #156B85; color: #fff; } #produceren .prod_nav_algemeen li.laatste_nieuws_active a { font-weight: bold; } .volgens { position: absolute; top: 45px; right: 0; margin: 0; font-size: 11px; color: #10A8C0; } .volgens a { padding: 3px 5px; background-color: #A7E9F4; color: #10A8C0; font-weight: normal; text-decoration: none; } .volgens .volgens_item { background-color: #1FB7CF; color: #fff; } /*gewassen*/ #gewassen .topleftnav { border-bottom: #8D2300 6px solid; } #gewassen .topleftnav li a { background: #F3E9E5; color: #8D2300; } #gewassen .topleftnav li a:hover, #gewassen .topleftnav li.active a { background: #E08003; color: #fff; } #gewassen .topleftnav ul { margin: 0; padding: 3px 0 24px 0; background: #FFF; border-bottom: none; } #gewassen .topleftnav li.active ul a { background: none; border-bottom: #E08003 thin dotted; color: #E08003; } #gewassen .topleftnav ul a:hover, #gewassen .topleftnav li.active ul li.active a { color: #000; } #gewassen #navigation ul.topleftnav li.nav_gewassen, #gewassen #navigation ul.topleftnav li.nav_gewassen_active { margin-bottom: 10px; } #gewassen #navigation ul.topleftnav li.nav_biodiversiteit, #gewassen #navigation ul.topleftnav li.nav_biodiversiteit_active { margin-top: 10px; } #gewassen #navigation ul.topleftnav li.nav_gewassen_active a, #gewassen #navigation ul.topleftnav li.nav_biodiversiteit_active a, #gewassen #navigation ul.topleftnav li.nav_biodiversiteit a:hover, #gewassen #navigation ul.topleftnav li.nav_gewassen a:hover { background: #8D2300; color: #fff; } /* sidebar ------------------------------------------------------------------*/ #sidebar .bannertitle { width: 137px; height: 41px; margin: 0; padding: 4px 4px 0 12px; font-size: 12px; line-height: 18px; color: #fff; } #sidebar .bannertitle span { display: block; font-size: 17px; } #sidebar #infotheek .bannertitle { background: url(/images/bg_kenniscentrum.png) no-repeat; } #sidebar #info .bannertitle { background: url(/images/bg_info.gif) no-repeat; } #sidebar #simul .bannertitle { background: url(/images/bg_simul.gif) no-repeat; } #sidebar #infotheek ul { width: 153px; margin: 4px 0 20px 0; padding: 8px 0 15px 0; background-color: #E8F1F6; list-style: none; } #sidebar #infotheek ul li { margin: 0 0 0 0; padding: 0 5px 0 12px; } #sidebar #infotheek ul a { font-size: 12px; font-weight: normal; color: #1A79A7; } #sidebar #infotheek ul a:hover { text-decoration: none; } #sidebar #info .txt { width: 136px; margin: 4px 0 20px 0; padding:8px 5px 15px 12px; background-color: #E4F0EB; font-size: 12px; color: #4F876F; } #sidebar #info .txt .datum { display: block; } #sidebar #info .txt a { font-size: 12px; font-weight: normal; color: #4F876F; } #sidebar #info .txt a:hover { text-decoration: none; } .meer { display: block; margin: 5px 0 0 0; } #sidebar #simul .txt { width: 136px; margin: 0; padding: 0 5px 12px 12px; background: #466675 url(/images/bg_simul_txt.gif) bottom left no-repeat; } #sidebar #simul .txt a { font-size: 12px; font-weight: normal; color: #fff; } #sidebar #simul .txt a:hover { text-decoration: none; } /* content ------------------------------------------------------------------*/ /* intro */ #hoofdnieuws { margin: 0 0 10px 0; padding: 0 0 10px 0; background: url(/images/bg_nieuwsblok.gif) bottom left repeat-x; } #hoofdnieuws h2 { background: none; border: none; font-size: 18px; } #hoofdnieuws .intro { margin-bottom: 20px; } .nieuwsblok { margin: 0 0 10px 0; background: url(/images/bg_nieuwsblok.gif) 50% repeat-y; } .nieuwsblok h3, .nieuwslijst h3 { font-size: 15px; } #algemeen #hoofdnieuws img, #algemeen .nieuwsblok img { margin-bottom: 0; border: none; } .nieuwsblokLinks { float: left; width: 263px; padding: 0 20px 0 0; } .nieuwsblokRechts { float: right; width: 263px; padding: 0 0 0 20px; } .meer_nieuws { display: block; text-decoration: none; } .meer_nieuws:hover { color: #444444; } .meer_nieuws span { text-decoration: underline; } .nieuwslijst { padding: 10px 0 0 0; background: url(/images/bg_nieuwsblok.gif) top left repeat-x; } .nieuwslijst ul { margin: 0; list-style: none; } /*.nieuwslijst a { color: #6DBE45; } .nieuwslijst a:hover { color: #444444; }*/ /* intro besparen */ #besparen #hoofdnieuws h2 { color: #406F49; } #besparen .nieuwsblok h3, #besparen .nieuwslijst h3 { color: #406F49; } #besparen #hoofdnieuws img, #besparen .nieuwsblok img { margin-bottom: 0; border: none; } #besparen .meer_nieuws { color: #6DBE45; } #besparen .meer_nieuws:hover { color: #444444; } #besparen .nieuwslijst ul, #besparen .nieuwslijst a { color: #6DBE45; } #besparen .nieuwslijst a:hover { color: #444444; } /* intro produceren */ #produceren #hoofdnieuws h2 { color: #156B85; } #produceren .nieuwsblok h3, #produceren .nieuwslijst h3 { color: #156B85; } #produceren #hoofdnieuws img, #produceren .nieuwsblok img { margin-bottom: 0; border: none; } #produceren .meer_nieuws { color: #1FB7CF; } #produceren .meer_nieuws:hover { color: #444444; } #produceren .nieuwslijst ul, #produceren .nieuwslijst a { color: #1FB7CF; } #produceren .nieuwslijst a:hover { color: #444444; } /* --- */ #breadcrumbs { font-size: 11px; color: #b4b4b4; margin-bottom: 10px; } #breadcrumbs a { font-weight: normal; color:#b4b4b4; } #breadcrumbs span.active { color: #25786A; } #besparen #breadcrumbs a:hover, #besparen #breadcrumbs span.active { color: #406F49; } #produceren #breadcrumbs a:hover, #produceren #breadcrumbs span.active { color: #166B85; } #gewassen #breadcrumbs a:hover, #gewassen #breadcrumbs span.active { color: #8D2300; } .fullwidth { width: 567px; } .intro { margin: 5px 0 20px 0; color: #444;font-size: 14px;line-height: 18px;font-weight: normal; } img { float: left; margin: 0 10px 10px 0; padding: 0 0 4px 0; border-bottom: #25786A 9px solid; } #besparen img { border-bottom: #6DBE45 9px solid; } #produceren img { border-bottom: #1FB7CF 9px solid; } #gewassen img { border-bottom: #E08003 9px solid; } .img_fullwidth, #besparen .img_fullwidth, #produceren .img_fullwidth, #gewassen .img_fullwidth { display: block; border: none; } .foto_txt img.right { float: right; margin: 0 0 10px 10px; } .bestanden { margin: 14px 0; list-style: none; } .bestanden li { margin: 0 0 3px 0; } #algemeen .bestanden img, #besparen .bestanden img, #produceren .bestanden img, #gewassen .bestanden img { margin-bottom: 0; border: none; } #content_img {width: 214px;float: left;clear: left;margin-right: 14px; } #tekstblok { color: #444;font-size: 12px;line-height: 18px;float: left;clear: right;width: 320px; } .grafiek { margin: 0 0 20px 0; } #algemeen .pie, #besparen .pie, #produceren .pie, #gewassen .pie { float: left; border: none; } #algemeen .pie_legend td, #besparen .pie_legend td, #produceren .pie_legend td, #gewassen .pie_legend td { padding: 2px 8px 2px 0; border: none; vertical-align: middle; } .cijfers { text-align: right; } #content .overzicht { float: left; width: 567px; margin: 20px 0 0 0; list-style: none; } #content .overzicht li { display: inline; float: left; width: 100px; margin: 0 41px 50px 0; } #content .overzicht li img { margin: 0 0 10px 0; } #content .overzicht li a { display: block; } .picto img { margin-bottom: 0; border: none; margin: 0 5px 0 0; } .size { font-size: 10px; } #FLV { margin: 0 0 20px 0; } .verplicht { color: #25786A; } /*#besparen .verplicht { color: #6DBE45; } #produceren .verplicht { color: #1FB7CF; } #gewassen .verplicht { color: #E08003; }*/ .error { color: #f00; } .vraag_antwoord { margin: 0 0 15px 0; border-bottom: #25786A 1px solid; } a.to_top { float: right; width: auto; margin-bottom: 10px; padding: 0 0 0 10px; background: url(/images/pijl_top.gif) 0 4px no-repeat; color: #25786A; text-align: right; } a.to_top:hover { color: #25786A; } /* forms */ form { clear: both; } #contactformulier { clear: both; /*width: 398px;*/width: 400px; margin: 30px 0 10px 0; } #contactformulier div, #audit_form div, #info_form div { margin: 0 0 5px 0; } #contactformulier #c_naam, #contactformulier #c_adres, #contactformulier #c_phone_mail, #contactformulier c_opmerkingen { margin: 0 0 20px 0; } #contactformulier label, #audit_form label, #info_form label { float: left; width: 140px; } #contactformulier input, #audit_form input, #info_form input { float: left; width: 250px; padding: 2px; } #contactformulier #straat, #audit_form #straat { width: 182px; } #contactformulier #nr, #audit_form #nr { float: right; width: 50px; } #contactformulier #postcode, #audit_form #postcode { width: 50px; } #contactformulier #gemeente, #audit_form #gemeente { float: right; width: 182px; } #contactformulier #opmerkingen { width: 390px; padding: 2px; } #contactformulier #submit, #audit_form #submit, #info_form #submit { clear: both; float: right; width: 100px; height: 25px; padding: 0; background: url(/images/bg_submit.png) no-repeat; border: none; color: #fff; } #contactformulier .newsletter { width: 370px; } input#newsletter { width: auto; } .lbl_subtitel { font-weight: bold; } #contactformulier .lid input { /*border: red 1px solid;*/ width: 15px; } #contactformulier #opstapplaatsen input { width: 15px; } #audit_form p { margin: 0 0 5px 0; } #audit_form .radio { float: none; width: auto; margin: 0 10px 0 140px; } #audit_form #a_naam, #audit_form #a_adres, #audit_form #a_provincie, #audit_form #a_phone_mail { width: 400px; margin: 20px auto 20px auto; } #info_form { margin: 20px 0 0 0; } #info_form p { margin: 0 0 5px 0; } #info_form #i_naam, #info_form #i_phone_mail, #info_form #i_opmerkingen { width: 398px; margin: 20px auto 20px auto; } #info_form #opmerkingen { width: 390px; padding: 2px; } .mandatory { font-size: 10px; } .faq, .faq a, .markt, .markt a, .links, .links a { color: #59bbab; } .faq a:hover, .markt a:hover, .links a:hover { color: #444444; } .woordenboek { float: left; width: 567px; margin: 0 0 20px 0; list-style: none; } .woordenboek li { float: left; margin: 0 4px; } .woordenboek li a { display: block; padding: 2px; } .woordenboek li.active a, .woordenboek li a:hover { color: #f00; } .woorden { clear: both; width: 567px; margin: 0 0 20px 0; } .woorden div { padding: 3px 0; border-bottom: #59bbab 1px solid; } .woorden .begrip { clear: left; float: left; width: 150px; font-weight: bold; } .woorden .verklaring { float: right; width: 397px; } .woorden p { margin: 0; } .detail_links { margin: 20px 0 0 0; list-style: none; } .detail_links li { float: left; width: 567px; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: #59bbab 1px solid; } .detail_links .link_url { clear: left; float: left; width: 200px; } .detail_links .link_img img { float: left; margin: 0; padding: 0; border: none; } #form_nieuwsbrief { padding: 20px; background: #F0F5F4; } #form_nieuwsbrief p { text-align: center; font-size: 14px; color: #25786A; } #form_nieuwsbrief div { text-align: center; } #form_nieuwsbrief label { padding: 0 15px 0 0; } #form_nieuwsbrief input { width: 200px; margin: 0 15px 0 0; } #form_nieuwsbrief button { width: 105px; height: 25px; background: url(/images/bg_inschrijven.gif) no-repeat; border: none; color: #fff; } /* bibliotheek -------------- */ #zoek_bib { /*border: red 1px solid;*/ float: left; width: 567px; margin: 10px 0 0 0; border-bottom: #25786A 4px solid; list-style: none; } #zoek_bib li { float: left; padding: 0 0 0 10px; } #zoek_bib a { display: block; text-decoration: none; font-size: 14px; font-weight: normal; } #zoek_bib #left { height: 25px; background: url(/images/bg_bib_left_links.gif) top left no-repeat; } #zoek_bib #left a { height: 21px; padding: 4px 10px 0 0; background: #59BBAB; color: #fff; } #zoek_bib #left.active { float: left; height: 25px; padding: 0 0 0 10px; background: url(/images/bg_bib_left_linksAct.gif) top left no-repeat; } #zoek_bib #left.active a { font-weight: bold; height: 21px; padding: 4px 10px 0 0; background: url(/images/bg_bib_left_rechtsAct.gif) top right no-repeat; color: #fff; } /*#zoek_bib #left a:hover { text-decoration: underline; }*/ #zoek_bib #right { height: 25px; background: #59BBAB; } #zoek_bib #right a { height: 21px; padding: 4px 10px 0 0; background: url(/images/bg_bib_right_rechts.gif) top right no-repeat; color: #fff; } #zoek_bib #right.active { float: left; height: 25px; padding: 0 0 0 10px; background: url(/images/bg_bib_right_linksAct.gif) top left no-repeat; } #zoek_bib #right.active a { font-weight: bold; height: 21px; padding: 4px 10px 0 0; background: url(/images/bg_bib_right_rechtsAct.gif) top right no-repeat; color: #fff; } /*#zoek_bib #right a:hover { text-decoration: underline; }*/ #form_bib { /*border: red 1px solid;*/ width: 567px; clear: left; } #form_bib label { padding: 0 7px 0 0; vertical-align: middle; font-weight: bold; color: #25786a; font-size: 14px; } #form_bib input, #form_bib select { width: 155px; margin: 0 10px 0 0; vertical-align: middle; } fieldset.form_bib_zoeken, #form_artikel { padding: 20px 10px 15px 10px; background: #F0F5F4; border: 0; } #form_artikel fieldset { border: 0; padding: 0; } #form_bib a { display: block; margin: 0 0 0 69px; font-size: 11px; font-weight: normal; color: #25786A; } #form_bib a:hover { color: #000; } #form_bib button, #form_artikel button { width: 95px; height: 25px; margin: 5px 0 0 0; background: url(/images/btn_zoek_bib.png) no-repeat; border: none; color: #fff; vertical-align: middle; font-size: 14px; } fieldset.form_artikeltoevoegen div { margin: 0 0 3px 0; } fieldset.form_artikeltoevoegen label { width: 80px; display: block; float: left; font-weight: bold; color: #25786a; font-size: 14px; } fieldset.form_artikeltoevoegen input { width: 200px; } #publicaties_persartikelen { background: url(/images/bg_nieuwsblok.gif) top left repeat-x; padding: 10px 0 0 0; } #publicaties_persartikelen h2 { color: #25786a; margin: 0 0 5px 0; } #publicaties_persartikelen h3 { color: #59bbab; margin: 0; } .toon_alle { color: #59BBAB; text-decoration: none; } .toon_alle span { text-decoration: underline; } #recente_publicaties { float: left; width: 275px; background: url(/images/bg_nieuwsblok.gif) top right repeat-y; } #recente_persartikelen { float: right; width: 270px; } #recente_publicaties ul, #recente_persartikelen ul { margin: 0 0 10px 0; list-style: none; } #recente_publicaties li, #recente_persartikelen li { margin: 0 0 3px 0; } /*#recente_publicaties a, #recente_persartikelen a { font-weight: normal; }*/ /*search results bib -------------------- */ .title_result { float: left; width: 283px; padding: 0 0 15px 0; background: url(/images/bg_nieuwsblok.gif) bottom left repeat-x; } .aantal_resultaten { display: block; float: right; width: 284px; padding: 0 0 15px 0; background: url(/images/bg_nieuwsblok.gif) bottom left repeat-x; font-size: 12px; color: #59BBAB; text-align: right; } #search_results { clear: both; list-style: none; margin: 0; } #search_results li { margin: 0 0 15px 0; } #search_results a.picto { display: block; margin: 0 0 3px 0; font-size: 14px; color: #25786A; } .bestand_info { display: block; color: #59BBAB; } .bestand_link { color: #59BBAB; } #paginas { float: left; width: 567px; margin: 0; text-align: center; } #paginas li { display: inline; } #paginas a { padding: 0 3px; font-size: 14px; color: #59BBAB; font-weight: normal; } #paginas a:hover { color: #25786A; } #paginas li.active a { color: #25786A; font-weight: bold; } #paginas .prev, #paginas .next { color: #25786A; font-weight: bold; text-decoration: none; } #paginas .prev span, #paginas .next span { text-decoration: underline; } #paginas .prev { padding: 0 20px 0 0; } #paginas .next { padding: 0 0 0 20px; } #general_searchresults img { float: none; margin: 0 5px 0 0; padding: 0; border: none; } /*agenda*/ .event { margin: 0 0 35px 0; } .datumblok { float: left; width: 67px; height: 66px; margin: 0; background: url(/images/bg_agenda_datum.gif) no-repeat; font-family: arial; text-align: center; color: #25786A; } .dag { font-size: 45px; line-height: 45px; } .maand_jaar { font-size: 17px; } .agenda_info { position: relative; float: right; width: 480px; } .agenda_info a { display: block; font-size: 14px; color: #25786A; } .agenda_info a:hover { color: #000; } .agenda_info p { width: 385px; margin: 0; } .agenda_info button { position: absolute; bottom: 0; right: 0; width: 105px; height: 25px; background: url(/images/bg_inschrijven.gif) no-repeat; border: none; color: #fff; } .event_list { margin: 0; list-style: none; } .event_list li { margin: 0 0 3px 0; } .event_list a { color: #25786A; } .event_list a:hover { color: #000; } /*teelt in beeld*/ #teelt_as { border: #E08003 1px solid; padding: 11px;} #teelt_as .kwartaal { margin: 20px 0 0 0; } #teelt_as .maand { position: relative; float: left; width: 120px; margin: 0 20px 0 0; } #teelt_as .vierde_maand { position: relative; float: left; width: 120px; margin: 0; } #teelt_as span { display: block; width: 120px; height: 90px; background: #F3E9E5; /*border: #E08003 1px solid;*/ } #teelt_as img { float: none; width: 120px; height: 90px; margin: 0; padding: 0; border: none;} #teelt_as h4 { padding: 2px; background: #fff; border-bottom: #E08003 1px solid; text-align: right; color: #E08003; } #teelt_as .popup { position: absolute; top: 10px; left: 10px; width: 126px; background: #fff; border: #8D2300 2px solid; z-index: 100;} #teelt_as .popup p { margin: 2px; } #teelt_as .popup span { display: block; width: 126px; height: 18px; background: #8D2300 url(/images/vinkje.gif) top left no-repeat; border: none; } #teelt_as .hover { z-index: 5; } #teelt_as .active img { width: 116px; height: 86px; border: #E08003 2px solid; } #teelt_as .active h4 { padding: 2px; background: #E08003; /*border: #E08003 1px solid;*/ text-align: right; color: #fff; } /* audit */ /* infoloket */ .infoloket { /*border: red 1px solid;*/ width: 275px; margin: 10px 0 0 0; } .infoloket img { display: block; float: none; margin: 0; padding: 0; border: none; } .infoloket span { font-size: 14px; font-weight: bold; color: #000; } .infoloket p { margin: 0 0 10px 0; } #virtueel { float: left; } #virtueel img { margin: 0 0 0 60px; } #ter_plaatse { float: right; margin: 130px 0 0 0; } #ter_plaatse img { margin: 0 0 0 30px; } #telefonisch { float: left; margin: 30px 0 0 0; } /* tabellen -----------*/ table { margin: 0 0 20px 0; } th { padding: 2px; background-color: #25786a; border: #1FB7CF 1px solid; color: #fff; text-align: left; vertical-align: middle; } td { padding: 2px; background: #fff; border: #1FB7CF 1px solid; } #besparen th { background-color: #E9F5E3; border: #E9F5E3 1px solid; } #produceren th { background-color: #1FB7CF; border: #1FB7CF 1px solid; } #gewassen th { background-color: #E08003; border: #E08003 1px solid; } #besparen td { border: #E9F5E3 1px solid; } #produceren td { border: #1FB7CF 1px solid; } #gewassen td { border: #E08003 1px solid; } /* footer ------------------------------------------------------------------*/ #footer { background: #59bbab; clear: both; font-size: 11px; color: #fff; } #footer .footer_content { /*width: 1000px;*/ width: 980px; margin: 0 auto; padding: 12px 0 0 23px; } #footer .disclaimer { float: left; width: 200px; } #footer .adres { float: right; width: 761px; } #footer a { font-weight: normal; color: #fff; } /*besparen*/ #besparen #footer { background: #6DBE45; } /*produceren*/ #produceren #footer { background: #1FB7CF; } /*gewassen*/ #gewassen #footer { background: #E08003; } /* homepage ------------------------------------------------------------------*/ #homepage { background: #59BBAB url(/images/bg_homepage.gif) top left repeat-x; } #homepage img { border: none; } #homepage .wrapper-margins { position: absolute; width: 50%; height: 400px; z-index: 1; } #homepage #wrapper-leftmargin { background: #b3e9f9 url(../images/bg_homepage_left.gif) repeat-x 0 5px; left: 0px; } #homepage #wrapper-rightmargin { background: url(../images/bg_homepage_right.gif) repeat-x top left; left: 50%; } #wrapper_homepage { position: relative; width: 980px; margin: 0 auto; z-index: 10; } #header_homepage { position: relative; width: 980px; height: 274px; margin:0 auto; background: url(/images/bg_header_homepage.gif) no-repeat bottom center; } #header_homepage h1 { width: 260px; height: 107px; margin: 0 0 0 10px; padding: 50px 0 0 0; background: url(/images/logo_enerpedia_homepage.png) bottom left no-repeat; text-indent: -9999px; } #flashcontent { position: absolute; top: 0; left: 266px;/*left: 356px;*/ margin: 0; padding: 0; } /*#top_background { position: absolute; bottom: -126px; left: -10px; width: 1000px; height: 174px; margin: 0; padding: 0; background: url(/images/top_background.png) no-repeat; }*/ #middle_wrapper { position: relative; /*top: -130px; left: 0; z-index: 15;*/ } #homepage #topnavigation { float: left; margin: 0; padding: 0; width: 285px;} #homepage #topnavigation li { float: none; display: block; } #homepage #topnav_besparen .level1 { display: block; width: 285px; height: 109px; background: url(../images/topnav_besparen_home.png) no-repeat; text-indent: -9999px; } #homepage #topnav_besparen .level1:hover { background: url(../images/topnav_besparen_home_hov.png) no-repeat; } /*#homepage .intro { float: left; width: 635px; margin: 20px 0 30px 30px; color: #fff; }*/ #homepage .intro { margin: 0 0 0 0; font-size: 13px; line-height: 18px; } #homepage .intro a { color: #1D6559; } #homepage .intro a:hover { color: #fff; } /*#homepage #content {float: left; width: 482px; margin: 0 0 0 30px; }*/ #homepage #content {float: left; width: 482px; margin: 100px 0 0 30px; } #homepage h3 { margin: 20px 0 10px 0; font-size: 15px; color: #25786A; } #homepage h2 { font-size: 24px; line-height: 28px; font-weight: normal; color: #25786A; } #homepage .nieuwsblok { padding: 0 0 10px 0; background: url(/images/bg_nieuwsblok.gif) bottom left repeat-x; } #homepage .nieuwsblok a { padding: 0 0 0 10px; color: #59BBAB; text-decoration: none; } #homepage .nieuwsblok a:hover, #homepage .nieuwsblok a:hover span { color: #000; } #homepage .nieuwsblok span { color: #59BBAB; text-decoration: underline; } #homepage .nieuwslijst { padding: 0; background: none; } #homepage .nieuwslijst li, #homepage .nieuwslijst li a { font-weight: normal; color: #59BBAB; } #homepage .nieuwslijst li a:hover { color: #000; } #homepage #sidebar { margin: 0 0 20px 0; } #besparen #sponsors img, #produceren #sponsors img, #gewassen #sponsors img, #algemeen #sponsors img { border:none;} #sponsors { height: 70px; margin: 4px auto 0 auto; background:#fff; } #sponsors .sponsors_content { width: 980px; margin: 0 auto; padding: 10px; } #sponsors .logos_links { float: left; width: 600px; } #sponsors .logos_rechts { float: right; width: 380px; text-align: right; } #sponsors .sponsors_content .logos_links img { float: none; margin: 0; padding: 0 15px 0 0; } #sponsors .sponsors_content .logos_rechts img { float: none; margin: 0; padding: 0 0 0 15px; } #homepage .footer_content {padding: 12px 0 0 0; } #homepage .adres {width: 665px; } /* admin ------------------------------------------------------------------*/ .technologieLinks_wrapper { padding: 10px; } .technologieLinks_wrapper a { text-decoration: none; } .technologieLinks_wrapper ul { list-style: none; margin: 0 0 10px 0; } .technologieLinks_wrapper .submit { padding: 4px; background: #25786A; border: none; color: #fff; } /* CMS Preview ------------------------------------------------------------------*/ #CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; } #CMSpreviewBar a { color: #fff; } /* to delete later on */ #languages {float: right;}