/* UTF-8 herkenning: ë */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap');

html { height:100% }
body {
background-color: #b5bea6;
margin: 0px;
padding: 0px;
font-family: 'Work Sans', sans-serif;
color: black;
height:100%;
}
.grieks {
font-family: 'Source Sans Pro', sans-serif;
}
img { border: none; }
.centreer {
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
width: 100%;
}
div#balk {
background-color: #3d5868;
background-color: #edf3e4;
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 120px;
}
div#menu {
position: relative;
top: -90px;
left: 50%;
margin-left: -315px;
width: 630px;
height:180px;
}
div#menu11 {
position: absolute;
top: 0px;
left: 0px;
width: 90px;
height: 90px;
}
div#menu21 {
color: #b5bea6;

position: absolute;
top: 0px;
left: 90px;
width: 90px;
height: 90px;
}
div#menu31 {
position: absolute;
top: 0px;
left: 180px;
width: 90px;
height: 90px;
}
div#menu41 {
color: #b5bea6;

position: absolute;
top: 0px;
left: 270px;
width: 90px;
height: 90px;
}
div#menu51 {
position: absolute;
top: 0px;
left: 360px;
width: 90px;
height: 90px;
}
div#menu61 {
color: #b5bea6;

position: absolute;
top: 0px;
left: 450px;
width: 90px;
height: 90px;
}
div#menu71 {
position: absolute;
top: 0px;
left: 540px;
width: 90px;
height: 90px;
}
div#menu12 {
color: #edf3e4;
position: absolute;
top: 90px;
left: 0px;
width: 90px;
height: 90px;
}
div#menu22 {
position: absolute;
top: 90px;
left: 90px;
width: 90px;
height: 90px;
}
div#menu32 {
color: #edf3e4;
position: absolute;
top: 90px;
left: 180px;
width: 90px;
height: 90px;
}
div#menu42 {
position: absolute;
top: 90px;
left: 270px;
width: 90px;
height: 90px;
}
div#menu52 {
color: #edf3e4;
position: absolute;
top: 90px;
left: 360px;
width: 90px;
height: 90px;
}
div#menu62 {
position: absolute;
top: 90px;
left: 450px;
width: 90px;
height: 90px;
}
div#menu72 {
color: #edf3e4;
position: absolute;
top: 90px;
left: 540px;
width: 90px;
height: 90px;
}
div#geheel {
position: relative;
top: -50px;
left: 50%;
margin-left: -360px;
width: 720px;
}

div#voet {
text-align: center;
letter-spacing:2px; 
}

h1 {
text-align: right;
margin-bottom: 0;
}

.ondertitel {
margin-top: 0;
text-align: right;
}

p {text-align:justify}

a:link {color:#375d81}
a:visited {color:#461c66}
a:hover {color:#f57912}
/* a:hover {color:#11233b} */

hr {
border: 0;
height: 1px;
background: #333;
}