@import url(defaultZend.css);
@import url(formZend.css);




html, body {	
	padding:0;
	width: 100%;	
}
html {
	background: #353535 url(/img/bg_html.jpg) repeat-x center top;	
}
body {	
	position: relative;
	/* background: url(/img/bg_body_01.jpg) no-repeat center top;	*/

}
* html body {  
    /*background: #ffffff url(/img/bg_body.jpg) repeat-x center top;     */
    
}


#logo_espire a{
	position: absolute;
	bottom: 10px;	left: 0px;
	width: 50px;	height: 50px;
	background: url(/img/espire_creatief_met_internettechniek.png) no-repeat center top;	
	text-indent: -999em;
}


/****** (  css )****************************/

#wrapper {	
	position: relative;
	width: 960px;
	margin: 0 auto;		
}



#header_logo {		
	width: 960px;	height: 83px;	
	}
	#logo h2 a { 	
		display: block;
		width: 960px;	height: 83px;	
		background: url(/img/logo_buledtl.gif) no-repeat left top;
		text-indent: -999em;		
	}
	
#header_payoff {		
	width: 960px;	height: 40px;		
	}
	#header_payoff .inner {		
		padding: 10px;		
		text-align: center;			
		}
		#header_payoff .inner h2{		
			color: #8dc63f;
			font-size: 16px;
		}
#header_spacer {		
	position: relative;
	width: 960px;	height: 297px;	
	}	
	#header_spacer .big_button{		
		position: absolute;
		display: block;
		text-indent: -999em;	
	}
	#header_spacer .big_btn_left{	
		top: 124px;	left:0px;			
		width: 221px;	height: 195px;
		background: url(/img/btn_minder_co2_milieuvriendelijker.png) no-repeat left top;		
	}
	#header_spacer .big_btn_right{		
		top: 120px;	left: 743px;
		width: 207px;	height: 199px;
		background: url(/img/bereken_hier_uw_besparing.png) no-repeat left top;
	}
#header_menu {		
	width: 960px;	height: 34px;	
	}	
	#header_menu .inner{		
		padding: 0 0 0 150px;
		}
		#header_menu .inner ul {		
			
			}
			#header_menu .inner ul li {		
				float: left; 	display: inline;	
				background: url(/img/menu_btn_sides_bg.gif) no-repeat right top;			
			}
			#header_menu .inner ul li.active,
			#header_menu .inner ul li:hover {	
				background: url(/img/menu_btn_active_hover_bg.gif) repeat-x left top;			
			}
			#header_menu .inner ul li a {
				display: inline-block;
				height: 26px;	
				padding: 8px 12px 0 12px;
				font-size: 12px;	
				background: url(/img/menu_btn_sides_bg.gif) no-repeat left top;			
			}	
			#header_menu .inner ul li.active a,		
			#header_menu .inner ul li:hover a {				
				background: url(/img/menu_btn_active_hover_bg.gif) repeat-x left top;	
				color: #000000;						
			}
			#header_menu .inner ul ul {		
				display: none;
			}

#container {		
	display: block;
	width: 960px;	
	margin-bottom: 20px;
}	
#container .inner {		
	padding: 21px 150px 0px 150px;
	}
	#container .inner .content h1{		
		margin-bottom: 1em;
	}
	#container .inner .content p,
	#container .inner .content ul,
	#container .inner .content a{		
		font-size: 11px;
	}
	#container .inner .content p{		
		text-align:justify;
		margin: 0 0 1.4em 0;
	}
	#container .inner .content form p{		
		text-align:justify;
		margin: 10px 0 1px 0;
	}
	#container .inner .content h2,
	#container .inner .content h3,
	#container .inner .content h4{		
		display: block;
		margin:0 0 1px 0;
		color: #8DC63F;
	}
	#container .inner .content h2{
		font-size: 15px;
		margin:0 0 3px 0;
	}
	
	form .submit a {
		background: #8DC63F;
		border:1px solid #7F7F7F;
		color:#FFFFFF;
		font-size:11px;
		padding:10px;
	}
	form input.submit {		
		background: #8DC63F;
	}
	form input.submit:hover {		
	    border: 1px solid #231F20;
	    background: #CFCFCF;
	    text-decoration: none;
	}
	
	/* module besparings calculator */
	#container .besparing_calculator{
		
		}
		#container .besparing_calculator table {
			margin: 5px 0 25px 0;
			border: 1px solid #ffffff;
		}	
		#container .besparing_calculator table.final_result {
			background: #ffffff;
			font-size: 13px;			
			color: #638F23;			
			}		
			#container .besparing_calculator table tr{
				height: 22px;
				}			
				#container .besparing_calculator table th{					
					font-weight: bold;
					font-size: 12px;
					color: #8DC63F;
					background: #ffffff;
				}
				#container .besparing_calculator table th,
				#container .besparing_calculator table td{
					padding: 3px 5px;					
				}
				#container .besparing_calculator table.final_result td{					
					padding: 8px 12px;								
				}
				#container .besparing_calculator table .width_1{
					width: 280px;
				}
				#container .besparing_calculator table .width_2{
					width: 100px;
				}
				#container .besparing_calculator table .width_3{
					width: 80px;
				}	
		#container .besparing_calculator h2,
		#container .besparing_calculator h3,
		#container .besparing_calculator .color_green {
			color: #8DC63F;
			font-weight: bold;
		}
		#container .besparing_calculator h2 {
			margin: 0;
			font-size: 15px;			
		}
		#container .besparing_calculator h3 {
			margin: 0;
			font-size: 11px;
		}
		



#footer {		
	width: 960px;	height: 74px;
	display: block;
	background: url(/img/bg_footer.png) no-repeat left top;	
	}
* html #footer {	
	background: none;	
	border-top: 1px solid #5a5a5a;		
	}
	#footer .inner{			
		padding: 12px 0 0 0;
		text-align: center;
		color: #5a5a5a;				
		}
		#footer .inner .madeby{			
			font-size: 9px;
			font-weight: normal;		
		}



	
#wrapper form.horizontal_form input[type="submit"] {
    -moz-border-radius: 4px 4px 4px 4px;
    background: none repeat scroll 0 0 #8DC63F;
    border: 1px solid #8DC63F;
    color: #000;
    font-weight: bold;
    font-size: 11px;
    padding: 3px;
    cursor: pointer;
	}
	#wrapper form.horizontal_form input[type="submit"]:hover {
		border-color: #fff;
		}