/* =============== Styles for display on SCREEN */ @media screen { /* ++++++++++++++++++++ RESET TAGS +++++++++++++++++++++ */ * { margin:0; padding:0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:100%; color:#000; text-decoration:none; } html { color: #000; height:100%; background-color:#fff;} body { position: relative; height:100%; color: #000; background-color:#fff; margin:0; padding:0; text-align:left;} fieldset { border:none; } table, td, th { border-collapse:collapse; } img { display:block; border:none; } ul { width:auto; list-style:none; } li a { display:block; } form { display:block; } .clear { clear: both; margin: 0; padding: 0; height: 0; line-height: 0; font-size: 0; } .clear_space { clear: both; margin: 0; padding: 0; height: 16px; line-height: 0; font-size: 0; } /* ++++++++++++++++++++ End RESET TAGS ++++++++++++++++++++ */ /* ++++++++++++++++++++ GLOBAL LAYOUT +++++++++++++++++++++ */ /* Header divisions */ #header-section { position:relative; color: #000; background:#cedbe6 url(../img/backgrounds/hdr-sect-corner-btm-left.gif) 261px 95px no-repeat; height:105px; } #homepage_h1 { display: none; } p#strapline { position:absolute; top:27px; left:265px; padding:9px 0 0 0; /*width:431px;*/ letter-spacing: 0.5px; font-family: Helvetica, Arial, sans-serif; color: #086184; font-size: 84% !important; font-size: 90%; font-weight: bold; background-color: #cedbe6; } /* h2#strapline { position:absolute; top:25px; left:269px; padding:11px 0 0 0; width:431px; font-family: Arial, Helvetica, sans-serif; color: #086184; font-size: 85%; background-color: #cedbe6; } h2#strapline { position:relative; margin-top:10px; height: 0; font-size:0.75em; background:none; color:#666; } */ /* End Header divisions */ #page-illustration { display:none; } #page-arrow { position:absolute; z-index:256; top:120px; left:224px; width:58px; height:58px; background:transparent url(../img/illustrations/page-arrow.png) 0 0 no-repeat; } /* Content divisions */ #content-section { position:relative; overflow:hidden; color: #000; background:#fff url(../img/backgrounds/bg-content-low.gif) 0 0 repeat-y; } #bg-mainmenu { padding:15px 15px 0 0; color: #000; background:#fff url(../img/backgrounds/content-corner-top-right.gif) -239px 0px no-repeat; } #mainmenu { padding:0; width:744px; overflow:hidden; color: #000; background:#fff url(../img/backgrounds/bg-content-top-low.gif) 0 0 repeat-y; } #content-middle { padding:0; width:744px; overflow:hidden; color: #000; background:#fff url(../img/backgrounds/bg-content-mid-low.gif) 0 0 repeat-y; } .quicklinks { width:744px; overflow:hidden; color: #000; background:#fff url(../img/backgrounds/bg-content-btm-low.gif) 0 0 repeat-y; } .primary-content { float:right; width:476px; margin-right:14px; border-left:2px solid #fff;} #content-middle .primary-content { padding:15px 0 3px 0; } #content-middle .primary-content-index { padding: 0 0 3px 0; } .secondary-content { float:left; width:237px; margin:0 0 0 15px; } #content-middle .secondary-content #zieook { background-color: #CEDBE6; width:100%; overflow:visible; padding:15px 0; color: #000; margin-bottom:0;} .quicklinks .primary-content { overflow:hidden; background:none;} #bg-mainmenu #mainmenu .primary-content { background-position:0 100%; background-repeat:no-repeat; } /*Social bookmarking links*/ .socialbookmarking {padding: 10px 0;} .socialbookmarking span {padding: 0 10px; color: #003366; font-size:0.69em; display: inline; float: left; } .socialbookmarking ul#socialbuttons{background: none; display: inline; float: right;} .socialbookmarking ul#socialbuttons li{background: none; float: left; padding: 0; margin: 0; width: 20px;} .socialbookmarking ul#socialbuttons li a{background: none; width: 20px; float:left; padding: 0; margin: 0;} .socialbookmarking ul#socialbuttons li img{float: left;} /* End Content divisions */ /* Footer divisions */ #footer-section { position:relative; width:745px; padding-top:22px; padding-bottom:40px; color: #000; background:#fff url(../img/backgrounds/bg-footer-top-low.gif) 0 0 no-repeat; } /* End Footer divisions */ /* ++++++++++++++++++++ End GLOBAL LAYOUT ++++++++++++++++++++ */ /* ++++++++++++++++++++ ELEMENTS ++++++++++++++++++++ */ /* ==================== General */ .text-only { display:block; visibility:hidden; position:absolute; left:-999em; } .horizontal-ruler hr { display:none;} .horizontal-ruler { border-top:1px solid #000; height:1px; margin:0 0 6px 12px; color: #086184; background-color:#fff; clear:both; font-size:0em; } .primary-content .horizontal-ruler { margin:0 0 10px 0; border-top:1px solid #8eb600; background-color:transparent; } /* ==================== End General */ /* ==================== Specific for Header absolute*/ /* H1, H2, H3... */ #header-section p#logo1 { position:absolute; top:0; left:0; width:261px; height:105px; color: #000; background:#fff; } #header-section p#logo1 a { text-indent:-2000px; border: none; position:absolute; top:24px; left:15px; display:block; height:42px; width:231px; color: #000; background-image: url(../img/logos/logo-consuwijzer.gif); background-repeat: no-repeat; z-index:200; } #logo {position:absolute; top:40px; left:30px; color: #000; z-index:1; background-color:#FFF;} /* UL */ ul#menu-utilities { position:absolute; top:5px; left:270px; width:461px; font-size:0.62em; text-align:right; } ul#menu-utilities li, ul#menu-utilities li a { display:inline; color:#086184; font-weight:bold; background-color: #cedbe6; } ul#menu-utilities li a:hover { position:relative; border-bottom:1px solid #086184; } ul.menu-breadcrumbs { position:absolute; bottom:2px; left:267px; width:465px; font-size:0.62em; text-align:left; } ul.menu-breadcrumbs li { float:left; } ul.menu-breadcrumbs li a { float:left; padding:1px 3px 3px 3px; white-space:nowrap; /* background:transparent url(../img/icons/link-arrows-blue.gif) 0 -1600px no-repeat; */ color:#086184; } ul.menu-breadcrumbs li a span.tekst { color:#086184; font-weight:normal; } ul.menu-breadcrumbs li a span.slash { color: #fff; font-weight:bold; margin-right: 4px; } ul.menu-breadcrumbs li a:hover span.tekst { /* background: url(../img/icons/link-arrows-blue.gif) 0px -1800px no-repeat #cedbe6; */ text-decoration: underline; } ul.menu-breadcrumbs li span.slash { color:#fff; } ul.menu-breadcrumbs li span.tekst { color:#003366;} #home ul.menu-breadcrumbs { position:absolute; bottom:2px; left:267px; width:465px; font-size:0.62em; text-align:left; } #home ul.menu-breadcrumbs li { float:left; } #home ul.menu-breadcrumbs li a { float:left; padding:1px 3px 3px 3px; white-space:nowrap; /* background:transparent url(../img/icons/link-arrows-blue.gif) 0 -1600px no-repeat; */ color:#086184; } #home ul.menu-breadcrumbs li a span { border-bottom:0px; line-height:0em; } #home ul.menu-breadcrumbs li a span.tekst { color:#086184; font-weight:normal; } #home ul.menu-breadcrumbs li a span.slash { color: #fff; font-weight:bold; margin-right: 4px; } #home ul.menu-breadcrumbs li a:hover span.tekst { /* background: url(../img/icons/link-arrows-blue.gif) 0px -1800px no-repeat #cedbe6; */ text-decoration: underline; } #home ul.menu-breadcrumbs li span.slash { color:#fff; } #home ul.menu-breadcrumbs li span.tekst { color:#003366;} /* FORM */ hr { height: 0; border: 0; border-top: 1px solid #669900; } /* IMG */ #header-section h1 img { display:none; } /* ==================== End Specific for Header*/ /* ==================== Specific for Content*/ /* styles used by javascript */ .query-step { display:block; } .hidden { display:none; } /* shared styles*/ #content-middle .primary-content h5, #content-middle .secondary-content h5, .quicklinks .attention.color3 h5, #content-middle .primary-content p, #content-middle .secondary-content p, .quicklinks .attention.color3 p, #content-middle .primary-content h2, #content-middle .primary-content h3{ padding-left:3px; } #content-middle .primary-content h5, #content-middle .secondary-content h5, .quicklinks .attention.color3 h5, #content-middle .primary-content p, #content-middle .secondary-content p, .quicklinks .attention.color3 p, #content-middle .primary-content ul, #content-middle .secondary-content ul, #content-middle .primary-content ol, #content-middle .primary-content h2, #content-middle .primary-content h3 { margin-left:12px; margin-right:15px; } .primary-content p, .primary-content ul, .primary-content ol, .primary-content h4, .component-group { margin-bottom:15px; } .component-group p, .component-group ul, .component-group ol { margin-bottom:5px; } .primary-content .paragraaf {display:block; padding-left:3px; margin-left:12px; margin-right:15px; margin-bottom:15px; font-size:0.69em; line-height:11.62pt} .primary-content .paragraaf p {padding-left:0px !important; margin-left:0px !important; margin-right:0px !important; margin-bottom:15px !important; font-size:100%;} #content-middle .primary-content .paragraaf ul {margin-top: 15px; margin-left: 0;} /* toegevoegd 28 november 2007 | johan, gewijzigd 1-09-09 Juri */ .primary-content .paragraaf ul li {font-size: 100%;} /* toegevoegd 28 november 2007 | johan */ .primary-content .paragraaf ol li {font-size: 100%;} .primary-content .paragraaf h2 {} /* H5 */ .paragraaf h5 {font-size:1.1em !important; margin: 0 0 5px -3px !important;} .component-group { border-bottom:1px solid #b5d200; } /* styles for banners */ #content-middle .primary-content .banner { width:446px; height:111px; margin:0 0 15px 15px; background-position:right bottom; } #content-middle .primary-content .banner a { display:block; width:446px; height:111px; background-repeat:no-repeat; } /* shared with home */ .banner a span.dbg { display:block; width:237px; height:30px; text-indent:-2000px; background:transparent url(../img/icons/banner-arrows-blue.gif) 202px 10px no-repeat; } .banner a span.lbg { display:block; width:237px; height:30px; text-indent:-2000px; background:transparent url(../img/icons/banner-arrows-blue.gif) 202px 10px no-repeat; } .banner a span.dbg { background-position:202px -590px; } .banner a:hover span.lbg { background-position:202px -290px; cursor:pointer; } .banner a:hover span.dbg { background-position:202px -890px; cursor:pointer; } /* styles for attention blocks */ /* see also h5, ol and p */ .attention { margin:15px 0 15px 15px; } .attention div {width:100%; padding:15px 15px 15px 12px; } #content-section .attention div div.arrow-block { float:right; width:50px; height:10px; background:none; } #content-middle .attention div div.arrow-block { width:70px; } #content-middle .attention { background:transparent url(../img/backgrounds/attention-mid-topcnrs.gif) left top no-repeat; } #content-middle .attention div { padding:15px 0 1px 0; background:transparent url(../img/backgrounds/attention-mid-botcnrs.gif) left bottom no-repeat; } .quicklinks .attention { margin:15px 0 0 0; background:transparent url(../img/backgrounds/attention-btm-topcnrs.gif) left top no-repeat; } .quicklinks .attention div { background:transparent url(../img/backgrounds/attention-btm-botcnrs.gif) left bottom no-repeat; } .quicklinks .attention.color2 { width: 100%; background-image:url(../img/backgrounds/attention2-btm-topcnrs.gif); } .quicklinks .attention.color2 div { background-position: left bottom; background-image:url(../img/backgrounds/attention2-btm-botcnrs.gif); } .quicklinks .attention.color3 { background-image:url(../img/backgrounds/attention3-btm-topcnrs.gif); } .quicklinks .attention.color3 div { padding:15px 0; background-image:url(../img/backgrounds/attention3-btm-botcnrs.gif); } /* styles for telephone block */ /* height of telephone block defines height of entire top section */ .secondary-content div.telephone { padding:8px 15px 5px 15px; background-color: #086184; } .secondary-content .telephone { padding:13px 15px; } .secondary-content .telephone h4, .secondary-content .telephone p { font-size:0.69em; font-weight:normal; color:#fff; background-color: #086184; } .secondary-content .telephone h4 strong { display:block; margin: 5px 0 6px 0; font-weight: normal; color: #fff; font-size: 185%; font-family: Arial; background-color: #086184; } .secondary-content .telephone .singleline strong { font-weight: bold; color: #fff; font-size: 95%; font-family: Arial; display:block; margin-top:3px; } .quicklinks .attention div.telephone { margin:0; padding:0; width:350px; background-image:none !important; } .primary-content .telephone h4 { display:block; width:210px; height:15px; } .primary-content .telephone p { margin-top:6px; color:#030; } .primary-content .telephone h6 { display:block; width:210px; height:15px; color:#690} .primary-content .telephone h6 strong { color:#690} .primary-content .telephone p { margin-top:6px; color:#030; } /* H1, H2, H3... */ /*#content-section h1 { padding:24px 15px 6px 4px; font-family:"Arial Rounded MT Bold"; font-size:1.5em; font-weight:bold; background: none; color:#086184; background-color: #fff; }*/ /*#content-section h2 { padding:11px 15px 6px 12px; font-family:"Arial Rounded MT Bold"; font-size:1.3em; font-weight:normal; background: none; color:#086184; background-color: #cedbe6; }*/ #content-section h1 { min-height:58px; padding:25px 15px 0px 44px; font-family: Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:normal; color:#fff; } #content-section h2 { margin-bottom:5px; font-size:0.75em; color:#030; } #content-section h3 { margin-bottom:5px;} #content-section h4 { padding:5px 15px 6px 15px; background-color:#690; font-size:0.75em; color:#fff; } #content-section h5 { margin-bottom:5px; font-size:0.75em; color:#030; } #content-section h5.vraag-niet-beantwoord { height:15px; margin: 0 0 8px 0; color: #669900; font-size: 90%; font-family: Arial; } #content-section h5.mail-ons { height:15px; margin: 0 0 8px 0; color: #669900; font-size: 90%; font-family: Arial; } #content-section h5.gerelateerde-onderwerpen { height:15px; margin: -2px 0 0 8px; color: #086186; font-size: 90%; font-family: Arial; } #content-section h5.lees-meer { height:15px; margin: -2px 0 10px 8px; color: #086186; font-size: 90%; font-family: Arial; } .quicklinks .attention.color3 h5 { color:#036; } #content-middle .primary-content h2.step1, #content-middle .primary-content h2.step2, #content-middle .primary-content h2.step3, #content-middle .primary-content h2.step4, #content-middle .primary-content h2.step5, #content-middle .primary-content h2.step6, #content-middle .primary-content h2.step7, #content-middle .primary-content h5.step1, #content-middle .primary-content h5.step2, #content-middle .primary-content h5.step3, #content-middle .primary-content h5.step4, #content-middle .primary-content h5.step5, #content-middle .primary-content h5.step6, #content-middle .primary-content h5.step7 { margin:0 0 0 15px; padding:2px 0 8px 30px; background:transparent url(../img/icons/step-numbers-green.gif) -500px 0 no-repeat; } #content-middle .primary-content h2.step2, #content-middle .primary-content h5.step2 { background-position:-500px -90px; } #content-middle .primary-content h2.step3, #content-middle .primary-content h5.step3 { background-position:-500px -180px; } #content-middle .primary-content h2.step4, #content-middle .primary-content h5.step4 { background-position:-500px -270px; } #content-middle .primary-content h2.step5, #content-middle .primary-content h5.step5 { background-position:-500px -360px; } #content-middle .primary-content h2.step6, #content-middle .primary-content h5.step6 { background-position:-500px -450px; } #content-middle .primary-content h2.step7, #content-middle .primary-content h5.step7 { background-position:-500px -540px; } #content-middle .secondary-content h4 { margin:10px 0 5px 15px; font-size:0.69em; color:#003065; } /* H3 */ h3 { font-size:0.69em; line-height:1.4em; color:#000; font-weight:bold; } /* P */ p { font-size:0.69em; line-height:1.4em; color:#000; } p span.searchterm, p span.num-results, p span.total-results { font-weight:bold; } .quicklinks .attention.color3 p { color:#036; } /* A */ p a { color:#030; border-bottom:1px solid #030; } p a:hover { background-color:#df0; border-bottom:1px solid #000; } a.wathoudtditin { color:#fff; text-decoration:underline; font-weight:normal;} /* IMG */ img.right-img { display:inline; float:right; margin:3px 15px 5px 10px; } img.special-illu { width:474px; height:126px; margin-left:254px; border: 1px solid #669900; border-top: none; border-bottom: none; } div.special-illu { float: left; } div.logo-cnrs { display:inline; float:right; padding-top:15px; margin:0 15px 0 10px; background:transparent url(../img/backgrounds/bg-logo-topcnrs.gif) left top no-repeat; } div.logo-cnrs a { display:block; width:135px; padding-bottom:15px; background:transparent url(../img/backgrounds/bg-logo-botcnrs.gif) left bottom no-repeat; } .special-illu-top{ z-index:-1; position: absolute;} /* UL, OL */ .primary-content ol { list-style: decimal; list-style-position:inside;} .primary-content ul li { padding-left:18px; padding-bottom:4px; background:transparent url(../img/icons/li-bullet-white.gif) 4px 5px no-repeat; line-height:1.4em; font-size:0.69em; } /* width toegevoegd 29 november 2007 | johan */ .secondary-content ul li { padding-left:18px; padding-bottom:4px; background:transparent url(../img/icons/li-bullet-white.gif) 4px 5px no-repeat; line-height:1.4em; font-size:0.69em; } .primary-content ol li { font-size:0.69em; } .primary-content ul li a, .secondary-content ul li a { margin-left:-18px; padding-left:18px; background:transparent url(../img/icons/link-arrows-green.gif) 0px 0px no-repeat; } .primary-content ul li, .secondary-content ul li { padding-left:18px; padding-bottom:4px; background:transparent url(../img/icons/li-bullet-white.gif) 4px 5px no-repeat; line-height:1.4em; font-size:0.69em; } .primary-content ul li a, .secondary-content ul li a:hover { } .primary-content ul li a:hover, .secondary-content ul li a:hover { background-position:0 -200px; } .primary-content ul li a span, .secondary-content ul li a span { border-bottom:1px solid #b5d200; } .primary-content ul li a:hover span, .secondary-content ul li a:hover span { border-bottom:1px solid #690; } /* kopie van bovenstaande ul */ .primary-content ol li, .secondary-content ol li { padding-bottom:4px; line-height:1.4em; font-size:0.69em; padding-left:5px; } .primary-content.news ol li, .primary-content.news h2, .primary-content.news h3 {color: #003366 !important;} .primary-content ol li a, .secondary-content ol li a { margin-left:-18px; padding-left:18px; background:transparent url(../img/icons/link-arrows-green.gif) 0 0 no-repeat; } .primary-content ol li a:hover, .secondary-content ol li a:hover { background-position:0 -200px; } .primary-content ol li a span, .secondary-content ol li a span { border-bottom:1px solid #b5d200; } .primary-content ol li a:hover span, .secondary-content ol li a:hover span { border-bottom:1px solid #690; } /**/ /* COSTUM alt videos */ .primary-content .moviecontent #movie { margin: 0 auto; text-align: center; } .primary-content .moviecontent ul li a { min-height: 15px; } .primary-content .moviecontent ul li a#header_alt_videos_href { background: none; } .primary-content .moviecontent ul li span#header_alt_videos { margin-left: 17px !important; margin-left: 35px; line-height: 25px; font-size: 80%; font-weight: bold; display: block; width: 285px; border-bottom: 1px solid #88cc3a; cursor: pointer; } .primary-content .moviecontent ul li a span.divDicht { background:url(../img/bg_dropdownmenu[unsel].gif) right no-repeat; } .primary-content .moviecontent ul li a span.divOpen { background:url(../img/bg_dropdownmenu[sel].gif) right no-repeat; } .primary-content .moviecontent ul li a:hover span#header_alt_videos { border-bottom: 1px solid #000; } .primary-content .moviecontent ul li ul li { padding-top: 5px; } .primary-content .moviecontent ul li ul li span { display: block; color: #666; width: 285px; cursor: pointer; border-bottom: 1px solid #88cc3a; } .primary-content .moviecontent ul li ul li a:hover span { border-bottom: 1px solid #000; } .primary-content .moviecontent ul li ul li img { display: inline; } .primary-content .moviecontent ul li ul li#uitgeschreven_tekst, .primary-content .moviecontent ul li { background: none; } .primary-content .moviecontent ul li ul li#uitgeschreven_tekst { line-height: 15px; } .primary-content .moviecontent ul li ul li#uitgeschreven_tekst span { border-bottom: 1px solid #88cc3a; color: #000; display: block; width: 285px; } .primary-content .moviecontent ul li ul li#uitgeschreven_tekst a:hover span { border-bottom: 1px solid #000; } #content-section div#content-middle div.primary-content div.moviecontent ul, #content-section div#content-middle div.primary-content div.moviecontent ul li ul { margin: 0; padding: 0; } #content-section div#content-middle div.primary-content div.moviecontent ul { margin: 15px; } /* correctie voor videoobject */ #header_alt_videos_href, #drop_down_videos {font-size:120%;} /* blue arrows in small column */ #content-middle .secondary-content ul li a { background-color:#cedbe6; background-image:url(../img/icons/link-arrows-blue.gif); } #content-middle .secondary-content ul li a span { border-bottom:1px solid #cedbe6; color:#036; } #content-middle .secondary-content ul li a:hover span { border-bottom:1px solid #8ba9bc; } .primary-content ul li.external a { background-position:0 -400px; } .primary-content ul li.external a:hover { background-position:0 -600px; } .primary-content ul li.download a { background-position:0 -800px; } .primary-content ul li.download a:hover { background-position:0 -1000px; } .primary-content ul li.anchor a { background-position:0 -1200px; } .primary-content ul li.anchor a:hover { background-position:0 -1400px; } .primary-content ul li.previous a { background-position:0 -1600px; } .primary-content ul li.previous a:hover { background-position:0 -1800px; } .primary-content ul li.close-list a { background-position:-1000px -399px; } .primary-content ul li.close-list a:hover { background-position:-1000px -799px; } .primary-content ul li.sub-list a { background-position:-1000px -999px; } .primary-content ul li.sub-list a:hover { background-position:-1000px -1399px; } .primary-content ul li.less-list a { background-position:-1000px -599px; } .primary-content ul li.less-list a:hover { background-position:-1000px -799px; } .primary-content ul li.more-list a { background-position:-1000px -1199px; } .primary-content ul li.more-list a:hover { background-position:-1000px -1399px; } .primary-content ul li div.download a { background-position:0 -800px; } .primary-content ul li div.download a:hover{ background-position:0 -1000px; } .quicklinks .primary-content ul li { line-height:1.45em; } .quicklinks .primary-content ul li a { margin-left:-18px; background:#fff url(../img/icons/link-arrows-green-whitebg.gif) 0 1px no-repeat; } .quicklinks .primary-content ul li a:hover { background-position:0 -199px; } .quicklinks .primary-content ul li a span { border-bottom:1px solid #fff; color:#030; } .quicklinks .primary-content ul li a:hover span { border-bottom:1px solid #b5d200; } /* kopie van bovenstaande ul... */ .quicklinks .primary-content ol li { line-height:1.45em; } .quicklinks .primary-content ol li a { margin-left:-18px; background:#fff url(../img/icons/link-arrows-green-whitebg.gif) 0 1px no-repeat; } .quicklinks .primary-content ol li a:hover { background-position:0 -199px; } .quicklinks .primary-content ol li a span { border-bottom:1px solid #fff; color:#003366; } .quicklinks .primary-content ol li a strong { color:#003366; } .quicklinks .primary-content ol li a:hover span { border-bottom:1px solid #a6bfcf; } .quicklinks .primary-content ol li a:hover strong { border-bottom:0px; } .quicklinks .primary-content ul { margin-bottom:0; } .quicklinks .primary-content ul li#to-top { float:right; margin:5px 1px 5px 0px; background:none; font-size:0.63em; line-height:1.6em; width:400px; } /* width toegevoegd 29 november | johan */ .quicklinks .primary-content ul li#to-top a { float:right; padding-right:17px; margin-right:0; background:transparent url(../img/icons/link-arrows-green-whitebg.gif) 100% -399px no-repeat; } /* margin-right gewijzigd 29 november | johan */ .quicklinks .primary-content ul li#to-top a:hover { background-position:100% -599px; } .quicklinks .primary-content ul li#to-top a span { color:#690; background-color: #fff; } /* these styles activated by javascript */ .quicklinks .primary-content ul li#to-top.off a { visibility:hidden; } .quicklinks .primary-content ul li#to-top.on a { visibility:visible; } #mainmenu #meta-menu {width:100%; overflow:visible;} #mainmenu #meta-menu ul { margin-left: 343px;margin-top:37px; margin-bottom:8px; /*padding-right:15px;*/ } #mainmenu #meta-menu ul li { margin:-21px 0 0 0px; padding:0; background:none; } #mainmenu #meta-menu ul li a { width:6em; height:20px; margin:0; padding:1px 0 0 0; text-indent:-2000px; background:transparent url(../img/icons/meta-menu-green.gif) 100% 0 no-repeat; color:#fff; } #mainmenu #meta-menu ul li a:hover { text-indent:0; text-align:right; } #mainmenu #meta-menu ul li.print, #mainmenu #meta-menu ul li.send {width:20px} #mainmenu #meta-menu ul li.print a { padding-right:25px; background-position:100% -400px; } #mainmenu #meta-menu ul li.print a:hover { background-position:100% -600px; } #mainmenu #meta-menu ul li.send a { padding-right:50px; background-position:100% 0px; } #mainmenu #meta-menu ul li.send a:hover { background-position:100% -200px; } #content-middle ul.searchresults li { font-size:0.63em; line-height:1.5em; background:none; } #content-middle ul.searchresults li a { font-size:1.1em; } #content-middle .primary-content ul.pagination { width:440px; overflow:hidden; } #content-middle .primary-content ul.pagination li { float:left; padding:0; background:0; } #content-middle .primary-content ul.pagination li span { padding:0.1em 0.5em; border-left:1px solid #000; } #content-middle .primary-content ul.pagination li a { display:inline; margin:0; padding:0.1em 0.5em; background:0; border-left:1px solid #000; } #content-middle .primary-content ul.pagination li.current a { font-weight:bold; } #content-middle .primary-content ul.pagination li.back a { padding-bottom:1px; padding-left:17px; background:transparent url(../img/icons/link-arrows-green.gif) 0 -1600px no-repeat; border:0; } #content-middle .primary-content ul.pagination li.next a { padding-bottom:1px; padding-left:22px; background:transparent url(../img/icons/link-arrows-green.gif) 5px 0 no-repeat; } #content-middle .primary-content ul.pagination li.back a:hover { background-position:0 -1800px; } #content-middle .primary-content ul.pagination li.next a:hover { background-position:5px -200px; } #content-middle .primary-content.news, .socialbookmarking{ margin-left:2px; width:474px; background-color:#fff; border:1px solid #690; border-top:0; color:#036; } #content-middle .primary-content.news h5, #content-middle .primary-content.news p, #content-middle .primary-content.news span, #content-middle .primary-content.news strong, #content-middle .primary-content.news a { color:#036; } #content-middle .primary-content.news p.news-title { margin-bottom:5px; } #content-middle .primary-content.news p.news-title .date { padding-right:10px; background:transparent url(../img/icons/li-bullet-blue.gif) right center no-repeat; } #content-middle .primary-content.news ul li { background-image:url(../img/icons/li-bullet-blue.gif); color:#036; } #content-middle .primary-content.news ul li a { background-image:url(../img/icons/link-arrows-blue-whitebg.gif); } #content-middle .primary-content.news ul li a strong { color:#036; } #content-middle .primary-content.news ul li a span { border-bottom:1px solid #fff; } #content-middle .primary-content.news ul li a:hover span { border-bottom:1px solid #a6bfcf; } #content-middle .primary-content.news li a .warning, #content-middle .primary-content.news li a:hover .warning { font-weight:bold; color:#086184; border:0; background-color: #fff; } #content-middle .primary-content ul.articles li { background:0; } #content-middle .primary-content.news ul.articles li { padding-bottom:10px; } #content-middle .primary-content.news ul.pagination li, #content-middle .primary-content.news ul.pagination li a, #content-middle .primary-content.news ul.pagination li span { width:auto; border-color:#036; color:#036; background:0; } #content-middle .primary-content.news ul.pagination li.back a { background:transparent url(../img/icons/link-arrows-blue-whitebg.gif) 0 -1600px no-repeat; } #content-middle .primary-content.news ul.pagination li.back a:hover { background-position:0 -1800px; } #content-middle .primary-content.news ul.pagination li.next a { background:transparent url(../img/icons/link-arrows-blue-whitebg.gif) 5px 0 no-repeat; } #content-middle .primary-content.news ul.pagination li.next a:hover { background-position:5px -200px; } /** styles for sitemap page lists ( see also h4 ) **/ #content-middle #submap ul li a { margin-left:0px; padding-left:18px; background:transparent url(../img/icons/link-arrows-green.gif) no-repeat scroll 0 0; } #content-middle #submap ul li a:hover { margin-left:0px; padding-left:18px; background-position:0 -200px; } #content-middle #submap ul li.sitemapniveau1{background: none; padding-left: 25px;} /* #content-middle #submap ul li ul li a { margin-left:0px; padding-left:18px; background:transparent url(../img/icons/link-arrows-green.gif) 0px 0px no-repeat; } */ #content-middle #submap ul { margin:0; } #content-middle #submap ul ul { margin:0; padding:6px 0 0 0; } #content-middle #submap ul li { padding-left:30px; padding-bottom:10px; margin-top:10px; border-bottom:1px solid #690; background-position:17px 6px; font-weight:bold; } #content-middle #submap ul li li { padding-left:0; padding-bottom:5px; margin-top:0; border:0; background:none; font-size:1em; font-weight:normal; } #content-middle #submap ul li li li { margin-left:15px; } /* sub-list and close-list style activated by javascript see general list link defs for close-list background */ #content-middle #submap ul li.sub-list ul, #content-middle #submap ul ul li.sub-list ul { display:block; } #content-middle #submap ul li.sub-list ul li a { background-position:0 0; } #content-middle #submap ul li.sub-list ul li a:hover { background-position:0 -200px; } #content-middle #submap ul li.close-list ul, #content-middle #submap ul ul li.close-list ul { display:none; } #content-middle #sitemap { margin-top:-1px; } #content-middle #sitemap ul li a { font-weight:bold; } #content-middle #sitemap ul ul { margin:4px 0 0 0; } #content-middle #sitemap ul li li { padding-left:0; background:none; font-size:1em; } #content-middle #sitemap ul li li a { font-weight:normal; } ol.steps { list-style:none; } ol.steps li { margin-left:0px; } ol.steps li a { padding:2px 0 8px 30px; background:transparent url(../img/icons/step-numbers-green.gif) 0 0 no-repeat; } ol.steps li a:hover, ol.steps li a:hover span, ol.steps li a:hover span strong { background-position:-500px 0; color:#fff; background-color: #b5d200; } ol.steps li.step2 a { background-position:0 -90px; } ol.steps li.step2 a:hover { background-position:-500px -90px; } ol.steps li.step3 a { background-position:0 -180px; } ol.steps li.step3 a:hover { background-position:-500px -180px; } ol.steps li.step4 a { background-position:0 -270px; } ol.steps li.step4 a:hover { background-position:-500px -270px; } ol.steps li.step5 a { background-position:0 -360px; } ol.steps li.step5 a:hover { background-position:-500px -360px; } ol.steps li.step6 a { background-position:0 -450px; } ol.steps li.step6 a:hover { background-position:-500px -450px; } ol.steps li.step7 a { background-position:0 -540px; } ol.steps li.step7 a:hover { background-position:-500px -540px; } .attention div ol.steps, .attention ul { width:335px; margin-bottom:0; padding-bottom:10px; } .attention div ol.steps {margin-left:15px !important;} /* TABLE */ /* FORM */ form.simple input.submit, form.standard input.submit { float:right; width:77px; margin-right:15px; } form.simple br, form.standard br { clear:both; } form.simple { margin:0 0 15px 15px; } form.simple input, form.simple select { float:left; width:265px; padding:1px 2px; } form.simple select { padding:0; } form.simple input.rad { clear:left; width:auto; margin:2px 5px 0 0; } form.simple .input-group label { margin-left:20px; padding-bottom:5px; display:block; line-height:1.4em; font-size:0.69em; } form.standard { border-top:1px solid #690; } form.standard fieldset { padding:5px 0 15px 0; border-bottom:1px solid #690; } form.standard fieldset.last { padding:10px 0 15px 0; border:none; } form.standard h5 { padding-top:12px; } form.standard label, input, select, textarea { /*float:left;*/ margin-top:0px; font-size:0.69em; } form.standard label { width:180px; margin-left:15px; } form.standard input, form.standard textarea { width:263px; padding:2px 0; } form.standard textarea { height:110px; } form.standard select { width:267px; } form.standard input.check, form.standard input.rad { width:auto; padding:0; } form.standard .input-group { float:left; display:inline; margin-left:15px; margin-bottom:6px; } form.standard .input-group.two-cols { margin-left:0; } form.standard .input-group label { width:425px; margin-left:5px; } form.standard .input-group label, form.standard .input-group input { margin-bottom:6px; } form.standard .input-group.two-cols label { width:245px; } form.standard .error { height:20px; margin-left:195px; padding:8px 0 0 25px; background:transparent url(../img/icons/formulier-foutmelding.gif) 0 6px no-repeat; font-size:0.69em; font-weight:bold; line-height:1.6em; } .search-block { background:transparent url(../img/backgrounds/attention-btm-botcnrs.gif) left bottom no-repeat; } .search-block form.standard { border:0; } .search-block form.standard input, .search-block form.standard input { margin-bottom:15px; } .search-block form.search { margin-top: -14px; padding: 10px; } .search-block form.standard input.submit { margin-bottom:0; } .search-block form.standard .input-group input, .search-block form.standard .input-group label { margin-bottom:6px; } fieldset { width:100%; overflow:auto; } form.search label { display:block; margin-left:15px; font-size:0.75em; font-weight:bold; color:#036; } form.search input { float:left; width:265px; padding:2px; margin:5px 5px 0 15px; } form.search input.submit { width:auto; margin:3px 0 0 0; } .attention form.search { border-top:1px solid #6b9eb5; } .attention form.search fieldset { padding:10px 0 0 0; } .simpleformmultiselect { width:223px;} /* ==================== End Specific for Content*/ /* ==================== Specific for Footer*/ #footer-section .primary-content a.partners { display:block; width:260px; height:28px; float:right; margin-right:15px; text-indent:-2000px; background:transparent url(../img/logos/logos-footer.gif) 0 0 no-repeat; } #footer-section .primary-content span#BrowseAloudLogo {float: left; margin-left: -32px; position:absolute;} /* UL */ #footer-section .secondary-content ul { margin:8px 0 0 15px; } #footer-section .secondary-content ul li {width:auto; float:left; padding:0 0.36em 0 0; font-size:0.63em; color:#086087; background:none; } #footer-section .secondary-content ul li a { display:inline; background:none; color:#086087; } #footer-section .secondary-content ul li a:hover { text-decoration:underline; } /* ==================== End Specific for Footer*/ /* ==================== Specific for Home */ #home .introductie { padding:2px 0px; min-height:120px} #home .introductie p { margin: 12px 12px; font-weight:bold; color:#003366;} #home #bg-mainmenu #mainmenu .primary-content { height:auto; } #home #content-middle { background:#fff url(../img/backgrounds/bg-content-mid-home-low.gif) 0 0 repeat-y; height:65px; } #home .quicklinks { margin-top:15px; padding-bottom:30px; } #home .primary-content .list-col { float:left; height: auto; width:238px; margin:0; padding:0; } #home .primary-content .list-col .banner a { display:block; width:220px !important; height:184px; } #home .primary-content .list-col ol { } /* for more banner definitions, see shared styles */ #home .secondary-content .banner { margin-top:12px; background-color: #a5bece; } #home .secondary-content .banner a.initiators_a { display:block; width:237px; height:31px; } #home .secondary-content .banner a.initiators_b { display:block; width:237px; height:24px; background:transparent url(../img/illustrations/banner-home-237x24_b.gif) 0 0 no-repeat; } #home .secondary-content .banner a.initiators_c { display:block; width:237px; height:28px; background:transparent url(../img/illustrations/banner-home-237x28_c.gif) 0 0 no-repeat; } #home .secondary-content .banner a.initiators_d { display:block; width:237px; height:43px; background:transparent url(../img/illustrations/banner-home-237x43_d.gif) 0 0 no-repeat; } #home .secondary-content .banner a span#banner_header { position: relative; text-indent: 0; } #home .secondary-content .banner a span#banner_header span { position: relative; top: 13px; left: 1px; display: block; width: 150px; margin: 0 0 0 13px; letter-spacing: -0.3px; font-family: Geneva, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size: 90%; font-weight: bold; color: #086184; background-color: #a5bece; } #home .secondary-content .banner a { position: relative; } #home .secondary-content .banner a span.name { display: block; margin: 0 0 0 60px; letter-spacing: -0.2px; font-size: 60%; color: #003366; } #home .secondary-content .banner a.initiators_b span.name { position: relative; top: 4px; } #home .secondary-content .banner a span.name { } #home .secondary-content .banner a span.name { } #home h3 { min-height:0; margin:21px 15px 0px 45px; padding: 0 0 5px 0; font-size: 125%; } #home h4 { margin:8px 0 5px 15px; padding: 0 0 1px 0; color: #0b6386; background: none; } #home .quicklinks .primary-content .list-col h4, #home .quicklinks .secondary-content h4 { font-size: 80%; } #home h4.hulpmiddelen { } #home h4.consumententhemas { } #home h4.consumentenzaken { } .h4-alfabet {margin:0 230px 0 0 !important; background:transparent none repeat scroll 0 0; color:#0B6386; margin:8px 0 5px 15px; padding:0 0 1px; font-size: 0.75em !important;} /*see also standard form styles*/ /*#home #header_zoekbox {display:none;}*/ #header_zoekbox { padding-top:70px; padding-left:0px; z-index: 10;} input#zoeken_header { width:145px; } #home form.search fieldset { padding:0 0 15px 0; } #home form.search label.zoeken-op { width:136px; height:19px; text-indent:-2000px; background:transparent url(../img/headers/label-zoeken-op.gif) 0 0 no-repeat; } /* donkergroen */ #home a.klacht {position: relative; display:block; height:20px; width: auto; margin:19px 0 0 15px; padding: 0 0 0 12px; background:#cedbe6 url(../img/buttons/btn-klacht-indienen.gif) 0 0 no-repeat; } #home a.klacht span {position: relative; top: 1px; display: block; letter-spacing: -1px; font-family: Verdana; font-size: 90%; font-weight: bold; color: #eff4f7; } #home a.klacht:hover { background-position:0 -300px; } #home a.klacht:hover span { color: #086184; font-weight: bold; } #home .primary-content ul li, #home #content-section .secondary-content ul li { margin-left:12px; margin-right:5px; } #home .primary-content ul li a, #home #content-section .secondary-content ul li a { width:100%; background:transparent url(../img/icons/link-arrows-blue-whitebg.gif) 0 0 no-repeat; } #home #content-section .secondary-content ul li a:hover { background-position:0 -200px; } /* copie van bovenstaande ul */ #home .primary-content ol li, #home #content-section .secondary-content ol li { margin-left:12px; margin-right:5px; } #home .primary-content ol li a, #home #content-section .secondary-content ol li a { width:100%; background:transparent url(../img/icons/link-arrows-blue-whitebg.gif) 0 0 no-repeat; } #home #content-section .secondary-content ol li a:hover { background-position:0 -200px; } /**/ #home ul li a span { border-bottom:1px solid #fff; color:#036; line-height:1.45em; } #home ul li a strong { color:#036; } #home ul li a .link-header {background:transparent url(../img/icons/li-bullet-blue.gif) no-repeat scroll right center; font-weight:bold; padding-right:10px;} #home ul li a .link-naam {display:inline;} #home ul li a .waarschuwing {display:inline-block;} #home ul li a strong.link-header { padding-right:10px; background:transparent url(../img/icons/li-bullet-blue.gif) right center no-repeat; } #home ul li a span span.warning, #home ul li a:hover span span.warning { font-weight:bold; color:#086184; border:0; background-color: #fff; } #home .primary-content ul li a:hover span, #home .secondary-content ul li a:hover span { border-bottom:1px solid #a6bfcf; } /* kopie van bovenstaande ul */ #home ol li a span { border-bottom:1px solid #fff; color:#036; line-height:1.45em; } #home ol li a strong { color:#036; } #home ol li a .link-header { font-weight:bold; padding-right:10px; background:transparent url(../img/icons/li-bullet-blue.gif) right center no-repeat; } #home ol li a span span.warning, #home ol li a:hover span span.warning { font-weight:bold; color:#086184; border:0; background-color: #fff; } #home .primary-content ol li a:hover span, #home .secondary-content ol li a:hover span { border-bottom:1px solid #a6bfcf;} /**/ #home #main-nav { width:461px; overflow:visible; margin-top:10px; padding-left:15px; } #home #main-nav ul { float:left; width:230px; margin:0; } #home #main-nav li { width:195px; padding-bottom:8px; padding-right:0; margin:0 15px 0 0; } #home #main-nav li a { width:auto; padding-left:30px; min-height:25px; background:transparent url(../img/icons/li-nav-home.gif) 0 0 no-repeat; line-height:1.2em; font-weight:bold; color:#030; } #home #main-nav li a:hover { background-position:-1000px 0; color:#fff; background-color: #669900; } #home #main-nav li#energy a { background-position:0 -200px; } #home #main-nav li#energy a:hover { background-position:-1000px -200px; } #home #main-nav li#appliances a { background-position:0 -400px; } #home #main-nav li#appliances a:hover { background-position:-1000px -400px; } #home #main-nav li#living a { background-position:0 -600px; } #home #main-nav li#living a:hover { background-position:-1000px -600px; } #home #main-nav li#health a { background-position:0 -800px; } #home #main-nav li#health a:hover { background-position:-1000px -800px; } #home #main-nav li#transport a { background-position:0 -1000px; } #home #main-nav li#transport a:hover { background-position:-1000px -1000px; } #home #main-nav li#leisure a { background-position:0 -1200px; } #home #main-nav li#leisure a:hover { background-position:-1000px -1200px; } #home #main-nav li#finance a { background-position:0 -1400px; } #home #main-nav li#finance a:hover { background-position:-1000px -1400px; } #home #main-nav li#textiles a { background-position:0 -1600px; } #home #main-nav li#textiles a:hover { background-position:-1000px -1600px; } /* ==================== Specific for Footer*/ #home #footer-section .primary-content a.partners { /*display:none;*/ } /* ==================== End Specific for Home */ /* ++++++++++++++++++++ End ELEMENTS ++++++++++++++++++++ */ } /* =============== End of Styles for display on SCREEN */ @media print { /* +++++++++++++++++++++++++++++++++++++++++ RESET TAGS */ * { background:#fff none 0 0 no-repeat; margin:0; padding:0; font-family:arial; font-size:100%; color:#000; text-decoration:none; } /* +++++++++++++++++++++++++++++++++++++++++ ELEMENTS */ /* ++++++++++++++++++++ GLOBAL LAYOUT +++++++++++++++++++++ */ /* do not print */ #home, #page-illustration, #page-arrow, #footer-section, .banner, .quicklinks .primary-content ul li#to-top, #mainmenu #meta-menu, #content-middle .primary-content ul.pagination, .hidden, .text-only, .horizontal-ruler hr { display:none; } .secondary-content { display:none; } .vergelijken, .vergelijking-printen, .kies-leverancier {display:none;} #dte thead th, #dte tbody th, #dte-overzicht tbody th {text-align:left; } /* Header divisions */ #header-section { margin-bottom:50px; } /* Content divisions */ #content-section, #bg-mainmenu { background:none; } /* see also iehacks.css */ #mainmenu, #content-middle, .quicklinks { padding:0; background:none; } .primary-content { float:left; width:600px; margin-right:14px; } #content-middle .secondary-content div { margin-top:50px; } /* End Content divisions */ /* FORM */ .clear_space{clear: both;} .comment p{margin-top: 6px;} #simpleform {position:static;} input {position:static;} /* ++++++++++++++++++++ End GLOBAL LAYOUT ++++++++++++++++++++ */ /* ++++++++++++++++++++ ELEMENTS ++++++++++++++++++++ */ /* ==================== Specific for Header */ #header-section h1 { position:relative; } #header-section ul { display:none; } #header-section h1 img { display:block; border:0; width:231px; height:43px } /* ==================== End Specific for Header*/ /* ==================== Specific for Content*/ .horizontal-ruler { border-top:1px solid #666; height:1px; margin:0 0 6px 12px; clear:both; font-size:0em; } .primary-content .horizontal-ruler { margin:0 0 10px 0; } /* shared styles*/ .primary-content p, .primary-content ul, .primary-content ol, .primary-content h4, .component-group { margin-bottom:15px; } .component-group p, .component-group ul, .component-group ol { margin-bottom:5px; } img { border:0; } /* styles for attention blocks */ .attention div div.arrow-block { display:none; } .attention { margin:0; padding:10px 1px; border-top:1px solid #666; } /* styles for telephone block */ .secondary-content .telephone h4 { font-size:0.75em; } .secondary-content .telephone h4 strong { display:block; margin:0 0 10px 0; text-indent:0; font-size:1.5em; background:none; } .quicklinks .attention div.telephone { margin:0; padding:0; background-image:none !important; } .primary-content .telephone h4 { text-indent:0; background:none; } .primary-content .telephone p { margin-top:6px; } /* H1, H2, H3... */ h2 { margin-bottom:5px; font-size:0.75em; } h3 { padding:0 0 10px 0; font-size:1.3em; font-weight:normal; background:none;} h4 { padding:10px 0 0 0; font-size:0.81em; } #content-middle #submap h4 { margin:0; } h5 { margin-bottom:5px; font-size:0.75em; } /* P */ p { font-size:0.69em; line-height:1.4em; color:#000; } p span.searchterm, p span.num-results, p span.total-results { font-weight:bold; } /* IMG */ img.right-img { display:inline; float:right; margin:3px 15px 5px 10px; } div.logo-cnrs { display:inline; float:right; margin:15px 15px 0 10px; } img.special-illu { display:none; } /* UL, OL */ ul { list-style:disc; list-style-position:outside; } ul li { font-size:0.69em; margin:0 0 5px 15px; } ul li a span { display:block; border:0 !important; } ul.expander li { display:block !important; } ul.expander li a strong { display:none; } ol li { font-size:0.69em; margin-left:18px; } .attention div ol.steps li strong { font-weight:normal; } /* news/special pages*/ #content-middle .primary-content.news { border:0; } #content-middle .primary-content.news p.news-title { margin-bottom:5px; } #content-middle .primary-content.news div.horizontal-ruler, #content-middle .primary-content.news li a .warning { display:none; } /** styles for sitemap page lists ( see also h4 ) **/ #content-middle #submap { margin-bottom:50px; } #content-middle #submap ul, #content-middle #sitemap ul { margin-bottom:7px; margin:0; } #content-middle #submap ul ul, #content-middle #sitemap ul ul { margin:10px 0 20px 0; } #content-middle #submap ul ul ul, #content-middle #sitemap ul ul ul { margin:5px 0 10px 0; } #content-middle #submap ul li, #content-middle #sitemap ul li { font-weight:bold; font-size:0.69em;} #content-middle #submap ul li li, #content-middle #sitemap ul li li { padding:0; border-bottom:1px solid #fff; line-height:1.2em; font-weight:normal; font-size:1em; } #content-middle #submap ul li li li, #content-middle #sitemap ul li li li { border-bottom:1px solid #fff; } #content-middle #sitemap h4 { margin:0; } #content-middle #sitemap ul { margin-bottom:20px; } #content-middle #sitemap ul ul { margin-top:5px; margin-bottom:0; } /* FORM */ /*form.simple input.submit, form.standard input.submit { display:none; }*/ form.simple br, form.standard br { clear:both; } fieldset { border:0; } form.simple { margin:0 0 15px 15px; } form.simple input, form.simple select { float:left; width:265px; padding:1px 2px; } form.simple select { padding:0; } form.simple input.rad { clear:left; width:auto; margin:2px 5px 0 0; } form.simple .input-group label { margin-left:20px; padding-bottom:5px; display:block; line-height:1.4em; font-size:0.69em; } form.standard { border-top:1px solid #666; } form.standard fieldset { padding:5px 0 15px 0; border-bottom:1px solid #666; } form.standard fieldset.last { border:0 !important; } form.standard h5 { padding-top:12px; } form.standard label { display:block; } form.standard label, input, select, textarea { float:left; margin-top:6px; font-size:0.69em; } form.standard label { width:180px; } form.standard input, form.standard textarea { width:263px; padding:2px 0; } form.standard textarea { height:110px; } form.standard select { width:267px; } form.standard input.check, form.standard input.rad { width:auto; padding:0; } form.standard .input-group { float:left; display:inline; margin-left:15px; margin-bottom:6px; } form.standard .input-group.two-cols { margin-left:0; } form.standard .input-group label { width:400px; margin-left:5px; } form.standard .input-group label, form.standard .input-group input { margin-bottom:6px; } form.standard .input-group.two-cols label { width:200px; } form.standard .error { margin:0 0 10px 0; font-size:0.69em; font-weight:bold; } .search-block, form.search * { display:none; } /* ==================== End Specific for Content*/ } /* =============== End of styles for PRINT */ .zieooklinkimg { width: 178px; height: 81px; margin-top: 6px; } /* == GV custom == by EdL */ a span.hidden_hover { display: none; } a:hover span.hidden_hover { display: inline; } /* tegen verplaatsen van search-form in IE6 op homepage */ #bg-mainmenu, #mainmenu, .secondary-content { position: relative; } /* tegen verplaatsen van search-form in IE6 op homepage */ #content-section, #content-middle, .primary-content, .search { position: relative; } /* tegen verplaatsen van specials vlak in IE6 op homepage */ .quicklinks, .primary-content, .list-col { position: relative; } #home .secondary-content .banner { position: relative; } #a_special { position: relative; } #a_special #dbg_special { z-index: 100; position: absolute; top: 0px; right: 0px; } /* #a_special #title_special { z-index: 99; position: absolute; top: 0px; left: 0px; width: 198px; min-height: 32px; padding: 3px 40px 3px 5px; cursor: pointer; font-family: Arial; font-weight: normal; font-size: 75%; color: #003230; font-weight: bold; background: url(../img/backgrounds/bg_title_special.png) !important; } #a_special:hover #title_special { background: url(../img/backgrounds/bg_title_special_hover.png) !important; } */ #home #title_special { background-color:#086184; color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:80%; font-weight:bold; left:0px; padding:8px 40px 8px 6px; position:relative; display:block; top:0px; width:100%; z-index:99; float:left; } #home #headerfoto { background-color:#fff; width:100%; z-index:99; float:left; display:block; } #home #headerfoto IMG { width:238px;} #home .banner { } #home .banner ul { } #home .banner ul li { margin-left:0px; float:left; background-color:#CEDBE6; } #home .banner ul li a { color:#003366; width:100% !important; height:auto !important; background: url(../img/icons/link-arrow-blue.gif) no-repeat 0 0; } #home .banner ul li a:hover {text-decoration:underline; } #home .banner ul li span a { margin-top:3px; border-bottom:0px !important; font-weight:bold; color:#003366; } /* buttons */ input#zoek_header { width: 67px; height: 23px !important; margin: 2px 0 0 2px !important; margin: 2px 0 0 2px; padding: 0 0 0 7px !important; padding: 2px 0 0 9px; text-align: left; letter-spacing: -1px; font-family: Verdana, Helvetica, sans-serif; font-size: 85%; color: #fff; font-weight: bold; background: url(../img/buttons/submit-zoek-white.gif) no-repeat bottom; border: none; cursor: pointer; outline: none; outline-width: 0;} input#zoek_header:hover { background: url(../img/buttons/submit-zoek-white-over.gif) no-repeat bottom; color: #086184; } input#zoek { border: none; cursor: pointer; outline: none; outline-width: 0; background-color:#b5d200 !important; } input#zoek_again { border: none; cursor: pointer; outline: none; outline-width: 0; } input#zoek { width: 67px; height: 23px !important; margin: 2px 0 0 2px !important; margin: 2px 0 0 2px; padding: 0 0 0 7px !important; padding: 2px 0 0 9px; text-align: left; letter-spacing: -1px; font-family: Verdana, Helvetica, sans-serif; font-size: 85%; color: #fff; font-weight: bold; background: url(../img/buttons/submit-zoek.gif) no-repeat bottom; } input#zoek_again { width: 67px; height: 23px !important; margin: 2px 10px 0 2px !important; margin: 2px 0 0 2px; padding: 0 0 0 7px !important; padding: 2px 0 0 9px; text-align: left; letter-spacing: -1px; font-family: Verdana, Helvetica, sans-serif; font-size: 85%; color: #fff; font-weight: bold; background: url(../img/buttons/submit-zoek.gif) no-repeat bottom; } .verder { border: none; cursor: pointer; outline: none; outline-width: 0; } .verder { width: 77px; height: 23px !important; margin: 2px 10px 0 2px !important; margin: 2px 10px 0 2px; padding: 0 0 0 7px !important; padding: 2px 0 0 9px; text-align: left; letter-spacing: -1px; font-family: Verdana, Helvetica, sans-serif; font-size: 85%; color: #fff; font-weight: bold; background: url(../img/buttons/submit-verder.gif) no-repeat bottom; } input#verstuur { border: none; cursor: pointer; outline: none; outline-width: 0; } input#verstuur { width: 111px; height: 23px !important; margin: 2px 0 0 2px !important; margin: 2px 0 0 2px; padding: 0 0 0 7px !important; padding: 2px 0 0 9px; text-align: left; letter-spacing: -1px; font-family: Verdana, Helvetica, sans-serif; font-size: 85%; color: #fff; font-weight: bold; background: url(../img/buttons/submit-verstuur.gif) no-repeat bottom; } /**/ #content-section .telephone h4 { margin: 0; margin: 0 0 5px 0; padding: 0; font-size: 70%; color: #fff; background-color: #086184; } .secondary-content .telephone h4 strong { display:block; margin: 8px 0 6px 0; font-weight: normal; color: #fff; font-size: 180%; font-family: Arial; background-color: #086184; } /* by EdL */ #content-section #simpleform { padding: 15px; } #content-section #simpleform fieldset { width: auto; } #content-section #simpleform p { margin: 0; padding: 0; } #content-section #simpleform label, #simpleform span.fake_label { font-size: 70%; margin-bottom:6px; display:block;} #content-section #simpleform .required { color: #ff0000; } #content-section #simpleform p.comment { margin: 0; padding: 0; font-weight:bold;} #content-section #simpleform .radio_check_input { float: left; margin: 0; padding: 0; width: 15px;} #content-section #simpleform .radio_check_input input { margin: 0; padding: 0; } #content-section #simpleform .radio_check_label { position: relative; top: -3px !important; top: 4px; float: left; margin: 0; padding: 0; width: 426px; overflow: hidden; } #content-section #simpleform .radio_check_label label { position: relative; margin: 0; padding: 0; } /* toelichting */ #content-section #simpleform .help_popup { font-size: 70% !important; font-size: 100%; } #content-section #simpleform .help_popup { display: none; position: relative; bottom: 0px; padding: 2px; color: #000099; background: url(../img/bg_help.gif); border: 1px solid #000; } /* input forms */ #content-section #simpleform .inputarea { position: relative; } #content-section #simpleform .inputarea .dropdownbox, #content-section #simpleform .inputarea .dropdownbox_multiple, #content-section #simpleform .inputarea .generalsize_text, #content-section #simpleform .inputarea .smalltext { width: 223px; } #content-section #simpleform .inputarea .file_text { width: 446px; height: 18px; } #simpleform .inputarea .generalsize_textarea { width: 446px; } /* alerts */ #content-section #simpleform .alert { color: #b10000; font-style:italic; } #content-section #simpleform p.alert { font-weight: normal; color: #b10000; margin: 0 0 10px 0; } /* summarydefault */ #content-section #simpleform span.form_answer { display: block; font-weight: bold; font-size: 70%; } #content-section #simpleform p.list-header { margin: 5px 0 5px 0; font-weight: bold; } /* buttons */ #content-section #simpleform div.float { float: left; } #content-section #simpleform a.formulier_verzenden { position: relative; display:block; height:20px; width: 111px; margin:19px 0 0 15px; padding: 0 0 0 12px; background:transparent url(../img/buttons/btn-formulier-verzenden.gif) 0 0 no-repeat; } #content-section #simpleform a.formulier_verzenden span { position: relative; top: 1px; display: block; letter-spacing: -1px; font-family: Verdana; font-size: 90%; font-weight: bold; color: #eff4f7; } #content-section #simpleform a.formulier_verzenden:hover { background-position:0 -300px; } #content-section #simpleform a.formulier_verzenden:hover span { color: #669900; font-weight: bold; } #content-section #simpleform a.formulier_terug { position: relative; display:block; height:20px; width: 177px; margin:19px 0 0 15px; padding: 0 0 0 22px; background:transparent url(../img/buttons/btn-formulier-terug.gif) 0 0 no-repeat; } #content-section #simpleform a.formulier_terug span { position: relative; top: 1px; display: block; letter-spacing: -1px; font-family: Verdana; font-size: 90%; font-weight: bold; color: #eff4f7; } #content-section #simpleform a.formulier_terug:hover { background-position:0 -300px; } #content-section #simpleform a.formulier_terug:hover span { color: #669900; font-weight: bold; } /* */ /*-- additions --*/ /* onderstaande aanzetten zorgt voor problemen in firefox #mainmenu {overflow:visible !important} #mainmenu .primary-content {height:auto !important;}*/ #mainmenu .primary-content h1 {min-height:0px !important;} /* edit EdL */ #content-middle .secondary-content h6 { color:#003065; font-size:0.69em; margin:0pt 0pt 5px 15px; } /* edit EdL */ .quicklinks .primary-content ul li {width:203px} .quicklinks .primary-content .uitgelichtblok ul li {width:220px;} .quicklinks .primary-content ul li#contactcw { width:350px;} /* edit SvB en JP */ .quicklinks .meeractueleconsumentenzaken{ font-weight:bold; } .hidden_hover { border:0px !important; font-weight:normal; display:inline !important; /* toegevoegd 30 november | johan */ visibility:hidden; /* toegevoegd 30 november | johan */ } a:hover .hidden_hover { display:inline !important; /* toegevoegd 30 november | johan */ visibility:visible; /* toegevoegd 30 november | johan */ } /* edit SvB en JP */ .singleline {display:block; color:#FFFFFF;} /* ===== KEURMERKEN SITE [AG] ===== */ #home #kmmain-nav { width:461px; overflow:visible; margin-top:10px; padding-left:15px; } #home #kmmain-nav ul { float:left; width:230px; margin:0; } #home #kmmain-nav li { width:195px; padding-bottom:8px; padding-right:0; margin:0 15px 0 0; } #home #kmmain-nav li a { width:auto; padding-left:30px; min-height:25px; background:transparent url(../img/icons/li-nav-home.gif) 0 0 no-repeat; line-height:1.2em; font-weight:bold; color:#030; } #home #kmmain-nav li a:hover { background-position:-1000px 0; color:#fff; background-color: #669900; } /* id's van keurmerk-menu veranderd in class'es */ #home #kmmain-nav li.arbeidsomstandigheden a { background-position:0 -1981px; } #home #kmmain-nav li.arbeidsomstandigheden a:hover { background-position:-1000px -1981px; } #home #kmmain-nav li.reputatie_aanbieder a { background-position:0px -2180px; } #home #kmmain-nav li.reputatie_aanbieder a:hover { background-position:-1000px -2180px; } #home #kmmain-nav li.totaalkeurmerk a { background-position:0 -2380px; } #home #kmmain-nav li.totaalkeurmerk a:hover { background-position:-1001px -2380px; } #home #kmmain-nav li.samenstelling_product a { background-position:-1px -2580px; } #home #kmmain-nav li.samenstelling_product a:hover { background-position:-1000px -2580px; } #home #kmmain-nav li.religie_en_politiek a { background-position:0 -2776px; } #home #kmmain-nav li.religie_en_politiek a:hover { background-position:-1000px -2776px; } #home #kmmain-nav li.gezondheid_en_veiligheid a { background-position:0 -2980px; } #home #kmmain-nav li.gezondheid_en_veiligheid a:hover { background-position:-999px -2981px; } #home #kmmain-nav li.dierenwelzijn a { background-position:-1px -3180px; } #home #kmmain-nav li.dierenwelzijn a:hover { background-position:-1001px -3180px; } #home #kmmain-nav li.internet a { background-position:0 -3540px; } #home #kmmain-nav li.internet a:hover { background-position:-1000px -3540px; } #home #kmmain-nav li.streek_productie a { background-position:-2px -3376px; } #home #kmmain-nav li.streek_productie a:hover { background-position:-1000px -3376px; } #home #kmmain-nav li.milieukeurmerken a { background-position:2px -1782px; } #home #kmmain-nav li.milieukeurmerken a:hover { background-position:-1000px -1782px; } #home #kmmain-nav li.energy a { background-position:0 -200px; } #home #kmmain-nav li.energy a:hover { background-position:-1000px -200px; } #home #kmmain-nav li.appliances a { background-position:0 -400px; } #home #kmmain-nav li.appliances a:hover { background-position:-1000px -400px; } #home #kmmain-nav li.living a { background-position:0 -600px; } #home #kmmain-nav li.living a:hover { background-position:-1000px -600px; } #home #kmmain-nav li.health a { background-position:0 -800px; } #home #kmmain-nav li.health a:hover { background-position:-1000px -800px; } #home #kmmain-nav li.transport a { background-position:0 -1000px; } #home #kmmain-nav li.transport a:hover { background-position:-1000px -1000px; } #home #kmmain-nav li.leisure a { background-position:0 -1200px; } #home #kmmain-nav li.leisure a:hover { background-position:-1000px -1200px; } #home #kmmain-nav li.finance a { background-position:0 -1400px; } #home #kmmain-nav li.finance a:hover { background-position:-1000px -1400px; } #home #kmmain-nav li.textiles a { background-position:0 -1600px; } #home #kmmain-nav li.textiles a:hover { background-position:-1000px -1600px; } /* --- alfabet --- */ #alfabet { text-align:center; margin-top: -10px; padding-left:250px;} #alfabet a{ font-size:12px; font-weight:bold;padding-right:1px;} #alfabet a:hover { } #home form.search label.alfabet a.hover { border:1px solid red; background-color:#FFFFFF; padding:2px;} #home a.keurmerkaanmelden { display:block; width:207px; height:20px; margin:-35px 0 0 15px; text-indent:-2000px; background:transparent url(../img/buttons/btn-keurmerk-aanvragen.gif) 0 0 no-repeat; } #home a:hover.keurmerkaanmelden { background-position:0 -300px; } a.toets { display:block; width:207px; height:20px; margin:39px 0 0 15px; text-indent:-2000px; background:transparent url(../img/buttons/volledige-toets.gif) 0 0 no-repeat; } a:hover.toets { display:block; width:207px; height:20px; margin:39px 0 0 15px; text-indent:-2000px; background:transparent url(../img/buttons/volledige-toets-over.gif) 0 0 no-repeat; } div.zoeklogo { width:660px;clear:both;height:150px;} .zoek { position: relative; top: 0px; width : 130px; left : 0px; float: left; padding-left:3px; } a.zoeklogo { display:block; width:136px; height:20px; text-indent:-2000px; background:transparent url(../img/buttons/submit-zoeklogo.gif) 0 0 no-repeat; margin-top:5px } a:hover.zoeklogo { background :url(../img/buttons/submit-zoeklogo-over.gif) 0 0 no-repeat; margin-top: 5px; } .kmzoek { width:235px !important;} .scoreoverzicht {margin-left:15px;} .scoreoverzicht div.score { float:left; text-align: center; margin-right:3px; width:12px; height:12px; border:1px solid #669900; background-color:#b5d200; padding:0 2px 0 2px; font-size:11px;} .scoreoverzicht div.score-select { float:left; text-align: center; font-weight: bold; margin-right:3px; width:12px; height:12px; border:1px solid #669900; background-color:#b5d200; padding:0 2px 0 2px; font-size:11px; background-color:#FFFFFF;} .alfabet a { margin-right:3px; width:12px; height:12px; border:1px solid #669900; background-color:#b5d200; padding:0 2px 0 2px; font-weight:bold; font-size:11px;} .alfabet a:hover { margin-right:3px; width:12px; height:12px; border:1px solid #669900; background-color:#FFFFFF; padding:0 2px 0 2px; font-weight:bold; font-size:11px;} /* --- alfabet --- */ /* --- keurmerkenoverzicht --- */ .keurmerkoverzicht { width: 464px; margin-top:15px; } .keurmerkoverzicht-input { float:left; padding-left: 5px; padding-right: 5px; } .keurmerkoverzicht-tekst { font-size:11px; width: 300px; float:left; padding-left:20px; padding-right:40px; padding-top:2px; } .keurmerkoverzicht-tekst .kop{ font-size:13px; font-weight:bold; display:block;} .keurmerkoverzicht-logo { float:left; /*border:1px solid #669900;*/ padding-bottom:10px; } .keurmerkoverzicht-vergelijkbutton { margin-left: 240px; margin-bottom: 5px; padding-bottom: 15px; padding-top:15px; } /* --- keurmerkenoverzicht --- */ /* --- TABLE --- */ table.standard { padding-left: 10px; } table.standard h5 { padding-top:12px; color: #FFF; } table.standard th { font-size: 0.69em; color: #000; padding-left: 15px; line-height: 15pt; font-weight: 100; width: 250px; } table.standard td { font-size: 0.69em; color: #000; padding-left: 45px; line-height: 15pt; vertical-align: top; text-align: left; } table.summarykeurmerk tbody tr td { vertical-align: top; } hr {border: 1px solid #690; margin: 3px 0px; } /* --- TABLE --- */ /* --- zoeken op logo --- */ .logocontainer { float:left; font-size:11px; height:150px; margin-left:15px; margin-right:9px; width:85px; } .logocontainer_resultaat { height:100px!important; } .kmlogom{margin: 0 30px 0 15px !important;} .logobeeld { border:none; height:85px; width:85px; margin-bottom:10px; } /* --- zoeken op logo --- */ /* --- vergelijkoverzicht --- */ .primary-column table#vergelijk { margin-left:15px; margin-top:15px;} .primary-column table#vergelijk h4 { margin:0pt 5px 10px; min-height:30px; } .primary-column ul.articlesvergelijk li {list-style-type: none !important;background-image:none;margin: 0; padding: 0;} .primary-column ul.articlesvergelijk li a{list-style-type: none !important;background-image:none;margin: 0; padding: 0;} .primary-column ul.articlesvergelijk li input{background-image:none;margin: 0; padding: 0; margin-top: 10px;margin-right: 3px; } .primary-column div.vergelijk {min-height: 220px;} div.vergelijk {min-height: 220px;} div.vergelijkoverzicht { float: left; width:50%; margin-bottom:5px; } div.vergelijkoverzicht h4 { margin:0pt 5px 10px; height:30px; } #vergelijk{ padding:0px 15pt 3px 15px;} #vergelijk h3 { font-size:100%; font-weight:normal; color:#000; background:none; padding:0 0 0 0; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; text-align: center; height:30px; min-height:0px} .style3 { font-size : 10px; } .style3score { font-size : 10px; padding-left:15px;padding-bottom:5px; } #content-section .vergelijkingsaspectforprint { padding:0px 0px 20px 2px !important; font-size:1em; font-weight: bold; color:#fff; background: none; display: none;} /* --- vergelijkoverzicht --- */ .itemcomment { font-style:italic; } .note { font-weight:bold;} #content-section #simpleform p.note { margin-bottom:20px;} .mask { font-size:70%; font-style:italic; } /* --- formulier toevoegingen--- .note { font-weight:bold;} #content-section #simpleform p.note { margin-bottom:20px;} .mask { font-size:80%; font-style:italic; float:right; margin-right:10px;} .itemcomment { font-style:italic; width:175px; float:left; margin-top:10px;} .input-group.two-cols { margin-left:0pt; } .input-group { display:inline; float:left; margin-bottom:6px; margin-left:15px; } .simpleformradioanders {} --- formulier toevoegingen --- */ .homepage_keurkmerken_aanmelden { float:left; padding-left:15px;} /* --- aandeslag --- */ #aandeslag { margin:6px 0 0 1px; border-right:1px solid #A6BFCF; } #aandeslag .aandeslag-header { width:100%; height:65px; background:url(../img/backgrounds/bg_aandeslag-top-1.gif) no-repeat top left; } #aandeslag .aandeslag-header h5 { padding: 24px 90px 0px 6px; color:#003065; } #aandeslag .aandeslag-content { margin:0; width:100%; background:url(../img/backgrounds/bg_aandeslag-mid-1.gif) repeat-y left; } #aandeslag .aandeslag-content ul li a { background-color:#FFFFFF; background:url(../img/icons/link-arrow-blue-whitebg.gif) no-repeat left top; } #aandeslag .aandeslag-content ul li a:hover { background:url(../img/icons/link-arrow-blue-whitebg-hover.gif) no-repeat left top; } #aandeslag .aandeslag-content ul li a span { border-bottom:1px solid #fff; } #aandeslag .aandeslag-content ul li a:hover span { border-bottom:1px solid #8ba9bc; } #aandeslag .aandeslag-content ul li a.voorbeeldbrief { background:url(../img/icons/Vbbrief.Wit.Default.gif) no-repeat left top; } #aandeslag .aandeslag-content ul li a:hover.voorbeeldbrief { background:url(../img/icons/Vbbrief.Wit.Rollover.gif) no-repeat left top; } #aandeslag .aandeslag-content ul li a.infoblad { background:url(../img/icons/Infoblad.Wit.Default.gif) no-repeat left top; } #aandeslag .aandeslag-content ul li a:hover.infoblad { background:url(../img/icons/Infoblad.Wit.Rollover.gif) no-repeat left top; } #aandeslag .aandeslag-bottom { height:7px; margin:0; width:100%; background:url(../img/backgrounds/bg_aandeslag-btm-1.gif) no-repeat top left; } /* === Vergelijken van energieleveranciers [AG]=== */ div.vergelijken {margin-top: 10px; margin-bottom:50px;} /*div.vergelijken p, div.vergelijking-printen p {float:left;}*/ div.vergelijken p, div.vergelijking-printen p {float:left;} div.vergelijken select {float:left; margin-right:15px;} a.vergelijken { position: relative; display:block; height:20px; width: 100px; padding: 0 0 0 12px; background:#B5D200 url(../img/buttons/btn-vergelijken.gif) 0 0 no-repeat; float:left; } a.vergelijken span { position: relative; top: 1px; display: block; letter-spacing: -1px; font-family: Verdana; font-size: 90%; font-weight: bold; color: #eff4f7; } /*vergelijken button opmaak */ input.vergelijken_btn { background:transparent url(../img/buttons/btn-vergelijken.gif) no-repeat scroll center top; color:#FFFFFF; font-family:Verdana,Helvetica,sans-serif; font-size:90%; font-weight:bold; height:20px !important; letter-spacing:-1px; margin:0px 0 0 2px !important; padding:0 0 0 7px !important; text-align:left; width:111px; } input.vergelijken_btn { background-color:#B5D200 !important; border:medium none; cursor:pointer; outline-style:none; outline-width:0; } div.vergelijking-printen a.vergelijken { background:#B5D200 url(../img/buttons/btn-vergelijking-printen.gif) 0 0 no-repeat; width:175px; } div.vergelijking-printen a.vergelijken span{} /* a.vergelijken:hover { background-position:0 -300px; } a.vergelijken:hover span { color: #669900; font-weight: bold; }*/ #dte {font-size:70%; clear:both;margin-bottom:50px; margin-left:-5px;} #dte table { width:714px;} #dte th {width:350px; } #dte td {padding:5px 0 5px 5px;} #dte td a {text-decoration:underline;} #dte thead th {color:#ffffff; padding:2px 0 2px 5px; background-color:#669900;} #dte tbody th {padding-left:5px;} #dte tbody td {} #dte-overzicht {font-size:70%; clear:both;} #dte-overzicht table {width:714px;} #dte-overzicht tbody th {width:105px !important;} #dte-overzicht td { padding:5px 0;} #dte-overzicht td a {text-decoration:underline;} #dte-overzicht thead th {color:#ffffff; padding:2px 0 2px 5px; background-color:#669900; text-align:center;} #dte-overzicht thead th.col1 {text-align:left;} #dte-overzicht thead th.col1_center {text-align:center; } #dte-overzicht thead th.col1_groengrijs {text-align: left; padding-left: 44px; } #dte-overzicht thead th div.opensluiten{float: right; padding-right: 3px;} /* #dte-overzicht thead th.col1 a{color:#FFFFFF; display:block; font-weight:normal; text-decoration:underline;} */ #dte-overzicht tbody th {padding:2px 0 2px 5px;} #dte-overzicht tbody td {text-align:center; width:175px;} #dte-overzicht td div.groenestroom {float: left; height: 13px; padding-left: 60px;} #dte-overzicht td div.grijzestroom {float: left; height: 13px; padding-left: 40px;} /*afbeeldingen centreren in een div teveel gedoe, dus ouderwets rekenwerk om de afbeelding in het midden te krijgen*/ #dte-overzicht td div.gas {margin-left: 83px; height: 13px;} #dte-overzicht tr.topleft td { text-align: left; vertical-align: top; padding-right: 4px;} /*#dte-overzicht tr.topleft th { text-align: left; vertical-align: top;}*/ .dtemainmenu {background:#FFFFFF url(../img/backgrounds/bg-mainmenu-dte.gif) repeat-y scroll 0 !important;} .floatleft{ float:left;} .bold { font-weight:bold;} .noborderleft {border-left:0 !important;} #content-middle .kmmargin{margin: 0 0 0 35px !important; width: 660px;} .dteprimary-content { width:650px!important; margin:0 0 0 35px!important; } .dteprimary-content-table { width:650px!important; margin:0 0 0 21px!important; } div.kies-leverancier {clear:both;} div.vergelijk-leverancier {float:left; margin-right:10px;width:180px;} div.vergelijk-leverancier select{width:180px;} div.vergelijk-leverancier div.addresscontainer {float:left; font-size:11px; margin-left:0px; margin-top:5px; padding-bottom:50px; height: 100px;} div.vergelijk-leverancier div.logocontainer {margin-left:45px; margin-top:5px;} #mainmenu #meta-menu ul.ul-dte {margin-left:580px;} #resultaat-overzicht { /* margin-top:-50px; */ margin-left:-5px; } #resultaat-overzicht div.kies-leverancier {position:relative; left:140px;} #resultaat-overzicht div.vergelijken {position:relative; left:255px; margin-bottom:0; clear:both;} #resultaat-overzicht div.vergelijken.andere {margin-bottom:0;} #resultaat-overzicht div.vergelijken.andere p.andere {float:none; margin-bottom:0;} #resultaat-overzicht div.vergelijking-printen {position:relative; left:522px; margin-bottom:60px; margin-top:20px;} #resultaat-overzicht #dte td {} .link_voor_factsheet { text-decoration: underline; } /*Decoratieve afbeeldingen*/ .decoimg{width: 230px; height: 473px; text-indent:-2000px;} .Fleur{background: url(../img/decoimg/Fleur.gif);} .Sterre{background: url(../img/decoimg/Sterre.gif);} .Lot{background: url(../img/decoimg/Lot.gif);} .Melanie{background: url(../img/decoimg/Melanie.gif);} .NoaenNora{background: url(../img/decoimg/NoaenNora.gif);} .Frank{background: url(../img/decoimg/Frank.gif);} /*STYLESHEET 2*/ /* =============== Styles for display on SCREEN */ @media screen { /* ++++++++++++++++++++ GLOBAL LAYOUT +++++++++++++++++++++ */ #page-illustration { display:block; position:absolute; z-index:128; top:95px; left:4px; height:473px; width:230px; } #page-illustration.ill00 { background:transparent url(../img/illustrations/page-ill-00.png) 0 0 no-repeat; } #page-illustration.ill01 { background:transparent url(../img/illustrations/page-ill-01.png) 0 0 no-repeat; } #page-illustration.ill02 { background:transparent url(../img/illustrations/page-ill-02.png) 0 0 no-repeat; } #page-illustration.ill03 { background:transparent url(../img/illustrations/page-ill-03.png) 0 0 no-repeat; } #page-illustration.ill04 { background:transparent url(../img/illustrations/page-ill-04.png) 0 0 no-repeat; } #page-illustration.ill05 { background:transparent url(../img/illustrations/page-ill-05.png) 0 0 no-repeat; } #page-illustration.ill06 { background:transparent url(../img/illustrations/page-ill-06.png) 0 0 no-repeat; } /* Content divisions */ #socialbookmarking{ border-top: 1px solid #669900; width: 474px; } #content-section { background:#fff url(../img/backgrounds/bg-content.gif) 0 0 repeat-y; height:auto; min-height:500px; } #bg-mainmenu { padding:15px 15px 0 0; background:#fff url(../img/backgrounds/content-corner-top-right.gif) 0px 0px no-repeat; } #mainmenu { padding:0; width:969px; overflow:hidden; background:#fff url(../img/backgrounds/bg-mainmenu.gif) 0 0 repeat-y; } #content-middle { padding:0; width:969px; overflow:hidden; background:#fff url(../img/backgrounds/bg-content-middle.gif) 0 0 repeat-y; } .quicklinks { padding:0; width:969px; overflow:hidden; background:#fff url(../img/backgrounds/bg-quicklinks.gif) 0 0 repeat-y; clear:both; } .primary-content { float:left; width:476px; border-left:2px solid #fff; margin:0 0 0 252px; } .homepage_keurkmerken_aanmelden {float:right; width:237px; margin:0 0 0 15px;} #alfabet { text-align:center; margin-top: -10px; padding-left:0px; } #content-middle .primary-content.news{margin:0 0 0 254px; } .socialbookmarking { margin:0 0 0 254px; float:left; width:474px; clear:both;} .secondary-content { float:right; width:237px; border-left:2px solid #fff; margin:0; } #mainmenu .secondary-content { background:transparent url(../img/backgrounds/sec-col-corner-top-right.gif) 100% 0 no-repeat; } #aandeslag { margin:6px 0 0 1px; border-right:1px solid #A6BFCF; } #aandeslag .aandeslag-header { width:100%; height:65px; background:url(../img/backgrounds/bg_aandeslag-top-1.gif) no-repeat top left; } #aandeslag .aandeslag-header h5 { padding: 24px 90px 0px 6px; color:#003065; } #aandeslag .aandeslag-content { margin:0; width:100%; background:url(../img/backgrounds/bg_aandeslag-mid-1.gif) repeat-y left; } #aandeslag .aandeslag-content ul li a { background-color:#FFFFFF; background:url(../img/icons/link-arrow-blue-whitebg.gif) no-repeat left top; } #aandeslag .aandeslag-content ul li a:hover { background:url(../img/icons/link-arrow-blue-whitebg-hover.gif) no-repeat left top; } #aandeslag .aandeslag-content ul li a span { border-bottom:1px solid #fff; } #aandeslag .aandeslag-content ul li a:hover span { border-bottom:1px solid #8ba9bc; } #aandeslag .aandeslag-content ul li a.voorbeeldbrief { background:url(../img/icons/Vbbrief.Wit.Default.gif) no-repeat left top; } #aandeslag .aandeslag-content ul li a:hover.voorbeeldbrief { background:url(../img/icons/Vbbrief.Wit.Rollover.gif) no-repeat left top; } #aandeslag .aandeslag-content ul li a.infoblad { background:url(../img/icons/Infoblad.Wit.Default.gif) no-repeat left top; } #aandeslag .aandeslag-content ul li a:hover.infoblad { background:url(../img/icons/Infoblad.Wit.Rollover.gif) no-repeat left top; } #aandeslag .aandeslag-bottom { height:7px; margin:0; width:100%; background:url(../img/backgrounds/bg_aandeslag-btm-1.gif) no-repeat top left; } /* End Content divisions */ /* Footer divisions */ #footer-section { width:969px; background:#fff url(../img/backgrounds/bg-footer-top.gif) 0 0 no-repeat; } #footer-section .primary-content span#BrowseAloudLogo {float: left; margin-left: -239px; position:absolute;} /* End Footer divisions */ /* ++++++++++++++++++++ End GLOBAL LAYOUT ++++++++++++++++++++ */ /* ++++++++++++++++++++ ELEMENTS ++++++++++++++++++++ */ /* ==================== Specific for Header */ /* UL */ ul#menu-utilities { width:700px; z-index: 200; } ul#menu-breadcrumbs { width:703px; } /* ==================== End Specific for Header*/ /* ==================== Specific for Content*/ /* H1 */ h1 { background:none; } /* ==================== End Specific for Content*/ /* ==================== Specific for Footer*/ /* ==================== End Specific for Footer*/ /* ==================== Specific for Home*/ #home #content-middle { background:#fff url(../img/backgrounds/bg-content-middle-home.gif) 0 0 repeat-y; } /* ==================== End Specific for Home*/ /* ++++++++++++++++++++ End ELEMENTS ++++++++++++++++++++ */ #header_zoekbox { padding-top:34px; padding-left:720px; } input#zoek_header { width: 67px; height: 23px !important; margin: 2px 0 0 2px !important; margin: 2px 0 0 2px; padding: 0 0 0 7px !important; padding: 2px 0 0 9px; text-align: left; letter-spacing: -1px; font-family: Verdana, Helvetica, sans-serif; font-size: 85%; color: #fff; font-weight: bold; background: url(../img/buttons/submit-zoek-blue.gif) no-repeat bottom; border: none; cursor: pointer; outline: none; outline-width: 0;} input#zoek_header:hover { background: url(../img/buttons/submit-zoek-blue-over.gif) no-repeat bottom; color: #086184; } } #header_zoekbox form fieldset{overflow:visible;} /* === DTE vergelijkingssite [AG]=== */ .dte-content-middle {background:#FFFFFF url(../img/backgrounds/bg-content-middle-dte.gif) repeat-y scroll 0!important;} .primary-content-2left{ margin:0;} .dteprimary-content-table { width:650px!important; margin:0 0 0 21px!important; } /* === DTE vergelijkingssite [AG]=== */ /* =============== End of Styles for display on SCREEN */