html { color: #333; overflow-y: scroll; background-color: #FDFDFD; }
body { font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; min-height: 100%; min-width: 100%; line-height: normal; }
form { float: left; min-height: 100%; min-width: 100%; }
h1 { width: 600px; float: left; clear: left; margin: 2px; margin-left: 0; font-weight: bold; letter-spacing: 0.090em; font-size: larger; }
h2 { letter-spacing: 0.03em; font-weight: bold; color: #333; margin-top: 36px; margin-bottom: 5px; }
h3 { font-weight: bold; }
h4 { color: #333; margin-top: 36px; margin-bottom: 5px; }
h5 { font-weight: lighter; }
em { font-style: italic; }
strong { font-weight: bold; }

img, a { padding: 0; margin: 0; }

.outerholder { float: none; width: 992px; top: 0; margin: 0 auto; min-height: 100%; height: auto; background-color: #FDFDFD; }
.innerholder { float: left; width: 992px; top: 0; margin: 0 auto; min-height: 800px; height: auto; background-color: #FDFDFD; }

.leftbar { float: left; width: 200px; min-height: 100%; height: 100%; }
.centerbar { float: left; width: 542px; min-height: 100%; }
.rightbar { float: left; width: 245px; min-height: 100%; text-align: left; vertical-align: top; }

a, a.order, a:visited { color: #333; text-decoration: none; }
a:hover { color: #000; background-color: #E8E8E8; text-decoration: none; }
.imgthmb:hover { background-color: transparent; }

.menu { margin-top: 75px; margin-bottom: auto; list-style: none; min-height: 100%; float: left; }
.menu li { height: 32px; padding-left: 24px; padding-right: 14px; font-size: 16px; }
.menu li { height: 56px; padding-left: 24px; padding-right: 14px; font-size: 16px; }

.menu a:link, .menu a:visited, .links a:link, .links a:visited { text-decoration: none; color: #333; }

.edition a:link, .edition a:visited { text-decoration: underline; color: #333; }
.edition img, .publication img { margin-top: 12px; margin-bottom: 2px; }

.content { width: 842px; margin-left: auto; margin-right: auto; min-height: 100%; }

.selected a { font-weight: bold; }

.lblTitle { width: 600px; float: left; clear: left; margin: 2px; margin-left: 0; font-weight: bold; font-size: larger; color: #333; }
.lblContent { color: #333; }
.pagetitle { padding-top: 16px; padding-left: 4px; margin-bottom: -1px; }

.lblContent { width: 550px; float: left; clear: left; margin: 2px; margin-left: 0; }
.lblContent { margin-top: 36px; margin-bottom: 5px; }

.divSummary { width: 450px; float: left; clear: left; margin: 2px; }

.divContent { width: 674px; float: left; clear: left; margin: 2px; }
.divContent ul { display: block; }
.divContent ul li { margin-top: 8px; margin-bottom: 14px; text-align: left; }

div.news { clear: none; padding-top: 2px; float: none; display: block; width: 245px; margin-top: 65px; }
div.news ul.newsitems { list-style: none; padding-left: 0; }
div.news ul.newsitems li a:link, div.news ul.newsitems li a:visited { text-decoration: none; color: #333; }

.tbnews { width: 245px; margin-top: 36px; }
.tbnews tr td { padding-left: 4px; padding-bottom: 6px; padding-top: 2px; font-size: 14px; }
/* .tbnews tr td a { text-decoration: none; color: #333; padding-left: 9.5px; } */
.tbnews tr td a { text-decoration: none; color: #333; }
.tbnews tr td a img { margin-right: 5px; }
/* .tbnews tr td a { background-image: url('/_image/btn/right-small.gif'); background-repeat: no-repeat; background-position: left  top; font-size: 14px; color: #333; } */


.newshdrnews { font-size: larger; margin-top: 15px; }
.newshdr { margin-top: 15px; }

.trnews td { width: 245px; display: block; }

.divannouncement { width: 245px; text-align: left; }

.images, .photos { margin-top: 36px; }
.images a img, .photos a img { border: none 0 transparent; top: 0; }
.imagethumb { float: left; height: 270px; width: 216px; margin: 0; display: block; }
/* .photothumb { float: left; height: 518px; width: 648px; margin: 0; display: block; } */

.imglink { margin-right: 62px; display: inline; }
.imglink a { padding-left: 16px; display: inline; }

.image, .photo { float: left; margin: 0; padding: 0; }

.imglabel { font-size: smaller; max-width: 522px; }
.imglabel a { float: right; }
.imglabel a img { margin-left: 10px; margin-top: 0; }

.hidden { display: none; }
.show { display: block; }
.clear { clear: both; }

.newscontent { width: 650px; }

legend { padding-left: 4px; padding-right: 4px; }

.lbl { width: 120px; float: left; clear: left; display: block; margin: 2px; }
.btn { float: left; clear: left; width: auto; }
.txt { width: 330px; margin: 2px; float: left; }
.txtContent { width: 454px; height: 250px; clear: both; display: block; margin: 2px; float: left; }
.val { display: block; float: left; color: Red; clear: right; width: auto; }

.divContent ul li a, .divContent ul li a:visited { text-decoration: none; color: #777; font-weight: bold; }
.divContent ul li a, .divContent ul li a:visited { text-decoration: none; color: #585858; font-weight: bold; }
.divContent ul li a img { width: 10px; height: 13px; }
.divContent { line-height : 21px; }

.divbiography { clear: both; line-height : 21px; }
.gvbiography { width: 765px; }
.gvbiography tr td { padding: 2px; margin: 2px; }
.period { width: 94px; }

.prevnext { display: block; float: right; width: 72px; height: 36px; margin: 0; padding: 0; margin-top: -12px; }
.prevnext a { margin: 0; padding: 0; }
.linkprevious { display: block; float: left; clear: none; margin: 0; padding: 0; }
.linknext { display: block; clear: none; float: right; margin: 0; padding: 0; }
.linkprevious img { width: 36px; height: 36px; margin: 0; padding: 0; }
.linknext img { width: 36px; height: 36px; margin: 0; padding: 0; }

.links { clear: left; margin-top: 32px; }
.links ul { list-style: none; font-weight: normal; }
.links ul li { height: 32px; margin-top: 0; margin-bottom: 0; font-weight: normal; }
.links ul li { height: 56px; margin-top: 0; margin-bottom: 0; font-weight: normal; }
.links ul li a, .links ul li a:visited { color: #333; text-decoration: none; font-weight: normal; }

.contact { clear: left; margin-top: 32px; }
.contact ul { list-style: none; font-weight: normal; }
.contact ul li { height: 24px; margin-top: 0; margin-bottom: 0; font-weight: normal; }
.contact ul li a, .contact ul li a:visited { color: #333; text-decoration: none; font-weight: normal; }

.requestInfo { border: solid 2px Red; clear: both; float: left; display: block; padding : 4px; font-family: 'Courier New'; }
.responseInfo { border: solid 2px Green; clear: both; float: left; padding: 4px; font-family: 'Courier New'; margin-top: 5px; }
div.hsp { clear: both; padding-top: 2px; }
div.hsp ul li a, div.hsp ul li a:visited { font-weight: normal; }

.imgthmb { display: block; clear: both; float: left; margin: 0; padding: 0; }
.imgthmb img { margin: 0; padding: 0;}

a.imagetitle { font-size: 10px; background-image: url(/_image/btn/right-very-small.gif); background-repeat: no-repeat; background-position: left center; padding-left: 8px; float: left; }
a.phototitle { font-size: 10px; float: left; margin-bottom: 15px; }
/* a.phototitle { font-size: 10px; float: left; } */
a.imagetitle:link, a.imagetitle:visited { text-decoration: none; color: #333; }
a.phototitle:link, a.phototitle:visited { text-decoration: none; color: #333; }

.border { border: 1px solid #f7f7f7; }
.border { border: 1px solid #e7e7e7; }

.email, .email:visited { color: #333; text-decoration: underline; font-weight: normal; }
.order { font-size: small; }

.title { font-weight: 600; color: #555; }

.selection { font-size: smaller; }

.menu a:hover { color: #000; background-color: #E8E8E8; text-decoration: none; padding: 12px 16px 12px 16px; margin-left: -16px; }
.link a:hover { color: #000; background-color: #E8E8E8; text-decoration: none; padding: 12px 16px 12px 16px; margin-left: -16px; }

a.phototitle:hover { color: #333; background-color: #FDFDFD; text-decoration: none; padding: 0 0 0 0; margin-left: 0; }
.zelfportret-detail td { padding-top: 4px; padding-right: 10px; font-family: Times,'Times New Roman',Georgia,Serif; font-size: 20px; }
.zelfportret-detail td + td { padding-right: 0px; }
.zelfportret-detail { text-align: justify; }
.yearrow td { padding-top: 30px; }
.times { font-family: Times,'Times New Roman',Georgia,Serif; font-size: 24px; }

/* Hamburger button — hidden on desktop */
.hamburger-btn {
    display: none;
    flex-direction: column;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px 14px 8px 4px;
    justify-content: center;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.hamburger-line {
    display: block;
    width: 15px;
    height: 2px;
    background-color: #333333;
}

.centerbar-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.centerbar-top header h1 {
    float: none;
    clear: none;
    width: auto;
}

.hamburger-btn:hover { background-color: #E8E8E8; }

/* Close button injected by JS into the nav sidebar */
.nav-close-btn {
    display: none;
    background: none;
    border: none;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    padding: 12px 14px;
    float: right;
    color: #333;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

@media (max-width: 992px) {
    html.menu-open { overflow: hidden; }

    .outerholder { width: 100%; }
    .innerholder { width: 100%; min-width: 0; }

    .nav-close-btn { display: block; }

    .hamburger-btn { display: flex; margin-top: 18px; position: relative; z-index: 1000; }

    .images, .photos { margin-top: 18px; }

    .pagetitle { padding-top: 0; margin: 0; }

    .leftbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 220px;
        height: 100vh;
        height: -webkit-fill-available;
        background-color: #FDFDFD;
        z-index: 999;
        transform: translateX(-220px);
        transition: transform 0.3s ease;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-top: 0;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
    }

    .leftbar.nav-open { transform: translateX(0); }

    .nav-overlay {
        display: none;
        position: fixed;
        top: 0; right: 0; bottom: 0; left: 0;
        background: rgba(0, 0, 0, 0.35);
        z-index: 998;
        cursor: pointer;
    }

    .nav-overlay.active { display: block; }

    .centerbar { width: 542px; float: left; min-width: 0; }

    .rightbar { width: 245px; float: left; min-width: 0; }

    .menu { margin-top: 20px; }
}

@media (max-width: 787px) {
    .centerbar { width: 100%; float: none; }
    .rightbar { width: 100%; float: none; }
}