html { min-height: 101%; } body { margin: 0; padding: 0; font: 62.5%/1.26 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #555555; background: white; text-align: center; } input, textarea, select { margin: 0; padding: 0; font-size: 120%; font-family: inherit; } a { color: #007cb7; text-decoration: none; } a:hover { text-decoration: underline; } fieldset { margin: 0; padding: 0; border: none; } legend { margin: 0; padding: 0; } img { margin: 0; border: 0; display: block; } form { margin: 0; } p, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } ul.reset,ul.reset li,#content-main ul.reset,#content-main ul.reset li { margin: 0; padding: 0; } ul.reset li { list-style: none; } table { border-collapse: collapse; } table, th, td { margin: 0; padding: 0; } .hr hr { display: none; } .error { color: red; } /* lay out */ #center { position: relative; margin: 0 auto; width: 980px; overflow: visible; text-align: left; } /* top */ #top { position: relative; height: 117px; } #top h1 { position: absolute; top: 27px; left: 0; font-size: 100%; } #top h1 a { display: block; padding: 0 0 0 175px; width: 400px; height: 86px; } #top h1 a:hover { text-decoration: none; } #top h1 a span { display: block; color: #007cb7; } #top h1 a span.title { padding: 16px 0 0 0; font-size: 210%; } #top h1 a span.subtitle { font-size: 170%; } /* header-image */ #header-image { position: relative; width: 980px; height: 245px; background-repeat: no-repeat; } /* content-container */ #content-container { margin: 20px 0 0 0; } /* content-left */ #content-left { float: left; margin: 0 0 30px 0; padding: 0 0 0 10px; width: 225px; /* 235px */ } /* content-container */ #content-main-and-right { float: right; margin: 0 0 50px 0; padding: 0 0 0 0; width: 735px; } /* content-main default*/ #content-main { float: left; overflow: hidden; margin: 0 0 0 0; padding: 0 0 0 0; width: 490px; } /* content-right */ #content-right { position: relative; float: right; padding: 0 10px 0 0; width: 225px; /* 235px */ } /* footer */ #footer { padding: 4px 0 10px 0; clear: both; width: 980px; overflow: hidden; border-top: 2px solid #0073ae; } /* home */ #home #header-image { margin: 0 0 5px 0; } #home #content-main { float: right; padding: 0 10px 0 0; width: 725px; /* 725px */ } #home #content-right { display: none; } /* projecten*/ #projecten #content-left { display: none; } #projecten #content-main-and-right { float: none; margin: 0; width: 980px; } #projecten #content-main { overflow: hidden; padding: 0 0 0 20px; width: 705px; /* 745px */ } /* agenda */ #agenda #content-left { display: none; } #agenda #content-main-and-right { float: none; margin: 0; width: 980px; overflow: hidden; } #agenda #content-main { padding: 0 0 0 20px; width: 705px; /* 745px */ } /* sitemap */ #sitemap #content-main { padding: 0 0 51px 0; width: 980px; /* 980px */ } #sitemap #content-left { display: none; } #sitemap #content-main-and-right { float: none; margin: 0; width: auto; } #sitemap #content-right { display: none; } /* winkelmandje */ #winkelmandje #content-main { padding: 0 0 51px 0; width: 980px; /* 980px */ } #winkelmandje #content-left { display: none; } #winkelmandje #content-main-and-right { float: none; margin: 0; width: auto; overflow: hidden; } #winkelmandje #content-right { display: none; } /* headers*/ h2 { margin: 0 0 0 0; padding: 0 0 0 0; } h3 { margin: 0 0 0 0; padding: 0 0 0 0; } #content-main h2 { padding: 0 0 15px 0; color: #007cb7; font-size: 200%; font-weight: bold; } #content-main h2.wide { float: left; } #content-main h3 { color: #007cb7; font-size: 120%; font-weight: bold; } #content-main h4 { padding: 0 0 10px 0; /*IO is 13px? quite big?*/ color: #000000; font-size: 140%; font-weight: bold; } #content-main h5 { padding: 0 0 8px 10px; color: #007cb7; font-size: 150%; font-weight: bold; } /* paragraph */ p { margin: 0 0 0 0; padding: 0 0 0 0; font-size: 120%; line-height: 17px; } #content-main p { padding: 0 10px 17px 0; } #content-main p.right { clear: right; } a.pdf { display: block; } /* arrows */ img.arrow-grey { display: inline; padding: 0; margin: 0 0 0 5px; } /* anchors */ a.download { padding: 0 17px 0 0; background: url('../images/content/arrow-red.gif') no-repeat right 5px; } /* images */ img.image-full { padding: 0 20px 23px 0; } /* image mask normal */ .image-mask { position: relative; display: block; overflow: hidden; width: 175px; height: 111px; } .image-mask span { position: absolute; top: 0px; left: 0px; display: block; overflow: hidden; width: 175px; height: 111px; background: url('../images/content/img-mask-small.png') no-repeat top left; } span.image-right { padding: 0 20px 10px 15px; float: right; } span.image-right span { left: 15px; } span.image-left { padding: 0 15px 10px 0; float: left; } /* image mask small */ .image-mask-small { position: relative; display: block; overflow: hidden; float: left; width: 41px; height: 39px; } .image-mask-small span { position: absolute; top: 0px; left: 0px; display: block; overflow: hidden; width: 41px; height: 39px; background: url('../images/content/img-mask-extra-small.png') no-repeat top left; } /* toolbox */ #toolbox { overflow: hidden; margin: 20px 0 10px 0; padding: 10px 0 0 0; width: 473px; border-top: 1px solid #e5e5e5; color: #007cb7; font-size: 120%; } #toolbox a.toolbox-left { margin: 0 0 0 3px; padding: 0 0 0 16px; background: url('../images/content/toolbox-arrow.gif') no-repeat left; } #toolbox a { font-weight: bold; } #toolbox ul { float: right; } #toolbox ul li { float: left; font-size: 100%; } #toolbox ul li a { display: block; padding: 0 2px; } #toolbox li.print { display: none; padding-right: 5px; margin-right: 5px; border-right: 1px solid #007CB7; } .toolbox-right li, .toolbox-right li a { line-height: 11px; } /* tables: NOT finished #content-main table { margin: 5px 0px 15px 0px; clear: both; color: #555555; } #content-main table td { border-bottom: 1px solid #e5e5e5; vertical-align: top; font-size: 120%; } #content-main table td { padding: 8px 0 0 10px; width: 88px; height: 38px; border-left: 1px solid #e5e5e5; } #content-main table td.title { padding-left: 0px; width: 120px; border-left: none; } /**/ /* lists */ li { font-size: 120%; } li ul li { font-size: 100%; } /* content main specific lists */ #content-main ul { margin: 0 0 0 0; padding: 0 0 10px 0; } #content-main ul li { padding: 0 0 5px 16px; background: url('../images/content/list-bullit-blue.gif') no-repeat 7px 4px; list-style-type: none; } #content-main ul.reset li { background: none; } /* footer-link */ #footer a { height: 54px; margin: 13px 0; padding: 0 10px 0 0; float: right; display: block; } #footer a.left { padding: 0 0 0 10px; float: left; } /* sitemap */ #sitemap h2 { padding: 0 0 11px 20px; } #sitemap h3 { color: #828282; padding: 0 0 11px 10px; } #sitemap-container { overflow: hidden; background: url('../images/content/sitemap-bg.gif') repeat-y 234px 0; } .sitemap-column { float: left; width: 235px; } #content-main .sitemap-column ul.sitemap { margin-bottom: 11px; overflow: hidden; } #content-main .sitemap-column ul.sitemap li { margin: 0 0 0 5px; padding: 0 0 0 10px; /* padding on the list item to support unlimited depths with correct layout */ } .sitemap-column ul.sitemap li strong { display: block; padding: 0 0 6px 0; } .sitemap-column ul.sitemap li a { display: block; padding: 0 0 4px 12px; background: url('../images/menu/sub-nav-bg-arrow.gif') no-repeat scroll 0 3px; color: #828282; } .sitemap-column ul.sitemap li a:hover { color: #000000; text-decoration: none; background: url('../images/menu/sub-nav-bg-arrow-sel.gif') no-repeat 0 3px; } /* vacancies */ ul.vacancy-list { clear: both; } ul.vacancy-list li a { padding: 0 0 20px 0; display: block; } ul.vacancy-list li a:hover { text-decoration: none; } ul.vacancy-list li a:hover strong { text-decoration: underline; } ul.vacancy-list li a big { display: block; color: #000000; font-size: 120%; } ul.vacancy-list li a span { color: #555555; } ul.vacancy-list li a strong { display: block; padding: 0 15px 0 0; margin: 5px 0 0 0; background: url('../images/content/arrow-grey.gif') no-repeat 95px 4px; color: #555; font-weight: normal; } ul.vacancy-list li a:hover strong, ul.vacancy-list li a:hover span { text-decoration: none; color: #000; } ul.vacancy-list li a:hover strong { background: url('../images/content/arrow-red.gif') no-repeat 95px 4px; } ul.vacancy-list li { display: block; } /* header images */ div.image-container { position: absolute; width: 980px; height: 245px; overflow: hidden; background-repeat: no-repeat; } div.paragraph { float: none; clear: both; } div.google-map { padding: 0 0 17px 0; } #agendabericht #content-right a.read-more { display: inline-block; padding: 0 14px 0 0; background: url('../images/modules/red-arrow-right.gif') no-repeat 98% 55%; font-weight: bold; } /* export-agenda */ #export-agenda table { } #export-agenda table th, #export-agenda table td { padding: 2px 5px 2px 0; vertical-align: top; text-align: left; } #export-agenda table th { text-transform: uppercase; font-weight: bold; font-size: 13px; } #export-agenda table td { font-size: 12px; } /* nav-languages */ ul#nav-languages { position: absolute; top: 19px; right: 19px; color: #007cb7; } ul#nav-languages li { display: inline; } ul#nav-languages li a { font-size: 100%; } ul#nav-languages li.english { padding: 0 0 0 3px; } /* nav-top */ ul#nav-top { position: absolute; top: 88px; right: 164px; } ul#nav-top li { float: left; padding: 0px 8px; } ul#nav-top li a { display: block; line-height: 19px; color: #007cb7; } /* nav-main */ ul#nav-main { height: 14px; margin: 0 0 3px 0; /* padding: 3px 0 4px 30px;/**/ padding: 0 0 0 30px; height: 21px; overflow: hidden; background: #007cb7 url('../images/menu/nav-main-cap.gif') no-repeat 0 0; clear: both; } ul#nav-main li { float: left; padding: 0 25px 0 0; height: 21px; } ul#nav-main li a { display: block; color: #ffffff; line-height: 21px; } ul#nav-main li a:hover { color: #eeb211; text-decoration: none; } ul#nav-main li.sel a, ul.wat-landschapsbeheer-doet li.wat-landschapsbeheer-doet a, ul.nieuws li.nieuws a, ul.agenda li.agenda a, ul.projecten li.projecten a, ul.webwinkel li.webwinkel a, ul.organisatie li.organisatie a, ul.informatie-voor li.informatie-voor a { color: #eeb211 !important; } /* nav-sub */ #content-left h2.nav-sub { margin: 0 0 10px 0; padding: 0 0 0 0; font-size: 120%; color: #555555; font-weight: normal; } /* nav level 1 */ ul.nav-sub { margin: 0 0 0 0; padding: 0 0 0 0; } ul.nav-sub li { margin: 0 0 0 0; padding: 2px 0 2px 0; } ul.nav-sub li a { display: block; padding: 0 0 0 16px; background:transparent url('../images/menu/sub-nav-bg-arrow.gif') no-repeat scroll 4px 5px; color: #555; } ul.nav-sub li a:hover, ul.nav-sub li.sel a { color: #000; text-decoration: none; background: url('../images/menu/sub-nav-bg-arrow-sel.gif') no-repeat 4px 5px; } ul.nav-sub li.sel a { font-weight: bold; } ul.nav-sub li.expanded a { background: url('../images/menu/sub-nav-bg-arrow-expand.gif') no-repeat 4px 5px; font-weight: bold; color: #000000; } /* nav level 2 */ ul.nav-sub ul.nav-sub { margin: 0 0 0 0; padding: 0 0 0 14px; } ul.nav-sub ul.nav-sub li { margin: 0 0 0 0; padding: 1px 0 1px 0; } /* unselected */ ul.nav-sub ul.nav-sub li.none a { background: none; color: #555; font-weight: normal; } /* selected, expanded and hover */ ul.nav-sub ul.nav-sub li.expanded a, ul.nav-sub ul.nav-sub li.sel a, ul.nav-sub ul.nav-sub li a:hover { color: #000; background: url('../images/menu/sub-nav-bg-dot-sel.gif') no-repeat 7px 5px; } /* nav level 3 */ /* unselected */ ul.nav-sub ul.nav-sub ul.nav-sub li.none a { background: none; color: #555; } /* selected, expanded and hover */ ul.nav-sub ul.nav-sub ul.nav-sub li.expanded a, ul.nav-sub ul.nav-sub ul.nav-sub li.sel a, ul.nav-sub ul.nav-sub ul.nav-sub li a:hover { background: none; color: #000; } ul.nav-sub ul.nav-sub li.maak-je-erf-goed a { padding: 0 0 0 18px; background: url('../images/menu/maak-je-erf-goed.gif') no-repeat 0 -15px; } ul.nav-sub ul.maak-je-erf-goed li.sel a, ul.nav-sub ul.nav-sub li.maak-je-erf-goed a:hover { background: url('../images/menu/maak-je-erf-goed.gif') no-repeat 0 0; } ul.nav-sub ul.nav-sub li.bakens-in-de-tijd a { padding: 0 0 0 18px; background: url('../images/menu/bakens-in-de-tijd.gif') no-repeat 0 -15px; } ul.nav-sub ul.bakens-in-de-tijd li.sel a, ul.nav-sub ul.nav-sub li.bakens-in-de-tijd a:hover { background: url('../images/menu/bakens-in-de-tijd.gif') no-repeat 0 0; } ul.nav-sub ul.nav-sub li.ruimte-voor-plant-en-dier a { padding: 0 0 0 18px; background: url('../images/menu/ruimte-voor-plant-en-dier.gif') no-repeat 0 -15px; } ul.nav-sub ul.ruimte-voor-plant-en-dier li.sel a, ul.nav-sub ul.nav-sub li.ruimte-voor-plant-en-dier a:hover { background: url('../images/menu/ruimte-voor-plant-en-dier.gif') no-repeat 0 0; } ul.nav-sub ul.nav-sub li.dat-doen-we-samen a { padding: 0 0 0 18px; background: url('../images/menu/dat-doen-we-samen.gif') no-repeat 0 -15px; } ul.nav-sub ul.dat-doen-we-samen li.sel a, ul.nav-sub ul.nav-sub li.dat-doen-we-samen a:hover { background: url('../images/menu/dat-doen-we-samen.gif') no-repeat 0 0; } ul.nav-sub li.help a { padding-top: 20px; background-position: 4px 23px; } /* nav-inline-sub */ ul#nav-main ul.nav-inline-sub, ul.nav-inline-sub { display: none; position: absolute; top: 0; left: 0; z-index: 900; margin: 0; padding: 5px 0; width: 180px; overflow: hidden; background: #007cb7; text-align: left; } ul#nav-main ul.nav-inline-sub li, ul.nav-inline-sub li { float: none; padding: 0 11px; font-size: 11px; } ul#nav-main ul.nav-inline-sub li a, ul.nav-inline-sub li a { display: block; padding: 2px 10px; background: url("../images/menu/inline-submenu-item.gif") no-repeat 0 -186px; line-height: 16px; text-align: left; color: #fff; text-decoration: none; } ul#nav-main ul.nav-inline-sub li a:hover, ul.nav-inline-sub li a:hover { background-position: 0 7px; color: #eeb211; text-decoration: none; } /* workfield anchors */ #top ul.workfield-anchors { position: absolute; top: 40px; right: -55px; /*background: url('../images/layout/top-icons.gif') no-repeat 20px 7px;*/ } #top ul.workfield-anchors li { float: left; margin: 0 55px 0 0; } #top ul.workfield-anchors a { display: block; width: 70px; height: 40px; overflow: hidden; cursor: pointer; text-indent: -9999px; } /* hover */ #top ul.workfield-anchors a:hover { text-decoration: none; } /* content forms */ #form-container { } .fieldcontainer { overflow: hidden; clear: both; margin: 0 0 7px 0; /* no padding because of IE6 */ } .fieldcontainer label { display: block; float: left; font-size: 120%; } .fieldcontainer label.main { padding: 2px 5px 0 0; width: 131px /* 136px */ } .fieldcontainer input { float: left; } .fieldcontainer input.text { height: 17px; /* 19px */ width: 160px; border: 1px solid #e7e7e7; } .fieldcontainer textarea { float: left; border: 1px solid #e7e7e7; } /* checkboxes */ .fieldcontainer.checkbox .checkbox_container label { padding: 0 0 14px 12px; width: 180px; } .checkbox_container { float: left; } .checkbox_container input { clear: both; border: none; } /* radio buttons */ .fieldcontainer.radio label { padding: 0 45px 0 9px; } .fieldcontainer.radio label.main { padding: 2px 5px 0 0; } .fieldcontainer.radio input { border: none; } /* submit button */ .submit-container { overflow: hidden; padding: 20px 0 0 0; width: 100%; } .submit-container input { float: right; width: 80px; height: 21px; } .submit-container span { float: left; font-size: 120%; } /* errors */ .fieldcontainer .error { border: 1px solid #ffbfbf; color: #000000; } .fieldcontainer div.error { float: right; padding: 0 0 0 11px; margin: 2px 0 0 7px; border: none; color: red; background: url("../images/forms/arrow-error.gif") no-repeat 0 3px; } /* login form */ .field-container label { display: block; float: left; font-size: 120%; width: 120px; } .field-container input#login-username, .field-container input#login-password { height: 17px; /* 19px */ width: 160px; border: 1px solid #e7e7e7; } .submit input { clear: both; width: 80px; height: 21px; margin: 10px 0 0 120px; } /* hr */ img.hr { margin: 0 0 24px 0; } /* trigger */ a.trigger { display: block; margin: 25px 0 33px 0; } /* modules crosslink */ a.module-crosslink, a.module-crosslink span { display: block; } a.module-crosslink { margin: 0 0 24px 10px; width: 215px; overflow: hidden; color: #000; } a.module-crosslink span { line-height: 17px; font-size: 120%; } a.module-crosslink .image-mask-small { float: left; margin: 2px 7px 7px 0; } a.module-crosslink span.title { margin: 0 0 5px 0; font-size: 140%; font-weight: bold; } a.module-crosslink span.text { margin: 0 0 3px 0; color: #555555; } a.module-crosslink span.read-more { display: inline; padding: 0 12px 0 0; background: url('../images/modules/red-arrow-right.gif') no-repeat 98% 55%; font-weight: bold; } /* hover */ a.module-crosslink:hover { text-decoration: none; cursor: pointer; } a.module-crosslink:hover span.text { color: #000; } /* webshop */ h3.webshop { margin: 0 0 0 10px; line-height: 17px; font-size: 120%; font-weight: normal; } a.webshop, a.webshop span { display: block; } a.webshop { margin: 0 0 24px 10px; width: 215px; overflow: hidden; color: #000; cursor: pointer; } a.webshop span { line-height: 17px; font-size: 120%; } a.webshop .image-mask-small { float: left; padding: 2px 7px 7px 0; } a.webshop span.title { margin: 0 0 5px 0; font-size: 140%; font-weight: bold; } a.webshop span.text { margin: 0 0 3px 0; color: #555555; } a.webshop span.price { clear: left; float: left; color: #555555; } a.webshop span.more-info { float: right; display: block; padding: 0 12px 0 0; background: url('../images/modules/red-arrow-right.gif') no-repeat 98% 55%; font-weight: bold; } /* hover */ a.webshop:hover { background-color: transparent; text-decoration: none; } a.webshop:hover span.text { color: #000; } /* home page agenda */ #home .home-agenda{ position:relative; display: block; margin: -35px 0 15px 0; width: 225px; overflow: hidden; background: url('../images/modules/home-agenda-bg-top.png') no-repeat left top; /* background: url('../images/modules/home-agenda-bg-bottom.gif') no-repeat bottom left;*/ } #home .home-agenda .title-h { margin: 5px 0 22px 0; width: 225px; height: 26px; color: #fff; background: url('../images/modules/home-agenda-h2-bg.gif') no-repeat; } #home .home-agenda .title-h h2 { display: inline; padding: 0 7px 0 10px; width: auto; background-color: #eeb211; font-size: 150%; font-weight: bold; line-height: 20px; } #home .home-agenda li { padding: 0 0 22px 0; } #home .home-agenda a { display: block; overflow: hidden; width: 225px; color: #000; padding: 0 0 0 19px; } #home .home-agenda a span.agenda-thumbnail, #home .home-agenda a span.date, #home .home-agenda a span.title { display: block; font-weight: normal; cursor: pointer; } #home .home-agenda a span.date span { white-space: nowrap; } #home .home-agenda a span.agenda-thumbnail { float: left; margin: 0 4px 0 0; padding: 0 4px 0 0; width: 46px; /* 50px */ height: 47px; background: url('../images/modules/agenda-thumb-mask.gif') no-repeat bottom right; } #home .home-agenda a span.agenda-thumbnail img { padding: 5px 0 0 5px; } #home .home-agenda a span.date { margin: 0 20px 0 0; color: #ffedbc; } #home .home-agenda a span.title { margin: 0 20px 0 0; padding-left: 54px; line-height: 13px; color: #000; } #home .home-agenda a span.title img.agenda-item-arrow { display: inline; padding: 0 0 0 10px; } /* hover */ #home .home-agenda a:hover { text-decoration: none; } #home .home-agenda a:hover span.title { color: #007cb7; } #home .home-agenda p.agenda-bottom { overflow: hidden; width: 225px; background: url('../images/modules/home-agenda-bg-bottom.png') no-repeat bottom right; } #home .home-agenda p.agenda-bottom a.overview { float: right; padding: 5px 30px 10px 0; width: auto; background: url('../images/modules/agenda-arrow-right-red.gif') no-repeat 85% 45%; } /* hover */ #home .home-agenda p.agenda-bottom a.overview:hover { color: #007cb7; } /* highlighted projects */ .highlighted-projects { position: absolute; top: -52px; left: 22px; display: block; width: 225px; overflow: hidden; margin: 0 0 0 0; /*margin: -52px 0 15px 22px;/**/ /*margin: -50px 0 15px 0;/*/ background: url('../images/modules/highlighted-projects-bg-top.png') no-repeat left top; } .no-header-image .highlighted-projects { top: 0; } .highlighted-projects .title { margin: 5px 0 26px 0; width: 225px; color: #fff; background: url('../images/modules/highlighted-projects-h2-bg.gif') no-repeat; } .highlighted-projects .title h2 { padding: 2px 7px 0 10px; background-color: transparent; font-weight: bold; font-size: 150%; } #content-right .highlighted-projects li { padding: 0 0 22px 0; } .highlighted-projects a { display: block; overflow: hidden; width: 225px; color: #000; cursor: pointer; } .highlighted-projects a.no-image { padding: 0 4px 0 22px; width: auto; } .highlighted-projects a span { display: block; font-weight: normal; } .highlighted-projects a span.thumbnail { float: left; margin: 0 4px 0 0; padding: 0 4px 0 19px; width: 46px; /* 50px */ height: 47px; background: url('../images/modules/thumb-mask.gif') no-repeat bottom right; } .highlighted-projects a span.thumbnail img { padding: 5px 0 0 5px; } /* .highlighted-projects a span.date { padding: 2px 0 0 0; margin: 0 10px 0 0; color: #ffedbc; }/**/ .highlighted-projects a span.project-title { padding: 4px 0 0 74px; margin: 0 10px 0 0; line-height: 13px; color: #000; } .highlighted-projects a span.project-title img.arrow { display: inline; padding: 0 0 0 10px; } /* hover */ .highlighted-projects a:hover { text-decoration: none; } .highlighted-projects a:hover span.project-title { color: #007cb7; } .highlighted-projects p.bottom { overflow: hidden; padding: 15px 0 0 0; width: 225px; background: url('../images/modules/highlighted-projects-bg-bottom.png') no-repeat bottom right; } .highlighted-projects p.bottom a { float: right; padding: 5px 30px 10px 0; width: auto; background: url('../images/modules/highlighted-projects-arrow-right-red.gif') no-repeat 85% 40%; } /* hover */ .highlighted-projects p.bottom a:hover { color: #007cb7; } /* home page select province */ #map { margin: 0 0 11px 0; } /* nieuws archief */ #content-right h2.nav-sub { margin: 0 0 10px 0; padding: 0 0 0 0; color:#555555; font-size:120%; font-weight:normal; } /* poll */ .poll-container, .mainlink-container { margin: 0 0 20px 0; padding: 0 0 0 10px; } .poll-container h3, .mainlink-container h3 { margin: 0 0 7px 0; padding: 0 0 0 0; font-size: 150%; font-weight: normal; color: #007cb7; } .poll-container p, .mainlink-container p { padding: 0 0 10px 1px; } .poll-container label { padding: 0 0 0 5px; width: 195px; } .poll-container span { font-size: 120%; } .poll-container .submit-container { margin: 0 0 0 0; padding: 0 0 0 0; } .poll-container .submit-container input { margin: 0 20px 0 0; width: 80px; height: 21px; background: url('../images/polls/home-poll-submit.gif') no-repeat 0 0; border: none; color: #fff; } .result-container span { display: block; } .result-container div.bar { margin: 0 0 8px 0; background-color: #368FC1; height: 8px; background: #368fc1 url('../images/modules/bar.gif') repeat-x; } #flash-crosslink-container { margin: 25px 0 33px 0; } /* components */ /* crosslink */ #content-main a.component-crosslink { margin: 0 0 10px 0; display: block; width: 490px; overflow: hidden; } #content-main a.component-crosslink span { display: block; color: #555555; } #content-main a.component-crosslink span.title { padding: 10px 0 0 0; color: #000; font-size: 140%; font-weight: bold; } #content-main a.component-crosslink span.date { font-size: 100%; text-transform: uppercase; } #content-main a.component-crosslink span.content { display: inline; font-size: 120%; padding-right: 17px; } #content-main a.component-crosslink img { display: inline; } #content-main a.component-crosslink:hover { text-decoration: none; } #content-main a.component-crosslink:hover span.content { color: #000; } /* home components */ #content-main div.title-h { clear: both; overflow: hidden; width: 475px; height: 26px; background: url('../images/content/home-h2-bg.gif') no-repeat; } #home #content-main div.title-h { width: 725px; } #content-main div.title-h h2 { display: inline; margin: 0 0 0 0; padding: 0 10px 0 10px; line-height: 20px; font-size: 150%; font-weight: bold; background: #fff } /* home news component*/ #home ul.news { position: relative; width: 725px; } #home ul.news li { padding: 0 0 9px 183px; width: 529px; border: 1px solid #fff; font-size: 100%; } #home ul.news li a { display: block; width: 529px; overflow: hidden; background: none; text-decoration: none; } #home ul.news li a span.image-mask { position: absolute; top: 0; left: 0; display: none; } #home ul.news li a span.title { display: block; padding: 0 0 0 11px; font-size: 200%; color: #ccc; background: url('../images/components/home-arrow-right-grey.gif') no-repeat 0 10px; } #home ul.news li a:hover span.title, #home ul.news li a.sel span.title { color: black; text-decoration: none; background: url('../images/components/home-arrow-right-red.gif') no-repeat 0 10px; } #home ul.news li a:hover span.image-mask, #home ul.news li a.sel span.image-mask { display: block; } #home a.read-more { display: block; float: right; clear: both; padding:0 12px 0 0; width: 130px; background: url('../images/components/home-arrow-right-red.gif') no-repeat right 55%; font-size: 120%; font-weight: bold; text-align: right; color: #000; } #home a.read-more:hover { text-decoration: none; color: #000; } /* home trigger component */ #home .trigger { display: block; overflow: hidden; width: 725px; margin: 0 0 10px 0; } /* newslist (bottom news detail page) */ #content-main ul.newslist { margin: 0 0 20px 0; } ul.newslist a { display: block; overflow: hidden; margin: 0 0 15px 0; width: 490px; color: #555555; } ul.newslist a:hover { text-decoration: none; color: #000000; } ul.newslist span { display: block; } ul.newslist span.title { font-weight: bold; color: #000000; } /* list navigation */ .mpn { padding: 0 20px 0 0; margin: 0 0 5px 0; width: 470px; overflow: hidden; } #mpn-detail.mpn { overflow: visible; margin: 0; width: auto; } .mpn h2{ display: block; float: left; } .mpn a { display: block; line-height: 16px; } div.mpn a:hover { text-decoration: none; } .prev-numbers-next { float: right; font-size: 120%; } .prev, .next { float: left; } .prev a { width: 14px; background: url('../images/mpn/previous.gif') no-repeat 6px 2px; } .next a { width: 14px; background: url('../images/mpn/next.gif') no-repeat 2px 2px; } .numbers { float: left; } .numbers a { float: left; text-align: center; width: 16px; margin: 0px 1px; } .numbers a:hover, .numbers a.sel { background: url('../images/mpn/current.gif') no-repeat 0 0; color: #ffffff; } .numbers span.dots { display: block; float: left; color: #007CB7; } /* agenda */ /* agenda overview */ #agenda .mpn { float: right; margin: 0 0 15px 0; } #agenda .mpn .prev-numbers-next { margin: 5px 0 0 0; } /* agenda list */ ul.agenda-list li { clear: both; font-size: 100%; } ul.agenda-list a { display: block; overflow: hidden; width: 695px; padding: 0 0 0 10px; margin: 0 0 32px 0; color: #555555; cursor: pointer; } ul.agenda-list a:hover { text-decoration: none; } ul.agenda-list a:hover span.agenda-content { color: #000000; } ul.agenda-list .agenda-content-container { display: block; float: left; padding: 8px 0 0 0; width: 500px; } ul.agenda-list .agenda-title, ul.agenda-list .agenda-location, ul.agenda-list .agenda-content { display: block; float: left; width: 395px; } ul.agenda-list span.agenda-date-container { display: block; float: left; width: 77px; /* 84px */ height: 60px; padding: 0px 23px 0 0; } ul.agenda-list span.agenda-date { display: block; float: right; width: 42px; /* 42px */ height: 55px; padding: 6px 0 0 0; line-height: 0.95; text-align: center; background: url('../images/mpn/agenda-date.gif') no-repeat 0 3px; } ul.agenda-list span.agenda-date small { display: block; /* block to prevent inline */ font-size: 120%; } ul.agenda-list span.agenda-date strong { display: block; /* block to prevent inline */ font-size: 250%; } ul.agenda-list span.agenda-title { color: #000000; font-size: 140%; font-weight: bold; } ul.agenda-list span.agenda-content { display: inline; font-size: 120%; line-height: 17px; } ul.agenda-list span.agenda-location { padding: 2px 0 2px 0; text-transform: uppercase; } ul.agenda-list .image-mask { float: right; } /* agenda detail */ #agendabericht #content-right p { padding: 0 0 10px 0; line-height: 15px; } #agendabericht #content-right strong { color: #222222; } /* content-left toolbox */ #content-left a.toolbox-agenda { margin: 0 0 0 3px; padding: 0 0 0 16px; float: left; background: url('../images/content/toolbox-arrow.gif') no-repeat left; font-size: 120%; font-weight: bold; } /* exceptions for double date */ ul.agenda-list .doubledate span.agenda-date-container { display: block; float: left; width: 77px; /* 84px */ height: 60px; padding: 0px 23px 0 0; background: url('../images/mpn/agenda-date-container.gif') no-repeat 0 3px; } ul.agenda-list .doubledate span.agenda-date { float: left; padding: 6px 0px 0 0; width: 36px; background: none; } ul.agenda-list .doubledate span.dash { display: block; float: left; width: 5px; padding-top: 14px; font-size: 250%; } /* news list*/ ul.news-list li { font-size: 100%; } /*ul.news-list img { float: right; padding: 0px 10px 0 0; }*/ ul.news-list .image-mask { float: right; padding: 0 0 0 10px; } ul.news-list a { display: block; overflow: hidden; width: 490px; margin: 0 0 20px 0; padding: 15px 0 0 0; color: #555555; cursor: pointer; } ul.news-list a:hover { text-decoration: none; } ul.news-list a:hover .news-content { color: #000000; } ul.news-list span.news-title, ul.news-list span.news-date, ul.news-list span.news-content { display: block; float: left; overflow: hidden; width: 300px; } ul.news-list span.news-content { font-size: 120%; } ul.news-list .news-title { font-weight: bold; font-size: 140%; color: #000000; } /* newsletter archive section specific */ ul.news-list a.newsletter-download-link { color:#007CB7; } ul.news-list a.newsletter-download-link:hover span { text-decoration: underline; } .news-date { text-transform: uppercase; font-size: 100%; } /* news detail page */ .mpn span.date { display: block; float: left; color:#007CB7; font-size:120%; } /* workfieldoverviewpage */ div.row-splitter { clear: both; float: none; width: 705px; height: 1px; overflow: hidden; } a.workfield { display: block; float: left; width: 343px; margin: 0 0 20px 0; overflow: hidden; cursor: pointer; color: #ffffff; } a.right { float: right; } a.workfield span { display: block; cursor: pointer; } a.workfield span.button { position: relative; overflow: hidden; width: 343px; height: 137px; margin: 0 0 7px 0; } a.workfield span.title { margin: 0 0 2px 0; padding: 12px 0 0 21px; font-size: 200%; } a.workfield span.subtitle { padding: 0 0 0 21px; font-size: 120%; } a.workfield span.read-more { position: absolute; right: 15px; bottom: 10px; float: none; display: block; width: 120px; height: 15px; font-size: 130%; font-weight: bold; } a.workfield span.purpose { margin: 0 0 2px 1px; font-size: 100%; font-weight: bold; color: #000000; } a.workfield span.description { margin: 0 0 0 1px; font-size: 120%; color: #555555; } /* hover */ a.workfield:hover { text-decoration: none; } a.workfield:hover span.read-more { /*color: #007CB7;/**/ } a.workfield:hover span.description { color: #000000; } /* projects per workfield */ body.projectoverviewpage #content-left h2, body.projectdetailpage #content-left h2 { margin: 0 0 44px 0; padding: 2px 0 0 0; font-size: 120%; font-weight: normal; } ul#workfields-left-nav { margin: 0 0 0 -10px; width: 235px; overflow: hidden; } ul#workfields-left-nav li { font-size: 100%; } ul#workfields-left-nav li a { display: block; margin: 0 0 10px 0; width: 225px; overflow: hidden; cursor: pointer; } ul#workfields-left-nav li a.dat-doen-we-samen { background: url('../images/menu/workfields-dat-doen-we-samen.gif') no-repeat 0 -75px; } ul#workfields-left-nav li a.maak-je-erf-goed { background: url('../images/menu/workfields-maak-je-erf-goed.gif') no-repeat 0 -55px; } ul#workfields-left-nav li a.bakens-in-de-tijd { background: url('../images/menu/workfields-bakens-in-de-tijd.gif') no-repeat 0 -55px; } ul#workfields-left-nav li a.ruimte-voor-plant-en-dier { background: url('../images/menu/workfields-ruimte-voor-plant-en-dier.gif') no-repeat 0 -75px; padding: 0 0 1px 0; } ul#workfields-left-nav li a span { display: block; color: #555555; } ul#workfields-left-nav li a span.title { margin: 8px 47px 3px 8px; font-size: 200%; line-height: 19px; } ul#workfields-left-nav li a span.read-more { margin: 0 0 10px 10px; padding: 0 0 0 13px; font-size: 120%; font-weight: bold; } /* hover */ ul#workfields-left-nav li a:hover { text-decoration: none; color: #ffffff; background-position: 0px 0px; } ul#workfields-left-nav li a:hover span, ul#workfields-left-nav li.sel a span { color: #ffffff; } ul#workfields-left-nav li.sel a span.title { padding: 0 0 28px 0; } /* sel */ ul#workfields-left-nav li.sel a { background-position: 0px -110px; margin: 0 0 10px 10px; } ul#workfields-left-nav li.sel a.dat-doen-we-samen, ul#workfields-left-nav li.sel a.ruimte-voor-plant-en-dier { background-position: 0px -150px; } /* project list */ #content-main ul#projects { } #content-main ul#projects li { padding-bottom: 10px; font-size: 100%; } #content-main ul#projects li a { display: block; width: 725px; overflow: hidden; text-decoration: none; color: #000000; } body.projectoverviewpage #content-main ul#projects li a { width: 490px; } #content-main ul#projects li a span { display: block; line-height: 17px; font-size: 120%; } #content-main ul#projects li a span.image-mask { float: left; margin: 0 18px 0 0; } #content-main ul#projects li a img.arrow-grey { display: inline; float: none; padding: 0 0 0 5px; } #content-main ul#projects li a span.title { padding: 7px 0 2px 0; font-size: 140%; font-weight: bold; } #content-main ul#projects li a span.text { color: #555; } #content-main ul#projects li a span.date { margin: 0 0 0 0; font-size: 100%; color: #555; } #content-main ul#projects li a img.workfield-icon { float: left; padding: 8px 8px 0 0; } /* hover */ #content-main ul#projects li a:hover { text-decoration: none; cursor: pointer; } #content-main ul#projects li a:hover span.text { color: #000; } /* webshop */ ul#products { } ul#products span { display: block; color: #000; font-size: 120%; } ul#products li { position: relative; display: block; overflow: hidden; width: 490px; /*height: 111px;/**/ margin: 0 0 10px 0 ! important; font-size: 100%; } ul#products .image-mask { float: left; padding: 0px 18px 0 0; } ul#products a { display: block; float: left; overflow: hidden; width: 193px; cursor: pointer; background: transparent; } ul#products a.right { width: 295px; } /* hover */ ul#products a:hover { text-decoration: none; } ul#products a:hover span.text { color: #000; } ul#products span.type { margin: 0 0 1px 0; padding: 1px 0 0 0; color: #007cb7; } ul#products span.title { font-size: 140%; } ul#products span.text { padding: 0 0 21px 0; color: #555; } /* form */ ul#products form { /*clear: left;/**/ float: right; } ul#products span.order { /*position: absolute;/**/ /* float: left;/**/ display: block; /* right: 0px; bottom: 5px;/**/ width: 295px; overflow: hidden; color: #000; font-size: 100%; } ul#products span.order span.price { float: left; padding: 1px 0 0 0; width: auto; color: #000; font-size: 140%; } ul#products span.order span.price small { color: #555; } ul#products span.order span.form-elements { overflow: hidden; float: right; width: 149px; height: 21px; color: #000; } ul#products span.form-elements a { float: right; width: 80px; height: 21px; background: url('../images/webshop/download.gif') no-repeat 0 0; color: #fff; text-align: center; line-height: 21px; } ul#products input.text { display: block; float: left; width: 57px; height: 19px; border: 1px solid #555; font-size: 100%; text-align: center; } ul#products input.submit { display: block; float: right; width: 80px; height: 21px; border: none; background: url('../images/webshop/order.gif') no-repeat 0 0; color: #fff; line-height: 21px; cursor: pointer; } /* webshop basket */ .basket { float: right; width: 215px; } .basket .total-container { margin: 6px 0 15px 0; padding: 6px 0 0 0; width: 215px; overflow: hidden; border-top: 3px solid #ccc; } .basket .total-container span.price, .basket .total-container span.total { display: block; width: auto; font-size: 120%; color: #000; } .basket .total-container span.price { float: left; } .basket .total-container span.total { float: right; } .basket a { display: block; float: right; padding: 0 16px 0 0; background: url('../images/content/arrow-grey.gif') no-repeat right 5px; font-size: 120%; color: #000; } .basket a:hover { text-decoration: none; background: url('../images/content/arrow-red.gif') no-repeat right 5px; } div.basket h2 { margin: 0 0 0 0; padding: 0 0 11px 0; font-size: 120%; color: #000; font-weight: normal; } ul#webshop-basket-small { } ul#webshop-basket-small li{ margin: 0 0 12px 0; width: 215px; overflow: hidden; } ul#webshop-basket-small span { display: block; color: #000; font-size: 100%; } ul#webshop-basket-small span.remove { width: 100%; overflow: hidden; clear: both; background: url('../images/webshop/hr.gif') no-repeat 0 0; } ul#webshop-basket-small input { display: block; float: right; width: 13px; height: 13px; overflow: hidden; background: transparent url('../images/webshop/remove.gif') no-repeat; border: none; cursor: pointer; color: #fff; font-size: 0; text-indent: -9999px; } ul#webshop-basket-small span.price { float: left; color: #555; } ul#webshop-basket-small span.subtotal { float: right; } /* webshop product page */ body.webshopproductpage img.product { float: left; } body.webshopproductpage #content-main form { display: block; float: right; overflow: hidden; margin: 0 0 10px 0; width: 298px; } /* form */ body.webshopproductpage span.order { display: block; float: left; margin: 12px 0 0 0; width: 298px; color: #000; font-size: 100%; } body.webshopproductpage span.order span.price { float: left; padding: 1px 0 0 0; width: auto; color: #000; font-size: 140%; } body.webshopproductpage span.order span.price small { color: #555; } body.webshopproductpage span.order span.form-elements { overflow: hidden; float: right; width: 149px; height: 21px; color: #000; font-size: 140%; } body.webshopproductpage span.form-elements a { display: block; float: right; width: 80px; height: 21px; background: url('../images/webshop/download.gif') no-repeat 0 0; color: #fff; text-align: center; line-height: 21px; font-size: 85.7%; } body.webshopproductpage span.form-elements a:hover { text-decoration: none; } body.webshopproductpage input.text { display: block; float: left; width: 57px; height: 19px; border: 1px solid #555; font-size: 100%; text-align: center; } body.webshopproductpage input.submit { display: block; float: right; width: 80px; height: 21px; border: none; background: url('../images/webshop/order.gif') no-repeat 0 0; color: #fff; line-height: 21px; font-size: 85.7%; cursor: pointer; } body.webshopproductpage #toolbox { width: 490px; } body.webshopproductpage #content-main h4 { margin: 7px 0 0 0; } body#winkelmandje #content-main h2 { position: absolute; left: 20px; } body#winkelmandje #content-main table { margin: 11px 10px 0 10px; width: 960px; border-bottom: 4px solid #ccc; } body#winkelmandje #content-main table .quantity, body#winkelmandje #content-main table .price, body#winkelmandje #content-main table .total { padding-bottom: 6px; text-align: left; font-size: 140%; font-weight: normal; color: black; } body#winkelmandje #content-main table .image { width: 185px; } body#winkelmandje #content-main table .info { width: 355px; } body#winkelmandje #content-main table .quantity { width: 116px; } body#winkelmandje #content-main table .price { width: 88px; } body#winkelmandje #content-main table .total { width: 108px; } body#winkelmandje #content-main table .button { width: auto; } body#winkelmandje #content-main table td { height: 121px; background: url("../images/webshop/grey-lines.gif") repeat-x; text-align: left; vertical-align: top; } body#winkelmandje #content-main table td.image { background: none; } body#winkelmandje #content-main table td.info { padding: 12px 8px 0 8px; } body#winkelmandje #content-main table td.info h4 { padding: 0 0 1px 0; } body#winkelmandje #content-main table td.info p { padding: 0; } body#winkelmandje #content-main table td.quantity { padding-top: 26px; font-size: 100%; } body#winkelmandje #content-main table td.quantity input { height: 19px; width: 57px; border: 1px solid #555555; text-align: center; font-size: 140%; } body#winkelmandje #content-main table td.price { padding-top: 28px; } body#winkelmandje #content-main table td.total { padding-top: 28px; } body#winkelmandje #content-main table td.button { padding-top: 27px; } body#winkelmandje #content-main table td.button input { width: 80px; height: 21px; background: url("../images/webshop/remove-large.gif") no-repeat; border: none; color: #fff; } #content-main p.empty { padding: 35px 0 0 20px; } #content-main p.shipping, #content-main p.total { padding: 0; margin: 0 10px; width: 960px; overflow: hidden; font-size: 140%; line-height: 32px; color: black; } #content-main p.total { font-weight: bold; } p.shipping span.description, p.total span.description { display: block; float: left; padding-right: 45px; width: 715px; text-align: right; } p.shipping span.value, p.total span.value{ display: block; float: left; width: 108px; } #content-main p.buttons { padding: 0; margin: 10px 10px 0 10px; width: 960px; overflow: hidden; font-size: 100%; } p.buttons a.continue-shopping { display: block; float: left; width: 110px; padding: 0 0 0 10px; margin: 0 640px 0 0; background: url("../images/content/toolbox-arrow.gif") no-repeat center left; font-size: 120%; } p.buttons input.update { float: left; margin-right: 10px; width: 100px; height: 21px; background: url("../images/webshop/update.gif") no-repeat; border: none; color: #fff; cursor: pointer; } p.buttons a.order { float: left; display: inline-block; width: 80px; height: 21px; background: url("../images/webshop/order.gif") no-repeat; border: none; color: #fff; text-align: center; font-size: 120%; line-height: 21px; text-decoration: none; } a.information-shipping { display: block; float: left; width: 92px; font-size: 11px; line-height: 16px; } /* search (top) */ #top .top-search { position: absolute; width: 160px; height: 19px; top: 88px; right: 0px; } #top .top-search input.text { display: block; float: left; padding: 1px 0 0 9px; height: 18px; /* 19 */ width: 120px; /* 148px */ background: url('../images/menu/top-search-bg.gif') no-repeat top right; border: none; line-height: 19px; font-size: 120%; color: #007cb7; text-align: left; } #top .top-search label { display: none; } #top .top-search input.button { float: left; margin: 0 10px 0 0; width: 19px; height: 19px; background: url('../images/menu/top-search-bg-button.gif') no-repeat 0 0; border: none; text-indent: -9999em; font-size: 1px; line-height: 1px; color: #E5F2F8; } /* search results */ #content-main ul.search-result { margin: 0 0 20px 0; } #content-main ul.search-result li { width: 490px; overflow: hidden; margin: 0 0 10px 0; font-size: 100%; } .mpn h3 { float: left; font-size: 120%; color: #007cb7; } .mpn h3 span { color: #a1a1a1; } .search-result a { display: block; overflow: hidden; width: 490px; } .search-result a span { display: block; overflow: hidden; width: 490px; color: #000; font-size: 120%; cursor: pointer; } .search-result a span.title { margin: 0 0 2px 0; font-size: 140%; } .search-result a span.text { color: #555; } /* hover */ .search-result a:hover { text-decoration: none; } .search-result a:hover span.text { color: #000; }