html { 
scrollbar-face-color: #00bfff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #00bfff;
scrollbar-shadow-color: #00bfff;
scrollbar-highlight-color: #00bfff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-Color: #000000;
background-color: #00bfff;
cursor: default;}

#fotokader {
	margin-top: 1%;
	margin-left: 1%; 
	margin-right: 1%; 
	margin-bottom: 1%; 
	width: 98%;
	background-color: #ffffff; 
	border: 1px solid #BEC5AA; 
}

.werkwoorden {
  background-image: url("leren-rekenen.jpg"); 
  background-position: center; 
  background-repeat: no-repeat; 
height:850px;
background-size:100% 850px;
position: relative;
font-family: verdana,"Times New Roman", Times, serif; 
	font-size: 14px; 
	width: 100%;
}


.fotobov {
diplay: inline-block;
width:100%;
} 

#hoofdtitel {
	width: 100%;
	background-color: #ffffff; 
	font-size:20px;
	font-family: verdana,"Times New Roman", Times, serif; 
}


.button {
	font-size:18px;
	font-family: verdana,"Times New Roman", Times, serif; 
}

h2 {
margin:0px;
padding:0px;
padding-bottom:10px;
padding-top:5px;
}



#midden { 
	padding-left: 5%; 
	padding-right: 5%; 
	padding-bottom: 5%; 
	font-family: verdana,"Times New Roman", Times, serif; 
	font-size: 14px; 
}



#tapas-nieuw {
	position: absolute; 
	top: 630px;
	left: 70px; 
	width: 160px;
	height: 310px;
	background-color: #ffffff; 
	border: 1px solid #BEC5AA; 
}



#menu1 {
	display: inline-block;
	width: 32.6667%;
	brder: 1px solid #BEC5AA; 
	padding-bottom:10px;
}

#menu {
	color: #4f5446; 
	text-align: center;
	font-family: arial, "Times New Roman", Times, serif; 
	font-size: 14px; 
	line-height:22px;
}




#lijnsubtitel {
	position: absolute; 
	top: 203px;
	left: 250px; 
	border-bottom: 1px solid #BEC5AA; 
	width: 630px;
	height: 20px;
	text-align: right;
	color: #4f5446; 
	font-family: verdana,"Times New Roman", Times, serif; 
	letter-spacing: 2px;  
	font-size: 18px; 

}


#tekstblok1 {
	position: absolute; 
	top: 240px;
	left: 250px; 
	line-height: 18px;
	width: 350px;
	height: 200px;
	txt-align: right;
	color: #4f5446; 
	font-family: verdana,"Times New Roman", Times, serif; 
	font-size: 14px; 

}

#tekstblok2 {
	position: absolute; 
	top: 530px;
	left: 250px; 
	line-height: 18px;
	width: 630px;
	height: 200px;
	txt-align: right;
	color: #4f5446; 
	font-family: verdana,"Times New Roman", Times, serif; 
	font-size: 14px; 

}

.tekst {
	color: #4f5446; 
	font-family: verdana,"Times New Roman", Times, serif; 
	font-size: 14px; 
}




#nieuws {
	position: absolute; 
	background-image: url(lijst-dedecker-logo.jpg); 
	top: 240px;
	left: 630px; 
	line-height: 18px;
	width: 250px;
	height: 270px;
	txt-align: right;
	background-color: #00bfff;
	border: 1px solid #BEC5AA; 
	color: #4f5446; 
	padding: 5px 5px 5px 10px;
	font-family: arial,verdana,"Times New Roman", Times, serif; 
	font-size: 12px; 

}


#contactk {
	position: absolute; 
	top: 1025px;
	left: 100px; 
	width: 800px;
	height: 20px;
	color: #4f5446; 
	text-align: center;
	font-family: verdana,"Times New Roman", Times, serif; 
	font-size: 12px; 
}

#contact {
	position: absolute; 
	top: 1325px;
	left: 100px; 
	width: 800px;
	height: 20px;
	color: #4f5446; 
	text-align: center;
	font-family: verdana,"Times New Roman", Times, serif; 
	font-size: 12px; 
}

.tabeltekst {
	font-family: verdana,"Times New Roman", Times, serif; 
	font-size: 14px; 
}
.knop { background-color:blue; font-family: times-new-roman; font-size: 18px; }
.tekstvak { background-color:blue; padding-left:5px;width:150px;height:32px; overflow:hidden; background:#228C22; border:none; font-family: times-new-roman; color:#000000; font-size: 22px; }
.antwoordvak {
 padding-left:5px;width:140px;height:32px; overflow:hidden;  background:#228C22; border-left:none; border-top:none; border-right:none; border-bottom-color:black; font-family: times-new-roman; color:#000000; font-size: 22px; }
.oplvak { padding-left:5px;width:140px;height:32px; overflow:hidden;  background:#228C22 ; border:0; font-family: times-new-roman; color:red; font-size: 22px; }

input[type=number].antwoordvak { 
 
}

a:link { text-decoration: none; color: #4f5446;  }

a.donker:visited { text-decoration: none; color:#4f5446; }
a.donker:active { text-decoration: none; color: #4f5446;  }
a.donker:link { text-decoration: none; color: #4f5446;  }
a.donker:hover { text-decoration: underline; color:  #000000; }

@media screen and (max-width: 740px) {
#hoofdtitel {	font-size:16px;}
}

@media screen and (max-width: 600px) {
#hoofdtitel {	font-size:12px;}
#menu1 {width: 49%;}
}

@media screen and (max-width: 440px) {
#hoofdtitel {	font-size:10px;	 }
}

@media screen and (max-width: 350px) {
#hoofdtitel {	font-size:8px;	 }
}