*{box-sizing:border-box}html{background:#3a3a3a}body{background:#3a3a3a;margin:0;color:#303030;font:12px/1.7 Arial,sans-serif}#wrapper{width:900px;margin:0 auto;position:relative;background:#e7e7e7;}#header{position:relative;width:900px;height:266px;background:#e7e7e7;}#header .logo{position:absolute;top:2px;left:4px;z-index:9;width:240px;height:78px}#header .logo img{width:240px;height:78px}#header .menu{position:absolute;right:8px;top:19px;z-index:10;display:flex;align-items:center;white-space:nowrap}#header .menu a{font:14px/30px Arial,sans-serif;text-decoration:none;color:#2c2c2c;padding:0 10px;border-right:1px solid #2c2c2c}#header .menu a:last-child{border:0}#header .menu .active{font-weight:bold;color:#761e20}#header .hero{position:absolute;left:0;top:82px;width:900px;height:184px;object-fit:cover;border-top:4px solid #2c2c2c;border-bottom:4px solid #2c2c2c}#container{display:grid;grid-template-columns:450px 450px;min-height:570px;background:#e7e7e7 url('volonte/i/bg_2columns.gif') repeat-y;}#left .inside,#main .inside{padding:17px 25px 22px;}#container h1{font:700 16px Arial,sans-serif;color:#761e20;letter-spacing:1px;margin:0 0 13px}#container p{margin:0 0 12px;text-align:justify}#container .ce_text{margin-bottom:22px}#container .floatleft{float:left;margin:5px 15px 10px 0;border:4px solid #2c2c2c;max-width:108px}#container a{color:#761e20}#container .right{text-align:right;color:#761e20;font-weight:bold;font-size:11px}#container .right a{text-decoration:none;color:#761e20}#container img{max-width:100%;height:auto}#container .ce_text img.border,#container img.gallery-still{border:4px solid #2c2c2c;max-width:100%}#footer{background:#3a3a3a;color:#aaa;text-align:center;width:900px;padding:7px 0 20px;font-size:11px}#footer .inside{color:#aaa;font-size:11px}.preview-form{font-size:12px}.preview-form input,.preview-form textarea{display:block;width:100%;padding:7px;border:1px solid #bbb;margin:3px 0 10px}.preview-form label{display:block}.preview-form textarea{height:74px}.preview-form button{padding:6px 12px;background:#eee;border:1px solid #aaa}
/* Alleen moderne verbeteringen die de originele desktopindeling intact laten. */
#header .menu a:focus-visible,.lightbox-thumb:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.gallery-photos{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0 24px}
.gallery-photos .lightbox-thumb{width:calc(25% - 7px);min-width:86px;height:76px;overflow:hidden;padding:0;border:2px solid #ddd;background:white;cursor:zoom-in}
.gallery-photos .lightbox-thumb img{width:100%;height:100%;object-fit:cover}
.project-title{margin:20px 0 6px;font-size:13px;color:#0063dc}
.bb-gallery .lightbox-thumb{width:31%;height:110px;border:3px solid #333}
.gallery-dialog{border:0;border-radius:4px;background:#222;box-shadow:0 10px 50px #0008;max-width:min(96vw,1100px);max-height:95vh;padding:12px}
.gallery-dialog::backdrop{background:rgba(0,0,0,.86)}
.gallery-dialog img{display:block;max-width:calc(96vw - 36px);max-height:80vh;object-fit:contain}
.gallery-dialog button{float:right;margin:0 0 10px;padding:5px 12px;border:0;background:#fff;cursor:pointer}
.legacy-form{margin-top:12px}.legacy-form .form-row{margin-bottom:8px}
.legacy-form .form-row label{display:block;font-size:12px}
.legacy-form input,.legacy-form textarea{display:block;width:100%;min-height:30px;max-width:390px;border:1px solid #bbb;background:#fff;padding:5px 8px;margin-top:3px;color:#333;font:13px Arial,sans-serif}
.legacy-form textarea{height:92px;resize:vertical}
.legacy-form button[type=submit]{padding:5px 12px;background:linear-gradient(#fff,#e9e9e9);border:1px solid #aaa;cursor:pointer}
.form-message{background:#fff;border:1px solid #aaa;padding:10px}.spam-trap{position:absolute;left:-200vw;width:1px;height:1px;overflow:hidden}
#container section{min-width:0}
@media(max-width:920px){#wrapper{width:100%;max-width:902px}#header{width:100%;max-width:902px}#header .hero{width:100%;object-position:center}#container{width:100%}#footer{width:100%}#header .menu a{padding:0 6px;font-size:12px}}
@media(max-width:660px){#header{height:256px}#header .logo{top:2px;left:5px;max-width:50%;height:auto}#header .logo img{max-width:100%;height:auto}#header .menu{top:50px;left:3px;right:auto;gap:0;flex-wrap:wrap}#header .hero{top:92px;height:160px}#container,#container.two-column,#container.three-column{display:flex;flex-direction:column;min-height:0}#container section .inside{padding:14px 18px}#container section{width:100%;border:0!important}#container #main{border:0}#footer{text-align:center}.gallery-photos .lightbox-thumb{width:30%}}
#container .project-title{color:#761e20}#container .gallery-photos{margin:12px 0 20px}@media(max-width:660px){#header{height:275px}#header .logo{max-width:44%}#header .menu{top:84px;left:0;right:0;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}#header .hero{top:123px;height:150px}#header .menu a{flex:0 0 auto;font-size:12px;padding:0 7px}}
.photo-slider{position:relative;margin:10px 0 24px;width:100%;max-width:391px;}
.photo-slider-image{display:block;width:100%;aspect-ratio:391/258;height:auto;object-fit:cover;border:4px solid #2c2c2c;}
.photo-slider .slide-prev,.photo-slider .slide-next{position:absolute;top:44%;transform:translateY(-50%);font-size:20px;line-height:1;background:rgba(255,255,255,.78);color:#222;border:0;border-radius:2px;padding:4px 9px;cursor:pointer;}
.photo-slider .slide-prev{left:5px}.photo-slider .slide-next{right:5px}.slide-counter{display:block;text-align:right;font-size:10px;color:#666;margin-top:3px}
.photo-slider button:focus-visible{outline:2px solid #761e20;outline-offset:3px}