/* opmaak vakken */
html {
	line-height:130%;
}

@font-face {
	font-family:Lane;
	src:url("LaneHumouresque.ttf");
}
@font-face {
	font-family:Toetsenbord;
	src:url("bdkeyboard.ttf");
}
@font-face {
	font-family:Symbolen;
	src:url("DejaVuSans.ttf");
}

body {
	/* font-family:Tahoma,Geneva,sans-serif; */
	font-family:Georgia,serif;
	margin-left:20px;
}

.inhoud {
	text-align:center;
}

h1 {
	font-family:Lane;
	text-shadow: 2px 2px 4px #000000;
	font-size:2em;
}

h3 {
	padding-top:10px;
}

nav a {
	border:1px solid darkgreen;
	padding:4px 10px;
	border-radius:15%;
	text-decoration:none;
	line-height:200%;
}

.doe {
		font-size:150%;
		font-weight:bold;
		letter-spacing:2px;
		color:white;
		text-shadow:2px 2px black;
}

.kk {font-variant:small-caps; }

.rd {color:Red; }

li {
	padding-bottom:6px;
}

.nwrg {	/* nieuwe regel in lijst */
	list-style-type:none;
	margin-left:-40px;
}
.nwrg li {padding-bottom:0px;}

.markeer {
	background-color:rgb(70,70,70);
	padding-bottom:4px;
}

.knop {
		width:3%;
}

.apart {
		width:3%;
		text-decoration:none;
		z-index:2;
		position:absolute;
		top:2%;
		left:2%;	
}
.info {
	width:3%;
	text-decoration:none;
	z-index:2;
	position:absolute;
	top:8%;
	left:2%;
}

.popup {
	position:absolute;
	top:15%;
	left:1.4%;
  display: inline-block;
  cursor: pointer;
}

.poptext {
	visibility:hidden;
	width: 240px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: -20%;
  left: 40%;
  margin-left: 80px;
}
.poptext::after {
  content: "";
  position: absolute;
  top: 50%;	/* beginpos top 100% left 50% margin-left -5px; border-color: #555 transparent transparent transparent;*/
  left: 0%;
  margin-left: -10px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #555 transparent transparent;	/* positie en vorm driehoekje */
}
.popup .show {
	visibility:visible;
}

.oogOpen {
		display:none;
		float:right;
}
.oogToe {
	display:inline-block;
	float:right;
}
figcaption {
	display:none;
	font-size:small;
	color:black;
	position:absolute;
	z-index:2;
	width:120px;
	right:2px;
}
aside {
	display:none;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
}

#film {
	position:fixed;
	right:10px;
	bottom:10px;
	width:75%;
}

table, td, th {border:1px solid black; }
td, th {padding:1px 4px 1px 4px; }

.toets {
		font-family:Toetsenbord;
		font-size:xx-large;
}

@media screen and (max-width:600px) {
  body {
    margin-left:1px;
  }
	.popup {
		left:1%;
	}
}