html {
overflow-x:hidden;
scroll-behavior:smooth;
scroll-padding:1em;
}
@media screen and (max-width: 900px) {
	html {
	scroll-padding:8em;
	}
}

body {
font-family:BodoniBkBTWXX-Book, Georgia, serif;
font-size:16px;
color:#00265a;
margin:0 0 50px 0;
background-color:#d5d6ba;
}

main {
position:relative;
width:auto;
height:auto;
padding:2em 0 0 0;
margin:0 0 0 232px;
clear:both;
}
@media screen and (max-width: 900px) {
	main {
	width:98%;
	margin:0 auto;
	}
}

h1 {
color:#00265a;
font-size:1.8em;
font-weight:normal;
margin:0 0 0.5em 0;
}
@media screen and (max-width: 900px) {
	h1 {
	font-size:1.4em;
	}
}
h2 {
color:#00265a;
font-size:1.4em;
font-weight:normal;
margin:0 0 0.2em 0;
}
h3 {
color:#00265a;
font-size:1.2em;
font-weight:normal;
margin:0 0 0.2em 0;
}
h4 {
color:#00265a;
font-size:1em;
font-weight:normal;
margin:0 0 0.5em 0;
}
h5 {
color:#00265a;
font-size:1em;
font-weight:normal;
margin:0 0 0.5em 0;
}

a:link {
color:#00265a;
text-decoration:none;
}
a:visited {
color:#00265a;
text-decoration:none;
}
a:active {
color:#00265a;
text-decoration:none;
}
a:hover {
color:#009966;
text-decoration:none;
}

p {
font-size:1.3em;
font-weight:normal;
line-height:1.4;
margin:0;
}

b, strong, .strong {
font-weight:bold;
}

i {
font-style:italic;
}

ul, ol {
padding:0;
margin:0;
}
li {
font-size:1.3em;
font-weight:normal;
line-height:1.4;
margin-left:20px;
}
ol li {
line-height:1.2;
margin-bottom:10px;
}

hr {
height:1px;
background-color:#00265a;
margin:0.5em 0 0.5em 0;
border:none;
width:100%;
clear:both;
}

.alert {
color:#700000;
}
a.alert:link {
color:#700000;
text-decoration:none;
}
a.alert:active {
color:#700000;
text-decoration:none;
}
a.alert:visited {
color:#700000;
text-decoration:none;
}
a.alert:hover {
color:#700000;
text-decoration:underline;
}

section {
width:94%;
max-width:768px;
height:auto;
font-weight:normal;
padding:3em 3% 0 3%;
}
section a:link {
color:#00265a;
text-decoration:underline;
}
section a:visited {
color:#00265a;
text-decoration:underline;
}
section a:active {
color:#00265a;
text-decoration:underline;
}
section a:hover {
color:#009966;
text-decoration:underline;
}

.iframe-box {
position: relative;
width: 100%;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
margin:0;
background-color:transparent;
border:0 none transparent;
overflow:hidden;
}
.iframe-box iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}

.link-pijl {
position:relative;
top:0;
width:auto;
height:auto;
font-size:1em;
line-height:1.2;
text-decoration:none;
vertical-align:middle;
border:none;
background:none;
display:inline-block;
}
@media screen and (max-width: 900px) {
	.link-pijl {
	font-size:1.5em;
	}
}
.kleinepijl {
top:1px;
font-size:0.6em;
}

.top {
padding-top:1em;
}

.toplinkbox {
position:relative;
width:100%;
height:auto;
margin:1em 0 2em 0;
}
.toplink {
position:relative;
width:96%;
height:auto;
text-align:right;
margin:0;
}
@media screen and (max-width: 900px) {
	.toplink {
	width:94%;
	margin:1em auto;
	}
}
.toplink-pijl {
width:auto;
height:auto;
color:#00265a;
font-size:1.4em;
line-height:1;
text-decoration:none;
vertical-align:middle;
-ms-transform:rotate(-90deg); /* IE 9 */
-webkit-transform:rotate(-90deg); /* Chrome, Safari, Opera */
transform:rotate(-90deg);
transition:all .5s ease 0s;
-webkit-transition:all .5s ease 0s;
-moz-transition:all .5s ease 0s;
-o-transition:all .5s ease 0s;
-ms-transition:all .5s ease 0s;
border:none;
background:none;
display:inline-block;
}
.toplink-pijl:hover {
color:#009966;
text-decoration:none;
cursor:pointer;
}
