/* Nulwoning 1.2 — rustige modernisering van de bestaande indeling. */
body { background: #eef2e9; color: #29352b; }
#art-nulwoningpage-background-glare-wrapper { display: none; }
#art-nulwoningmain { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; font-size: 15px; }
#art-nulwoningmain .art-nulwoningsheet { background: #fff; box-shadow: 0 8px 32px rgba(32, 55, 26, .08); }
.art-nulwoningsheet:before, .art-nulwoningsheet:after,
.art-nulwoningsheet-body:before, .art-nulwoningsheet-body:after { content: none; background: none; }
#art-nulwoningmain .art-nulwoningnav { background: #244c2c; height: auto; min-height: 44px; padding: 0; }
.art-nulwoningnav:before, .art-nulwoningnav:after,
ul.art-nulwoninghmenu>li>a:before, ul.art-nulwoninghmenu>li>a:after { content: none; background: none; }
#art-nulwoningmain .art-nulwoningnav-outer { position: relative; }
#art-nulwoningmain ul.art-nulwoninghmenu { padding: 4px 10px; }
#art-nulwoningmain ul.art-nulwoninghmenu>li { margin: 0 2px; }
#art-nulwoningmain ul.art-nulwoninghmenu>li>a { height: 36px; line-height: 36px; padding: 0 14px; border-radius: 5px; color: #fff; font-size: 14px; font-family: inherit; font-weight: 600; }
#art-nulwoningmain ul.art-nulwoninghmenu>li>a.active,
#art-nulwoningmain ul.art-nulwoninghmenu>li:hover>a,
#art-nulwoningmain ul.art-nulwoninghmenu>li>a:focus-visible { background: #e0efc4; color: #203f26; }
#art-nulwoningmain .art-nulwoninghmenu ul a { background: #fff; color: #25442a; border-color: #dde7d5; height: auto; min-height: 36px; line-height: 36px; padding: 0 14px; font: 14px/36px 'Segoe UI', Arial, sans-serif; }
#art-nulwoningmain .art-nulwoninghmenu ul a:hover,
#art-nulwoningmain .art-nulwoninghmenu ul a.active { background: #eaf3df; color: #203f26; }
#art-nulwoningmain .art-nulwoningpost { margin: 14px 10px; }
#art-nulwoningmain .art-nulwoningpost-body { padding: 12px 16px; }
#art-nulwoningmain .art-nulwoningpostcontent,
#art-nulwoningmain .art-nulwoningpostcontent p,
#art-nulwoningmain .art-nulwoningpostcontent li,
#art-nulwoningmain .art-nulwoningpostcontent table,
#art-nulwoningmain .art-nulwoningpostcontent a { font-family: inherit; font-size: 15px; line-height: 1.7; color: #29352b; }
#art-nulwoningmain .art-nulwoningpostcontent p { margin: 0 0 1em; }
#art-nulwoningmain .art-nulwoningpostheader,
#art-nulwoningmain .art-nulwoningpostheader a { font-family: inherit; font-size: 26px; line-height: 1.25; font-weight: 650; letter-spacing: -.4px; color: #285732; text-decoration: none; }
#art-nulwoningmain .art-nulwoningpostmetadataheader { background: #f0f6e9; border-left: 3px solid #84a956; padding: 12px 14px; margin-bottom: 18px; border-radius: 0 6px 6px 0; }
#art-nulwoningmain .art-nulwoningpostcontent h1 { font-size: 30px; }
#art-nulwoningmain .art-nulwoningpostcontent h2 { font-size: 25px; }
#art-nulwoningmain .art-nulwoningpostcontent h3 { font-size: 21px; }
#art-nulwoningmain .art-nulwoningpostcontent h4 { font-size: 18px; }
#art-nulwoningmain .art-nulwoningpostcontent h5,
#art-nulwoningmain .art-nulwoningpostcontent h6 { font-size: 16px; }
#art-nulwoningmain .art-nulwoningpostcontent :is(h1,h2,h3,h4,h5,h6) { font-family: inherit; line-height: 1.3; color: #285732; margin: 1.1em 0 .5em; }
#art-nulwoningmain .art-nulwoningpostcontent a,
#art-nulwoningmain .art-nulwoningblockcontent-body a { color: #326337; text-decoration: underline; text-underline-offset: 3px; }
#art-nulwoningmain .art-nulwoningpostcontent a:hover { color: #193d21; }
#art-nulwoningmain .art-nulwoningpostheadericons,
#art-nulwoningmain .art-nulwoningpostheadericons a,
#art-nulwoningmain .art-nulwoningpostfootericons,
#art-nulwoningmain .art-nulwoningpostfootericons a { font-family: inherit; font-size: 12px; line-height: 1.6; color: #586853; font-style: normal; }
#art-nulwoningmain .art-nulwoningblock { background: #f5f8f0; border: 1px solid #e0e8d8; border-radius: 7px; margin: 14px 10px; }
#art-nulwoningmain .art-nulwoningblockheader .t { font: 600 15px/1.4 'Segoe UI', Arial, sans-serif; color: #2c5030; padding: 13px 14px 8px; white-space: normal; }
#art-nulwoningmain .art-nulwoningblockcontent-body,
#art-nulwoningmain .art-nulwoningblockcontent-body :is(p,li,a,table) { font-family: inherit; font-size: 14px; line-height: 1.6; color: #344232; }
#art-nulwoningmain .art-nulwoningblockcontent-body { padding: 4px 14px 14px; }
#art-nulwoningmain input:not([type=submit]):not([type=checkbox]):not([type=radio]),
#art-nulwoningmain textarea,
#art-nulwoningmain select { box-sizing: border-box; max-width: 100%; border: 1px solid #b7c8b0; border-radius: 5px; padding: 8px 10px; background: #fff; color: #29352b; font: 14px/1.4 'Segoe UI', Arial, sans-serif; }
#art-nulwoningmain a:focus-visible,
#art-nulwoningmain input:focus-visible,
#art-nulwoningmain textarea:focus-visible,
#art-nulwoningmain select:focus-visible { outline: 3px solid #769c43; outline-offset: 3px; }
#art-nulwoningmain span.art-nulwoningbutton-wrapper { background: none; height: auto; margin: 4px 0; }
#art-nulwoningmain .art-nulwoningbutton-l,
#art-nulwoningmain .art-nulwoningbutton-r { display: none; }
#art-nulwoningmain .art-nulwoningbutton,
#art-nulwoningmain input[type=submit],
#art-nulwoningmain button { background: #315b35; color: #fff; border: 0; border-radius: 5px; padding: 9px 16px; height: auto; font: 600 14px/1.4 'Segoe UI', Arial, sans-serif; cursor: pointer; text-decoration: none; }
#art-nulwoningmain .art-nulwoningbutton:hover,
#art-nulwoningmain input[type=submit]:hover { background: #234627; color: #fff; }
#art-nulwoningmain blockquote { background: #f0f6e9; border-left: 3px solid #84a956; padding: 16px 20px; margin: 20px 0; }
#art-nulwoningmain .art-nulwoningfooter { background: #e8efdd; color: #344232; border-top: 1px solid #d9e3cd; padding: 14px 0; }
.art-nulwoningfooter:before, .art-nulwoningfooter:after { content: none; background: none; }
#art-nulwoningmain .art-nulwoningnav-outer { display: flow-root; }
#art-nulwoningmain .art-nulwoningsidebar1 { background: #fafcf7; border-left: 1px solid #e4ebdd; }
.art-nulwoningcontent-layout .art-nulwoningsidebar1:before { content: none; background: none; }
#art-nulwoningmain ul.art-nulwoningvmenu a { background: #edf4e4; border-radius: 4px; color: #2c5030; font-family: inherit; font-size: 14px; }
#art-nulwoningmain ul.art-nulwoningvmenu a:before,
#art-nulwoningmain ul.art-nulwoningvmenu a:after { content: none; background: none; }
#art-nulwoningmain ul.art-nulwoningvmenu a:hover,
#art-nulwoningmain ul.art-nulwoningvmenu a.active { background: #dcebc9; color: #244629; }
#art-nulwoningmain span.art-nulwoningbutton-wrapper .art-nulwoningbutton,
#art-nulwoningmain span.art-nulwoningbutton-wrapper.hover .art-nulwoningbutton { color: #fff !important; padding: 9px 16px !important; }
#art-nulwoningmain ul.art-nulwoninghmenu li:focus-within>ul { visibility: visible; top: 100%; }
#art-nulwoningmain ul.art-nulwoninghmenu li li:focus-within>ul { top: 0; left: 100%; }

/* 1.2.1: headerafbeelding met linker logo rechtstreeks op de header.
   De oude pseudo-laag met z-index -1 werd afgedekt door het witte vlak. */
#art-nulwoningmain div.art-nulwoningheader {
    background-image: url('images/header.jpg');
    background-repeat: no-repeat;
    background-position: center left;
}
#art-nulwoningmain div.art-nulwoningheader:after {
    content: none;
    background-image: none;
}
