
	/*
	background-color:#e60167;
	background-color:#C0D717;
	*/
	
	.clearfix:after { /* for modern browsers,firefox,safari,camino,opera,shira,icab and flock */
 			content:".";display:block;height:0;clear:both;visibility:hidden; }
			
	* html div fieldset li.clearfix,
	* html div fieldset p
	 { /* for IE 5+ IE 6 */
	height:1%;overflow:visible; }

	*:first-child+html .clearfix,
	*:first-child+html fieldset p,
	{ /* for IE 7 */
	min-height:1px; }
	
	
	/*---------------------------------------------------+
	 | global settings                                   |
	 +---------------------------------------------------*/
	
	form#offertetool {font-family:Verdana;font-size:11px; clear:left;}
	form#offertetool  h2,form#offertetool  h3{font-family:FrescoStdNormalRegular,Georgia;color:#676767;font-weight:normal;}
	form#offertetool  h2{margin-bottom:14px;font-size:18px;}
	form#offertetool  a{color:#656565;}


	// #step-1,#step-3{display:none;} 
	form#offertetool {margin:0 auto;width:600px;padding-right:100px;}
	form#offertetool   h4 {font-size:11px;color:#676767;}
	fieldset{border:none;border-bottom:solid 1px ##b4bdc4;}
	
	form#offertetool  ul{list-style-type:none;}

	/*---------------------------------------------------+
	 | stappenindex aan bovenzijde                       |
	 +---------------------------------------------------*/
	form#offertetool  .steps {height:19px;margin-top:0px; border-top:solid 1px #D2D4D3;border-bottom:solid 1px #D2D4D3; margin-bottom:10px;}
	form#offertetool  .steps li{background-color:#EFEFEF;display:block;float:left;}
	form#offertetool  .steps li a{ border-right: solid 1px #FFFFFF;display:block;width:193px;padding:3px;text-align:center;text-decoration:none;color:#686868;font-size:11px;}
	form#offertetool  .steps li a.last{ border-right: none; width:194px;}
	form#offertetool  .steps li.selected{background-color:#C0D717;}
	
	form#offertetool  p {line-height:normal;}
	
	p.prevnext {margin:0px 0px 14px 0px;font-size:11px;text-align:right;border-top:solid 1px #b4bdc4;}
	
	/*---------------------------------------------------+
	 | Alles voor de eerste stap; de productkeuze        |
	 +---------------------------------------------------*/
	
	#step-1 fieldset p{text-align:left;border:none;}
	#step-1 fieldset {margin-bottom:11px;}
	#step-1 fieldset ul{margin:0px 22px 12px ;}

	#step-1 fieldset li .short-description {display:block;font-size:14px;padding:3px 0px;border-bottom:solid 1px #CDCDCD;margin:0px 0px 10px 0px;font-family:FrescoStdNormalRegular,Georgia;color:#676767;font-size:22px;}
	#step-1 fieldset li .long-description{display:block;width:149px;height:109px;background:#f6f6f6 url(img/bg-button-sprite.png) 0 0 no-repeat;padding:10px 10px;margin:0 15px 22px 0;float:left;}
	#step-1 fieldset li .long-description:hover{background-position:0 -133px; color:#000;cursor:pointer;}
	#step-1 fieldset li .selected, #step-1 fieldset li .selected:hover{background-position: 0 -271px; color:#fff;}
	#step-1 fieldset li label strong {display:block;font-size:18px;margin-bottom:22px; padding-left:25px;}
	#step-1 fieldset li label input {margin:5px 0 0;padding:0; position:absolute; background:none;border:none;}

	/*---------------------------------------------------+
	 | Alles voor de tweede stap; de bedrijfsgegevens   |
	 +---------------------------------------------------*/
	#step-2 {color:#656565;}
//	#step-2 p{margin:0px 0px 14px 0px;font-size:11px;text-align:right;border-top:solid 1px #b4bdc4;}
	#step-2 h4{font-family:verdana;font-weight:bold;background-color:#E6E7E9;padding:2px 10px;}
	#step-2 .contract{display:block;width:246px; height:45px;background:#FFF url(img/bg-product-small.png) no-repeat;padding:10px 9px;font-size:17px;font-weight:bold;margin-bottom:22px;}
	#step-2 .contract span{display:block;}
	#step-2 fieldset p {margin:0;text-align:left;border:none;font-size:11px;border-bottom:solid 1px #D2D4D3;background:url(img/bg-step.png);}
	#step-2 fieldset p.first {border-top:solid 1px #D2D4D3;}
	#step-2 fieldset p label{display:block;font-weight:bold;margin-bottom:3px;color:#666666;}
	#step-2 fieldset p input{border:solid 1px #969696;font-family:verdana;font-size:11px;width:249px;background-color:#fefefe;}
	#step-2 fieldset p select{border:solid 1px #969696;font-family:verdana;font-size:11px;width:249px;background-color:#fefefe;}
	#step-2 fieldset p input:focus{outline:solid 2px #E8F000;}
	
	#step-2 fieldset p span {background-color:#FFF;padding:10px 10px 10px 0;width:280px;display:block;float:left; }
	#step-2 fieldset p span label.errorlabel{display:none;color:#F00;margin-top:3px;}
	
	#step-2 fieldset p span.error     {background:transparent url(img/vinkjes.png) no-repeat 270px -355px;padding:10px 10px 10px 0;width:280px;display:block;float:left;}
	#step-2 fieldset p span.correct {background:transparent url(img/vinkjes.png) no-repeat 270px 25px;padding:10px 10px 10px 0;width:280px;display:block;float:left;}
	
	
	#step-2 fieldset p em{background-color:#F0;padding:10px;width:280px;display:inline;float:right;font-style:normal;}
	#step-2 fieldset p:after {content:".";display:block;height:0;clear:both;visibility:hidden; }
	
	#step-2 fieldset.leveringsadres {display:none;}
	#step-2 .huisnummer-letters{width:30px;margin-right:10px;}
	#step-2 .postcode-cijfers{width:70px;}
	#step-2 .postcode-letters{width:30px;margin-right:10px;}
	#step-2 .huisnummer{width:70px;}
	#step-2 .back {float:left;}
	
	/*---------------------------------------------------+
	 | Alles voor de derde stap; de offerte            |
	 +---------------------------------------------------*/
	#step-3 {color:#656565;}
	#step-3 p {margin-bottom:12px;}
	#step-3 p.prevnext{margin-bottom:22px;}

	#step-3 dt {float:left;display:block; font-weight:bold; width:120px;background: url('img/bg-dl.gif') right 3px  no-repeat;margin-right:20px;}
	#step-3 dd {display:block; height:18px; margin-left:0;}
	
	#step-3 .format dt {display:none; }

	#step-3 .adresstabs li{background-color:#EFEFEF;display:block;float:left;}
	#step-3 .adresstabs li a{border-top:solid 1px #D2D4D3;border-right: solid 1px #FFFFFF;display:block;width:74px;padding:3px;text-align:center;text-decoration:none;color:#686868;font-size:11px;}
	#step-3 .adresstabs li.first a {width:100px;}
	#step-3 .adresstabs li.selected{background-color:#BFD717;}
	
	#step-3 .adresstabs{height:20px;display:block;border-bottom:solid 1px #D1D3D4; margin-bottom:20px;}
	#step-3 .adresstabs li a.selected{background-color:#BFD717;border-top:solid 1px #BFD717;border-bottom:solid 1px #BFD717;}
	
	#step-3 h4 {margin-bottom:22px;;}
	#step-3 .contract{display:block;width:246px; height:45px;background:#FFF url(img/bg-product-small.png) no-repeat;padding:10px 9px;font-size:17px;font-weight:bold;margin-bottom:22px;}
	#step-3 .contract span{display:block;}
	#step-3 h4{border-top:solid 1px #D1D3D4;padding-top:16px;font-size:17px;}
	
	#step-3 table{border:none;padding:0;margin:0; }
	#step-3 td, #step-3 th {vertical-align:top;}		
	#step-3 table  thead th.col  {padding:3px 30px 0 15px; border-right:solid 40px #FFFFFF;background-color:#F2F2F2;}
	#step-3 table .contractvorm th {padding-bottom:25px;}
	
	#step-3 table td{text-align:right; width:105px; padding:0 20px 0 15px; border-right:solid 40px #FFFFFF; background-color:#F2F2F2;}
	#step-3 table td span{float:left;}
	#step-3 table th{border:none;text-align:left;padding:3px;background-color:#FFF;}
	#step-3 table tbody th{font-weight: normal;}
		
	#step-3  .total-costs td,#step-3 .total-costs th{ font-weight: bold;padding-bottom:25px;}
	#step-3  .total td,#step-3 .total th {padding-bottom:0px;}
	
	#step-3 .back {float:left;}

	/*---------------------------------------------------+
	 | Grijze button met groene pijl                     |
	 +---------------------------------------------------*/
	a.button, a.button:hover{
		padding:0;
		display:inline-block;
		min-height:20px;
		margin: 0 32px 0 0;
		white-space:nowrap;
		background:#f6f6f6 url(img/bg-button.png) no-repeat scroll 0 0;		
		border:solid 1px #D1D3D2;
		border-top:	0;
		text-decoration:none;
		font-size:11px;
		color:#000000;
	}

	a.button span{
		margin:0;
		display:block;
		background: url(img/bg-button-arrow.png) no-repeat right top;
		padding:3px 32px 4px 10px;
	}	
	

	.foutadres{
		color:#FF0000;
		background-color:#FFFFFF;
		margin-top:0;
		font-weight:bold;
	}
	td span{display:block;width:20px;}
	span.Electriciteit, span.Gas{
		width:80px;
	}
	
        #verbruik{min-height:20px;}
	


	
