

.banner-calculator-container h1 { font: 20px Verdana,'Bitstream Vera Sans',sans-serif;    color: #f26722; margin:0 0 10px 0; }
.banner-calculator-container h2 { font: 14px Verdana, 'Bitstream Vera Sans', sans-serif;   color: #f26722;  margin: 0px 0 10px 0; }
.banner-calculator-container h3 { font: 20px Verdana, 'Bitstream Vera Sans', sans-serif;   color:#1b3564; }
.banner-calculator-container p {	font: 12px Verdana; margin: 0px 0 10px 0;	}
.banner-calculator-container a { color:#3366cc; text-decoration: underline; } 
.banner-calculator-container a:hover { color:#3366cc; text-decoration: none; }
.banner-calculator-container ol { list-style: decimal;}
.banner-calculator-container ul {  margin:0 0 10px 0; }
.banner-calculator-container ul li {  list-style-type: none;}
 
.clearer { clear: both; line-height: 1px;}

.calculator { background: transparent url(/slidercalculator/css/img/sprite.gif) -200px top no-repeat; padding-left: 80px; height: 60px; margin-bottom: 0px; }
.banner-calculator {width: 278px;   }
.banner-calculator h1 { color: #F26722; font: 18px Verdana,'Bitstream Vera Sans',sans-serif; padding-top: 16px; }
.banner-calculator label {float: left; width: 180px;  margin-top: 3px; color: #17214d; height: 20px;
                          font: bold 12px/12px Verdana,'Lucida','Bitstream Vera Sans',sans-serif; }
.banner-calculator .info {float: right; background: transparent url(/slidercalculator/css/img/sprite.gif) -1px -40px no-repeat; width: 14px; height: 14px; margin-top: 3px; margin-left: 4px;}
.banner-calculator .c-bedrag { background: transparent url(/slidercalculator/css/img/sprite.gif) -28px -54px no-repeat; border: 1px solid #999999;
    width: 75px; float: right; padding: 3px 3px 3px 0px; color: #17214d; text-align: right; 
     font: 12px 'Lucida',Verdana,'Bitstream Vera Sans',sans-serif;
    }

.banner-calculator input.btn_oranje_pijl { margin: 0 0 0 40px;  }
.banner-calculator input.btn_oranje_pijl_big {display: block; background: transparent url(/slidercalculator/css/img/sprite.gif) left 2px no-repeat; width: 197px;
          padding: 0;     height: 41px; border: none; margin: 0 0 0 40px;   }

.banner-calculator input.btn_oranje_pijl { color: #FFFFFF; text-decoration: none; font-weight: bold; text-align: right; }
.beginwaarden {  float: left; margin-left: 4px;  color: #1B3564; font: 12px 'Lucida',Verdana;}
.eindwaarden {  float: right; margin-right: 8px; color: #1B3564; font: 12px 'Lucida',Verdana;} 

.error {border : 1px solid red !important; }

/* Slider */
#plain_slider,
#slider  {margin: 5px 0 0 4px; position: relative;width:272px;height:25px;     }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
.ui-slider-horizontal { height: .8em; background: transparent url(/slidercalculator/css/img/cal/sprite_slider.gif) -46px 3px no-repeat;  }


.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; background: transparent url(/slidercalculator/css/img/cal/sprite_slider.gif) -3px -9px no-repeat; height: 25px;width: 25px; outline: none; }
.ui-slider-horizontal .ui-slider-handle { *background: transparent url(/slidercalculator/css/img/cal/sprite_slider.gif) -3px -9px no-repeat;}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; background: transparent url(/slidercalculator/css/img/cal/sprite_slider.gif) right -29px no-repeat; margin-top: 3px;}

.ui-slider-disabled {  background: transparent url(/slidercalculator/css/img/cal/sprite_slider.gif) -46px -59px no-repeat;}
.ui-slider-disabled .ui-slider-handle { background: transparent url(/slidercalculator/css/img/cal/sprite_slider.gif) -3px -64px no-repeat;   }

/* End Slider */

/* bereken maandlast*/
#productdetailsingleslidercalculator .banner-calculator .banner-calculator-container .slider-space {  margin-bottom: 10px; margin-left: 10px;  }
#productdetailsingleslidercalculator { width: 530px;   }

#productdetailsingleslidercalculator .banner-calculator-container {    }
#productdetailsingleslidercalculator .termsAmount { width: 288px; margin-left: 10px;  }
#productdetailsingleslidercalculator .monthlyPayment  { width: 288px; margin-left: 10px;  }
#productdetailsingleslidercalculator #availableMonthlyPayments { width: 288px;  }

/* IFRAME */
 .iframe_height_short #productdetailsingleslidercalculator {    height: 225px; }
 .iframe_height_medium #productdetailsingleslidercalculator {   height: 290px; }
 .iframe_height_long #productdetailsingleslidercalculator {     height: 385px; }

#productdetailsingleslidercalculator .banner-calculator { float:left;   margin: 0 5px 0 0; display: inline;width:313px; padding:0px;  }
.banner-calculator-midden { clear: both; background:transparent url(/slidercalculator/css/img/sprite_bg_border_w313.gif) -313px top repeat-y;margin:0 4px 20px 0; padding:0; width:313px;}
.banner-calculator-top {   	background:transparent url(/slidercalculator/css/img/sprite_bg_border_w313.gif) left top no-repeat; padding-top: 10px; } 
.banner-calculator-bottom {	background:transparent url(/slidercalculator/css/img/sprite_bg_border_w313.gif) -626px bottom no-repeat; padding-bottom: 10px; }

.banner-calculator-bottom ul {    list-style: none outside none; }

#box-info { float:left; margin:0; padding:0; width:208px;   }
#box-info .info { margin-bottom:5px; margin-right:5px; }
#box-info .info { background: transparent url(/slidercalculator/css/img/sprite.gif) -1px -40px no-repeat; float:left; height:14px; margin-top:2px; width:14px; }
.clearboth { clear:both; line-height:1px;}

#box-info label { color:#3366C9; font: 9px Verdana; margin-bottom:5px; width:100px;float:left; }
#productDetails label {  width:120px;  }
#box-info .result { color:#1B3564; float:left;  font: 10px 'Lucida',Verdana; margin-bottom:5px; margin-top:3px; }

#box-info h2 { color:#E55F1C; font-size:16px; font-weight:bold; }
#box-info #productDetails h2 { color:#E55F1C;  font: bold 16px 'Lucida',Verdana; }
.termsAmount { }
.monthlyPayment {    display: block;clear: both;    }

#productdetailsingleslidercalculator .btn_oranje_pijl,
#productdetailsingleslidercalculator-tile .btn_oranje_pijl { margin-top: 15px; cursor: pointer;}
input.btn_oranje_pijl { color:#FFFFFF; font-weight:bold; text-align: center; text-decoration:none; }
input.btn_oranje_pijl { background:transparent url(/slidercalculator/css/img/sprite.gif) left -77px no-repeat;
                          display:block; height:29px; padding:0px 0px 0 0; width:208px; border: none; }
                          
input.button_disabled { background:transparent url(/slidercalculator/css/img/sprite.gif) left -108px no-repeat; cursor: wait!important;  }


.banner-calculator div ul { display: block; margin:0; margin-left:0px; padding: 0; clear: both;  width: 280px; overflow: hidden;   }
.banner-calculator div ul li { background:transparent none 0 0 repeat; display: list-item; width:100px;    float: left; display:inline; width: 60px; padding: 0 0 0 5px; }
.banner-calculator div ul li span { background:transparent none repeat scroll 0 0; line-height:26px;  display: block; color: #1B3564;  font: 12px/26px 'Lucida',Verdana;}
.banner-calculator div ul li.active { background:transparent url(/slidercalculator/css/img/sprite.gif) right -141px  no-repeat; 
	display:inline;  padding:0px 5px 0px 0; cursor: default!important; }
.banner-calculator div li.active span { background:transparent url(/slidercalculator/css/img/sprite.gif) left -141px no-repeat ;
	line-height:26px;   margin:0; white-space: nowrap; display: block; text-align: center; padding: 0 0 0 5px; }

ul#availableTermsList li { width: 26px;  margin-right: 18px; cursor: pointer; }
ul#flexPercentageList li { width: 26px;  margin-right: 18px; cursor: pointer;}
ul#monthlyPaymentList li { width: 70px;  margin-right: 18px; cursor: pointer; white-space: nowrap; }
/****************** TILE ********************/

/* border - kaders maten */
.border-right { float:right; margin-bottom:20px;   width: 341px; }
.border { float:left; margin-bottom:20px; margin-right:10px; width: 341px;  }

.w341 { background: transparent url(/slidercalculator/css/img/sprite_bg_border_w341.gif) left top repeat-y !important;  display: inline;    }
.w341 .border-boven { background: transparent url(/slidercalculator/css/img/sprite_bg_border_w341.gif) -341px top no-repeat;}
.w341 .border-onder { background: transparent url(/slidercalculator/css/img/sprite_bg_border_w341.gif) -682px bottom no-repeat;
						width: 311px;/*341*/ padding: 10px 10px 10px 20px;   }

.h314 { height: 323px; _height: 338px;}
.h382 { height: 383px; _height: 410px;} 
.h485 { height: 485px; _height: 490px;} 

#productdetailsingleslidercalculator-tile .calculator {  background: transparent url(/slidercalculator/css/img/sprite.gif) -200px top no-repeat; padding:10px 0 0 80px;  vertical-align: bottom;}
#productdetailsingleslidercalculator-tile .banner-calculator h1 {   }
#productdetailsingleslidercalculator-tile { float:left;   width: 700px;  } 
#productdetailsingleslidercalculator-tile .banner-calculator { float:none;   margin: 0;padding: 0px;   }
#productdetailsingleslidercalculator-tile #box-info { float:none; width: 311px;  } 
#productdetailsingleslidercalculator-tile #box-info .info { margin-right:12px;    }
#productdetailsingleslidercalculator-tile #box-info label {  width:210px;}
#productdetailsingleslidercalculator-tile .w341 .banner-calculator-container { display: block; width:311px;   }
#productdetailsingleslidercalculator-tile .banner-calculator{ width: 310px; padding: 0px; }
#productdetailsingleslidercalculator-tile .termsAmount{margin: 0px;  }
.banner-calculator-container { display: block; width: 298px; }
.slider-space {   display: block; height: 80px; margin-bottom: 10px;}

.onderwerp { display: block;   width:311px;}
.onderwerp p { color:  #3064c9; margin-bottom: 5px; font-weight: bold; font: bold 12px/14px 'Lucida',Verdana;}
.onderwerp p span { color:  #f7641f; font-size: 16px; font-weight: bold; padding-right: 8px;}
.onderwerp p a{ float: right;   color: #4e4e4e;  font: bold 12px/14px 'Lucida',Verdana;  }

.infoBlock_2 {position:absolute; right:0;  top: 0px; width: 14px; height: 14px; }
.slider-space{position:relative;}
