html { overflow-y: scroll; } body { margin: 0; padding: 0; font: 62.5%/1.26 Verdana, Arial, sans-serif; color: #000000; background: #e0e0e0; text-align: center; } a { color: #660066; text-decoration: underline; } a:hover { text-decoration: underline; } input, textarea, select { margin: 0; padding: 0; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; } fieldset { margin: 0; padding: 0; border: none; } legend { margin: 0; padding: 0; } img { margin: 0; border: 0; } form { margin: 0; } p, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } ul.reset, ul.reset li { margin: 0; padding: 0; } ul.reset li { list-style: none; background: none; } table { border-collapse: collapse; } table, th, td { margin: 0; padding: 0; } .hr hr { display: none; } pre { margin: 1.5em; padding: 1em; background-color: #ffeeee; border: 1px solid red; font-family: 'Courier New', Courier, monospace; font-size: 120%; color: #333; } .error { color: red; } /* center */ #center { position: relative; margin: 0 auto; padding: 0 16px; width: 948px; background: #ffffff; text-align: left; } /* top */ #top { height: 179px; } #top-enqutter { height: 280px; } body#home #top, body.business-group-page #top, body.business-group-project-page #top { height: 370px; } /* middle */ #middle { margin: 20px 0; width: 948px; overflow: hidden; } body#home #middle { margin: 35px 0; } /* content left */ #content-left { float: left; width: 225px; } body#home #content-left { float: right; } /* content-main */ #content-main { float: right; width: 707px; overflow: hidden; } body#home #content-main { float: left; } #content-main #content-center { float: left; padding: 0 12px; width: 442px; } body#home #content-main #content-center { padding: 0 9px 0 8px; width: 449px; } body#enquete #content-main #content-center { width: 455px; /* 467px; */ padding: 0 0 0 12px; } #content-main #content-right { float: right; padding: 12px 0 0 0; width: 225px; } body#home #content-main #content-right { padding: 0; } #bottom { width: 948px; height: 64px; border-top: 2px solid #efefef; background: url('../images/layout/bottom.gif') no-repeat top right; } /* back-to-home */ a#back-to-home { display: block; width: 160px; height: 86px; overflow: hidden; } a#back-to-home img { display: block; } /* headers */ h1 { padding: 0 0 16px 0; font-size: 24px; line-height: 28px; font-weight: normal; color: #b3d349; text-transform: uppercase; } body#home h1 { padding: 0 0 9px 0; font-size: 14px; line-height: 17px; font-weight: bold; color: #642165; } h2 { clear: left; padding: 5px 0 6px 0; font-size: 16px; line-height: 18px; font-weight: normal; color: #660066; text-transform: uppercase; } body#home h2 { padding: 0 0 6px 0; font-size: 14px; line-height: 17px; font-weight: bold; color: #642165; } body.search-results-page h2 { padding-bottom: 20px; } /* paragraphs */ p { padding: 0 0 24px 0; font-size: 120%; line-height: 200%; } body#home p { color: #666666; line-height: 166%; } /* list */ ul { clear: left; margin: 0; padding: 0 0 24px 0; } ul li { padding: 0 0 0 12px; background: url('../images/content/li.gif') no-repeat 0 10px; list-style: none; font-size: 120%; line-height: 200%; } body#home ul li { line-height: 166%; } ul li li { font-size: 100%; } ul.downloads li { padding-top: 4px; padding-bottom: 3px; background: url('../images/content/li.gif') no-repeat 0 14px; } /* img */ #content-center img { float: left; margin: 8px 17px 0 0px; } #content-center p img { position: relative; left: -12px; margin: 5px 7px 10px 0; } /* hr */ .hr { position: relative; width: 442px; height: 16px; } body.location-overview-page .hr { margin: 0 0 7px 0; } .hr .line { position: absolute; left: -12px; width: 467px; height: 1px; overflow: hidden; background: #f3f3f3; } /* anchor-wrapper */ .anchor-wrapper, .anchor-wrapper a { background-repeat: no-repeat; background-color: transparent; } .anchor-wrapper { float: left; background-image: url('../images/content/anchor-green.gif'); background-position: right top; } body#home .anchor-wrapper { float: right; } .anchor-wrapper a { float: left; display: block; padding: 1px 7px 0 7px; height: 21px; background-image: url('../images/content/anchor-green-corner.gif'); font-size: 10px; line-height: 18px; color: #ffffff; font-weight: bold; text-transform: uppercase; text-decoration: none; } /* business-groups #business-groups { width: 948px; height: 92px; background: url('../images/menu/mood-menu-small.jpg') no-repeat; } */ body#home #business-groups, body#industrie #business-groups, body#utiliteit #business-groups, body#marine-offshore #business-groups, body#infrastructuur #business-groups { width: 948px; height: 284px; background: url('../images/menu/mood-menu.jpg') no-repeat; z-index: 1; } /* banner */ a.banner { margin: 0 0 21px 0; } body#home a.banner { margin: 0; } a.banner, a.banner img { display: block; } /* home */ body#home p a { color: #99b833; } body#home .anchor-wrapper { margin-top: 20px; } body#home #content-left h2, body#home #content-right h2 { margin-left: 13px; margin-bottom: 5px; } body#home #content-left .js-select, body#home #content-right .js-select { margin: 0 0 37px 13px; } /* contact-banner */ .contact-banner { margin: 0 0 21px 0; padding: 23px 0 0 18px; height: 261px; } .contact-banner h3 { width: 140px; font-size: 14px; font-weight: bold; line-height: 17px; color: #333333; text-transform: uppercase; } .contact-banner p { padding: 20px 0 0 4px;; width: 126px; height: 143px; overflow: hidden; line-height: 200%; } .contact-banner p a { color: #92b325; } .contact-banner h4 { padding: 15px 0 0 8px; font-size: 120%; font-weight: bold; line-height: 150%; } .contact-banner dl { margin: 0; padding: 1px 0 0 8px; width: 199px; overflow: hidden; } .contact-banner dl dt, .contact-banner dl dd { padding: 0; margin: 0; font-size: 120%; line-height: 150%; } .contact-banner dl dt { float: left; width: 12px; font-weight: bold; } .contact-banner dl dd { float: left; width: 185px; } .contact-banner dl a { color: #000000; } .js-scrollable-container { } .js-scrollable { } .js-scrollable-container .js-scrollable-content { } .js-scrollable-container .js-scrollbar { width: 24px; } .js-scrollable-container .js-scrollbar .js-up { width: 23px; height: 21px; background: url('../images/content/scroll-up.gif') no-repeat; } .js-scrollable-container .js-scrollbar .js-down { width: 23px; height: 21px; background: url('../images/content/scroll-down.gif') no-repeat; } .js-scrollable-container .js-scrollbar .js-bar { width: 24px; } .js-scrollable-container .js-scrollbar .js-bar .js-knob { background: url('../images/content/scroll-knob-bottom.gif') no-repeat left bottom; } .js-scrollable-container .js-scrollbar .js-bar .js-knob .js-inner-knob { height: 2px; overflow: hidden; background: url('../images/content/scroll-knob-top.gif') no-repeat; } .js-scrollable-container { position: relative; overflow: hidden; } .js-scrollable-container .js-scrollbar { position: absolute; top: 0; right: 0; } .js-scrollable-container .js-scrollbar .js-up { position: absolute; top: 0; left: 0; display: block; } .js-scrollable-container .js-scrollbar .js-down { position: absolute; bottom: 0; left: 0; display: block; } .js-scrollable-container .js-scrollbar .js-bar { position: absolute; left: 0; } .js-scrollable-container .js-scrollbar .js-bar .js-knob { } .js-scrollable-container .js-scrollable-content { position: absolute; top: 0; left: 0; } /* vacatures-banner */ .vacatures-banner { margin: 0 0 21px 0; width: 225px; overflow: hidden; } .vacatures-banner h2 { padding: 5px 0 7px 7px; font-weight: bold; color: #999999; } .vacatures-banner .anchor-wrapper { margin: 8px 0 0 0; } /* photos */ #photos { padding: 0 0 24px 0; width: 442px; overflow: hidden; } #photos img { margin: 0; padding: 0; } #photos img.large { float: left; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } #photos .thumbs { float: left; width: 110px; overflow: hidden; } #photos .thumbs a { display: block; } #photos a img { border-bottom: 1px solid #ffffff; } /* detail-page */ body.detail-page small { display: block; padding: 0 0 11px 0; font-size: 90%; line-height: 222%; color: #999999; } body.detail-page p.intro { font-weight: bold; line-height: 166%; } /* summary-list */ .summary-list-element { margin: 0 0 24px 0; width: 442px; overflow: hidden; font-size: 100%; } .summary-list-element small { display: block; font-size: 90%; line-height: 120%; color: #999999; } #content-center .summary-list-element img { margin: 9px 14px 0 0; border: 1px solid #959595; } .summary-list-element a.title { display: block; margin: 5px 0 0 0; font-size: 120%; font-weight: bold; line-height: 120%; line-height: 166%; color: #000000; text-decoration: none; } .summary-list-element p { margin: 0; padding: 0; font-size: 110%; line-height: 181%; } .summary-list-element p a { } /* back */ a.back { position: relative; left: -12px; font-size: 120%; text-decoration: none; } a.back:hover { text-decoration: underline; } /* location-list-element */ .location-list-element { padding: 0 0 11px 0; } .location-list-element a.location { display: block; padding: 0 0 0 24px; background: url('../images/menu/collapse.gif') no-repeat 0 3px; font-weight: bold; font-size: 120%; color: #000000; text-decoration: none; } .location-list-element.sel a.location { background-image: url('../images/menu/expand.gif'); } .location-list-element div.info { display: none; } .location-list-element.sel div.info { display: block; padding: 4px 0 0 24px; width: 418px; overflow: hidden; } .location-list-element div.info div.field-wrapper { width: 418px; overflow: hidden; } .location-list-element div.info div.field-wrapper div.field { float: left; width: 209px; font-size: 120%; line-height: 233%; } .location-list-element div.info div.field-wrapper div.field label { float: left; display: block; width: 65px; } .location-list-element div.info .anchor-wrapper { margin: 12px 0; } /* search-result */ .search-result { } .search-result a.title { font-weight: bold; font-size: 120%; line-height: 200%; color: #000000; text-decoration: none; } .search-result p { padding-bottom: 16px; } .search-result p a { } /* itinerary */ .itinerary-to { padding: 12px 0 0 0; font-size: 120%; line-height: 200%; } .itinerary-from { font-size: 120%; line-height: 200%; } #itinerary-map { position: relative; left: -12px; margin: 28px 0 24px 0; width: 467px; height: 160px; background: url('../images/tmp/map-1.gif') no-repeat; } /* nav-main */ ul#nav-main { position: absolute; top: 30px; left: 319px; } ul#nav-main li { float: left; } ul#nav-main li a { display: block; height: 25px; overflow: hidden; background-image: url('../images/menu/nav-main.gif'); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; } ul#nav-main li.home a { width: 52px; } ul#nav-main li.home a:hover, ul#nav-main.home li.home a { background-position: 0 -25px; } ul#nav-main li.over-croon a { width: 94px; background-position: -52px 0; } ul#nav-main li.over-croon a:hover, ul#nav-main.over-croon li.over-croon a { background-position: -52px -50px; } ul#nav-main li.werken-bij-croon a { width: 134px; background-position: -146px 0; } ul#nav-main li.werken-bij-croon a:hover, ul#nav-main.werken-bij-croon li.werken-bij-croon a { background-position: -146px -75px; } ul#nav-main li.actueel a { width: 73px; background-position: -280px 0; } ul#nav-main li.actueel a:hover, ul#nav-main.actueel li.actueel a { background-position: -280px -100px; } ul#nav-main li.contact a { width: 73px; background-position: -353px 0; } ul#nav-main li.contact a:hover, ul#nav-main.contact li.contact a { background-position: -353px -125px; } /* nav-bottom */ ul#nav-bottom { margin: 21px 0 0 4px; } ul#nav-bottom li { float: left; background: url('../images/menu/nav-bottom-seperator.gif') no-repeat 0 6px; font-size: 100%; } ul#nav-bottom li.first { background: none; } ul#nav-bottom li a { padding: 0 6px; font-size: 110%; line-height: 181%; color: #9a9a9a; text-decoration: none; } ul#nav-bottom li a:hover { color: #000000; } /* news-list */ ul#news-list { } ul#news-list li { font-size: 100%; } ul#news-list li a { display: block; width: 449px; overflow: hidden; font-size: 100%; text-decoration: none; } ul#news-list li a span.date { float: left; display: block; width: 70px; line-height: 240%; color: #999999; } ul#news-list li a span.title { float: left; display: block; width: 379px; font-size: 120%; line-height: 200%; color: #92b325; } ul#news-list li a:hover span.title { text-decoration: underline; } /* nav-left */ ul#nav-left { padding: 30px 0 0 0; width: 225px; } ul#nav-left li { border-bottom: 1px solid #f3f3f3; font-size: 100%; } ul#nav-left li.expanded { border: none; } ul#nav-left li.solo { border: none; } ul#nav-left li.expanded ul { border-top: 1px solid #f3f3f3; } ul#nav-left li a { display: block; padding: 8px 0 8px 22px; font-size: 120%; line-height: 150%; color: #666666; text-decoration: none; } ul#nav-left li a:hover { text-decoration: underline; } ul#nav-left li.sel a { font-weight: bold; color: #B3D349; } ul#nav-left li.collapsed a { font-weight: normal; background: url('../images/menu/collapse.gif') no-repeat 0 11px; } ul#nav-left li.expanded a { font-weight: bold; background: url('../images/menu/expand.gif') no-repeat 0 11px; } ul#nav-left li.expanded li a { font-weight: normal; background: none; } ul#nav-left ul.nav-sub { display: none; } ul#nav-left li.expanded ul.nav-sub { display: block; } ul#nav-left ul.nav-sub li a { padding: 8px 0 8px 36px; background: url('../images/menu/subsub.gif') no-repeat 22px 18px; } ul#nav-left ul.nav-sub li.sel a { background: url('../images/menu/subsub-active.gif') no-repeat 22px 18px; color: #b3d349; font-weight: bold; } /* breadcrumb */ ul#breadcrumb { padding: 3px 0 16px 0; width: 442px; overflow: hidden; } ul#breadcrumb li { float: left; background: url('../images/menu/breadcrumb-seperator.gif') no-repeat 0 3px; font-size: 100%; } ul#breadcrumb li.first { background: none; } ul#breadcrumb li a { display: block; padding: 0 6px 0 9px; line-height: 120%; color: #666666; text-decoration: none; } ul#breadcrumb li a:hover { color: #000000; } ul#breadcrumb li.first a { padding-left: 0; } ul#breadcrumb li.redirect-section a { color: #bcbcbc; } /* vacatures-banner */ .vacatures-banner ul { } .vacatures-banner ul li { display: block; font-size: 100%; } .vacatures-banner ul li a { display: block; padding: 0 0 0 24px; background: url('../images/menu/vacancy.gif') no-repeat 8px 9px; font-size: 120%; line-height: 208%; color: #92b325; text-decoration: none; } .vacatures-banner ul li a:hover { text-decoration: underline; } /* sitemap */ ul#sitemap { } ul#sitemap li { padding: 0 0 24px 24px; font-size: 100%; } ul#sitemap li.level-1.expanded { padding-bottom: 16px; } ul#sitemap li a { text-decoration: none; } ul#sitemap li.level-1 a { font-size: 160%; line-height: 150%; color: #660066; } ul#sitemap li.level-2 a { font-size: 120%; line-height: 200%; color: #92b325; } ul#sitemap li a.level-3 { font-size: 120%; line-height: 200%; color: #92b325; } ul#sitemap ul { padding: 13px 0 0 0; } ul#sitemap ul li { padding-bottom: 0; } ul#sitemap ul ul { padding: 0; } ul#sitemap ul ul li { padding-bottom: 0; } legend { display: none; } select { width: 209px; } .javascript select { visibility: hidden; } .fieldrow { padding: 0 0 3px 0; width: 442px; overflow: hidden; } /* button-submit-wrapper */ .button-submit-wrapper { float: left; height: 27px; background: transparent url('../images/form/submit-white.gif') no-repeat right top; } .button-submit-wrapper button { display: block; margin: 0; padding: 0 6px; width: auto; height: 25px; background: transparent url('../images/form/submit-white-corner.gif') no-repeat left top; border: none; font-family: Verdana; font-size: 110%; color: #999999; cursor: pointer; text-align: center; text-shadow: none; overflow: visible; /* removes extra side padding in IE */ } button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */ } /* search-form-top */ form#search-form-top { position: absolute; top: 30px; left: 750px; width: 214px; } form#search-form-top input.text { float: left; display: block; margin: 1px 4px 0 0; padding: 5px 0 0 27px; width: 117px; height: 20px; border: none; background: transparent url('../images/form/search.gif') no-repeat top right; font-family: Arial; font-size: 120%; line-height: 141%; color: #92b325; } /* js-select */ .js-select { width: 209px; height: 29px; background: url('../images/form/select.gif') no-repeat; } .js-select a { display: block; padding: 6px 0 0 9px; width: 200px; height: 23px; overflow: hidden; text-decoration: none; } .js-select a:hover { text-decoration: none; } .js-select a span { font-family: Arial; font-size: 12px; line-height: 17px; color: #92b325; } .js-select-options { text-align: left; } .js-select-options.js-scrollable { background: url('../images/form/select-options.png') no-repeat; } .js-select-options.js-scrollable .js-scrollable-container { margin: 5px 0 0 0; } .js-select-options.js-scrollable .js-scrollable-container .js-scrollbar { right: 2px; } .js-select-options .js-select-options-top { height: 5px; overflow: hidden; background: url('../images/form/select-options-top.png') no-repeat; } .js-select-options.js-scrollable .js-select-options-top { display: none; } .js-select-options .js-select-options-bottom { height: 5px; overflow: hidden; background: url('../images/form/select-options-bottom.png') no-repeat; } .js-select-options.js-scrollable .js-select-options-bottom { display: none; } .js-select-options a { display: block; background: url('../images/form/select-options-middle.png') repeat-y; text-decoration: none; font-size: 110%; line-height: 200%; color: #666666; } .js-select-options.js-scrollable a { background: none; } .js-select-options a:hover { color: #92b325; } .js-select-options a span { padding: 0 14px; } /* jump-to-archive */ #jump-to-archive { padding: 0 0 21px 6px; } #jump-to-archive h2 { padding: 0 0 13px 0; color: #999999; font-size: 14px; line-height: 121%; } /* contact form*/ #contact-form { padding: 12px 0 0 0; } #contact-form div.submit { padding: 19px 0 0 127px; width: 315px; } #contact-form .fieldrow label { float: left; display: block; width: 127px; font-size: 120%; line-height: 250%; color: #666666; } #contact-form .fieldrow label span, #contact-form .submit span { padding: 0 0 0 5px; color: #b3d349; } #contact-form .fieldrow input.text { margin: 1px 0 0 0; padding: 4px; width: 307px; height: 17px; background: transparent url('../images/form/input.gif') no-repeat top right; border: none; font-size: 12px; } #contact-form .fieldrow textarea { margin: 1px 0 0 0; padding: 4px; width: 307px; height: 93px; background: transparent url('../images/form/textarea.gif') no-repeat top right; border: none; } #contact-form input.submit { float: right; } /* search-form */ form#search-form { padding: 0 0 20px 0; width: 442px; overflow: hidden; } form#search-form label { float: left; display: block; width: 125px; font-size: 120%; line-height: 250%; color: #666666; } form#search-form input.text { margin: 1px 0 0 0; padding: 4px; width: 244px; height: 17px; background: transparent url('../images/form/search-input.gif') no-repeat top right; border: none; font-size: 12px; } form#search-form input.submit { float: right; } /* itinerary-form */ form#itinerary-form { padding: 0 0 20px 0; } form#itinerary-form label { float: left; display: block; width: 127px; font-size: 120%; line-height: 250%; } form#itinerary-form label.housenumber { padding-left: 16px; width: 56px; } form#itinerary-form input.text { float: left; } form#itinerary-form input#field-street { margin: 1px 0 0 0; padding: 4px; width: 185px; height: 17px; background: transparent url('../images/form/street-input.gif') no-repeat top right; border: none; font-size: 12px; } form#itinerary-form input#field-housenumber { margin: 1px 0 0 0; padding: 4px; width: 42px; height: 17px; background: transparent url('../images/form/housenumber-input.gif') no-repeat top right; border: none; font-size: 12px; } form#itinerary-form input#field-city { margin: 1px 0 0 0; padding: 4px; width: 307px; height: 17px; background: transparent url('../images/form/input.gif') no-repeat top right; border: none; font-size: 12px; } form#itinerary-form input.submit { float: right; margin: 13px 0 0 0; } .mpn { display: block; overflow: hidden; position: relative; padding: 0 0 15px 0; width: 442px; } .mpn div.next, .mpn div.previous { position: absolute; top: 0; } .mpn div.next { right: 0px; } .mpn div.previous { left: 0px; } .mpn a { font-size: 110%; line-height: 181%; text-decoration: none; } .mpn .numbers { text-align: center; } .mpn .numbers a { } .mpn .numbers a.sel { font-weight: bold; color: #000000; } /* menu.css */ ul#nav-main.home li.sel a { background-position: -0px -25px; } ul#nav-main.over-croon li.sel a { background-position: -52px -50px; } ul#nav-main.werken-bij-croon li.sel a { background-position: -146px -75px; } ul#nav-main.actueel li.sel a { background-position: -280px -100px; } ul#nav-main.contact li.sel a { background-position: -353px -125px; } /* mpn.css */ .mpn span.next a, .mpn span.previous a{ position: absolute; top: 0; } .mpn span.next a { right: -12px; } .mpn span.previous { left: -12px; } /* base.css */ /* input, textarea, select */ input, textarea, select { float: right; } /* error */ div.error { margin: 0 0 5px 127px; padding: 13px 0 5px 8px; height: 29px; clear: both; color: #fff; background: url('../images/content/error-bg.gif') no-repeat 0 0; } #co2-enquete-form div.error { margin: 0 0 5px 140px; } input.error, textarea.error { color: #660066; } /* location-list-element */ .location-list-element.sel div.info p.contact { padding: 0; } sub { vertical-align: baseline; font-size: 80%; } /* form.css */ .fieldcontainer { padding: 0 0 3px 0; width: 442px; overflow: hidden; } #contact-form{ position: relative; } #contact-form .fieldcontainer label { float: left; display: block; width: 127px; font-size: 120%; line-height: 250%; color: #666666; } #contact-form .fieldcontainer label span, #contact-form .submit span { padding: 0 0 0 5px; color: #b3d349; } #contact-form .fieldcontainer input.text { margin: 1px 0 0 0; padding: 4px; width: 307px; height: 17px; background: transparent url('../images/form/input.gif') no-repeat top right; border: none; font-size: 12px; } #contact-form .fieldcontainer textarea { margin: 1px 0 0 0; padding: 4px; width: 307px; height: 93px; background: transparent url('../images/form/textarea.gif') no-repeat top right; border: none; font-size: 12px; } /* Contact Banners */ #content-right .contact-banner { position: relative; } #content-right .contact-banner .banner-text { position: absolute; bottom: 10px; } /* content.css */ #business-groups li { padding: 0 16px 0 0px; float: left; } #business-groups li.last { padding: 0 0 0 0; } #business-groups li a { display: block; width: 225px; height: 92px; text-decoration: none; text-indent: -9999px; overflow: hidden; z-index: 2; } #home #business-groups li a, #industrie #business-groups li a, #utiliteit #business-groups li a, #marine-offshore #business-groups li a, #infrastructuur #business-groups li a { height: 284px; } #business-groups li a.industrie { background: transparent url('../images/menu/print-industrie.png') no-repeat 10px 0; } #business-groups li a.utiliteit { background: transparent url('../images/menu/print-utiliteit.png') no-repeat 10px 0; } #business-groups li a.marine-offshore { background: transparent url('../images/menu/print-marine-offshore.png') no-repeat 10px 0; } #business-groups li a.infrastructuur { background: transparent url('../images/menu/print-infrastructuur.png') no-repeat 10px 0; } /* anchor-wrapper */ a.rss { padding: 1px 7px 0 24px; width: 26px; /* 50px */ background: #ffffff url('../images/content/rss.gif') no-repeat 0 0; } h1 a.rss { float: right; display: block; height: 21px; font-size: 10px; line-height: 28px; color: #BCBCBC; font-weight: bold; text-transform: uppercase; text-decoration: none; text-indent: -9999px; overflow: hidden; width: 49px; margin-top: 5px; } /* layout.css */ body { padding-bottom: 40px; } /* BUG FIXES */ /* mpn numbers spacing */ .mpn .numbers a { padding: 0 4px; } /* Vestigingen line-height */ .location-list-element div.info div.field-wrapper div.field { line-height: 28px; } /* nieuws */ div.summary-list-element a { outline: 0; } /* nav-left hover */ ul#nav-left li a:hover, ul#nav-left li.sel a:hover, ul#nav-left ul.nav-sub li.sel a:hover { color: #000; text-decoration: none; } /* vacatures banner */ div.vacatures-banner div.anchor-wrapper { float: right; } .anchor-wrapper a.rss { text-indent: -9999px; overflow: hidden; } .nieuws a.rss { float: right; } /* login */ /* co2-enquete-form */ #co2-enquete-form { position: relative; } #co2-enquete-form p.intro { margin: 0 0 42px 0; padding: 0 0 0 0; } #co2-enquete-form h2 { margin: 15px 0 20px 0; padding: 0 0 0 0; } #co2-enquete-form .fieldcontainer { width: 455px; margin: 3px 0; padding: 0 0 0 0; overflow: hidden; } #co2-enquete-form span.star { padding: 0 0 0 5px; color: #b3d349; } #co2-enquete-form div.hr { margin: 10px 0 22px -12px; width: 466px; height: 1px; background-color: #f3f3f3; } #co2-enquete-form div.hr hr { display: none; } #co2-enquete-form p { margin: 5px 0 10px 0; padding: 0 0 0 0; } #co2-enquete-form ul.transport { margin: 6px 0; width: 456px; overflow: hidden; } #co2-enquete-form ul.transport li { display: block; margin: 8px 0; width: 455px; overflow: hidden; } #co2-enquete-form ul.transport li input.checkbox, #co2-enquete-form .fieldcontainer input.radio { float: left; margin: 6px 10px 0 0; width: 13px; height: 13px; } #co2-enquete-form ul.transport li label, #co2-enquete-form .fieldcontainer label { display: block; float: left; width: 200px; overflow: hidden; color: #000; font-size: 100%; font-weight: normal; line-height:200%; } #co2-enquete-form .fieldcontainer label { font-size: 120%; width: 410px; } #co2-enquete-form ul.transport li div.distance { float: left; width: 100px; overflow: hidden; } #co2-enquete-form ul.transport li div.distance input.text { display: block; float: left; margin: 0 0 0 0; padding: 4px 10px 4px 6px; width: 29px; /* 45px; */ height: 17px; /* 25px; */ border: none; background: url('../images/form/input-km-bg.gif') no-repeat 0 0; font-size: 12px; } #co2-enquete-form ul.transport li div.distance span { display: block; float: left; padding: 0 0 0 10px; color: #666 } #co2-enquete-form ul.transport li div.disabled input.text { background: url('../images/form/input-km-bg-disabled.gif') no-repeat 0 0; } #co2-enquete-form .fieldcontainer label.main { display: block; float: left; width: 127px; font-size: 120%; font-weight: normal; line-height: 240%; color: #666666; } #co2-enquete-form label, #co2-enquete-form .radio label.main { display: block; width: 100%; font-size: 120%; color: #660066; font-size: 120%; font-weight: bold; } #co2-enquete-form .radio label.main { margin: 10px 0 0 0; } #co2-enquete-form .fieldcontainer input.text { margin: 1px 0 0 0; padding: 4px; width: 307px; height: 17px; background: transparent url('../images/form/input.gif') no-repeat top right; border: none; font-size: 12px; } #co2-enquete-form .submit-container { margin: 25px 0 0 0; width: 455px; overflow: hidden; } #co2-enquete-form .submit-container input.submit { float: left; } #co2-enquete-form div.question-error { float: left; margin: 10px 0 5px 0; padding: 13px 0px 3px 8px; width: 104px; /* 112px */ height: 14px; /* 30px */ overflow: hidden; color: #ffffff; background: url('../images/content/error-radio-bg.gif') no-repeat 0 0; } #co2-enquete-form div.distance-error { margin: 0 0 0 223px; padding: 13px 6px 3px 8px; width: 120px; height: 19px; /* 30px */ overflow: hidden; clear: both; color: #ffffff; background: url('../images/content/error-bg.gif') no-repeat left bottom; font-size: 90%; } #co2-enquete-form .fieldcontainer.radio div.error { display: none; } #private-car { display: block; margin: 6px 0 12px 0; padding: 8px 20px 0 60px; width: 376px; /* 456px */ /*height: 150px;*/ overflow: hidden; background-color: #f7f7f7; } #private-car .column { float: left; width: 170px; } #co2-enquete-form #private-car div.question-error { background-image: url('../images/content/error-radio-grey-bg.gif'); } #private-car .fieldcontainer { float: left; width: 170px; overflow: hidden; } #private-car .fieldcontainer label { width: 140px; } #private-car .fieldcontainer label.main { display: none; } #private-car p { width: 170px; margin: 5px 0 5px 0; overflow: hidden; } /* login-form */ #login-form { width: 442px; overflow: hidden; } #login-form h2 { margin: 15px 0 20px 0; padding: 0 0 0 0; } #login-form .field-container { width: 442px; margin: 6px 0; padding: 0 0 0 0; overflow: hidden; } #login-form .text .field-container input.text { float: left; margin: 1px 5px 0 0; padding: 4px; width: 215px; /* 223 */ height: 17px; background: transparent url('../images/form/input-login-bg.gif') no-repeat top right; border: none; font-size: 12px; } #login-form .text .field-container label { display: block; float: left; width: 120px; overflow: hidden; color: #000; font-size: 120%; font-weight: normal; line-height:200%; } #login-form input { float: none; } #login-form .checkbox .field-container label { width: 120px; overflow: hidden; color: #000; font-size: 120%; font-weight: normal; line-height:200%; } #login-form .checkbox .field-container input { margin:4px 4px 0 0; width: 13px; height: 13px; } #login-form .field-container input.submit { float: right; margin: 2px 0 0 0; } /* login page */ .login p.login { margin: 0 0 0 0; padding: 0 0 0 0; } /* sitemap */ ul#sitemap { margin: 0; padding: 0; } ul#sitemap li { font-size: 100%; background: none; } ul#sitemap li.expanded ul { display: block; } ul#sitemap li a { padding: 2px 0 2px 0px; font-size: 120%; color: #666666; text-decoration: none; } ul#sitemap li a:hover { text-decoration: underline; } ul#sitemap li.expanded { background: url('../images/menu/expand.gif') no-repeat 0 6px; } ul#sitemap li.level-3 { padding: 0 0 0 40px; background: url('../images/content/dash.gif') no-repeat 20px 10px; } /* google maps */ #google_maps_location { margin: 0 0 24px 0; width: 442px; height: 350px; } #route-description { display: none; } /* table */ #content-center table { margin: 0 0 24px 0; font-size: 120%; } #content-center table th { padding: 0 5px 0 3px; color: #fff; background-color: #660066; border: solid 1px #000; text-align: left; vertical-align: text-top; } #content-center table td { padding: 0 5px 0 3px; width: 102px; /* 110px */ border: solid 1px #000; }