header {
  height: 100px;
  border-bottom: solid var(--MMB-Grey);
}

#header {
  width: 70%;
  margin-left: 15%;
  height: inherit; 
  display: flex; 
  align-items: center; 
  justify-content: space-between;
}

main {
  width: 100%;
  margin: auto;
  background-color: var(--MMB-Wit);
  display: flex;
}

.main {
  width: 64%;
  min-height: calc(100vh - 160px);
  margin-bottom: 10px;
  padding: 10px;
  border-style: none solid solid solid;
  border-color: var(--MMB-Grey);
}

.zijkant {
  margin: 20px;
  padding: 10px;
  width: 18%;
  top: 10px;
  position: sticky;
  height: 72vh;
  background-color: var(--MMB-Grey);
  border: solid 1px var(--MMB-Grijs);
  border-radius: 10px;
  overflow-y: auto;
}

.zijkant nav {
  height: calc(100% - 120px);
  overflow-y: auto;
}

footer {
  height: 50px;
  background-color: var(--MMB-Geel);
  align-content: center;
}

.scrollMain {
  height: calc(100vh - 160px);
  overflow-y: hidden;
}

.scroll {
  height: 85%;
  overflow-y: auto;
}