body {
	font-family: "aptos display", "segoe ui", arial;
	font-size: 90%;
	background-color: #C5E8EA;
	margin: auto;
	padding: 20px;
	}
header {
	font-family: "century gothic", verdana; 
	color: black; 
	background-color: #1E5155; 
	padding: 5px;
	text-align: center;
	/*position: -webkit-sticky;
	position: sticky;
	top: 0;*/
	}
.margeheader {
	max-width: 70%;
	margin: auto;
	}
.menu {
	font-family: "courier new";
	text-align: center;
	padding: 5px;
	padding-left: 15px;
	color: white;
	/*border: solid;
	border-color: pink;*/
	}
footer {
	position: bottom;
	bottom: 5px;
	font-family: "courier new";
	font-size: 90%;
	padding: 10px;
	background-color: #1E5155;
	color: white;
	text-align: center; 
	margin: auto;
	}
h1 {
	font-family: "century gothic", verdana;
	}

/* DEEL 1 */
.basis01 {
	display: flex;
	flex-flow: row;
	/* border: solid;
	border-color: red;*/
	background-color: #C5E8EA;
	max-width: 100%;
	margin: auto;
	}
.marge01 {
	display: flex;
	flex-flow: row;
	/* border: solid;
	border-color: green;*/
	max-width: 70%;
	margin: auto;
	}
.marge01 > div {
	padding: 5px;
	padding-left: 20px; 
	padding-right: 20px;
	}
.blok01 {
	flex: 60%;
	/* border: solid;
	border-color: blue;*/
	}

/* DEEL 2 */	
.basis02	{
	/* border: solid;
	border-color: purple;*/
	align-content: center;
	color: white;
	}
.basis02:after	{
	content: "";
	display: table;
	clear: both;
	}
.marge02 {
	display: flex;
	flex-direction: row;
	/* border: solid;
	border-color: black;*/
	max-width: 70%;
	margin: auto;
	}
.marge02 > div {
	margin: 2px;
	margin-top: 5px;
	padding: 5px;
	padding-left: 20px; 
	padding-right: 20px;
	}
.blok02	{
	/* float: left;*/
	width: 50%;
	/* border: solid;
	border-color: pink;*/
	padding: 5px;
	padding-left: 20px; 
	padding-right: 20px;
	} 

/* DEEL 03 */
/* BASIS01 */
/* MARGE01 */
/* BLOK01 */

/* DEEL 04 */
/* BASIS02 */
/* MARGE02 */
/* BLOK02 */

/* BLOG */
.blogbasis01 {
	display: flex;
	flex-flow: row;
	/* border: solid;
	border-color: red;*/
	background-color: #F5E8E4;
	max-width: 100%;
	margin: auto;
	padding: 20px;
	}
.blogmarge01 {
	display: flex;
	flex-flow: row;
	/* border: solid;
	border-color: #8f4f58;*/
	max-width: 60%;
	margin: auto;
	}
.blogmarge01 > div {
	padding: 20px;
	margin: 0px;
	}
.blogblok01 {
	flex: 20%;
	padding: 20pt;
	/*border: solid;
	border-color: blue;*/
	}
.blogtekst {
	display: flex;
	flex-flow: row;
	/*border: solid;
	border-color: #8f4f58;*/
	max-width: 60%;
	margin: auto;
	}

/* EN VERDER*/	
.responsive {
	width: 100%;
	height: auto;
	}

@media screen and (max-width: 800px) {
	.marge01 {
		flex-direction: column;
		max-width: 100%;
	}
	.marge02 {
		max-width: 100%;
		flex-direction: column;
	}
	.blok02	{
		width: 90%;
	}
		header {
		position: relative;
	}
	.margeheader {
		max-width: 100%;
	}
	.blogmarge01 {
		max-width: 100%;
		flex-direction: column;	
	}
	.blogtekst {
		max-width: 100%;
	}
}

 
 a:link {
	color: white;
}

a:visited {
	color: white;
}

/*a:hover {
  background-color: lightgreen;
}

a:active {
  background-color: hotpink;
} */