body
{
	font-family:		monda, sans-serif;
	background-color:	#2c4e70;
}

div.logobalk 
{
	width: 				100%;
	position:			fixed;
	height:				107px;
	background-color:	#2c4e70;
	top:				0;
	left:				0;
	z-index: 			10000;
}

img.logo
{
	background-color:	#2c4e70;
	position:			fixed;
	width:				150px;
	height: 			107px;
}

div.linkerbalk 
{
	width: 				150px;
	position:			fixed;
	height:				calc(100% - 107px);
	background-color:	#2c4e70;
	top:				107px;
	left:				0;
	display: 			flex;
	flex-direction: 	column;
	justify-content: 	space-between;
	z-index:			100000;
}

div.menustack 
{
	display: 			flex;
	flex-direction: 	column;
	justify-content: 	start;
	width: 				100%
}

div.menustackbalk
{
	display: 			flex;
	flex-direction: 	row;
	justify-content: 	start;
}

div.menustackspreider
{
	display: 			flex;
	flex-direction: 	row;
	justify-content: 	space-between;
}

div.gemaaktDoor
{
	float: 				right;
	color: 				"#000000";
	display: 			flex;
	flex-direction: 	row;
	justify-content: 	space-between;
	width:				300px;
}

div.textKolom
{
	float: 				right;
	color: 				"#000000";
	display: 			flex;
	flex-direction: 	column;
	width:				40%;
}

img.biontLogo
{
	width:				160px;
	height:				53px;
	margin-top: 		6px;
}

.donker
{
	color: 				#000000;
	font-weight: 		bold;
	font-size:			xx-small;
	margin:				2px;
}

.donkerGrijs
{
	color: 				#777;
	font-weight: 		bold;
	font-size:			xx-small;
	margin:				2px;
}


h1
{
	color:				#e2f9ff;
	display: block;
}

p
{
	color:	 #204a60;
}

.lichteVoorgrond
{
	color:				#e2f9ff;
}

.centerMe
{
	text-align:			center
}

h1
{
	font-size: 			50px;
}

h2, h3, h4, h5
{
	color:	 #204a60;
	display: block;
}

div.overlapbalkenniet
{
	width:				calc(100% - 150px);
	margin-left: 		150px;
	margin-top: 		107px; /* height logo */
	min-width: 			1300px;
}

div.hoofdmoot 		
{		
	padding:			30px;
	background-color:	#6c8ea0;
	
}		

div.inhoud 		
{		 
	background-color:	#e2f9ff;
	padding: 			30px;
	border: 			3px solid #4c6e90;
}

.wijd
{
	width: 100%;
}

.knop
{
	background-color:	#e2f9ff;
	padding: 			5px;
	margin-top:			1px;
	margin-bottom:		1px;
	border: 			2px solid #4c6e90;
	display:			block;
	text-decoration: 	none;
	color:	 			#204a60;
}

.knop:hover
{
	background-color:	#a0c9cf;
	border: 			2px solid #1c2e40;
	color:	 			#103a50;
}

img.grafiek		
{		
	display:			block;
}		

h1		
{		
	text-align: 		center;
	display:			block;

}

input 
{
    display: block;
}

table
{
	border: 2px solid #2c4e70;
}

td
{
	border: 0px solid #4c6e90;
	text-align: center;
}

th
{
	border: 			1px solid #c2d9df;
	background-color:	#e2f9ff;
	padding:			2px
}

tr
{
	border: 0px solid #4c6e90;
}