@charset "utf-8";
/* CSS Document */

body {

	text-align: center;
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #97baf9;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	line-height: 20px;
	overflow-y: scroll;
}

td {
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	line-height: 20px;
}

A{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align: center; font-size: 18px;}
A:link{text-decoration:underline; text-align: center;}
A:visited{text-decoration:underline; text-align: center;}
A:hover{text-decoration:none; text-align: center;}
A:active{text-decoration:underline; text-align: center;}

.footer A{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align: center; font-size: 12px;}
.footer A:link{text-decoration:underline; text-align: center;}
.footer A:visited{text-decoration:underline; text-align: center;}
.footer A:hover{text-decoration:none; text-align: center;}
.footer A:active{text-decoration:underline; text-align: center;}

.bodyHome {
	background-image: url(../images/background_home.gif);
}

.bodyContent {
	background-image: url(../images/background.gif);
}

.contentHome {
	margin: 20px;
	width: 700px;
	text-align: center;
}

.contentVragen {
	margin: 20px;
	width: 580px;
	text-align: center;
}

.contentResultaat {
	margin: 20px;
	width: 580px;
	text-align: center;
}

.vraag {
	height: 92px;
}

.antwoordCanvas{
	background-repeat: no-repeat;
	background-position: center;
	width:168px;
	height: 353px;
	vertical-align: top;
	padding-top: 30px;
}

.antwoord {
	height:110px;
	vertical-align: top;
	padding-top: 2px;
}

.hoekje {
	height: 50px;
	text-align:right;
	padding-right: 4px;
}

.contentHome h1 {
	color: #f00082;
	font-size: 50px;
	font-family: Helvetica, Arial, Verdana;
	margin: 0;
}

.contentHome h2 {
	color: #3d3d3d;
	font-size: 18px;
	font-family: Helvetica, Arial, Verdana;
	margin: 20px 0 0 0;
}

.contentHome h3 {
	color: #828282;
	font-family: Helvetica, Arial, Verdana;
	font-size: 17px;
	font-weight: normal;

}

.contentHome h4 {
	color: #828282;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;

}

.contentHome h4 a{
	color: #000000;
	font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	font-weight: normal;

	text-decoration: none;
}

.contentHome h4 a:hover{
	color: #000000;
	font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	font-weight: normal;

	text-decoration: underline;
}

.contentHome h5 {
	color: #f00082;
	font-family: Helvetica, Arial, Verdana;
	font-size: 26px;
	font-weight: bold;
	margin-top: -15px;
}

.contentHome h5 a{
	color: #f00082;
	font-family: Helvetica, Arial, Verdana;
	font-size: 26px;
	font-weight: bold;
	margin-top: -15px;
	text-decoration: none;
}

.contentHome h5 a:hover{
	color: #f00082;
	font-family: Helvetica, Arial, Verdana;
	font-size: 26px;
	font-weight: bold;
	text-decoration: underline;
}

.contentVragen h1 {
	color: #f00082;
	font-size: 50px;
	font-family: Helvetica, Arial, Verdana;
	margin-top: 0px;
	height: 75px;
	vertical-align: middle;
}

.contentVragen h2 {
	color: #3d3d3d;
	font-size: 30px;
	font-family: Helvetica, Arial, Verdana;
	line-height: normal;
	height: 70px;
}

.contentVragen h3 {
	color: #828282;
	font-family: Helvetica, Arial, Verdana;
	font-size: 17px;
	font-weight: normal;
	margin-bottom: -20px;
}

.contentVragen h4 {
	color: #828282;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;

}

.contentVragen h4 a{
	color: #000000;
	font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	font-weight: normal;

	text-decoration: none;
}

.contentVragen h4 a:hover{
	color: #000000;
	font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	font-weight: normal;

	text-decoration: underline;
}

.contentVragen h5 {
	color: #f00082;
	font-family: Helvetica, Arial, Verdana;
	font-size: 26px;
	font-weight: bold;
	margin-top: -15px;
}

.contentVragen h5 a{
	color: #f00082;
	font-family: Helvetica, Arial, Verdana;
	font-size: 26px;
	font-weight: bold;
	margin-top: -15px;
	text-decoration: none;
}

.contentVragen h5 a:hover{
	color: #f00082;
	font-family: Helvetica, Arial, Verdana;
	font-size: 26px;
	font-weight: bold;

	text-decoration: underline;
}

.contentResultaat h1 {
	color: #f00082;
	font-size: 50px;
	font-family: Helvetica, Arial, Verdana;
	margin: 0px;
	height: 75px;
	vertical-align: middle;
}

.contentResultaat h2 {
	color: #3d3d3d;
	font-size: 30px;
	font-family: Helvetica, Arial, Verdana;
	line-height: normal;
	margin: 0px;
}

.contentResultaat h3 {
	color: #828282;
	font-family: Helvetica, Arial, Verdana;
	font-size: 17px;
	font-weight: normal;
	margin: 0px;
}

.contentResultaat h4 {
	color: #828282;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;

}

.contentResultaat h4 a{
	color: #f00082;
	font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	font-weight: normal;

	text-decoration: none;
}

.contentResultaat h4 a:hover{
	color: #000000;
	font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	font-weight: normal;

	text-decoration: underline;
}

.contentResultaat h5 {
	color: #f00082;
	font-family: Helvetica, Arial, Verdana;
	font-size: 26px;
	font-weight: bold;
	margin-top: -15px;
}

.contentResultaat h5 a{
	color: #f00082;
	font-family: Helvetica, Arial, Verdana;
	font-size: 26px;
	font-weight: bold;
	margin-top: -15px;
	text-decoration: none;
}

.contentResultaat h5 a:hover{
	color: #f00082;
	font-family: Helvetica, Arial, Verdana;
	font-size: 26px;
	font-weight: bold;

	text-decoration: underline;
}

.textfield {
	width: 230px;
	height: 28px;
	font-size: 16px;
	margin: 2px 0px 2px 0px;
}