/* Algemeen */
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width:100vw;
  max-width:775px;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

th {
  background-color: #ffa500;
}

tr:nth-child(even) {
  background-color: #F3D2B7;
}

/* unvisited link */
a:link {
  color: darkgray;
}

/* visited link */
a:visited {
  color: black;
}

/* mouse over link */
a:hover {
  color: darkgray;
}

/* selected link */
a:active {
  color: grey;
}


.site {
     font-family: arial, sans-serif;
     width:100vw;
    }

.header {
     background-color: white;
     text-align: center;
     height:200px;
     width:100vw;
     }

.topnav {
      background-color: lightgrey;
      overflow: hidden;
      font-weight: bold;
      font-size:100%;
      width:100vw;
      }

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  
}
.switch {
      background-color: skyblue;
}

/* Change the color of links on hover */
.topnav a:hover {
  /*background-color: #ddd;*/
  background-color: white;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  /*background-color: #04AA6D;*/
  background-color: grey;
  color: white;
}
      
.content {
     /*top:300px;*/
     z-index:-1;
     width:100vw;
     max-width:775px;
     }
     
.brief {
     text-align: left;
     padding-top: 20px;
     padding-right: 20px;
     padding-bottom: 20px;
     padding-left: 5px;
     width:90vw;
     max-width:775px;
     }
     
.wallsz {
      text-align: center;
      font-size:125%;
      padding-top: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      padding-left: 5px;
      width:90vw;
      max-width:775px;
      }
 




.briefstand {
     text-align: left;
     padding-top: 20px;
     padding-right: 20px;
     padding-bottom: 20px;
     padding-left: 5px;
     width:90vw;
     max-width:775px;
     }
     
     
     
.tablestand {
     width:90vw;
     max-width:775px;
     }