.container {  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 0.5fr 3.1fr 0.4fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "Bovenkant Bovenkant Bovenkant"
    "Tekst Menu Menu-Lite"
    "Copyright Copyright Copyright";
}

.Bovenkant {  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "Titel Bovenbalk Bovenbalk"
    "Titel Bovenbalk Bovenbalk"
    "Titel Bovenbalk Bovenbalk";
  grid-area: Bovenkant;
}

.Titel { grid-area: Titel; }

.Bovenbalk { grid-area: Bovenbalk; }

.Menu-Lite { grid-area: Menu-Lite; }

.Menu { grid-area: Menu; }

.Tekst { grid-area: Tekst; }

.Copyright { grid-area: Copyright; }




/* css style */

body {
	background-color: #FFFFFF;
	
}


.Bovenkant {
	background-color: #F1F1F1;
	border: 1px solid #000000;
}

.Bovenbalk {
	text-align: fixed;
	margin-left: 10%;
	width: 100%;
}



#title {
	font-size: 40px;
}

#bovenbalktekst {
	font-size: 40px;
}

#logo {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	z-index: 1;
	
}

.Copyright {
	width: 100%;
	position: fixed;
	bottom: 0;
	text-align: center;
	
}