#header {
	margin-top:				0;
	background: 				#f0f0f0;
	padding:				10px 0px 10px 15px;
	border-radius: 				10px 10px 0px 0px;
	-moz-border-radius-topleft:		10px; 
	-moz-border-radius-topright:		10px;
	-webkit-border-top-left-radius:		10px;
	-webkit-border-top-right-radius:	10px;
}
h1 {
	margin-top:				0;
	font-family:				Arial, Helvetica, sans-serif;
	color:					#333;
	padding:				10px 0px 0px 15px;
	font-size:				18px;
}
#rechts h1 {
	margin-bottom: 				20px;
	padding:				10px 0px 0px 0px;
}


#wrapper {
width: 						600px;
height: 					410px;
border: 					1px solid #ee7d11;
padding: 					0px;
border-radius: 					10px 10px 10px 10px;
-moz-border-radius-topleft:			10px; 
-moz-border-radius-topright:			10px;
-moz-border-radius-bottomleft:			10px;
-moz-border-radius-bottomright:			10px;
-webkit-border-top-left-radius:			10px;
-webkit-border-top-right-radius:		10px;
-webkit-border-bottom-right-radius:		10px;
-webkit-border-bottom-left-radius:		10px;
}

#links {
	width:					370px;
	height:					400px;
	float:					left;
}
#rechts {
	float:					left;
	width:					220px;
	height:					400px;
}

#container{
background:					url(images/bg.jpg)!important;
padding:					100px 40px 0px 50px;
}

#info {
	font-size:				11px;
	font-family:				Arial, Helvetica, sans-serif;
	font-style:				italic;
	margin-left:				15px;
	margin-top:				20px;
	margin-bottom:				10px;
}

.dlabel {
font-family:					Arial, Helvetica, sans-serif;
color:						#333;
font-size:					14px;
font-weight:					bold;
margin-top:					0px;
margin-left:					15px;	
}
.dlabel2 {
width:						200px;
float:						left;
font-family:					Arial, Helvetica, sans-serif;
color:						#777;
font-size:					16px;
font-weight:					bold;
margin-top:					20px;
margin-left:					15px;
}

/*the slider background*/
.slider1, .slider2, .slider3, .slider4 {
width:						200px;
float: 						left;
height:						11px;
background:					url(images/slider-bg.png);
position:					relative;
margin-top:					8px;
margin-right:					20px;
margin-left:					15px;
margin-bottom:					15px;
padding:					0 10px;
}

/*Style for the slider button*/
.ui-slider-handle {
width:			24px;
height:			24px;
position:		absolute;
top:			-7px;
margin-left:		-12px;
z-index:		200;
background:		url(images/slider-button.png);
}

/*Result div where the slider value is displayed*/
#slider-result1, #slider-result2, #slider-result3, #slider-result4 {
border: 				1px solid #ee7d11;
font-size:				18px;
height:					24px;
float:					left;
font-family:				Arial, Helvetica, sans-serif;
color:					#333;
width:					70px;
text-align:				center;
font-weight:				700;
padding:				3px 0px 0px 0px;
border-radius: 				5px 5px 5px 5px;
-moz-border-radius-topleft:		5px; 
-moz-border-radius-topright:		5px;
-moz-border-radius-bottomleft:		5px;
-moz-border-radius-bottomright:		5px;
-webkit-border-top-left-radius:		5px;
-webkit-border-top-right-radius:	5px;
-webkit-border-bottom-right-radius:	5px;
-webkit-border-bottom-left-radius:	5px;
margin-bottom:				15px;
background:				#fafafa;
}
#slider-result5 {
//border: 		1px solid #c0c0c0;
font-size:		18px;
height:			24px;
float:			left;
font-family:		Arial, Helvetica, sans-serif;
color:			#333;
width:			80px;
text-align:		center;
// text-shadow:		0 1px 1px #000;
font-weight:		700;
text-align: center;
// padding:		3px 0px 0px 10px;
margin-top:		17px;
margin-left:		40px;
}


/*This is the fill bar colour*/
.ui-widget-header {
background:url(images/fill2.png) no-repeat left;
height:8px;
left:1px;
top:1px;
position:absolute;
}

a {
outline:none;
-moz-outline-style:none;
}

/******* FORM *******/
#customForm{
	padding: 				0;
}
#form_div label{
	margin-top:				5px;
	font-size:				12px;
	float:					left;
	width:					140px;
	font-family:				arial;
}
#form_div input{
	width: 					200px;
	padding: 				2px;
	font-style: 				italic;
	font-family:				arial;
	font-size: 				12px;
	border: 				1px solid #ee7d11;
	border-radius: 				5px 5px 5px 5px;
	-moz-border-radius-topleft:		5px; 
	-moz-border-radius-topright:		5px;
	-moz-border-radius-bottomleft:		5px; 
	-moz-border-radius-bottomright:		5px;
	-webkit-border-top-left-radius:		5px;
	-webkit-border-top-right-radius:	5px;
	-webkit-border-bottom-left-radius:	5px;
	-webkit-border-bottom-right-radius:	5px;
	behavior: 				url(pie/PIE.htc);
	position:				relative;
	background:				#fafafa;
}
#customForm input.error{
	background: 				#fef0f0;
	border-color: 				#e95456;
}
#form_div textarea{
	width: 					192px;
	overflow:				auto;
	height: 				40px;
	padding: 				6px;
	font-family:				arial;
	font-style: 				italic;
	font-size: 				12px;
	border: 				1px solid #ee7d11;
	border-radius: 				5px 5px 5px 5px;
	-moz-border-radius-topleft:		5px; 
	-moz-border-radius-topright:		5px;
	-moz-border-radius-bottomleft:		5px; 
	-moz-border-radius-bottomright:		5px;
	-webkit-border-top-left-radius:		5px;
	-webkit-border-top-right-radius:	5px;
	-webkit-border-bottom-left-radius:	5px;
	-webkit-border-bottom-right-radius:	5px;
	behavior: 				url(pie/PIE.htc);
	position:				relative;
	background:				#fafafa;
}
#customForm textarea.error{
	background: 				#fef0f0;
	border-color: 				#e95456;
}
#customForm div{
	margin-bottom: 				5px;
}
#customForm div span{
	// margin-left: 			10px;
	color: 					#b1b1b1;
	font-size: 				11px;
	font-style: 				italic;
}
#customForm div span.error{
	color: 					#e46c6e;
}
#form_div #send{
	// float:					right;
	background: 				#ee7d11;
	color: 					#000;
	width:					208px;
	font-weight: 				700;
	font-family:				eausans_book, arial;
	font-style: 				normal;
	border: 				0;
	cursor: 				pointer;
	margin-top:				5px;
}
#customForm #send:hover{
	background: 				#bc0e0f;
}
#error{
	margin-bottom: 				20px;
	border: 				1px solid #efefef;
}
#error ul{
	list-style: 				square;
	padding: 				5px;
	font-size: 				11px;
}
#error ul li{
	list-style-position: 			inside;
	line-height: 				1.6em;
}
#verzonden {
	font-family:				Arial;
	font-size:				12px;
	color:					#333;
	margin-top:				10px;
}

#error ul li strong{
	color: 					#e46c6d;
}
#error.valid ul li strong{
	color: 					#93d72e;
}
/******* /FORM *******/