html {
  margin: 0;
  padding: 0;
  height: 100%; }
  html body {
    font-size: 1em;
    background-color: #ddd; }
    html body .container {
      position: relative;
      background-color: #fff;
      min-height: 100vh;
      height: 100%;
      padding: 0;
      box-shadow: 0 0 20px #000;
      background-color: #FFF; }
      html body .container header img {
        width: 100%; }
      html body .container section .overleden {
        color: #2A31FF; }
      html body .container section .titel {
        width: 100%;
        font-size: 1.4rem;
        text-align: center; }
      html body .container section .row {
        margin: 0; }
      html body .container section #inhoud #aanmelden img {
        width: 40%;
        height: auto; }
      html body .container section #inhoud #gegevens .links label {
        width: 37%; }
      html body .container section #inhoud #gegevens .links input {
        margin-left: 5px;
        width: 57%; }
      html body .container section #inhoud #gegevens .rechts img {
        width: 50%;
        height: auto; }
      html body .container section #inhoud #gegevens .knop {
        width: 100%;
        font-size: 1.7rem; }
      html body .container section #inhoud #welkom .links {
        margin-top: 2%; }
        html body .container section #inhoud #welkom .links ul li {
          text-decoration: none;
          list-style: none; }
      html body .container section #inhoud #welkom .rechts img {
        width: 50%;
        height: auto; }
      html body .container section #inhoud #adresboek .overleden {
        color: #6610f2; }
      @media screen and (max-width: 506px) {
        html body .container section #inhoud #gedachtenissen .menu {
          font-size: 12px; } }
      @media screen and (min-width: 960px) {
        html body .container section #inhoud #gedachtenissen .insprong {
          padding-left: 100px; } }
      @media screen and (max-width: 506px) {
        html body .container section #inhoud #gedachtenissen .insprong {
          padding-left: 10px; } }
      html body .container section #inhoud #fotoalbum .dropbtn {
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer; }
      html body .container section #inhoud #fotoalbum .dropdown {
        position: relative;
        display: inline-block; }
      html body .container section #inhoud #fotoalbum .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 160px;
        max-height: 500%;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1; }
      html body .container section #inhoud #fotoalbum .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block; }
      html body .container section #inhoud #fotoalbum .dropdown a:hover {
        background-color: #ddd; }
      html body .container section #inhoud #fotoalbum .show {
        display: block; }
      html body .container section #inhoud #fotoalbum ul li {
        text-decoration: none;
        list-style: none; }
      html body .container section #inhoud #fotoalbum .boxheight {
        height: 50vh !important;
        overflow: scroll;
        z-index: 100; }
      html body .container section #inhoud #fotoalbum p {
        color: red;
        text-align: center;
        font-size: 2em; }
      html body .container section #inhoud #marcella0 ul li {
        text-decoration: none; }
        html body .container section #inhoud #marcella0 ul li a {
          color: #F22; }
        html body .container section #inhoud #marcella0 ul li a:hover {
          background-color: #3FF;
          color: black; }
        html body .container section #inhoud #marcella0 ul li .video {
          width: 200%;
          height: auto; }
      html body .container section #inhoud #marcella0 .foto {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 70%;
        t-align: center; }
      html body .container section #inhoud #spits .foto {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 70%;
        t-align: center; }
      html body .container section #inhoud #krantenknipsel .foto {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100% !important;
        t-align: center; }
      html body .container footer {
        background-color: #CCC; }

/*# sourceMappingURL=layout.css.map */