*
{
	font-family			:"Arial Narrow", Arial, sans-serif;
}
html, body
{
	margin-top			:0px;
	margin-bottom		:0px;
	margin-left			:0px;
	margin-right		:0px;
	margin					:0px;
	font-size				:0.95em;
	width						:513px;
	font-family			:"Arial Narrow", Arial, sans-serif;
	background-color:#fff;
	color						:#000; 
}

div
{
	border-width		:0px;
	border-collapse	:collapse;
	background-color:#fff;
	width						:auto;
}

#navigation
{
	width						:513px;
	border					:0px;
}

h1, .step 
{
	color						:#00ACCC;
	margin-top			:1em;
	font-size				:1.4em;
	font-weight			:bold;
}
h2, .title 
{
	color						:#C1D72F;
	margin-top			:1em;
	font-size				:1.2em;
	font-weight			:bold;
}

table
{
	border-width		:0px;
	border-collapse	:collapse;
	background-color:#fff;
	width						:100%;
}

td
{
	border-bottom		:1px solid #00ACCC;
	padding					:5px;
	margin					:0px;
}

td.question
{	
	width						:325px;
}

td.question, td.unit, td.section
{
	vertical-align	:middle;
}


/*		Form Styles			*/

select, input, .textbox
{
	font-family			:"Arial Narrow", Arial, sans-serif;
	margin					:0px;
}

input.textbox
{
	text-align			:right;
	width						:60px;
	border					:1px solid #00ACCC;
}

select
{
	border					:1px solid #00ACCC;
}

/*		/Forms styles		*/


/*		Button Styles		*/

#buttons 
{
	position			:absolute;
	top						:373px;
	background		:#fff url(Images/bottom.gif) top left no-repeat;
	height				:70px;
	border				:0px;
	width					:513px;
}

p.buttonholder
{
	width						:132px;
	cursor					:pointer;
} 

input.vorige, input.volgende, input.disclaimer, input.herstellen, input.opnieuw
{
	position				:absolute;
	width						:100px;
	height					:29px;
	top							:0px;
	border					:0px;
	cursor					:pointer;
}

#vorigeholder, #volgendeholder, #disclaimerholder
{ 
	position				:absolute;
	top							:0px;
}

#vorigeholder
{
	background-color:Transparent;
	margin-top			:35px;
	margin-left			:5px;
	float						:left;
}

#volgendeholder
{
	background-color:Transparent;
	margin-top			:35px;
	margin-left			:365px;
}

input.vorige
{
	background			:url(Images/vorige.jpg);
}

input.volgende
{
	background			:url(Images/volgende.jpg);
}

#disclaimerholder
{
	background-color:Transparent;
	margin-top			:35px;
	margin-left			:365px;
}

input.disclaimer
{
	background			:url(Images/disclaimer.gif);
	background-repeat:no-repeat;
}

input.herstellen
{
	background			:url(Images/herstellen.gif);
	background-repeat:no-repeat;
	top							:110px;
	left						:40px;
}

input.opnieuw
{
	background			:url(Images/opnieuw.gif);
	background-repeat:no-repeat;
	top							:180px;
	left						:40px;
}

select.burgerlijkestaat
{
	width: 290px;
}


img.help
{
	cursor: help;
}

/*		/Button Styles	*/

/*		Div Styles	*/
div.step
{
	background-color: transparent;
	margin-top: 14px;
	margin-left: 29px;
	width: 60px;
	font-size: 16px;
	font-weight: bold;
}

div.title
{
	background-color: Transparent;
	margin-top: -22px;
	margin-left: 110px;
	font-size: 16px;
	width: 350px;
	font-weight: bold;
}

div.grafiekholder
{	
	padding-left: 3px;
	width: 225px;
	border: 1px solid #00ACCC;
}

#Navigatie_controlscroll, #controlscroll
{
	background: #fff url(Images/middle.jpg) repeat-y;
	height: 290px;
}

#Navigatie_control, #control
{
	width: 485px;
	height: 280px;
	margin-left: 20px;
	margin-top: 0px;
	overflow: auto;
}

/*		/Div Styles		*/

/*		Step Styles		*/
img.FirstStep
{
	margin-left: 124px;
	margin-top: 4px;
}

img.SecondStep
{
	margin-left: 194px;
	margin-top: 4px;
}

img.ThirdStep
{
	margin-left: 265px;
	margin-top: 4px;
}

img.FourthSubAStep, img.FourthSubBStep, img.FourthSubCStep
{
	margin-left: 339px;
	margin-top: 4px;
}

img.FifthStep, img.DisclaimerStep
{
	margin-left: 416px;
	margin-top: 4px;
}

/*		/Step Styles		*/

div.title
{
	background-color: Transparent;
	margin-top: -22px;
	margin-left: 110px;
	font-size: 16px;
	width: 350px;
	font-weight: bold;
}

div.grafiekholder
{	
	padding-left: 3px;
	width: 225px;
	border: 0px solid #fff;
}

#gezinsituatie
{
	width: 417px;
	border: none;
}

#gezinsituatiedropdown
{
	width: 417px;
	text-align: right;
}

#top 
{
	background: #fff url(Images/top.gif) no-repeat;
	height: 83px;
	width: 513px;
}

#bruto, #netto
{
	position: absolute;
	top: 105px;
}

#bruto
{
	left: 20px;
}

#netto
{
	left: 253px;
}

#pensioenleeftijd
{
	position: absolute;
	top: 310px;
	width: 456px;
	height: 70px;
	padding-top: 27px;
}

#pensioenleeftijdtoelichting
{
	position: absolute;
	top: 82px;
	margin: 0px;
}

#nettotoelichting
{
	position: absolute;
	top: 315px;
	left: 300px;
	z-index: 1;
}

#nettotoelichting p
{
	font-size: smaller;
}

#Navigatie_ResultaatBerekening_brutoGrafiek, #Navigatie_ResultaatBerekening_nettoGrafiek
{
	position: absolute;
	top: 125px;
}

#Navigatie_ResultaatBerekening_nettoGrafiek
{
	left: 253px;
}

#Navigatie_ResultaatBerekening_showResult, #LaatZien
{
	background: url(Images/laatzien.gif);
	background-repeat: no-repeat;
	border: none;
	width: 98px;
	height: 23px;
	cursor: pointer;
}

#LaatZien
{
 float: right;
}

#Navigatie_ResultaatBerekening_showResult
{
	position: absolute;
	top: 30px;
	left: 360px;
	z-index: 1;
}

#error
{
	border: 1px solid #00ACCC;
	width: 350px;
	height: 200px;
	padding: 20px;
	margin: 20px;
}

#pensioenKapitaal
{
	font-size: 14px;
	font-weight: bold;
	color: #C4012A;
}