* {
	margin: 0;
	padding: 0;}

body {
	background: #000 url(/images/bg-body.jpg) top center no-repeat; 
	font: 13px/21px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;}

a img {
	border: 0;}

h1, #signature-form, #about, #thank-you {
	width: 880px;
	margin: 0 auto;}

h1 {
	margin: 23px auto 20px auto;
	height: 219px;
	background: transparent url(/images/bg-h1.png) top left no-repeat;
	text-indent: -9999em;
	overflow: hidden;}

.feedback-success,
.feedback-error {
	padding: 5px 10px;
	color: #000;
	border-width: 1px 0;
	border-style: solid;}

.feedback-success {
	border-color: #0F0;
	background-color: #CFC;}

.feedback-error {
	border-color: #F00;
	background-color: #FCC;}

.feedback-success ul,
.feedback-error ul {
	margin-left: 30px;}

.feedback-success ul li,
.feedback-error ul li {
	padding: 0 !important;
	margin: 0 !important;
	background: 0 !important;}

#signature-form {
	position: relative;
	background: transparent url(/images/bg-form.png) top center no-repeat;
	padding-top: 35px;}

#signature-form form {
	padding-bottom: 20px;
	background: transparent url(/images/bg-form-bottom.gif) bottom center no-repeat;
	padding-left: 300px;
	padding-right: 70px;}

#signature-form form h3 {
	margin-bottom: 1em;}

#signature-form #extra h3 {
	margin-bottom: 0;}

#signature-form #more-info {
	position: absolute;
	left: 40px;
	top: 613px;
	width: 235px;}

#signature-form #more-info h3 {
	margin-bottom: 0;}

#signature-form #more-info p {
	font-style: italic;
	color: #666;}

h2 {
	margin-bottom: 12px;
	overflow: hidden;
	text-indent: -9999em;}

h3, h4 {
	font-size: 15px;
	line-height: 21px;
	color: #6E2585;}

p, ol {
	margin-bottom: 1em;}

input.text, textarea {
	border: 1px solid #D9D9D9;}

a:link, a:visited {
	color: #6E2585;
	text-decoration: underline;}

a:link:hover, a:visited:hover {
	text-decoration: none;}

#name, #email, #city {
	padding: 3px 0;
	width: 386px;}

#captcha {
    padding: 3px 0;
    width: 184px;
    position: relative;
    top: -25px;
}

p.deliver-info {
	background: transparent url(/images/logo-md.gif) right top no-repeat;
	padding-right: 140px;}

form ol {
	list-style: none;}

form ol li {
	margin-bottom: 1em;
	zoom: 1;}

form ol li:after {
	content: '.';
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;}

form ol li label,
form ol li ol {
	float: left;}

form ol li ol li {
	margin-bottom: auto;}

form ol li ol li label {
	float: none;}

form ol.horizontal {
	zoom: 1;}

form ol.horizontal:after {
	content: '.';
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;}

form ol.horizontal li {
	float: left;}

form ol li.horizontal {
	margin-bottom: 0;}

form ol.horizontal li label,
form ol.horizontal li input,
form ol.horizontal li select,
form ol.horizontal li textarea,
form ol li.horizontal label,
form ol li.horizontal input,
form ol li.horizontal select,
form ol li.horizontal textarea {
	float: left;}

form ol.horizontal li input,
form ol.horizontal li select,
form ol.horizontal li textarea,
form ol li.horizontal input,
form ol li.horizontal select,
form ol li.horizontal textarea {
	margin-right: 3px;
	margin-top: 4px;
	_margin-top: 0;
	*margin-top: 0;}

#extra ol li.horizontal {
	margin-bottom: 1em;}

#extra ol li.horizontal label {
	width: 460px;}

form ol.vertical li label,
form ol li.vertical label {
	display: block;
	clear: both;
	float: none;}

form ol.vertical li ol li label,
form ol li.vertical ol li label {
	display: inline;}

