body {
    font-family:verdana;
    margin:0;
}

#container {
    display:flex;
    flex-direction:column;
    height:100vh;			/* de container is de hele pagina dus de hoogte is 100% ViewHeight */
}

header, nav, main, footer { padding:5px; }

header, footer {
    background-color:navy;
    color:white
}

header {
    height:50px;
    font-size:200%;
    text-align:center;
}

nav {
    background-color:#d3d3d3;
}



main {
    flex:1;					     /* hierdoor rekt hij verticaal zo op dat footer onderaan staat */
    background-color:white;
}

.tbl {
            border-collapse: collapse;
        }

        .tbl td, .tbl th{
            border:1px solid gray;
        }


footer { height:20px; }