body{
	margin: 0 auto;
	background: #00CC34;
}


.geheel{
  display: grid;
  grid-template-columns: auto auto auto auto;
  // grid-gap: 10px;
  background-color: #00CC34;
  // margin: 10px;
  padding-top: 0;
}

.geheel > div{
  text-align: center;
  padding: 20px 0;
  font face: Arial;
	font-size: 18px;
}

.menu-blok{
  grid-area: 1 / 1 / span 3 / span 1;
  background-color: #00CC34;
  z-index: 10;
}

.naam-blok{
  grid-area: 1 / 2 / span 1 / span 2;
  background-color: #00CC34;
  height: 180px;
  z-index: 10;
}

.teller-blok{
  grid-area: 1 / 4 / span 1 / span 1;
  background-color: #00CC34;
  z-index: 10;
}

.inhoud-blok{
  grid-area: 2 / 2 / span 1 / span 3;
  background: #FFFFFF;
  min-height: 500px;
  font face:  Comic sans ms;
  font-size: 4px;
 }

.frame-blok{
	padding-top: 220px;
	padding-left: 30%;
	z-index: 9;
}

.footer-blok{
  grid-area: 3 / 2 / span 1 / span 4;
}


button{
	background: #00CC34;
	font face: Arial;
	font-size: 14px;
	height: 40px;
	width:  80%;
	margin-bottom: 10px;
	border: none;
	cursor: pointer;
}

button:hover, .actief{
	border-style: none solid solid none;
	border-width: 2px;
	border-color: #777777;
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
}


.neophema{
	font face: Comic sans ms;
}