body {
	/* deze achtergrondkleur is voor lijnen tussen griddelen */
	background: #f7fbfb;
	height: calc(100vh - 10px);
	display: grid;
	margin: 0;
	gap:0px;
    font-family: 'Anek Bangla';
    font-size:12pt;
    /* dit zegt dat header en footer minimale hoogte hebben */
	grid-template-rows: auto 1fr auto;
	/* dit geeft verhouding tussen kolommen aan */
	grid-template-columns: 1fr 4fr 1fr;
}

/* top and bottom */

header, footer {
	grid-column: 1 / 3;
}


main, .rightside, .leftside {
	padding: 0pt 7pt;
	grid-row: 2 / 2;
}

/* deze zitten dus aan de zijkanten */
 .leftside {
	grid-column: 1 / 1;
}
.rightside {
	grid-column: 3 / 3;
}


/* koppen */
h1, h2, h3, h4 {
	margin-bottom:0;
    font-family: 'Acme';
    color:#224455;
}

header img {
	margin: 7pt;
}

/* navigatie */
.nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav li a {
  display: block;
  padding:3pt;
  margin-bottom:1pt;
}


/* formulieren */

label {
	padding-right:70pt;
}

/* test
header {
	background:green;
}
main {
	background:red;
}
*/