body {
	margin:0px;
	padding:0px;
	text-align:center;	
}

#bg-colors {
	background: #FFFFFF url(../img/bg-mix-match.jpg) no-repeat left bottom;
	height: 560px;
	width: 960px;
	margin: auto auto;
}

#topbutton-mixmatch {
	height:51px;
	width:52px;
	z-index:20;
	left:50%;
	margin:205px 0 0 -440px;
	position:absolute;
}

#topbutton2-mixmatch {
	height:51px;
	width:52px;
	z-index:20;
	left:50%;
	margin:50px 0 0 -505px;
	position:absolute;
}


#bg-colors .title {
	padding:20px 0 0 40px;
	text-align:left;

}

#bg-colors .choice {
	padding:112px 0 0 530px;
	text-align:left;
	font: 12px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
#bg-colors .choice a:link, #bg-colors a:visited {
	font: 12px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:underline;
}

#bg-colors .choice a:hover {
	font: 12px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #B3211D;
	text-decoration:none;
}

#bg-squares {
	background: #FFFFFF url(../img/bg-squares.gif) no-repeat left bottom;
	height: auto;
	width: 960px;
	margin: auto auto;
}

#bg-squares .title {
	padding:20px 0 0 40px;
	text-align:left;
	float:left;
}

#bg-squares .intro {
	font: 16px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #B3211D;
	padding-left:35px;
	padding-top:45px;
	text-align:left;
	float:left;
}

#bg-squares .intro a:link, #bg-squares a:visited {
	font: 16px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #B3211D;
	text-decoration:underline;
}

#bg-squares .intro a:hover {
	font: 16px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #B3211D;
	text-decoration:none;
}

#bg-squares .dates {
	font: 18px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #442381;
	padding-left:0px;
	padding-top:50px;
	text-align:left;
	float:left;
	width:550px;
}

#bg-squares .deelnemers {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #B3211D;
	padding-left:50px;
	padding-top:50px;
	text-align:left;
	float:left;
	width:360px;
	text-transform:uppercase;
}

#bg-squares a.deelnemerslink:link, #bg-squares a.deelnemerslink:visited {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #B3211D;
	text-decoration:underline;
	text-transform:lowercase;
}

#bg-squares a.deelnemerslink:hover {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #B3211D;
	text-decoration:none;
	text-transform:lowercase;
}

hr {
	BORDER-TOP-STYLE: none;
	BORDER-BOTTOM: 0.1em dotted #000000;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 1px;
	margin-top: 5px;
	margin-bottom: 8px;
	padding:0px;
}



#spacer { padding-left:0px; float:left; margin-bottom:0px; margin-top:0px; text-align:right; width:180px; }
#spacer2 { padding-left:98px; float:left; color:#6F519B; font-size:20px; margin-bottom:0px; margin-top:0px; }
#spacer3 { padding-left:90px; float:left; margin-bottom:0px; margin-top:0px; }
#spacer4 { height:20px;}
#spacer5 { height:60px;}
#spacer6 { height:160px;}

.form-select {
	width:260px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc;
	color:#442381;
}

.form-grey {
	color:#999999;
}


#bg-squares .info {
	font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:left;
	width:900px;
}

.green { color:#00A7A7; font-weight:bold; }


#bg-squares #bon {
	font: 12px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #442381;
	padding-left:45px;
	padding-top:50px;
	text-align:left;
	float:left;
	width:850px;
}


/*.inputveld {
	font: 11px Verdana, Arial, Helvetica;
	color:#000000;
	width: 260px;
	height:22px;
	border: 1px solid #cccccc;
	background-color:#ffffff;
	margin-left:4px;
}

#form .item {display:block; clear:left; width:160px; float:left; margin:0px; padding-top:2px; text-align:right; padding-right:6px; }
#form .item2 {display:block; width:190px; float:left; margin:0px; top:0px; }
*/

#bon .item1 {display:block; padding-top:4px; width:115px; height:20px; float:left; margin:0px; text-align:left; white-space:nowrap }
#bon .item2 {display:block; padding-top:4px; width:110px; height:20px; float:left; margin:0px; }
#bon .item3 {display:block; padding-top:4px; font-weight:bold; width:280px; height:20px; float:left; margin:0px; }
#bon .item4 {display:block; padding-top:4px; width:480px; height:20px; float:left; margin:0px; vertical-align:top; }
#bon .item5 {display:block; padding-top:4px; width:115px; height:20px; float:left; margin:0px; }
#bon .item6 {display:block; padding-top:4px; width:120px; height:20px; float:left; margin:0px; }
#bon .item7 {display:block; padding-top:4px; width:286px; height:20px; float:left; margin:0px; text-align:left; }

.invulveld1 {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	height: 20px;
	width: 515px;
	border: 1px solid #cccccc;
}

.invulveld2 {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	height: 20px;
	width: 260px;
	border: 1px solid #cccccc;
}

.invulveld3 {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	height: 20px;
	width: 80px;
	border: 1px solid #cccccc;
}

.invulveld4 {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	height: 20px;
	width: 361px;
	border: 1px solid #cccccc;
}


#bg-squares .succes {
	font: 12px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #442381;
	padding-top:120px;
	text-align:center;
	float:left;
	width:950px;
	text-transform:uppercase;
}


#bg-squares .succes a:link, #bg-squares .succes a:visited {
	font: 12px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #442381;
	text-decoration:underline;
}

#bg-squares .succes a:hover {
	font: 12px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #442381;
	text-decoration:none;
}