/* CSS Style New 19.05.2020 */

  @media print {
    .noprint {
      display: none; 
      }
    }

  :root {
    --text-color-normal: #000000;
    --text-color-link: #00437E;
    --background-color: #F0F0F0; /* was --title */
    --border: #F0EDD5;
    --menu-background-color: #F0F0F0;
    --menu-buttons-active: #F2F2F2;
    --menu-buttons-background: #E0DFE3;
    --section-lightgray: #FAFAFA;
    --tree-line: #979797;
    }

  a {
    outline: none;
    text-decoration: none;

    &:active  {text-decoration: none; color: var(--text-color-link);}
    &:link    {text-decoration: none; color: var(--text-color-link);}
    &:visited {text-decoration: none; color: var(--text-color-link);}
    }

  body {
    background: url('achtergrond.bmp') gray repeat-y center 0px;
    font-family: Arial;
    font-size: 12px;
    height: 100%;
    margin: 0 auto;
    width: 1024px;
    -webkit-text-size-adjust:100%;
    }

  div {
    margin: 0;
    padding: 0;
    }

  h1 {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    margin: 0.2em 0 0.4em 0;
    }

  h2 {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    margin: 0.2em 0 0 0;
    }

  h3 {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0.2em 0;
    }

  h4 {
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    padding: 0.3em 0 0.8em 0;
    }

  h5 {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    padding: 0;
    }

  hr {
    border: 0;
    height: 1px;
    }

  img {
    border:0;
    }

  p {
    margin: 0;
    padding: 0.5em 0 0 0;
    }

  table {
    border-collapse: collapse;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    }

  td {
    padding: 0px;
    vertical-align: top;
    }

  td .right {
    padding-right: 8px;
    text-align: right;
    }

  sup {
    bottom: 0.33em;
    font-size: smaller;
    padding-left: 0.1em;
    position: relative;
    text-transform: lowercase;
    vertical-align: baseline;
    }

  ul {
    margin-bottom: 0.5em;
    margin-left: 1.3em;
    margin-top: 0.5em;
    padding: 0;
    }

  .a-z {
    bottom: 0;
    border-left: 1px solid lightgray;
    left: 0 auto;
    margin-left: 992px;
    padding: 14px 0 12px 0;
    position: fixed;
    top: 0;
    width: 30px;
    z-index: 999;
    }

  .a-z-1 {
    bottom: 0;
    border-left: 1px solid lightgray;
    right: 0;
    margin: 0;
    padding: 14px 0 12px 0;
    position: fixed;
    top: 0;
    width: 30px;
    z-index: 999;
    }

  .a-z-2 {
    bottom: 0;
    border-left: 1px solid lightgray;
    margin-left: 992px;
    padding: 14px 0 12px 0;
    position: fixed;
    top: 0;
    width: 30px;
    z-index: 999;
    }

  .adresboek-block {
    margin: 0.5em 1.0em 0.5em 1.0em;
    }

  .adresboek-subtitle { font-style:italic; padding: 0.2em 0 0.2em 0; }

  .adresboek-table {
    margin-left: 1em;
    padding: 0;
    width: 660px;
    }

  .adresboek-title { 
    border-top: 1px solid lightgray;
    font-weight:bold;
    padding-top: 0.5em;
    }

  /* afbeeldingen */

  .afbeeldingen {
    margin: 8px;
    padding: 4px 0 4px 0;
    width: 720px;

    table td:nth-child(1n) {
      font-size: 11px;
      text-align: center;
      width: 180px;
      }
    }

  /* afbeeldingen-page */

  .afbeeldingen-page {
    font-size: 11px;  
    margin: 1.0em 0 0.5em 0;
    width: 656px;

    td {
      text-align: center;
      width: 164px;
      }

    td .img-box {
      border: 1px solid lightgray;
      padding: 8px 0 3px 0;
      margin: 0 auto;
      width: 160px;
      }
    }

  /* aie */

  .aie {
    p {
      border-top: 1px solid lightgray;
      margin: 0;
      padding-top: 0.5em;
      }

    .mytable {
      border: 1px solid lightgray;
      }

    .mytable td {
      border: 1px solid lightgray;
      padding-left: 0.5em;
      }

    .mytable .right {
      padding-right: 1em;
      text-align: right;
      width: 120px;
      }
    }

  /* */

  .anchor {
    position: relative;
    top: -76px;
    }

  /* article */

  .article {
    padding: 12px;
    }

  .auteur {
    background-color: white;
    border: 1px solid lightgray;
    color: gray;
    margin: 90px 0 12px 842px;
    padding: 0.5em 0.5em 0.5em 0.5em;
    position: fixed;
    top: 0;
    z-index: 998;

    a.link {padding:0;}
    }

  /* benaming */

  .benaming { 
    column-gap: 0.5em;
    display: grid;
    font-size: 11px;
    grid-template-columns: auto auto auto;
    padding: 1.0em 52px 0.8em 0.5em;
    
    .col {
      padding-left: 0.5em;
      }

    .h1, .h2, .h3 {
      background-color: var(--background-color);
      margin-bottom: 0.3em;
      padding: 0.2em 0 0.2em 0.5em;
      font-weight: bold;
      }
    }

  /* */

  .bevolkingsregister table {
    margin: 0.2em 0 0.5em 15px;
    }

  /* blok */

  .blok {
    background-color: var(--section-lightgray);
    font-family: Arial;
    font-size: 12px;
    margin-bottom: 16px;
    text-align: left;

    h3 {
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 0.1em;
      }

    td {
      vertical-align: top;
      }
  
    .footer {
      padding-right: 12px;
      text-align: right;
      }

    .header {
      background-image: url('titel.bmp');
      border-bottom: 1px solid var(--border);
      padding: 3px 12px 3px 12px;
      }

    .right {
      padding-right: 0.5em;
      text-align: right;
      }
    }

  /* blok-image */

  .blok-image {
    border-bottom: 1px solid lightgray;
    height: 200px;
    margin-bottom: 12px;
    overflow: hidden;
    padding-bottom: 12px;
    width: 100%;

    img {
      border: 1px solid lightgray;
      }

    .image {
      float: left;
      margin-right: 12px;
      }

    .content {
      height: 100%;
      float: left;
      margin: 0;
      padding: 0;
      }

    .content .info-top {
      height: 185px;
      width: 100%;
      }

    .content .info-bottom {
      font-size: 11px;
      width: 100%;
      }
    }

  /* blok-toelichting */

  .blok-toelichting {
    background-color: #C4C5A9; /* oude kleur */
    padding: 36px 0 0 36px;

    .content-tekst {
      background-color: #DBD9C1; /* oude kleur */
      font-family: Arial;
      font-size: 12px;
      margin-left: 100px;
      padding: 20px;
      }
    }

  /* blok-top */

  .blok-top {
    background-color: white;
    font-family: Arial;
    font-size: 12px;
    margin-bottom: 16px;
    text-align: left;

    .header {
      background-image: url('titel.bmp');
      border-bottom: 1px solid lightgray;
      height: 21px;
      padding: 0 12px 0 12px;
      }

    .header td {
      padding-top: 3px;
      }

    .bron {
      vertical-align: bottom !important;
      }

    .content {
      padding: 12px;
      }
    }

  /* body-viewport */

  .body-viewport {
    background-color: var(--section-lightgray);
    font-family: Arial;
    font-size: 12px;
    width: 783px;

    .container {
      padding: 0 12px 0 12px;
      }
    }

  /* border-top */

  .border-top-dark td {
    border-top: 1px solid gray;
    }

  .border-top-light td {
    border-top: 1px solid lightgray;
    }

  /* bron */

  .bron {
    clear: both;
    font-size: 11px;
    margin-top: 0.5em;
    width: 100%; /* 660px; */

    img {
      margin-right: 0.3em;
      }
    }

  /* */

  .bron-info {
     clear: left;
     padding-top: 0.5em;
     cursor: pointer;
     }

  .bron-info-content {
     display: none;
     font-size: 11px;
     margin-right: 6px;
     padding: 0.3em 0 0.5em 16px;
     width: 100%;
     }

  .bronnen {
    clear: both;
    margin-top: 0.5em;
    width: 660px;

    table {
      font-size: 11px;
      }
    }

  /* container */

  .container {
    background-color: #FFFFFF;
    height: 100%;
    padding: 76px 12px 1024px 12px;
    position: relative;
    }

  .container-left {
    float: left;
    width: 736px;

    a:target { /* fout */
      padding-top: 65px;
      }
    }

  .container-right {
    background-color: var(--section-lightgray);
    border: 1px solid lightgray;
    left: auto;
    margin: 15px 0 12px 749px;
    padding: 4px 12px 12px 12px;
    position: fixed;
    width: 226px;
    }

  /* content-adresboeken */

  .content-adresboeken {
    margin-top: 5px;
    width: 100%;
    }

  /* content-archief */

  .content-archief {
    padding: 12px;

    h3 {
      margin-bottom: 0;
      padding-bottom: 0.4em;
      }

    h4 {
      padding-top: 0;
      padding-bottom: 0.4em;
      }

    ol {
      margin : 0;
      padding: 0 0 0.2em 2.5em;
      }

    p {
      font-size: 11px;
      font-style: italic;
      margin: 0;
      padding: 0 0 0.2em 0.8em;
      }

    ul {
      font-size: 11px;
      font-style: italic;
      padding-left: 0.5em;
      }

    .hyphen {
      margin-left: 1em;
      }

    .tabel {
      margin: 0.2em 0 0 0.5em;
      }

    .tabel td {
      font-size: 11px;
      font-style: italic;
      padding-right: 0.5em;
      }

    .tabel td:first-child {
      padding-right: 0.5em;
      text-align: right;
      }

    .titel {
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      padding-bottom: 3px;
      }

    .item {
      border-bottom: 1px solid lightgray;
      padding: 0.3em 0 0.5em 0;
      margin-bottom: 0.5em;
      }

    .item:last-child {
      border: none;
      margin: 0;
      padding: 0.3em 0 0 0;
      }

    .item-titel {
      padding-bottom: 0.2em;
      }
    }

  /* content-border-bottom */

  .content-border-bottom {
    padding: 12px;

    td {
      border-bottom: 1px solid lightgray;
      }
    }

  /* content-bottom-info */

  .content-bottom-info {
    background-color: #DBD9C1; /* oude kleur */
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    padding: 12px 12px 12px 14px;

    a {
      color: #000000;
      text-decoration: none;
      }

    .tekst {
      font-family: Arial;
      font-size: 11px; 
      padding-top: 0.5em;
      }
    }

  /* content-eigendomsontwikkeling */

  .content-eigendomsontwikkeling {
    padding: 12px;

    .borderbottom {
      border-bottom: 1px solid lightgray;
      margin-bottom: 3px;
      padding-bottom: 3px;
      width: 100%;
      }
  
    .kadaster .artikel {
      border: 1px solid lightgray;
      margin: 6px 0 6px 64px;
      padding-bottom: 6px;
      width: 646px;
      }

    .kadaster .artikel .bron {
      border-top: 1px solid lightgray;
      font-size: 11px;
      font-style: italic;
      margin-top: 6px;
      padding-top: 3px;
      }

    .right {
      float: left;
      padding-right: 8px;
      text-align: right;
      width: 42px;
      }
    }

  /* content-feiten */

  .content-feiten {
    padding: 12px;

    .bron {
      font-size: 11px;
      margin-top: 0.4em;
      }

    .bullet {
      padding-left: 2px;
      }
    }

  /* content-genealogie */

  .content-genealogie {
    background-color: var(--section-lightgray);
    font-family: Arial;
    font-size: 12px;

    .footer {
      border-top: 1px solid var(--border);
      font-size: 8px;
      padding: 3px 12px 3px 12px;
      text-align: left;
      }

    .header {
      background-color: #D4CCAA; /* oude kleur */
      border-bottom: 1px solid var(--border);
      padding: 3px 0 3px 12px;
      text-align: left;
      }

    iframe {
      border: none;
      width: 100%
      }
    }

  /* content-header */

  .content-header {
    background-color: #DBD9C1; /* oude kleur */
    height: 200px;
    padding: 12px 0 16px 12px; 

    .bron {
      vertical-align: bottom;
      }
    }

  /* content-images */

  .content-images {
    background-color: var(--background-color);
    height: 70px;
    padding: 8px 0 0 8px;

    img {
      padding-right: 6px;
      }
    }

  /* content-link */

  .content-link {
    padding: 12px;
    }

  /* content panden */

  .content-panden {
    background-color: var(--section-lightgray);
    font-family: Arial;
    font-size: 12px;
    padding: 12px;
    text-align: left;

    table {
      margin-left: 1em;
      }

    .adresboek {
      padding: 0;
      clear: both;
      width: 670px;
      }

    .adresboek .titel {
      font-style: italic;
      padding-top: 0.2em;
      }

    .adresboek .jaar {
      float: left;
      width: 35px;
      }

    .leesverder {
      padding: 0.5em 0 0 0;
      }

    .pand-blok {
      padding: 5px 0 0 12px;
      }

    .pand-blok-indent {
      padding: 5px 0 5px 12px;
      }

    .pand-kop {
      border-top: 1px solid lightgray;
      padding-top: 6px;
      clear: both;
      }

    .pand-naam {
      border-top: 1px dotted lightgray;
      margin-top: 4px;
      padding-top: 4px;
      clear: both;
      }

    .pand-tekst {
      padding: 5px 0 0.5em 0;
      }

    .straat {
      background-color: white;
      clear: all;
      border-bottom: 1px solid lightgray;
      border-top: 1px solid lightgray;
      margin: 0 0 8px 0;
      padding: 2px 0 2px 0;
      }
    }

  /* content pre */

  .content-pre pre {
    padding: 0 12px 12px 12px;
    }

  /* content tekst */

  .content-tekst {
    padding: 12px;

    h1 {
      font-family: Arial;
      font-size: 15px;
      font-weight: bold;
      margin: 0;
      padding: 0.3em 0 0.6em 0;
      }

    h2 {
      font-family: Arial;
      font-size: 13px;
      font-weight: bold;
      margin: 0;
      padding: 0 0 0.3em 0;
      }

    h3 {
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      margin: 0;
      padding: 0 0 0.3em 0;
      }

    h4 {
      font-size: 11px;
      font-style: italic;
      font-weight: normal;
      margin: 0 0 0.1em 0;
      padding: 0 0 0 0;
      }

    .bron {
      clear: both;
      font-size: 11px;
      margin-top: 0.5em;
      }

    .adresboek-title:nth-of-type(1) {
      border: none;
      padding-top: 0;
      }

    .kantlijn-rechts-afbeeldingen {
      border-left: 1px solid var(--border);
      font-style: italic;
      padding-left: 8px;
      text-align: right;
      }

    .kop2 {
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      padding-bottom: 8px;
      }

    .literatuur {
      clear: both;
      font-size: 11px;
      margin-top: 0.5em;
      }

    .literatuur-content {
      padding-left: 1.5em;
      }
    }

  /* content-ten-cate */

  .content-ten-cate {
    margin: 0.2em 0.5em 0 0.5em;
    width: 100%;

    .border-left {
      border-left: 1px solid var(--border); 
      padding-left: 0.5em; 
      vertical-align: top;    
      }

    .nb-kop {
      font-size: 11px;
      margin: 0.5em 0 0.5em 0;
      }

    .nb {
      font-size: 11px;
      font-style: italic;
      }

    .right {
      padding: 0 0.5em 0 0.5em;
      text-align: right;
      vertical-align: top;
      width: 70px;
      }
    }

  /* content tijd */

  .content-tijd {
    padding: 0.3em 12px 12px 12px;

    h2 {
      font-family: Arial;
      font-size: 13px;
      font-weight: bold;
      margin: 0 0 0.3em 0;
     }

    h3 {
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      margin: 0 0 0.3em 0;
      }

    h4 {
      font-size: 11px;
      font-style: italic;
      font-weight: normal;
      margin: 0;
      padding: 0 0 0.3em 0;
      }

    td {
      border-top: 1px solid lightgray;
      padding-bottom: 0.5em;
      padding-top: 0.5em;
      }

    table tr:first-child td:nth-child(1n) {
      border-top: none;
      }

    table td:nth-child(1) {
      padding-right: 0.5em;
      text-align: right;
      width: 34px;
      }

    table td:nth-child(2) {
      padding-right: 12px;
      width: 629px;
      }

    table td:nth-child(3) {
      width: 32px;
      }

    .bron {
      font-size: 11px;
      margin-top: 0.3em;
      width: 100%;
      }

    .bron-info {
      font-size: 11px;
      padding-top: 0.3em;
      }

    .literatuur {
      clear: both;
      font-size: 11px;
      margin-top: 0.5em;
      width: 100%;
      }

    .literatuur-content {
      padding-left: 1.5em;
      }
    }

  /* content-tijd-afbeelding */

  .content-tijd-afbeelding {
    font-family: Arial;
    font-size: 12px;
    padding: 12px;

    h3 {
      font-weight: bold;
      margin: 0;
      padding: 0 0 0.3em 0;
      }

    h4 {
      font-size: 11px;
      font-style: italic;
      font-weight: normal;
      margin: 0;
      padding: 0 0 0.3em 0;
      }

    td {
      border-top: 1px solid lightgray;
      }

    table tr:first-child td:nth-child(1n) {
      border-top: none;
      padding-top: 4px;
      }

    table td:nth-child(1) {
      padding: 8px 5px 8px 0;
      text-align: right;
      width: 80px;
      }

    table td:nth-child(2) {
      padding: 8px 7px 8px 6px;
      width: 600px;
      }

    .bron {
      font-size: 11px;
      margin-top: 0.2em;
      width: 600px;
      }

    .bron-info {
      clear: left;
      padding-top: 0;
      cursor: pointer;
      }
    }

  /* content-tijd-tekst */

  .content-tijd-tekst {
    padding: 12px;

    h4 {
      padding: 0.2em 0 0.5em 0;
      }

    td {
      padding-top: 0;
      }

    .archief {
      font-size: 12px;
      font-style: normal;
      margin-left: 1em;

      ol {
        margin: 0;
        padding-bottom: 0;
        }

      ul {
        margin: 0;
        padding-bottom: 0;
        }
      }

    .indent {
      margin-left: 1em;
      text-indent: 0;
      }

    .item {
      border-bottom: 1px solid lightgray;
      padding-bottom: 0.6em;
      margin-bottom: 0.6em;

      &:last-child {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
        }
      }

    .kantlijn-links {
      padding-right: 12px;
      }

    .kantlijn-rechts {
      border: none;
      padding-left: 8px;
      }
    }

  /* content-tijd-naam-bron */

  .content-tijd-naam-bron {
    padding: 12px;

    table {
      width: 704px;
      }
 
    table tr:first-child td:nth-child(1n) {
      border-top: none;
      padding-top: 2px;
      }

    table td {
      border-top: 1px solid lightgray;
      padding: 2px 0 2px 0;
      }

    table td:nth-child(1) {
      padding-right: 0.5em;
      text-align: right;
      width: 34px
      }

    table td:nth-child(2) {
      padding-right: 1.0em;
      white-space: nowrap;
      }
    }

  /* content-titel */

  .content-titel {
    font-family: Arial;
    font-size: 12px;
    padding-bottom: 16px;
    text-align: left;  

    .right {
      text-align: right;
      }
    }

  /* content-volkstelling */

  .content-volkstelling {
    padding: 12px;

    table {
      width: 100%;
      }

    table tr:first-child td:nth-child(1n) {
      border-top: none; padding-top:2px;
      }

    table td {
      border-bottom: 1px solid lightgray;
      font-size: 11px;
      vertical-align: top;
      }

    table td:nth-child(1) {
      padding-right: 0.5em;
      text-align: right;
      width: 50px;
      }

     table td:nth-child(2) {
      padding-right: 0.5em;
      text-align: right;
      width: 20px;
      }

    table td:nth-child(5) {
      padding-right: 0.5em;
      text-align: right;
      width: 20px;
      }
    }

  /* */

  .cop ul {
    margin-top: 2px;
    width: 643px;

    ul .bron {
      font-size: 11px;
      font-weight: normal;
      margin: 0.1em 0 0.5em 0;
      width: 643px;
      }
    }

  .copyright {
    color: gray;
    font-size: 11px;
    padding: 10px 0 12px 0;
    }

  .data {
    margin-left: 1em;
    padding-top: 90px;

    .container-left {
      padding-bottom: 1024px;
      }
    }

  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 660px;
    }

  /* fonts */

  .font11 {
    font-family: "Myriad Pro", Arial;
    font-size: 11px;
    font-weight: normal;
    }

  .font12 {
    font-family: "Myriad Pro", Arial;
    font-size: 12px;
    font-weight: normal;
    }

  /* footer */

  .footer {
    border-top: 1px solid lightgray;
    color: gray;
    font-family: Arial;
    font-size: 11px;
    height: 19px;
    margin: 0;
    padding: 4px 0 0 6px;
    text-align: left;

    a {
      color: gray;
      text-decoration: none; 
      }
    }

  /* functies */

  .functies-opmerking {
    padding-top: 0.3em;
    width: 650px
    }

  /* grid2 */

  .grid2 {
    column-gap: 1.0em;
    display: grid;
    font-size: 11px;
    grid-template-columns: auto auto;
    padding: 0;

    div:nth-child(-n + 2) {
      background-color: var(--background-color);
      font-weight: bold;
      margin-bottom: 0.3em;
      padding: 0.2em 0 0.2em 0.5em;
      }

    div:nth-child(n + 3) {
      padding: 0 0 0.1em 0.5em;
      }
    }

  /* grid3 */

  .grid3 {
    column-gap: 0;
    display: grid;
    font-size: 11px;
    grid-template-columns: auto auto auto;
    padding: 0;

    div:nth-child(-n + 3) {
      background-color: var(--background-color);
      font-weight: bold;
      margin-bottom: 0.3em;
      padding: 0.2em 0 0.2em 0.5em;
      }

    div:nth-child(n + 4) {
      border-bottom: solid 1px var(--background-color);
      padding: 0 0 0.1em 0.5em;
      }
    }

  /* grid4 */

  .grid4 {
    column-gap: 1.0em;
    display: grid;
    font-size: 11px;
    grid-template-columns: auto auto auto auto;
    padding: 0;

    div:nth-child(-n + 4) {
      background-color: var(--background-color);
      font-weight: bold;
      margin-bottom: 0.3em;
      padding: 0.2em 0 0.2em 0.5em;
      }

    div:nth-child(n + 5) {
      padding: 0 0 0.1em 0.5em;
      }
    }

  /* */

  .handelsregister > h4:nth-of-type(2) {
    padding-left: 1.5em;
    }

  .hanging-indent p {
    font-size: 11px;
    margin: 0 0 0.1em 1.0em;
    padding: 0;
    text-indent: -1.0em;
    }

  .hyphen {
    list-style-type: none;
    margin: 0;
    padding: 0.2em 0 0.2em 1.5em;
  
    li:before {
      content: "-"; 
      position: absolute;
      margin-left: -0.8em;
      }
    }

  .hr {
    border-top: 1px solid lightgray;
    margin-top: 1em;
    padding-bottom: 0.5em;
    width: 100px;
    }

  .icoon {
    float: right;

    img {
      border: none;
      width: 20px;
      }
    }

  /* image-container */

  .image-container {
    border: 1px solid lightgray;
    clear: both;
    padding: 6px;
    padding-right: 12px;

    .content {
      display: inline-block;
      }

    img {
      border: 0;
      padding-right: 6px;
      }
    }

  .img-box {
    border: 1px solid lightgray;
    padding: 8px 0 3px 0;
    margin: 0 auto;
    width: 170px;
    }

  .img-center {
    background-color: #FFFFFF;
    border: 1px solid lightgray;
    font-size: 11px;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    padding: 6px 6px 6px 6px;
    }

  .img-default {
    margin-top: 0.5em;

    img {
      border: 1px solid lightgray;
      float: left;
      margin: 0 1.0em 0.5em 0;
      width: 100px;
      }
    }

  .img-left {
    background-color: #FFFFFF;
    border: 1px solid lightgray;
    float: left;
    font-size: 11px;
    font-style: italic;
    margin: 3px 8px 8px 0;
    padding: 6px 6px 6px 6px;
    }

  .img-right {
    background-color: #FFFFFF;
    border: 1px solid lightgray;
    float: right;
    font-size: 11px;
    font-style: italic;
    margin: 3px 0 8px 8px;
    padding: 6px 6px 6px 6px;

    img {
      display: block;
      padding-bottom: 3px;
      }
    }

  .img-noframe img {
    float: left;
    padding: 0 6px 6px 0;
    }

  .indent {
    text-indent: 1em;
    }

  .info {
    font-family: Arial;
    font-size: 11px;
    margin-top: 0.5em;
    }

  .index {
    background-color: white;
    color: var(--text-color-link);
    height: 100%;
    line-height: 130%;
    padding: 86px 2em 1024px 2em;
    position: relative;

    a:target { /* fout */
      padding-top: 86px;
      }

    .az {
      font-weight: bold;
      padding-top: 8px;
      }

    .nummer {
      clear: both;
      float: left;
      padding-right: 0.5em;
      text-align: right;
      width: 40px;
      }

    .straten > a div {
      float: left;
      width: 250px;
      }

    .tekst {
      padding: 0 0 0.5em 1em;
      }

    .pandenlijst > a div:nth-child(1) {
      float: left;
      width: 340px;
      }

    .pandenlijst > a div:nth-child(2) {
      float: left;
      padding-right: 1em;
      text-align: right;
      width: 80px;
      }

    .verdwenen > a div {
      float: left;
      overflow: hidden;
      padding-right: 1em;
      text-overflow: ellipsis;
      white-space: nowrap; 
      width: 300px;
      }
    }

  /* */

  .index-indent {
    padding-left: 1em;
    }

  .italic {
    font-style: italic;
    }

  .kaart {
    font-family: Arial;
    font-size: 12px;
    width: 340px;
    }

  .kaart-content {
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    padding: 6px 0 6px 0;
    }

  .kaart-header {
    font-weight: bold;
    height: 19px;
    margin: 0;
    overflow: hidden;
    padding-bottom: 3px;
    text-overflow: ellipsis;
    width: 340px;
    }

  /* kantlijn */

  .kantlijn-links {
    padding-right: 12px;
    }

  .kantlijn-links-afbeeldingen {
    padding-right: 8px;
    }

  .kantlijn-rechts {
    border-left: 1px solid lightgray;
    color: gray;
    font-size: 11px;
    font-weight: normal;
    padding-left: 8px;
    }

  .klein {
    font-size: 11px;
    padding-top: 0.3em;
    }

  .kop1 {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    margin: 0.2em 0 0.8em 0;
    }

  .kvk {
    margin: 2px 0 0.5em 1em;
  
    .item {
      clear: left;
      cursor: pointer;
      padding-bottom: 2px;
      }

    .tekst {
      float: left;
      padding: 0.3em 0 0.5em 1.5em;
      width: 650px;
      }
    }

  .kwartieren {
    border: 1px solid lightgray;
    display: flex;
    margin: 0.8em 0 0.8em 0;
    padding: 0.5em 0 0.5em 0;
    text-align: center;

    .col {
      float: left;
      }
    }

  .lijst {
    padding-right: 4px;
    text-align: right;
    }

  /* literatuur */

  .literatuur {
    clear: both;
    font-size: 11px;
    padding-top: 0.5em;
    width: 660px;
    }

  .literatuur-content {
    padding-left: 1.5em;
    }

  /* menu-top */

  .menu-top {
    background-color: var(--menu-background-color);
    border-bottom: 1px solid lightgray;
    border-top: 1px solid white;
    left: auto;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 1024px;
    z-index: 999;

    .active {
      background-color: var(--menu-buttons-active);
      border-bottom: 1px solid lightgray;
      border-left: 1px solid white;
      border-right: 1px solid lightgray;
      border-top: 1px solid white;
      display: inline-block;
      height: 22px;
      line-height: 22px;
      padding: 0 8px 0 8px;
      }

    .inactive {
      height: 24px;
      line-height: 24px;
      padding: 0 9px 0 9px;
      }

    .crumblepath {
      height: 24px;
      line-height: 24px;
      padding: 0 21px 0 21px;
      }

    .buttons {
      background-color: var(--menu-buttons-background);
      border-bottom: 1px solid white;
      border-top: 1px solid gray;
      height: 24px;
      padding: 0 12px 0 12px;
      }

    .links {
      height: 24px;
      line-height: 24px;
      padding: 0 21px 0 21px;
      }

    .links a {
      padding-right: 1em;
      }

    .links-active {
      border-bottom: 1px solid orange;
      padding-bottom: 4px;
      }
    }

  /*  */

  .monument {
    a {
      border-bottom: 1px dotted; 
      }

    table td {
      padding-right: 0.5em;
      }
    }

  .monument-info {
    font-size: 11px;
    padding-top: 0.2em;
    }

  /* mosmans */

  .mosmans {
    h4 {
      &:nth-of-type(1) {padding-top: 3px;}
      &:nth-of-type(2) {padding-top: 6px;}
      &:nth-of-type(3) {padding-top: 6px;}
      }

    table {
      td:nth-of-type(1) {padding-right: 6px;}
      td:nth-of-type(2) {}
      }

    ol {
      margin-bottom: 0;
      margin-top: 0;
      }
    }

  /* nav */

  .nav {
    color: var(--text-color-link);
    margin: 0;
    padding: 0;

    h1 {
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 0.3em;
      }
    }

  .nav-buttons {
    border: 1px solid lightgray;
    float: left;
    height: 19px;
    margin-right: 4px;
    text-align: center;
    width: 43px;
    }

  .nav-img-scrollbox {
    background-color: var(--section-lightgray);
    border: 1px solid lightgray;
    height: 130px;
    margin: 0.5em 0 1.5em 0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 1em;
    }

  .nav-img-border {
    background-color: white;
    border: 1px solid lightgray;
    height: 120px;
    margin-bottom: 1em;
    position: relative;
    width: 120px;

    img {
      bottom: 0;
      left: 0;
      margin: auto;
      max-height: 100px;
      max-width: 100px;
      position: absolute; 
      right: 0;
      top: 0;
      }
    }

  .nav-indent {
    margin: 0 0 1em 0.7em;
    overflow: hidden;
    white-space: nowrap;

    .ellipsis {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 220px;
      }
    }

  .nav-indent-second {
    margin-left: 0.5em;
    }

  .nav-kadaster table td {
    padding-right: 0.5em;
    }

  .nav-scrollbox {
    background-color: var(--section-lightgray);
    height: 72px;
    margin: 0.5em 0 1.5em 0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 0.5em;
    }

  .nav-top-button {
    background-image: url("top.png");
    background-position: center; 
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 100%
    }

  .nav-top-container {
    border-bottom: 1px solid lightgray;
    margin-bottom: 1em;
    }

  /* noten */

  .noten {
    padding: 0.5em 0 0 0;
    width: 660px;

    table {
      font-family: Arial;
      font-size: 11px;
      padding-right: 50px;
      }

    td {
      vertical-align: top;
      }

    .right {
      padding-right: 0.3em;
      text-align: right;
      width: 30px;
      }
    }

  /* */
  
  .left {
    width: 1.5em;
    } 

  .link {
    outline: none;
    padding-left:0.5em;
    text-decoration: none;
    }

  .literatuur {
    padding-bottom: 0.5em;
    }

  .literatuur-content {
    font-size: 11px;
    padding-left: 1em;
    }

  .opschrift {
    background-color: var(--background-color);
    border: 1px solid lightgray;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
    line-height: 16px;
    margin-bottom: 1em;
    padding: 1em;
    }

  .permalink { 
    border: 1px solid lightgray;
    color: gray;
    font-size: 11px;
    margin-top: 0.2em;
    width: 220px;
    }

  .regest {
    border-bottom: 1px solid #DBD9C1; /* oude kleur */
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    }

  .remark {
    border-left: 2px solid lightgray;
    font-style: italic;
    margin: 1em;
    padding-left: 1em;
    }

  .remark-light {
    border-left: 1px solid lightgray;
    font-style: italic;
    margin: 0.5em 0.5em 0.5em 1em;
    padding-left: 1em;
    }

  .right {
    padding-right: 0.5em;
    text-align: right;
    width: 1.5em;
    }

  .schema iframe {
    background-color: white;
    border: none;
    width: 100%
    }

  .schildje {
    float: right;

    img {
      border: none;
      width: 20px;
      }
    }

  .section {
    background-color: var(--section-lightgray);
    border: 1px solid lightgray;
    margin-top: 15px;
    width: 100%;

    .header {
      background: -webkit-linear-gradient(#FFFFFF, #F3F3F3); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#FFFFFF, #F3F3F3); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#FFFFFF, #F3F3F3); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#FFFFFF, #F3F3F3); /* Standard syntax */
      border-bottom: 1px solid lightgray;
      height: 21px;
      padding: 0 12px 0 12px;
      line-height: 18px;
      }

    .header .markers {
      float: right;
      padding-top: 3px;
      }

    .header .title {
      float: left;
      padding-top: 2px;
      }
    }

  .smits-left {
    border-right: 1px solid lightgray;
    text-align: center;
    vertical-align: middle;
    width: 40%;

    img {
      border: 1px solid lightgray;
      }
    }

  .smits-right {
    font-family: times;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;

    .zerknaam {
      font-size: 14px;
      }
    }

  .spacer {
    margin-top: 0.5em;
    }

  .strike { 
    text-decoration: line-through;
    -moz-text-decoration-color: gray;
    text-decoration-color: gray;
    }

  .subtitle {
    font-family: "Myriad Pro", Arial;
    font-size: 11px;
    font-weight: normal;
    padding-bottom: 0.3em;
    }

  .tekstblok {
    background-color: white;
    border: 1px solid lightgray;
    display: inline-block;
    font-size: 11px;
    margin: 0.5em 0 0.5em 0;
    padding: 1em;
    text-align: center;
    }

  .tekstblok-large {
    font-family: Times;
    font-size: 11px;
    }

  .tekstblok-small {
    font-family: Times;
    font-size: 9px;
    }

  .tekstblok-uppercase {
    text-transform: uppercase;
    }

  /* tijdschrift */

  .tijdschrift {
    display: grid;
    font-size: 11px;
    line-height: 120%;
    grid-column-gap: 2px;
    grid-template-columns: auto 220px;
    padding: 0 0 0.3em 0;

    div:nth-child(-n + 2) {
      background-color: var(--background-color);
      margin-bottom: 0.3em;
      padding: 0.2em 0 0.2em 0.5em;
      font-weight: bold;
      }

    div:nth-child(n + 3) {
      padding: 0 0 0.1em 0.5em;
      border-bottom: 1px solid var(--background-color);
      }

    div:nth-child(2n + 1) {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      }
    }

  /* toelichting */

  .toelichting {
    background-color: #FFFFFF;
    border: 1px solid lightgray;
    height: 400px;
    padding: 2em;
    width: 736px;

    img {
      border-right: 1px solid gray;
      }

    .tekst {
      float: left;
      padding-left: 16px;
      width: 600px;
      }
    }

  /* */

  .top {
    bottom: 10px;
    border: 1px solid lightgray;
    left: 0;
    margin-left: 968px;
    padding: 12px 0 6px 0;
    position: fixed;
    text-align: center;
    width: 30px;
    z-index: 99;
    }

  .topline {
    bottom: 0.44em;
    left: -0.14em;
    margin-left: -0.32em;
    position: relative;
    text-transform: lowercase;
    vertical-align: baseline;
    }

  /* tree-line */

  .tree-line {
    margin: 0.2em 0 0.2em 0.2em;
    width: 100%;

    li {
      list-style-type: none;
      margin-left: 18px;
      position: relative;
      }

    li::before {
      border-left: 1px solid var(--tree-line);
      border-bottom: 1px solid var(--tree-line);
      content: "";
      height: 15px;
      left: -14px;
      position: absolute;
      top: -7px;
      width: 9px;
      }

    li::after {
      border-left: 1px solid var(--tree-line);
      border-top: 1px solid var(--tree-line);
      content: "";
      height: 100%;
      left: -14px;
      position: absolute;
      top: 8px;
      width: 9px;
      }

    li:first-child::before {
      height: 9px;
      top: -1px;
      }

    li:last-child::after {
      display: none;
      }
    }

  /* */

  .ul-decimal {
    list-style-type: decimal;
    margin: 0.5em 0 0.5em 2.0em;
    }

  .ul-roman {
    list-style-type: upper-roman;
    margin: 0.5em 0 0.5em 2.0em;
    }

  .underline {
    text-decoration: underline;
    }

  .up {
    bottom: 10px;
    left: 0;
    margin-left: 940px;
    position: fixed;
    z-index: 999;
    }

  .voetnoot {
    font-size: 11px;
    font-style: italic;
    padding-top: 0.3em;
    }

  .woordenlijst table td:nth-child(1) {
    text-align: left;
    width: 134px;
    }