* {font-family:arial,helvetica;
}

* {box-sizing:border-box;
}
* {color: black;}

html {height:100%;
}
body {background:#808080;}

a {font-size:12pt;font-weight:normal;text-decoration:none;margin-top:5px;margin-bottom:5px;}
a:hover {color:#203020;background:#85BAED;}


p, td {font-size:12pt;font-weight:normal; margin: 5px;}
p.midden {margin: 5px 15vw;}

h1 {font-size:20pt;font-weight:700; margin: 25px 5px 5px 5px;}

h2 {font-size:16pt;font-weight:normal; margin: 5px;}

h3 {font-size:14pt;font-weight:normal;font-style:italic; margin: 5px;}

ul {list-style-image:none;font-size:12pt;margin-left:2vw;margin-bottom:5;margin-top:5;padding-left:2px; padding: 0 5px;}

li {font-size:12pt;margin-left:0;margin-top:0;  margin: 0 5px;}

.header {
	max-width: 1200px;
	margin-left: auto; margin-right: auto;
	background-color: #85BAED;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-bottom: 0;
}
img.header {
	float: right; 
	width: 50%; 
	max-width: 600px;
	border-top-right-radius: 5px;
}
.logo {
	width: 50%;
	font-family: 'Quicksand', verbena;
	/*font-size: calc(20px + 0.8vw);*/
	font-size: 36pt;
	font-weight: 900;
	float: left;
	padding-left: 5px;
}
.pagina {
	max-width: 1200px;
	margin-top: 0;
	margin-left: auto; margin-right: auto;
	background-color: #e0e0e0;
	border-radius: 5px;
	/*height: 100%;*/
	overflow: auto;
}

.kolom {
	width: 50%;
	min-width: 220px;
	float: left;
	padding: 5px;
}
audio {width: 100%;}
img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

/*MENU*/

.menu ul {
	 }
/*.menu a:hover {background: #e0e0e0;}*/	 
.menu li {
	list-style-type: none;
	line-height: 2.5;	
	border: 1px solid black;
	border-radius: 5px;
	padding-left: 10px;
	width: 70%;
	background-color: transparent;
	}
.menu li:hover {background-color: #e0e0e0; }
.menu li a:hover {background-color: transparent;}
/*.menu li a:active {color: #909090;}*/

/*voor SMALLERE SCHERMEN*/

@media screen and (max-width:1275px) {

p {font-size:11pt;}
a {font-size:11pt;}
ul {font-size:11pt;}
li {font-size:11pt;}
h1 {font-size:18pt;}
h2 {font-size:14pt;}
h3 {font-size:12pt;}
}

@media screen and (max-width:1050px) {

p {font-size:10pt;}
a {font-size:10pt;}
ul {font-size:10pt;}
li {font-size:10pt;}
h1 {font-size:16pt;}
h2 {font-size:12pt;}
h3 {font-size:11pt;}
.logo {font-size: 30pt;}
}

@media screen and (max-width:825px) {

p {font-size:9pt;}
a {font-size:9pt;}
ul {font-size:9pt;}
li {font-size:9pt;}
h1 {font-size:14pt;}
h2 {font-size:12pt;}
h3 {font-size:10pt;}
.logo {font-size: 24pt;}
.kolom {width: 100%;}
audio {width: 100%;}
}

@media screen and (max-width:475px) {
.imgweg {visibility: hidden;}
.logo {margin-left: auto; margin-right: auto;}

}