body {
	background-color:#f3f3f3;
	margin-top:0px;
}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#464646;
}

/* ------------------ achtergrond algemeen ----------------- */
div#container2{
	margin 			: 0 auto;
	width 			: 74em;
/* kleur achtergrond van de main container */
	background 	 	: #c0bebf;
/* kleur omsluitende border */
	border 			: 0.1em solid #000000;
}
div#top{
	display 		: block;
	width 			: 74em;
/* hoogte van achtergrondbeeld header */
	height 			: 15em;
	background 		: url(header_background.jpg) no-repeat;
}

div#topb{
	display 		: block;
	width 			: 74em;
/* hoogte van achtergrondbeeld header */
	height 			: 15em;
	background 		: url(http://www.site-id.nl/campaign/algemeen/images/cid6857/header_background_b.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 		: 61em;
}
div#right{
	float 			: right;
	display 		: block;
	width 			: 37em;
/* hoogte van achtergrondbeeld rechterkantkant (site_background.jpg) */
	min-height		: 61em;
	background 		: url(site_background.jpg) no-repeat;
}



/* ------------------ Ja ik wil ----------------- */
div#form_title{
	padding 		: 0.5em;
/*	kleur van het "ja" blok */
	color 			: #464646;
	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 	 	: #fcf318;
	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://www.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 			: 305px;
	padding 		: 1em 1em 1em 1em;
	border 			: 0.1em solid #ffffff;
	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		: left;
}
span.standard{
	float 			: left;
}
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 #bfbfbf;
	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://www.site-id.nl/campaign/algemeen/images/dag.jpg) no-repeat;
	border 			: 1px solid #000000;
	margin 			: 0 0 0.1em 0;
}
.geboortemaand {
	background:url(http://www.site-id.nl/campaign/algemeen/images/maand.jpg) no-repeat;
	border 			: 1px solid #000000;
	margin 			: 0 0 0.1em 0;
}
.geboortejaar {
	background:url(http://www.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;}

/* ------------------  ----------------- */
.cpYearNavigation,
.cpMonthNavigation
		{
		background-color:#6677DD;
		text-align:center;
		vertical-align:center;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
		}
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText
		{
		font-family:arial;
		font-size:8pt;
		}
TD.cpDayColumnHeader
		{
		text-align:center;
		border-left:solid thin white;
		background-color:#d1d8ff;
		border-width:0 0 1 0;
		}
.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate
		{
		text-align:right;
		text-decoration:none;
		}
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled
		{
		color:#D0D0D0;
		text-align:right;
		text-decoration:line-through;
		}
.cpCurrentMonthDate
		{
		color:#6677DD;
		font-weight:bold;
		}
.cpCurrentDate
		{
		color: #FFFFFF;
		font-weight:bold;
		}
.cpOtherMonthDate
		{
		color:#808080;
		}
TD.cpCurrentDate
		{
		color:#FFFFFF;
		background-color: #6677DD;
		border-width:1;
		border:solid thin #000000;
		}
TD.cpCurrentDateDisabled
		{
		border-width:1;
		border:solid thin #FFAAAA;
		}
TD.cpTodayText,
TD.cpTodayTextDisabled
		{
		border:solid thin #6677DD;
		border-width:1 0 0 0;
		}
A.cpTodayText,
SPAN.cpTodayTextDisabled
		{
		height:20px;
		}
A.cpTodayText
		{
		color:#6677DD;
		font-weight:bold;
		}
SPAN.cpTodayTextDisabled
		{
		color:#D0D0D0;
		}
.cpBorder
		{
		border:solid thin #6677DD;
		}