/* CSS voor www.energieherstelplan.nl */ /* =============== SCREEN styles */ @media screen, projection, print { /* RESET AND GLOBAL TAGS */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { margin: 0; padding: 0; border: 0; outline: none; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal; } body { text-align: center; font-size: 76%; color: #575656; background: #fff; line-height: 1; font-family: Arial, Helvetica, sans-serif; height: 100%; } ul { list-style: none; } a, a:hover, a:link, a:visited, a:active, :focus { outline:none;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } strong { font-weight: bold; } span.antiskype{} .hide {display: none;} .show {display: block;} .text-only {display: none;} .bodytext a[href^="http:"] { background: url(../images/external.gif) right 2px no-repeat; padding-right: 20px; display: inline-block; } .bodytext a[href^="http:"]:hover { background: url(../images/external.gif) right -48px no-repeat; } .bodytext a[href^="http:"].imagelink { background: none; padding-right: 0px; } .bodytext a[href^="http:"].imagelink:hover { background: none; } .bodytext .bol_pml_box a[href^="http:"] { background: none; padding-right: 0px; display: inline;} .bodytext .bol_pml_box a[href^="http:"]:hover { background: none; } /*google adsense*/ div.banners {width: 120px; height: 600px; position: absolute; right: 15px; display: inline; } div#bannertop {top: 60px; } div#bannerbottom {top: 675px; } div#bannerlinks {width:250px; height:250px; margin-top:35px; margin-left:22px; float: left; clear: left;} /* LAYOUT */ div#header { text-align: center; width: 100%; background:#fff; } div#content { text-align: center; width: 100%; overflow: hidden; background: #386497 url(../images/backgrounds/content-gradient.png) left top repeat-x; padding-bottom: 60px;} div#footer { text-align: center;width: 100%;overflow: hidden; background: #fff url(../images/backgrounds/footer-shadow.png) left top repeat-x;} div#header-content { margin: 0 auto; text-align: left; width: 996px; height: 207px; position: relative; z-index: 1000;} div#content-content { margin: 0 auto; text-align: left; width: 996px; min-height: 640px; _height:640px; position: relative;} div#footer-content { margin: 0 auto; text-align: left; width: 996px; overflow: hidden;} /* HEADER */ div#header-content a#hetboek{width: 183px; position: absolute; left: 22px; top: 27px; display: block;} #home div#header-content a#hetboek {width: 236px; position: absolute; left: 21px; top: 27px; padding-left: 1px; display: block; } div#header-content a#bestel {width: 91px; height: 91px; position: absolute; left: 185px; top: 164px; background: transparent url(../images/backgrounds/bestelnu-sprite.png) left top no-repeat; cursor: pointer; display: block; text-indent: -9999px; z-index: 100000;} #home div#header-content a#bestel {left:215px; top: 220px;} div#header-content a#bestel img {display: none;} div#header-content a#bestel:hover {background-position: -91px top; cursor: pointer;z-index: 100000;} div#header-content h2 {width: 463px; height: 30px; position: absolute; left: 319px; top: 50px; text-indent: -9999px; color: #fff; background: #fff url(../images/backgrounds/altijdmoe.gif) left top no-repeat;} div#header-content h3 {width: 463px; height: 47px; position: absolute; left: 319px; top: 105px; text-indent: -9999px; color: #fff; background: #fff url(../images/backgrounds/leerdan.gif) left top no-repeat;} div#header-content ul {width:590px; height: 36px; position: absolute; left: 319px; top:207px; display: block; overflow: hidden; } div#header-content li {background: transparent url(../images/backgrounds/button-left.png) left bottom no-repeat; padding-left: 12px; float: left; overflow: hidden; display: inline; margin-right: 7px; height: 36px;} div#header-content li a {background: transparent url(../images/backgrounds/button-right.png) right bottom no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#386497; text-decoration: none; overflow: hidden; display: inline; height: 36px; line-height: 26px; padding-left: 4px; padding-right: 24px; float: left;} div#header-content li a:hover { color:#e77307; text-decoration: none;} .home div#header-content li a#mainnav-home, #boek div#header-content li a#mainnav-boek, #energieherstelplan div#header-content li a#mainnav-energieherstelplan, #contact div#header-content li a#mainnav-contact { color:#e77307;} /* CONTENT */ div#left-column {width: 319px; float: left; overflow: hidden; background: transparent url(../images/backgrounds/book-shadow-klein.png) 22px 79px no-repeat;} #home div#left-column { background: transparent url(../images/backgrounds/book-shadow.png) 21px 154px no-repeat; } div#right-column {width: 500px; float: left; padding-top: 69px; } #home div#right-column {width: 610px; float: left; overflow: hidden; padding-top: 69px; } #home div#right-column h1 {width: 100%; height: 22px; float: left; margin-left: -1px; text-indent: -9999px; background: transparent url(../images/backgrounds/hetenergieherstelplan-tekst.png) left top no-repeat;} #home div#right-column h2 {width: 100%; height: 24px; float: left; clear: left; text-indent: -9999px; background: transparent url(../images/backgrounds/energiedoor-tekst.png) left top no-repeat;} div.bodytext {color: #fff; line-height: 1.5em; font-size: 1.1em; width:500px; float: left; margin: 15px 0 0px 0;} #home div.bodytext {width:540px; float: left; margin: 15px 0 0px 0;} .receptdetail div.bodytext {margin: -24px 0 0px 0;} #home div.bodytext p.inleiding {width:500px;} div.bodytext .kolom {line-height: 1.4em;} div.bodytext p {font-size: 1em; line-height: 1.5em; margin-bottom: 13px; } #home div.bodytext {overflow: visible; } div.bodytext .kolom {width: 238px; float: left;} div.bodytext .linkerkolom { margin-right: 22px;} #right-column h1 {font-size: 1.6em; line-height: 1.3em; font-family:Arial, Verdana, Helvetica; color:#fff;} .receptdetail #right-column h1 {font-size: 1.4em; line-height: 1.3em; font-family:Arial, Verdana, Helvetica; color:#fff;} .bodytext .tussenkop {font-size: 1.2em; line-height: 1.3em; font-weight: normal; display: block; margin: 1.1em 0 1.1em 0; font-family:Arial, Verdana, Helvetica; color:#c9e0fc;} .bodytext .onderkop {font-size: 1em; line-height: 1.3em; font-weight: bold; display: block; width: auto; margin: 1.1em 0 0.9em 0; font-family:Arial, Verdana, Helvetica; color:#c9e0fc;} .bodytext ul { margin: 1em 0 1em 32px; } .bodytext ul ul { margin: 0.2em 0 0.4em 32px; } .bodytext ol { margin: 1em 0 1em 38px;} .bodytext ol li {list-style-position: outside;} .bodytext ul li {list-style-type: disc; list-style-position: outside;} .bodytext ul li, .bodytext ol li {line-height: 1.4em; } .bodytext .recept ul, .bodytext .recept ol { margin-top: 0px;} .bodytext ul#sitemap { list-style-type: none; margin-left: 0; } .bodytext ul#sitemap ul { margin-left: 32px; } .bodytext ul#sitemap li { list-style-type: none; line-height: 1.6em; } .bodytext ul#sitemap li a { text-decoration: none;} .bodytext ul#sitemap li a:hover { text-decoration: underline; } .bodytext img { margin: 5px 0 8px 18px; float: right; border: 1px solid #fff;} .bodytext img.noborder {border:none;} .bodytext img.right { margin: 5px 0 8px 18px; float: right; } .bodytext img.left { margin: 5px 18px 8px 0px; float: left; } body .bodytext a.imagelink { display: block; float: right; } body .bodytext a.imagelink img { float: none; } .bodytext a.pdf {background: transparent url(../images/pdf_icon.gif) left top no-repeat; padding-left: 24px;} .bodytext a.word {background: transparent url(../images/word_icon.gif) left top no-repeat; padding-left: 24px;} #home .bodytext .tussenkop {font-size: 1.2em; line-height: 1.3em; font-weight: bold; display: block; width: 100%; margin: 1.1em 0 0.8em 0; font-family:Arial, Verdana, Helvetica;} .bodytext a {color:#fecaf9; text-decoration: underline;} .bodytext a:hover {color:#fff566; text-decoration: underline;} #home #receptvdmaand {width: 236px; margin: 242px 0 0 23px; color: #fff;} #home #schrijfsters {width: 236px; margin: 30px 0 0 23px; color: #fff;} #home #receptvdmaand h2 {text-indent: -9999px; display: none; } #home #schrijfsters h2 {text-indent: -9999px; display: block; width: 145px; height: 22px; background: transparent url(../images/backgrounds/deschrijfsters-tekst.png) left top no-repeat; margin-left: -1px;} #home #receptvdmaand a {color: #fff; text-decoration: none; line-height: 1.4em; display: block;} #home #receptvdmaand a:hover, #home #schrijfsters a:hover {color:#fff566; text-decoration: underline;} #home #receptvdmaand h3 {font-size: 1.2em; font-weight: bold; margin: 0 0 0.8em 0;} #home #receptvdmaand h3 a {color: #fff; text-decoration: none; line-height: 1.2em; font-size: 1em; font-weight: bold;} #home #receptvdmaand ul, #home #schrijfsters ul {margin: 12px 0 0 0;} #home #receptvdmaand ul li, #home #schrijfsters ul li {color:#fff;} #home #receptvdmaand ul li a, #home #schrijfsters ul li a {display: inline; color:#fecaf9; text-decoration: none; line-height: 1.6em;} #home #receptvdmaand ul li a:hover, #home #schrijfsters ul li a:hover {color:#fff566;text-decoration: underline;} ul.subnav {width: 247px; margin: 106px 0 0 37px; color: #fff; position: relative; display: block; z-index: 100000; } ul.subnav li {color: #fff; display: block; margin: 0 0 0 0; float: left; clear: left; width: 227px; } ul.subnav li a {color: #fff; text-decoration: none; font-size: 1.15em; line-height: 1.3em; padding:4px 0 3px 0; display: block; margin: 0 0 0 0;} ul.subnav li a.sub {margin-left: 22px;} ul.subnav li a.chosen {color: #fda945; font-weight: bold;} ul.subnav li a:hover {color:#fff566; text-decoration: none;} #right-column form { margin: 24px 0 0 0; width: 100%; display: block; overflow: hidden;} #right-column fieldset { width: 200px; float: left; clear: none; margin-right: 30px; display: block; overflow: hidden;} #right-column label { float: left; margin-bottom: 4px;} #right-column select { float: left; clear: left; width: 200px; font-size: 0.82em; } #right-column .recept { padding: 8px 0 8px 0; background: transparent url(../images/backgrounds/dashwhite.gif) left bottom repeat-x; float: left; clear: left; width: 500px; overflow: hidden;} .receptdetail #right-column .recept { padding: 8px 0 24px 0; } #right-column .recept a.recept-link {color: #fff; text-decoration: none; line-height: 1.4em; float: left; display: block; overflow: hidden; width: 100%; cursor: pointer;} #right-column .recept a.recept-link:hover {color:#fff566; text-decoration: none; } #right-column .recept span.recept-titel {font-size: 1.2em; float: left; width: 80%; margin-bottom: 7px; } .receptdetail #right-column h1 {width: 80%; float: left; margin-bottom: 7px; font-size: 1.6em; line-height: 1.1em;} #right-column span.recept-datum {float: right; width: 20%; font-size: 0.82em; color:#c9e0fc; text-align: right; line-height: 1.8em;} .receptdetail #right-column span.recept-datum {line-height: 1em; margin-top: 0.9em; } #right-column .recept span.recept-energieinfo {float: left; clear: left; padding-left: 32px; background: transparent url(../images/backgrounds/icn-energie.png) left top no-repeat; padding-bottom: 4px; padding-top: 5px; line-height: 1.4em; margin-bottom: 6px; color:#c9e0fc; width:468px;} .receptdetail #right-column .recept span.recept-energieinfo { padding-bottom: 8px; } .receptdetail #right-column .recept span.recept-energieinfo a {text-decoration: none;} .receptdetail #right-column .recept span.recept-energieinfo a:hover {text-decoration: underline; color:#fff566;} #right-column .recept span.recept-energieinfo span {color: #fff;line-height: 25px;} #right-column .recept span.recept-constitutieinfo {float: left; clear: left; padding-left: 32px; background: transparent url(../images/backgrounds/icn-constitutie.png) left top no-repeat; padding-bottom: 10px; padding-top: 5px; line-height: 1.2em; color:#c9e0fc; width:468px; } #right-column .recept span.recept-constitutieinfo span {color: #fff; line-height: 25px;} .receptdetail #right-column .recept span.recept-constitutieinfo a { text-decoration: none;} .receptdetail #right-column .recept span.recept-constitutieinfo a:hover {text-decoration: underline; color:#fff566;} #right-column .recept span.recept-samenvatting {float: left; clear: left; width:500px; } .receptdetail #right-column .recept span.recept-samenvatting { margin: 0 0 0.9em 0; font-size:1.1em;} #right-column .recept div.recept-tekst {float: left; clear: left; width:500px; } #right-column .recept div#recept-foto {display: none;} #right-column .recept div#recept-foto.show {display: block; float: left; clear: left; margin: 0 0 0.9em 0;} #right-column .recept div#recept-foto img {float: left; border: 1px solid #fff; margin: 0 0 0 0;} #right-column .recept span.recept-personen {float: left; clear: left; width:500px; margin: 0 0 1em 0; color:#c9e0fc;} #right-column .recept a span.readfurther {color:#fecaf9; } #right-column .recept a:hover span.readfurther {color:#fff566;} .bodytext a.icn-constitutie { background: transparent url(../images/backgrounds/icn-constitutie.png) left top no-repeat; padding-left: 30px; padding-bottom: 6px; padding-top: 4px; display: block; margin: 0 0 0 0; margin-top: 8px; text-decoration: none;} .bodytext a.icn-energie { background: transparent url(../images/backgrounds/icn-energie.png) left top no-repeat; padding-left: 30px; padding-bottom: 4px; padding-top: 4px; display: block; margin: 0 0 0.8em 0; text-decoration: none;} .bodytext a.icn-energie:hover, .bodytext a.icn-constitutie:hover { text-decoration: underline;} /* PREVIOUS NEXT BUTTONS*/ div.previous_next { font-size: 0.9em; float: left; width: 100%; text-align: left; line-height: 1.3em; color:#fff; } div.previous_next a.chosen { color: #fda945; font-weight: bold;} div.previous_next a:hover { color:#fff566; text-decoration: underline;} div.previous_next a { text-decoration: none; font-size: 0.9em; padding: 0px; margin: 0px; cursor: pointer; color:#fff;} div.pn_top { margin-top: 16px; margin-bottom: 0px; padding: 0px; padding-bottom: 9px; background: transparent url(../images/backgrounds/dashwhite.gif) left bottom repeat-x;} body div.articlepager { margin-top: 16px; padding-bottom: 9px; background: transparent url(../images/backgrounds/dashwhite.gif) left bottom repeat-x;} html div.pn_bottom { margin-top: 9px; margin-bottom: 0px; padding-top: 0px; background: none;} .pager {width: 48%; float: left;} .backtolist {float: right; text-align: right; width: 47%; display: inline;} /* pagetype */ .bodytext a.pagetype {width: 0px; height:0px; display: none; text-indent: -9999px; position: relative; z-index: 100000; background: transparent url(../images/energiedriehoek-symbolen.png) left top no-repeat; float: left;} .bodytext a.pagetype:hover {background-position: left -66px;} .bodytext a.lever {width: 32px; height:33px; display: block; text-indent: -9999px; margin-left: -45px; background-position: left top; float: left;} .bodytext a.vertering {width: 32px; height:33px; display: block; text-indent: -9999px; margin-left: -45px; background-position: right top; float: left;} .bodytext a.reserve {width: 32px; height:33px; display: block; text-indent: -9999px; margin-left: -45px; background-position: left -33px; float: left;} .bodytext a.constitutie {width: 32px; height:33px; display: block; text-indent: -9999px; margin-left: -45px; background-position: right -33px; float: left;} /* ctest */ span.ctestcontainer {display: block; float: left; padding: 30px 0 30px 0; width: 100%; } a.ctest {padding: 12px 24px 12px 24px; text-decoration: none; border: 2px solid #fecaf9; color:#fecaf9; font-size: 1em; font-weight: bold; letter-spacing: 0.1em;} a.ctest:hover {border: 2px solid #fff566; color:#fff566; text-decoration: none;} /* FOOTER */ div#footer-content p { margin: 14px 0 30px 53px;color:#386497; font-size: 1em;} div#footer-content p a { text-decoration: none; color:#386497;} div#footer-content p a:hover { text-decoration: none; color:#e77307;} } /* =============== PRINT styles */ @media print { #header, #footer, #left-column, #right-column form, .backtolist {display:none} body, div.bodytext, #right-column h1, .receptdetail #right-column h1, body #right-column .recept span, div.previous_next a, #right-column .recept span.recept-personen {color:#000;} .bodytext a, body #right-column .recept span a {color:blue; text-decoration: underline;} #home div#right-column, div#right-column {padding-top: 0; margin: 30px 0 30px 40px;} #home div#right-column h1 {width: 100%; height: auto; margin-left: 0x; text-indent: 0; background: none;font-size: 1.6em; line-height: 1.3em; font-family:Arial, Verdana, Helvetica;} #home div#right-column h2 {width: 100%; height: auto; clear: left; text-indent: 0; background: none; font-size: 1.2em; font-weight: bold;} #right-column .recept { border-top: 1px solid #000;} .receptdetail #right-column .recept { border: none;} html div.pn_bottom { border-top: 1px solid #000; padding-top: 9px;} #right-column .recept span.recept-constitutieinfo, #right-column .recept span.recept-energieinfo {padding-left: 0; color: #000;} .bodytext a.icn-constitutie, .bodytext a.icn-energie { padding-left: 0px; color:blue;} #right-column .recept a span.readfurther {color:blue; } .receptdetail div.articlepager { display: none;} .receptdetail div.bodytext {margin: 0px 0 0px 0;} .bodytext .tussenkop, .bodytext .onderkop { color: #000;} .bodytext a.pagetype {display: none;} .bodytext a[href^="http:"] { padding-right: 0px; display: inline; } .bodytext a.pdf {padding-left: 0px;} .bodytext a.word {padding-left: 0px;} #right-column .recept {float: none;overflow: visible;} div#content-content {overflow: visible;} div#content {overflow: visible;} /*#right-column .recept div.recept-tekst {float: none; } #right-column .recept {float: none; } .bodytext {float: none;} div#right-column {float: none;} #right-column .recept span.recept-titel {float: none; } #right-column .recept span.recept-energieinfo {float: none;} #right-column .recept span.recept-constitutieinfo {float: none;} #right-column .recept span.recept-samenvatting {float: none;} #right-column .recept div.recept-tekst {float: none; } #right-column .recept div#recept-foto {float: none;} #right-column .recept div#recept-foto.show {float: none;} #right-column .recept span.recept-personen {float: none;}*/ }