html { width: 100%;  height: 100%;  padding: 0 0 0 0; margin: 0 0 0 0; overflow:hidden; }
body { width: 99.9%; height: 99.9%; padding: 0 0 0 0; margin: 0 0 0 0; color:black; background-image:url(img/bg.jpg); background-repeat:repeat; }
#headercontainer { position:fixed; top:0; padding-top:1.5%; height:10vh; width:100%; text-align:center; font-size: 8vh; color:white; z-index:100; /*border:thin solid white; */}

#menu-div { position:absolute; top:17%; left:0;   width:10%; height:20%; font-size: 2.5vh; z-index: 100; display:block; }

#content {  position:absolute; top:17%; left:12%; width:76%;  height:74%; /*border: thin solid white; */}
#text {     position:absolute; top:0;   left:0;   width:94%;  height:86%; padding:3% 3% 3% 3%; color:white; font-size:2.5vh; border:2px double; box-shadow: 5px 10px red}

#footer { position:fixed; bottom:0; left:0; width:100%; height:4%; font-size: 2vh; color: white; text-align:center; background-image:url(img/footer.jpg); background-size:100% 100%; line-height:4vh; }
#footer a { color: white; }
.alfabet {  } /* users.php */
#rectext { } /* nw_recept.php */
.topmenu {  } /* phpheader.php */
.idx_table {
	position:absolute;
	width:50%;
	height:6vh;
	margin-left:25%;
	margin-right:auto;
	color:white;
	border-collapse:collapse;
}
.idx_table tr { background-color:black; }

/* foto's aanbouw */
.gallery { width:90%; height:95%; margin: 0 auto; text-align: center; }
.gallery-image { height:100%; width:100%; background-position:center; margin-left:auto;margin-right:auto; background-repeat:no-repeat; background-size:contain; }
a { color: #333; }
a:hover { color: #cc0000; }
#holder { width:100%; height:100%; margin-left:auto; margin-right:auto; /* border:thin dashed red;*/ }
#prev { float:left; width:4%; height:95%; /*border:thin dashed black;*/ }
#next { float:left; width:4%; height:95%; /*border:thin dashed black;*/ }
#terug { float:none; width:98%; height:5%; text-align:center; font-size:1vw; /*border:thin solid black;*/ }
@media (orientation: portrait) {
	#headercontainer { font-size: 5vh; }
	#content { top:15%; }
}
@media (max-width: 500px) {
	#holder { width:80%; height:40%; margin-left:auto; margin-right:auto; }
	#prev { float:left; width:4%; height:95%; }
	#next { float:left; width:4%; height:95%; }
	#terug { float:none; width:98%; height:5%; text-align:center; font-size:1vw; }
}
@media (max-width: 710px) {
	#headercontainer { position:fixed; top:0; padding-top:1.5%; height:10vh; width:100%; text-align:center; font-size: 5vh; color:white; z-index:100; /*border:thin solid white; */}
	#content {  position:absolute; top:13%; left:12%; width:76%;  height:74%; /*border: thin solid white; */}
}