body { background: #f4f2f0; font-family: Verdana, Helvetica, sans-serif;font-size: 11px; line-height: 19px; color: #50404d; margin: 0; }
.clearboth { clear: both; }
div#mainContainer { text-align: left; width: 820px; margin: 2em 0 0 0; }

div#contentContainer { padding: 0 26px 0 26px; height: auto; float: left; background: #ffffff url("../images/frame-sides.png") 0 0 repeat-y; width: 765px; }

div#pageheader { width: 820px; float: left; background: url("../images/frame-top.png") 0 100% no-repeat; text-align: right; height: 50px; }
div#pagecloser { width: 775px; float: left; background: url("../images/frame-bottom-ipod-shuffle.png") 0 0 no-repeat; height: 20px; padding-left: 38px;padding-top: 38px; font-size: 10px; }
div#pagecloser.voorwaarden { width: 775px; float: left; background: url("../images/frame-bottom.png") 0 0 no-repeat; height: 20px; padding-left: 38px;padding-top: 38px; font-size: 10px; }

div.claim { width: 350px; height: 420px; background: url("../images/claim-uw-voordeel-ipod-shuffle.png") 50% 100% no-repeat; float: left; border-right: 0.1em solid #62545a; }
div.claim-voorwaarden { width: 350px; height: 454px; background: url("../images/claim-uw-voordeel-ipod-shuffle2.png") 50% 0% no-repeat; float: left;  }
div.infoColumn { float: left; }

#processError, #accountnumberError, #actioncodeError , .error{ color: #ff0000; }

div.centerDiv { background: #f4f2f0; }
div#formAction { float: left; width: 400px; }
	div#formAction label { font-weight: bold; color: #76696f; }
	div#formAction label.frontLabel { float: left; width: 100px; }
	div#formAction input.fullWidth { width: 360px; border: 0.1em solid #abadb3; line-height: 1.5em; color: #62545a; }
	div#formAction input.smallWidth { width: 250px; border: 0.1em solid #abadb3; line-height: 1.5em; color: #62545a; }
	div#formAction textarea { width: 250px; border: 0.1em solid #abadb3; line-height: 1em; color: #62545a; }
	div#formAction img.logoTop { padding: 0 0 0 2.5em; margin:  }
	div#formAction.voorwaarden { border-left: 0.1em solid #62545a; }
	
	div#formAction div.content { float: left; padding: 0 1em 0 2.5em; margin: 2em 0 0 0; }
		div#formAction div.content h1 { color: #c821ac; font-size: 12px; }
		div#formAction div.content p { color: #62545a; }
		div#formAction div.content p a { color: #c821ac; }

div#formAction div.contactBtn { margin: 3.5em 0 0 2.4em; float: left; }
	div#formAction div.contactBtn a { font-size: 95%; color: #62545a; text-decoration: none; }
	div#formAction div.contactBtn a:hover { color: #c821ac; text-decoration: underline; }
	
	.sendBtn { float: right;}


a {
	color: #50404d;
	text-decoration: none;
}
a:hover {
	color: #c821ac;
	text-decoration: underline;
}
a.leesmeer {
	width: auto;
	height: 16px;
	line-height: 16px;
	color: #c821ac !important;
	font-weight: bold;
	text-decoration: none;
	padding: 0 14px 0 0;
	background: url("http://www.online.nl/images/arrow-purple.png") 100% 1px no-repeat;
}
a.leesmeer:hover {
	text-decoration: underline;
}