/* alfabet modelpagina css */

html {
	font-family: arial;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 8px;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.4;
	color: #000000;
	background-color: #fff;
}
/* deze regels veranderen de links */
/* #333 is een grijstint */
/* #0000FF is blauw */

a {
	background-color: transparent;
}
a {
	color: #333;
	text-decoration: none;
}
a:active, a:hover {
	outline: 0;
}
a:hover {
	color: #3986B4;
	text-decoration: underline;
}
/* einde instellingen links */
.alfabet {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.3;
	color: #9A9696;
}
.alfabet-20 {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 0.95;
	color: #9A9696;
}
.img-responsive {
	border-width: 0px;
	display: block;
	max-width: 100%;
	height: auto;
}
.left {
  box-sizing: border-box;
  padding: 0px;
  float: left;
  width: 50%; /* The width is 50%, by default */
}
.main {
  box-sizing: border-box;
  padding: 0px;
  float: left;
  width: 50%; /* The width is 50%, by default */
}
.right {
  box-sizing: border-box;
  padding: 0px;
  float: left;
  width: 50%; /* The width is 50%, by default */
}
/* Use a media query to add a break point at 650px: */
@media screen and (max-width: 650px) {
.left, .main, .right {
  width: 100%; 
}
/* The width is 100%, when the viewport is 650px or smaller */