/* ------------------ achtergrond algemeen ----------------- */
div#container{
	margin 			: 0 auto;
	width 			: 74em;
/* kleur achtergrond van de main container */
	background 	 	: #ffffff;
/* kleur omsluitende border */
	border 			: 0.1em solid #ffffff;
}
div#top{
	display 		: block;
	width 			: 74em;
/* hoogte van achtergrondbeeld header */
	height 			: 15em;
	background 		: url(header_background.jpg) no-repeat;
}
div#top td.header{
	color 			: #adcf37; 
	font-weight 	: bold; 
	font-size 		: 4.5em;
	padding 		: 0.1em 0 0 3.8em;
}
div#left{
	float 			: left;
	display 		: block;
	width 			: 37em;
	background 		: url(leftcontent_background.jpg) no-repeat;
	min-height 		: 53em;
}
div#right{
	float 			: right;
	display 		: block;
	width 			: 37em;
/* hoogte van achtergrondbeeld rechterkantkant (site_background.jpg) */
	min-height		: 52em;
	background 		: url(site_background.jpg) no-repeat;
}



/* ------------------ Ja ik wil ----------------- */
div#form_title{
	padding 		: 0.5em;
/*	kleur van het "ja" blok */
	color 			: #000000;
	font-style 		: italic;
	font-family		: Verdana,Arial,Helvetica,sans-serif;
}
td.ja{
	width 			: 1.2em;
	font-size 		: 4em;
	line-height 	: 1;
	margin 			: 0 ;
	font-weight 	: bold;
}
td.jatekst{
	width 			: 19em;
}
td.jatekst h3{
	font-size		: 1.2em;
	font-weight 	: bold;
	margin 			: 0;
}


/* ------------------ de onderkant ----------------- */
div#bottom{
	clear 			: both;
	width 			: 61.7em;
	text-align		: center;
	padding 		: 0.5em 0 0.5em 0;
	background 	 	: #FFFFFF;
	font-size 		: 1.2em;
}
div#bottom a{
	color 			: #000;
}



/* ------------------ error melding (het oké knopje) ----------------- */
a.okbutton{
	margin 			: 5px 0 0 0 ;
	display 		: block;
	color 			: #000000;	
	text-align 		: center;
	width 			: 30px;
	height 			: 16px;
	padding 		: 4px 0 0 0;
	text-decoration : none;
	background 		: url(http://0euro.nl.site-id.nl/campaign/algemeen/images/okbutton.gif) no-repeat;
}
div#form p#message{
	font-size 		: 1.1em;
	color 			: #CC0000;
	margin 			: 0 1em 0 1em;		
	padding 		: 1em;
	border 			: 1px solid #CC0000;
	background 		: #FFEEEE;
	display 		: none;
}



/* ------------------ linker tekst gedeelte  ----------------- */
div#leftcontent{
	padding 		: 2em;
}
div#leftcontent h1{
	font-size 		: 2em;
	font-weight		: bold;
}
div#leftcontent h2{
	font-size 		: 1.5em;
	font-weight		: bold;
}
div#leftcontent p{
}



/* ------------------ rechterkant algemeen ----------------- */
div#form{
	background 		: #FFFFFF;
	width 			: 30em;
	padding 		: 1em 1em 1em 1em;
	border 			: 0.1em solid #000000;
	margin-bottom 	: 1em;
}
div#form p{
	margin 			: 0.8em 0 0.8em 0;
	padding 		: 0;
}
div#formfield{
	margin 			: 0;
}



/* ------------------ Rechter invulgedeelte ----------------- */
td.standard{
	padding-top		: 0.25em;
}
td.virtualinclude{
	padding-top		: 1em;
}
td.submit{
	padding-top		: 0.25em;
	text-align		: center;
}
span.standard{
	float 			: left;
	font-size 		: 1.1em;
}
span.horizontalSpacer{
	float 			: left; 
	margin 			: 0.5em;
}
span.spacerinput{
	float 			: left;
	margin 			: 0.2em;
}
span.firstInForm{
	float 			: left; 
	padding-bottom 	: 0.5em;
}
input{
	padding 		: 0.2em;
	font-size 		: 1.2em;
}
input.fourborder{
	border 			: 1px solid #000000;
	margin 			: 0 0 0.1em 0;
	background 		: #FFFFFF;
}
input.threeborder{
	border 			: 1px solid #000000;
	border-left		: 0em solid #000000;
	margin 			: 0 0 0.1em 0;
	background 		: #FFFFFF;
}
input.noborder{
	margin 			: 0 0 0.1em 0;
	background 		: #FFFFFF;
	height 			: 1em;
}
input.disabled{
	border 			: 1px solid #000000;
	margin 			: 0 0 0.1em 0;
	background 		: #CCCCCC;
}
input.postcode{
	border 			: 1px solid #000000;
	margin 			: 0 0 0.1em 0;
/*	background 		: #FFFFFF url(postcode.gif) no-repeat;*/
}
select{
	padding 		: 0.2em;
	font-size 		: 1.2em;
}
.geboortedag {
	background:url(http://0euro.nl.site-id.nl/campaign/algemeen/images/dag.jpg) no-repeat;
	border 			: 1px solid #000000;
	margin 			: 0 0 0.1em 0;
}
.geboortemaand {
	background:url(http://0euro.nl.site-id.nl/campaign/algemeen/images/maand.jpg) no-repeat;
	border 			: 1px solid #000000;
	margin 			: 0 0 0.1em 0;
}
.geboortejaar {
	background:url(http://0euro.nl.site-id.nl/campaign/algemeen/images/jaar.jpg) no-repeat;
	border 			: 1px solid #000000;
	margin 			: 0 0 0.1em 0;
}
hr{
	color 			: #000000;
	margin 			: 1em 0 1em 0;
}
span.spacer{
	margin 			: 0 1em 0 0;
}
span.checkbox_right{
	float 			: right;
	margin 			: 0 2em 0 0;
}
#giftee_initials						{width:4.4em;}
#giftee_lastNamePrefix					{width:3.8em;}
#giftee_lastName						{width:10.6em;}
#giftee_address_streetName				{width:11.2em;}
#giftee_address_houseNumber				{width:2.3em;}
#giftee_address_houseNumberAddition		{width:5.3em;}
#giftee_address_zipCode					{width:5.1em;}
#giftee_address_city					{width:14.5em;}
#giftee_emailAddress					{width:11.1em;}

#respondee_initials						{width:4.4em;}
#respondee_lastNamePrefix				{width:3.8em;}
#respondee_lastName						{width:10.6em;}
#respondee_address_streetName			{width:11.2em;}
#respondee_address_houseNumber			{width:2.3em;}
#respondee_address_houseNumberAddition	{width:5.3em;}
#respondee_address_zipCode				{width:5.1em;}
#respondee_address_city					{width:14.5em;}
#respondee_emailAddress					{width:11.1em;}
#telefoonnrprive						{width:7.4em;}
#respondee_telephoneNumber_areaCode		{width:3em;}
#respondee_telephoneNumber_connectionNumber	{width:4.8em;}
#birthDay								{width:2em;}
#birthMonth								{width:2em;}
#birthYear								{width:4em;}
#payment_number							{width:7em;}