html, body {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 9pt;
	background-color: white;
	padding: 0;
	margin: 0;
}
.only_for_small_screens {
	display: none;
}
.container {
	max-width: 900px;
	margin: 0 auto;
	background-color: #EE1C23;
	border-radius: 20px;
	overflow: hidden;
	padding: 20px 20px 0 20px;
	box-sizing: border-box;
}
.container::after {
	content: ' ';
	clear: both;
}
.container .header {
	clear: both;
}
.container .header::after {
	content: '';
	display: block;
	clear:both;
}
.container .header h1 {
	display: block;
	width: 287px;
	padding: 0;
	margin: 0;
	float: left;
}
.container .header h1 a {
	display: block;
	text-indent: -1000px;
	overflow: hidden;
	background-image: url(images_taaldrop/logo_taaldrop.gif);
	height: 90px;
}
.container .header .banner {
	float: right;
}
.container .header .banner a img {
	border-radius: 10px;
}
.container h2 {
	font-size: 10.5pt;
	font-weight: bold;
}
.container h3 {
	font-size: 10pt;
	font-weight: bold;
}
.container .left {
	width: 40%;
	float: left;
}
.container .right {
}
.container .left > div,
.container .right > div {
	background-color: #FFFFFF;
	border-radius: 20px;
	overflow: hidden;
	padding: 20px;
	box-sizing: border-box;
}
.container .left > div .buttons,
.container .right > div .buttons {
	padding-top: 1em;
	text-align: right;
}
.container .left > div {
	margin: 20px 20px 20px 0;
	background-color: #ECEDEE;
}
.container .right > div {
	margin: 20px 0 20px 20px;
}
div.explanation {
	background-color: #BEE6E1;
	border-radius: 10px;
	padding: 10px;
}
div.explanation p:first-child {
	margin-top: 0;
}
div.explanation p:last-child {
	margin-bottom: 0;
}
a.textbutton {
	display: inline-block;
	padding: 10px 20px;
	background-color: #EE1C23;
	color: #eeeeee;
	font-size: 11pt;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0px 0px 2px 0px black;
}
a.textbutton:hover {
	color: #ffffff;
}



.form-container {
	margin: 0 40px;
}
.form-container .line {
    padding: 0 0 10px;
    box-sizing: border-box;
}
.form-container .line label {
	width: 35%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.form-container .line label::after {
	content: ':';
}
.form-container .line div.input-like,
.form-container .line input {
	width: 65%;
	box-sizing: border-box;
}
.form-container .line div.input-like {
	background-color: #ECEDEE;
	color: black;
	border: 1px solid #333333;
	padding: 2px;
	min-height: 1.5em;
	box-sizing: border-box;
}
.form-container .line.buttons {
	text-align: center;
}
.form-container .line.buttons input {
	width: auto;
}
.form-container .line.twoliner label {
	width: 100%;
	display: block;
}
.form-container .line.twoliner div.input-like,
.form-container .line.twoliner input {
	width: 100%;
	display: block;
}
.form-container .line.input-with-button a {
	width: 16px;
	float: right;
	overflow: hidden;
}
.form-container .line.input-with-button input {
	margin-left: -24px;
}





@media screen and (max-width: 900px) {
	.form-container {
		margin: 0;
	}
	.container {
		width: 100%;
		margin: 0;
		background-color: #EE1C23;
		border-radius: 0;
	}
}
@media screen and (max-width: 600px) {
	.container .left{
		float: none;
		width: 100%;
	}
	.container .left > div,
	.container .right > div {
		margin: 20px 0;
	}
	.not_for_small_screens {
		display: none;
	}
	.only_for_small_screens {
		display: block;
	}
}

@media screen and (max-width: 400px) {
	.form-container .line label {
		width: 100%;
		display: block;
	}
	.form-container .line div.input-like,
	.form-container .line input {
		width: 100%;
		display: block;
	}
	.form-container .line.input-with-button input {
		margin: 0;
	}
	.form-container .line.input-with-button a {
		display: none;
	}
}




.juist{
	color: black;
	font-weight: normal;
	background-color: #BEE6E1;
}
.fout {
	color: #FF0000;
	font-weight: bold;
}
.gecorrigeerd {
	color: black;
	font-weight: normal;
	background-color: #BEE6E1;
}
a {
	color:black;
	text-decoration:none;
	font-weight:bold;
}
a.taaldrop {
	text-decoration:underline;
	font-weight:normal;
	color:blue;
}
.style1			{font-size:12px;}
A.style1			{font-size:12px;}
.style2			{font-size:12px; color:#FFFFFF;}
.titel_rood		{font-size:13px; color:#EE1C23; font-weight:bold; height:20px;}
.titel_blauw		{font-size:13px; color:#00AFA7; font-weight:bold; height:20px;}

.subtitle		{font-size:12px; font-weight:normal; color:#EE1C23;}
A.settings		{text-decoration:none; font-weight:normal;}
.newsflash		{font-size:11px; font-weight:bold; color:#444444;}

A.company {
	color:#c64934;
	font-weight:bold;
}
A.company:hover {
	color:#900;
}

.battery-outer {
background: #ff3019;
background: -moz-linear-gradient(top,  #ff3019 0%, #960303 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#960303));
background: -webkit-linear-gradient(top,  #ff3019 0%,#960303 100%);
background: -o-linear-gradient(top,  #ff3019 0%,#960303 100%);
background: -ms-linear-gradient(top,  #ff3019 0%,#960303 100%);
background: linear-gradient(to bottom,  #ff3019 0%,#960303 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#960303',GradientType=0 );
border-radius: 8px;
height: 30px;
border: 1px solid #666;
box-shadow: 1px 1px 5px 0px #666;
margin-bottom:5px;
}
.battery-outer .battery-inner {
background: #45f913;
background: -moz-linear-gradient(top,  #45f913 0%, #028c02 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45f913), color-stop(100%,#028c02));
background: -webkit-linear-gradient(top,  #45f913 0%,#028c02 100%);
background: -o-linear-gradient(top,  #45f913 0%,#028c02 100%);
background: -ms-linear-gradient(top,  #45f913 0%,#028c02 100%);
background: linear-gradient(to bottom,  #45f913 0%,#028c02 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45f913', endColorstr='#028c02',GradientType=0 );
height: 30px;
border: 1px solid #666;
margin-left:-1px;
margin-top:-1px;
border-radius: 8px 0 0 8px;
}