html
{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: 16px;
	line-height: 1.5;
}
input, select, textarea, button
{
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
@media only screen and (min-width: 1400px)
{
	html
	{
		font-size: 18px;
	}
}
@media only screen and (min-width: 1600px)
{
	html
	{
		font-size: 20px;
	}
}
@media only screen and (min-width: 1900px)
{
	html
	{
		font-size: 22px;
	}
}
body
{
	color: #000;
	background-color: #fff;
	margin: 1em 0;
}
.error_in_answer
{
	margin-bottom: 1em;
	font-style: italic;
	color: #f14d31;
	font-weight: bold;
}
.opentext, .opentextarea
{
	width: 100%;
	box-sizing: border-box;
	border: 0.1em solid #ccc;
	padding: 0.25em;
}
.opentextarea
{
	height: 6em;
}
a
{
	color: #65a7d9;
	text-decoration: none;
}
a:hover
{
	color: #4c7da2;
}
.question ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.question li
{
	padding: 0;
	margin: 0;
}
.question li label
{
	cursor: pointer;
}
.question li label:hover
{
	font-weight: bold;
}
.question input[type="radio"]:checked+label
{
	font-weight: bold;
}
.question input[type="checkbox"]:checked+label
{
	font-weight: bold;
}
.question
{
	margin-bottom: 1em;
}
h2
{
	margin: 0.5em 0 0.25em 0;
	font-size: 120%;
	font-weight: normal;
}
input+label
{
	margin-left: 0.25em;
}
input.nextquestion, input.prevquestion, input.meedoen
{
	/* voor buttons op iphone */
	-webkit-appearance: none;
	cursor: pointer;
	border: 0;
}
input.prevquestion
{
	font-size: 80%;
	background-color: #fff;
	color: #999;
}
#progressbar_outer
{
	background-color: #ccc;
}
#progressbar_inner
{
	background-color: #65a7d9;
}
#progressbar_inner_text
{
	font-size: 80%;
	color: #fff;
	text-align: right;
	padding: 0.1em;
}
#progressbar_outer, #progressbar_inner, input.nextquestion, input.meedoen
{
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
}
input.nextquestion, input.meedoen
{
	background-color: #55a824;
	color: #fff;
	padding: 0.25em;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
input.nextquestion:hover, input.meedoen:hover
{
	background-color: #407e1b;
}
.subquestion
{
	margin: 0;
	padding: 0;
	display: inline;
}
.subquestion h2
{
	font-size: 100%;
	display: inline;
	margin: 0 0.25em;
}
h2.inputerror
{
	color: #f14d31;
	font-weight: bold;
}
#scrollcontainerouter
{
	overflow-x: hidden;
}
#scrollcontainer
{
	width: 300%;
	display: -webkit-flex;
	display: flex;
	margin-left: -100%;
}
#page_prev, #page, #page_next
{
	width: 100%;
}
#progressbar_outer
{
	margin: 0 4em;
}
#page_prev, #page, #page_next
{
	padding: 0 4em;
}
@media only screen and (max-width: 1000px)
{
	#progressbar_outer
	{
		margin: 0 1em;
	}
	#page_prev, #page, #page_next
	{
		padding: 0 1em;
	}
}
.rankSelect
{
	font-weight: bold;
}
.rankinglisttable
{
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.rankinglisttable td
{
	width: 50%;
	vertical-align: top;
}
.ranklist a:hover
{
	font-weight: bold;
	cursor: pointer;
}
.ranklist ol
{
	margin: 0;
}
#rankinglisticons
{
	padding-top: 1em;
}
#rankinglisticons a
{
	padding: 0.25em;
	font-weight: bold;
	margin: 0.5em;
	color: #fff;
	cursor: pointer;
	text-align: center;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	font-size: 125%;
	background-color: #65a7d9;
}
#rankinglisticons a:hover
{
	background-color: #4c7da2;
}
#rankinglisticons a.icondisable
{
	cursor: default;
	background-color: #999;
}


/* CUSTOMER SPECIFIC CSS */
#ad
{
	text-align: center;
	font-weight: bold;
	color: #999;
	padding-bottom: 1.5em;
}
.meedoen, .lastquestion
{
	float: right;
}
.info
{
	width: 80%;
	margin: 1.5em auto;
	background-color: #fff7af;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	text-align: justify;
	padding: 0.5em;
}
#question_voetbal #rankinglistanswers ol
{
	background-image: url(images/voetbal.png);
	background-repeat: no-repeat;
	background-position: 75% 0;
}