html, body, div     { margin:0px; padding:0px; width:100%; height:100%; font-size: 16px; font-family: Arial; }
	div {position: relative;}
	h1 {margin: 0px; font-size: 52px; font-weight: bold;opacity:0.001;}
	h2 {margin: 5px 5px 5px 0px; text-align: left; font-size: 16px;}
	a {color: black;}
	#logo {position: absolute; right: 0px; top: 0px;}
	.shadow {  
	-moz-box-shadow:    3px 3px 4px #5b5b5b; /* Firefox/Mozilla 3px 3px 4px 4px */  
	-webkit-box-shadow: 3px 3px 4px #5b5b5b; /*Safari/Chrome 3px 3px 4px 4px*/  
	box-shadow:         3px 3px 4px #5b5b5b; /* Opera & hoe het zou moeten 3px 3px 4px 4px*/  
	/* Voor IE 8 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#5b5b5b')";  
	/* Voor IE 5.5 - 7 */  
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#5b5b5b');  
}
@media only screen and (max-width: 450px){ html, body, div     { font-size: 14px; } }
@media only screen and (max-width: 350px){ html, body, div     { font-size: 13px; } }

div#c_v { /* centreer verticaal */
	float:left;
	width:10px;
	height:35%;
	margin-bottom:-160px; /* de helft van de hoogte */
 /* border: 1px solid green;   /* */
} /* */

div#c_h { /* centreer horizontaal */
	clear:both; /* t.b.v. c_v */
	float:left;
	height:10px;
	width:50%;
	margin-right:-500px; /* de helft van de breedte */
/*  border: 1px solid green;   /* */
}

#card {
  position: relative;
  height: fit-content;
  max-width: 450px;
  width: 90%;
  float: left;
  background-image: url(logo-stichting-brandhout.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 90%;
  border: 1px solid #5b5b5b;
  padding: 1% 1% 1% 2%;
  margin-left: 1%;
  background-color: white;
}

#knooppunt {
  position: absolute;
  bottom:0;
  left:0;
  padding: 3px;
  height:1.2em;
  width:calc(100% - 20px);
  white-space: nowrap;
  text-align:right;
  font-size: 0.7em;
}