/*toevoegen lettertypes*/
@font-face {
    font-family: javanese_text;
    src: url(../_source/Javanese_text.ttf);
}

@font-face {
    font-family: arvo-bold;
    src: url(../_source/Arvo-Bold.ttf);
}
/*end toevoegen lettertypes*/

/*toevoegen grid*/
.container {
    display: grid;
    max-width: 1080px;
    position: relative;
    grid-template-columns: repeat(12, 1fr);
    margin: 0 auto;
    column-gap: 16px;
}
/*end toevoegen grid*/

/*header*/
header {
    background-color: #1C427A;
}

h1.card {
    color: white;
    font-family: javanese_text;
    font-size: 80px;
    grid-column-start: 1;
    grid-column-end: 6;
    padding-top: 53px;
    padding-bottom: 48;
}

nav#topnav {
    color: white;
    font-family: Segoe UI;
    font-size: 25px;
    grid-column-start: 7;
    grid-column-end: 13;

}

nav#topnav li {
    display: inline-block;
    padding-top: 73px;
    padding-bottom: 48px;
}

nav#topnav a:visited, nav#topnav a:link {
    color: white;
    text-decoration: none;
}

nav#topnav a:hover, nav#topnav a:active {
    color: white;
    text-decoration: underline;
}
/*end header*/

/*defineren algemene opmaak*/
h2 {
    color:#2F70CF;
    font-family: arvo-bold;
    font-size: 27px;
}

h3 {
    color: black;
    font-family: arvo-bold;
    font-size: 27px;
}

p {
    color: black;
    font-family: Segoe UI;
    font-size: 20px;
    line-height: 1.3em;
}
/*end defineren algemene opmaak*/

/*footer*/
footer {
    background-color: #6A6A74;
}

nav#botnav ul a, .emaillink, .botinfo {
    color: #9E9FB5;
    font-family: segoe ui;
    font-size: 15px;
}

img#inlogo {
    width: 15px;
    height: 15px;
    margin-bottom: -2px;
}

#botnav ul {
    grid-column-start: 1;
    grid-column-end: 3;
    padding-top: 48px;
    padding-bottom: 48px;
}

.botinfo {
   grid-column-start: 9;
   grid-column-end: 13;
   padding-top: 48px;
   padding-bottom: 48px;
}

.botinfo ul li {
    text-align: right;
}
/*end footer*/