form ol.offset li label,
form ol li.offset label {
	font-weight: bold;
	width: 120px;}
    
form ol.offset li label span,
form ol li.offset label span {
    clear: both;
    float: left;
    font-weight: normal;}

form ol.offset li.horizontal label,
form ol.offset li.vertical label {
	font-weight: normal;
	width: auto;}

#extra {
	background: #E2D3E6 url(/images/bg-extra.gif) left top no-repeat;}

#extra .wrapper {
	width: 490px;
	padding: 10px;
	background: transparent url(/images/bg-extra.gif) right bottom no-repeat;}

#extra .wrapper ol {
	margin-bottom: 0;}

#extra .wrapper ol li.offset {
	margin-bottom: 0;}

#extra textarea {
	width: 368px;
	border: 1px solid #B5A9B8;}

p#sendbtn {
	margin: 2em 0 3em 0;
	zoom: 1;
	width: 510px;
	text-align: right;}

p#sendbtn:after {
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;}

p#sendbtn input {
	float: left;}

p#sendbtn a {
	float: right;}

#about {
	position: relative;
	width: 840px;
	margin-top: 20px;
	padding: 30px 0 30px 40px; 
	background: #FFF url(/images/bg-about.jpg) top left no-repeat;}

#about h2 {
	width: 387px;
	height: 31px;
	background: transparent url(/images/bg-h2-about.png) top left no-repeat;}

#about h3, #about p {
	margin-right: 420px;}

#footer {
	background: url(/images/bg-footer.png) top left no-repeat;
	width: 880px;
	height: 141px;
	margin: 0 auto;}

#footer a {
	display: block;
	width: 880px;
	height: 141px;
	overflow: hidden;
	text-indent: -9999em;}


/**
 * THANK YOU PAGE
 */
#thank-you {
	background: transparent url(/images/bg-thankyou.png) top left no-repeat;
	width: 840px;
	padding: 30px 0 80px 40px;
	margin-top: 35px;
	position: relative;
	zoom: 1;}

#thank-you h2 {
	background: transparent url(/images/bg-h2-thankyou.png) top left no-repeat;
	width: 235px;
	height: 36px;}

#thank-you ul {
	margin-left: -2px;
	list-style-type: none;}

#thank-you ul li {
	padding: 10px 0 0 50px;
	background: #FFF url(/images/tickmark.gif) 7px 0 no-repeat;
	width: 420px;}

#thank-you ul li.sendafriend {
	margin-bottom: 2em;}

#thank-you ul li.sendafriend label {
	font-style: italic;
	color: #585858;}

#verzender, #verzender_email, #ontvanger_1, #ontvanger_1_email,
#ontvanger_2, #ontvanger_2_email, #ontvanger_3, #ontvanger_3_email, #phone {
	padding: 3px 0;
	border: 1px solid #D9D9D9;}

#thank-you ul li.towebsite {
	background: #FFF url(/images/arrow.gif) 0 9px no-repeat;}

#thank-you ul li ol li {
	padding: 0;
	background: none;
	width: 209px;}

#thank-you #join {
	width: 795px;
	margin-top: 50px;
	background: transparent url(/images/bg-join-top.png) top left no-repeat;}

#thank-you #join form {
	padding: 10px 10px 10px 295px;
	background: transparent url(/images/bg-join-bottom.png) bottom left no-repeat;
    height: 255px;}

#thank-you #join form #name, #thank-you #join form #email, #thank-you #join form #phone {
	border: 1px solid #C0B4C4;
	width: 345px;}

#thank-you #join form ol.offset li label {
	width: 140px;}

#thank-you #join form ol.offset li.horizontal {
	margin-bottom: 0.5em;}

#thank-you #join form ol.offset li.horizontal label {
	width: auto;}

#thank-you #join form #privacy {
	margin-top: 2em;}

#thank-you p#sendbtn {
	width: 490px;
	margin-bottom: 0;}