/* quiz css */

html {
	font-family: arial;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 6px;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.2;
}

/* deze regels veranderen de links */
/* kleuren origineel: #337ab7 en #23527c (vervangen door blauw #0000FF) */
a {
	background-color: transparent;
}
a {
	color: #337ab7;
	text-decoration: none;
}
a:active, a:hover {
	outline: 0;
}
a:hover {
	color: #0000FF;
	text-decoration: underline;
}
/* einde instellingen links */

/* instelling centreren pagina */
.content {
	max-width: 1024px;
	margin: auto;
	padding: 0px;
}
.img-responsive {
	border-width: 0px;
	display: block;
	max-width: 100%;
	height: auto;
}
.img-responsiveright {
	border-width: 0px;
	display: block;
	max-width: 100%;
	height: auto;
	float: right;
}
.img-responsiveleft {
	border-width: 0px;
	display: block;
	max-width: 100%;
	height: auto;
	float: left;
}
.afbeeldingen {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.container-fluid-quiz {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.left {
  box-sizing: border-box;
  padding: 0px;
  float: left;
  width: 50%; /* The width is 20%, by default */
}
.main {
  box-sizing: border-box;
  padding: 0px;
  float: left;
  width: 50%; /* The width is 60%, by default */
}
.right {
  box-sizing: border-box;
  padding: 0px;
  float: left;
  width: 50%; /* The width is 20%, 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 800px or smaller */
}