html,body { margin: 0px; padding:0px; background-color: #FFFFFF; }
body,td,p {  
font: normal normal normal 12px/normal 'Lucida', Verdana, 'Bitstream Vera Sans', sans-serif;  color:#656565;
font-size: 12px; color: #333; 
}

h1 { font-size: 18px; font-weight: normal; color: #eb6a30; }
label  { width: 165px; float: left; padding-right: 12px; text-align: right;padding-top: 2px;  _padding-top: 2px; *padding-top: 2px; color: #505050;}
input { border: 1px solid #acc6d1; width: 100px;  font-size: 12px; font-weight: normal; text-align: right; padding-right: 10px; line-height: 14px;  padding: 2px 0}
select{ border: 1px solid #acc6d1; width: 129px;  font-size: 12px; font-weight:normal; text-align: left; padding-right: 10px; line-height: 14px;  padding: 2px 0}

#container { width: 511px; }
#intro { display: none;}

/* classes*/
#footer .astric  { background-position: left 0px; padding: 0 0 0 10px; font-size: 11px;  width: 480px;  }
.astric { background: transparent url(../../../img/astric.gif) 97% top no-repeat ;}

.euro { background: transparent url(../../../img/euro.gif) 0px center no-repeat; padding-left: 40px;padding-right: 20px;  width: 50px; /*100*/  }
.euro_only { background: transparent url(../../../img/euro_only.gif) 30px center no-repeat; }
.procent { background: transparent url(../../../img/procent.gif) 92% center no-repeat; padding-left: 20px; padding-right: 25px; width: 65px; /*110*/  }
.mnd { background: transparent url(../../../img/mnd.gif) 76px center no-repeat; padding-left: 20px; padding-right: 37px; width: 53px; /*110*/    }
.infoBlock_2 {  position: fixed; left: 335px;   }
.infoBlock_2 { _position: absolute;    }

.output .procent { width:100px; }

.button_disabled { background: transparent url(../../../img/sprite_btn_offerte_grey.gif) left 50% no-repeat;  
		 display: block;float: left; cursor:pointer;  padding:0 0px 0 5px; width:auto; margin: 0px; text-decoration: none;  }
.button { background: transparent url(../../../img/sprite_btn_offerte.gif) left 50% no-repeat;  
		 display: block;float: left; cursor:pointer;  padding:0 0px 0 5px; width:auto; margin: 0px; text-decoration: none;  }
.button_disabled span { background: #ffffff url(../../../img/btn_gray_pijl_w217.gif) right 50% no-repeat;
		color:#FFFFFF;  line-height:21px; padding: 5px 12px 0 6px; text-align: left; white-space:nowrap; font-weight:bold;
		  height: 25px; display: block; float: left; }	
.button span { background: #ffffff url(../../../img/btn_oranje_pijl_w217.gif) right 50% no-repeat;
		color:#FFFFFF;  line-height:21px; padding: 5px 12px 0 6px; text-align: left; white-space:nowrap; font-weight:bold;
		  height: 25px; display: block; float: left; }

.divClass,
.divclass {  display: block; overflow: hidden; zoom:1;  margin: 2px 0;  }
.labelRadio { width: auto; padding: 0;}

.inputRadio { float: left; border: 0; width: 16px;}
.readonly { border: 0px solid #999;background-color:#daf1fa; }
.output {  width: 100%; background-color:#daf1fa; margin: 0px; padding: 2px 0;}
.output label { width: 260px;}
.output .euro { margin: 0px 10px 0px 0px;}
.output .euro_only { margin: 0px 10px 0px 0px;  padding: 0px 20px 0px 20px; background: transparent url(../../../img/euro_only.gif) 10px center no-repeat;}

.radioDiv { padding-top: 3px;}
.radioDiv label { padding-top: 1px;}

.largeText {font-size: 12px; font-weight: bold; color: #333;}
.output input.readonly { font-weight: normal;}
.output .largerText,
.largerText {font-size: 14px; font-weight: bold; width:400px; text-align: left; padding-left: 10px; color:#EB6A31;}

#Leningtoevoegen_label { width:  200px; text-align: left; padding-left: 10px;  }
/* IDS */
#OUTPUT_Percentage_div { clear: both;}
#HTML_Bereken_div {   margin: 10px 0px 10px 0px;  text-align: left; }
#HTML_Bereken_value {  margin-left: 20px;}
#HTML_Bereken_value span {width: 100px;}

#HTML_Offerte_div { background-color:#daf1fa; margin: 0px; padding: 10px 0; }
#HTML_Offerte_div a.button_disabled { float: right; margin-right: 20px;}
#HTML_Offerte_div a.button { float: right; margin-right: 20px;}
#HTML_Offerte_div a.button_disabled span { background-color: #daf1fa;}
#HTML_Offerte_div a.button span { background-color: #daf1fa;}
#HTML_images_div { width: 170px; float: right; text-align: right;   margin-bottom: 10px;}
#Leningtoevoegen_value {margin-right: 30px;text-align: right;}

#OUTPUT_Percentage_euro1 {display:inline;  margin-top: 2px; }
#OUTPUT_Savings_euro1 {display:inline;  margin-top: 2px; }

#HTML_Savings_div label {color: #eb6a31;  }

#HTML_NoSavings_div .value,
#HTML_Line_div #HTML_Line_value { display: none; }

#HTML_Line_div  { background: #DAF1FA none left center repeat-x ; height: 5px;  }
#HTML_Line_value  { background: transparent url(../../../img/opsomming_lijn.gif) left top repeat-x ;
	display: block!important;  width: 294px!important; margin-left: 126px;}

#HTML_NoSavings_div .largerText,
#HTML_Line_div .largeText { width: auto; display: block; float: none; color:#EB6A31;  }
#HTML_NoSavings_div .largerText { text-align: left; padding-left: 20px;}

#OUTPUT_TotalAmount_div { clear: both;}
#HTML_Line_label { position: absolute;  width: 10px; height: 10px;  left: 410px; margin-top: -18px;
	background: #DAF1FA url(../../../img/opsomming_plus.gif) left center no-repeat;}

#HTML_Offerte_div .button_disabled span  { padding-right: 30px; width: 166px; background: transparent url("../../../img/btn_gray_pijl_w217.gif") right center no-repeat; }
#HTML_Offerte_div .button span { padding-right: 30px; width: 166px; background: transparent url("../../../img/btn_oranje_pijl_w217.gif") right center no-repeat; }