body {
	background-color:#fff;
}

.yellow {
	background-color:#feb825;
}

#container {
	display:block;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
	#container .container_top {
		display:block;
	}
	#container .container_bottom {
		display:block;
		padding-bottom:25px;
	}
		#header {
			display:block;
			padding-top:20px;
		}
			#header h1 {
				display:none;
			}
			#topmenu {
				display:block;
				width:550px;
				float:left;
				/*padding-left:10px;*/
				padding-top:15px;		
			}
				#topmenu ul {
					display:block;
					width:207px;
					margin:0;
					padding:0;
					text-align:left;
				}
				#topmenu ul li {
					display:block;
					float:left;
					clear:both;
					margin:0;
					padding:0;
					padding-top:4px;
					padding-bottom:4px;
					list-style:none;
				}
				#topmenu ul li a {
					display:block;
					float:left;
					width:170px;
					padding-right:20px;
					font-family:Oceania;
					font-weight:bold;
					font-size:13px;
					line-height:normal;
					text-decoration:none;
					cursor:pointer;
				}
				#topmenu ul li a:hover {
					background-image:url(../images/arrow.jpg);
					background-position:0 0;
					background-repeat:no-repeat;
					background-position:center right;				
				}
				#topmenu ul li ul {
					display:none;
					width:317px;
					position:absolute;
					top:35px;
					margin-left:200px;
				}
				#topmenu ul li ul li a {
					color:#d29b26;
				}

			#menu {
				display:block;
				width:210px;
				float:right;
				margin-top:-88px;
			}
				#menu ul {
					display:block;
					width:207px;
					margin:0;
					padding:0;
					text-align:left;
				}
				#menu ul li {
					display:block;
					float:right;
					clear:both;
					margin:0;
					padding:0;
					list-style:none;
					padding-top:4px;
					padding-bottom:4px;
				}
				#menu ul li a {
					display:block;
					float:right;
					padding-left:20px;
					font-family:Oceania;
					font-weight:bold;
					font-size:13px;
					line-height:normal;
					text-decoration:none;
				}
				#menu ul li a:hover {
					background-image:url(../images/arrow.jpg);
					background-repeat:no-repeat;
					background-position:center left;				
				}
				#menu ul li ul {
					display:none;
				}
			#logo a {
				display:block;
				position:absolute;
				width:235px;
				height:140px;
				margin-left:570px;
				margin-top:-135px;
				background-image:url(../images/NHEC_logo_large.png);
				background-repeat:no-repeat;
				background-position:center;
			}
				#logo a * {
					display:none;
				}
				
		#content {
			display:block;
			position:relative;
			width:1020px;
			margin-left:-20px;
		}
			#left {
				display:block;
				width:227px;
				float:left; 
			}
			#container.home #left {
				display:none;
			}
			#middle {
				display:block;
				float:left;
				width:565px;
				overflow:hidden;
			}
			#container.home #middle {
				width:793px;
			}
			#right {
				display:block;
				width:227px;
				float:right;
			}
			
				#content div.article {
					display:block;
					background-color:#fdb825;
					margin-top:20px;
					margin-left:20px;
					padding:15px;
				}
				#container.home #content #middle .article {
					width:345px;
					float:left;
				}
				#container.home #content #middle .article
				#container.home #content #middle .article span,
				#container.home #content #middle .article table tr td {
					color:#fff !important;
				}
				#content div.article div.title {
					display:block;
				}
				
				#content div.article.red {
					background-color:#ef4035;
					color:#fff !important;
				}

				#content div.article.green {
					background-color:#5a8e23;
					color:#fff !important;
				}

				#content div.article.blue {
					background-color:#125DA2;
					color:#fff !important;
				}
				
				#content div.article {
					color:#2b388e;
				}


				#content div.article.no_margin {
					padding:0 !important;
				}
				#container.home #content #middle .article.no_margin {
					width:375px;
					float:left;
				}		

				h2, h2 > a, h3, h3 > a, h4, h4 > a {
					font-family:Oceania !important;
					font-weight:bold !important;
					line-height:normal;
					text-decoration:none;
					color:#fff !important;
				}
				h3, h3 a {
					font-size:17px;
				}
				h4, h4 a {
					font-size:20px !important;
					color:#2b388f !important;
				}


#footer {
	display:block;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
	#footer_left {
		display:block;
		width:430px;
		/*padding-left:10px;*/
		float:left;
	}
	#footer_left h3 {
		font-family:Oceania !important;
		font-weight:bold !important;
		line-height:normal;
		text-decoration:none;
		color:#fff !important;
		color:#2b388e !important;
	}
	#footer_right {
		display:block;
		width:550px;
		float:right;
	}
		#footermenu {
			display:block;
			float:right;
		}
			#footermenu ul {
				display:block;
				margin:0;
				padding:0;
			}
			#footermenu ul li {
				display:block;
				margin:0;
				padding:0;
				float:left;
				list-style:none;
				text-align:left;
			}
			#footermenu ul li a {
				display:block;
				float:left;
				padding-top:2px;
				padding-left:10px;
				font-family:Oceania;
				font-weight:bold;
				font-size:13px;
				line-height:normal;
				text-decoration:none;
			}
			#footermenu ul ul {
				display:none;
			}


/*	-------------------------------------------
	CSS: MEMBER
	----------------------------------------- */
.member_signup_module {
	display:block;
}
	.member_signup_module div.block {
		display:block;
		padding-top:20px;
		border-top:1px solid #fff;
		padding-bottom:20px;
	}
	.member_signup_module h3 {
		font-size:14px;
	}
	.member_signup_module div.row {
		display:block;
		margin-bottom:3px;
	}
	.member_signup_module div.block span.label {
		display:block;
		width:450px;
		padding-left:5px;
		float:right;
	}
	.member_signup_module div.row.soortlid label {
		display:block;
		float:none;
		font-size:14px;
	}
	.member_signup_module div.row.soortlid span.price {
		float:right;
		width:200px;
		font-size:12px;
		padding-top:1px;
	}
	.member_signup_module div.block.contact label {
		display:block;
		width:120px;
		float:left;
	}
	.member_signup_module div.block.contact .input {
		width:250px;
	}
	.member_signup_module div.block.contact .postcode .input {
		width:100px;
	}
	.member_signup_module textarea.input {
		width:500px;
	}


/*	-------------------------------------------
	CSS: CLIENTS
	----------------------------------------- */
.client_signup_module,
.client_signup_module form {
	display:block;
}
	.client_signup_module div.block {
		display:block;
		float:left;
		padding-top:20px;
		padding-bottom:20px;
	}
	.client_signup_module div.block.nieuw {
		float:right !important;
	}
	.client_signup_module div.block.versturen {
		float:none !important;
		clear:both !important;
	}

	.client_signup_module h3 {
		font-size:14px;
	}
	.client_signup_module div.row {
		display:block;
		margin-bottom:3px;
	}

	.client_signup_module div.block .row label {
		display:block;
	}
	.client_signup_module div.block .row .input {
		width:210px;
	}
	.client_signup_module div.block .postcode .input {
		width:100px;
	}


.client_meterstanden_module {
	display:block;
}
	.client_meterstanden_module div.block {
		display:block;
		padding-top:20px;
		border-top:1px solid #fff;
		padding-bottom:20px;
	}
	.client_meterstanden_module div.block.no_border {
		padding-top:0 !important;
		border:0 !important;

	}
	.client_meterstanden_module h3 {
		font-size:14px;
	}
	.client_meterstanden_module div.row {
		display:block;
		margin-bottom:3px;
	}
	.client_meterstanden_module div.col {
		margin-bottom:3px;
		float:left;
	}
	.client_meterstanden_module div.text {
		display:block;
		margin-bottom:3px;
		font-style:italic;
	}
	.client_meterstanden_module div.block span.label {
		display:block;
		width:450px;
		padding-left:5px;
		float:right;
	}
	.client_meterstanden_module textarea.input {
		width:500px;
	}
	/* NAW */
	.client_meterstanden_module div.block.naw div.gender {
		display:block;
		width:500px !important;
		height:25px;
	}
	.client_meterstanden_module div.block.naw .row label {
		display:block;
		width:120px;
		float:left;
	}
	.client_meterstanden_module div.block.naw .row.gender label {
		width:50px;
		float:left;
	}
	.client_meterstanden_module div.block.naw .row .input {
		width:250px;
	}
	.client_meterstanden_module div.block.naw .row.gender .input {
		width:20px;
		float:left;
	}
	.client_meterstanden_module div.block.naw .postcode .input {
		width:100px;
	}

	.client_meterstanden_module div.block.naw .row.gender label {
		width:50px;
		float:left;
	}
	/* leveranciers */
	.client_meterstanden_module div.block.leveranciers .row label {
		display:block;
		width:180px;
		float:left;
	}
	.client_meterstanden_module div.block.leveranciers .row .input {
		width:250px;
	}
	/* controles */
	.client_meterstanden_module div.block.accorderen {
		padding-top:10px !important;
		padding-bottom:0 !important;
		border-top:0 !important;
	}
	.client_meterstanden_module div.block.accorderen .required {
		color:#f00;
		font-weight:bold;
		font-style:normal;
	}
	.client_meterstanden_module div.block.controles .row.required {
		border:2px solid #f00;
	}

/*	-------------------------------------------
	CSS: CLIENTS
	----------------------------------------- */
.client_signupform_module {
	display:block;
}
	.client_signupform_module div.block {
		display:block;
		padding-top:20px;
		border-top:1px solid #fff;
		padding-bottom:10px;
	}
	.client_signupform_module div.block.no_border {
		padding-top:0 !important;
		border:0 !important;

	}
	.client_signupform_module h3 {
		font-size:14px;
	}
	.client_signupform_module div.row {
		display:block;
		margin-bottom:3px;
	}
	.client_signupform_module div.col {
		margin-bottom:3px;
		float:left;
	}
	.client_signupform_module div.text {
		display:block;
		margin-bottom:3px;
		font-style:italic;
		padding:4px;
	}
	.client_signupform_module div.text.no_padding {
		padding-left:0;
	}
	.client_signupform_module div.block span.label {
		display:block;
		width:450px;
		padding-left:5px;
		float:right;
	}
	.client_signupform_module textarea.input {
		width:500px;
	}
	/* NAW */
	.client_signupform_module div.block.naw div.gender {
		display:block;
		width:500px !important;
		height:25px;
	}
	.client_signupform_module div.block.naw .row label {
		display:block;
		width:120px;
		float:left;
	}
	.client_signupform_module div.block.naw .row.gender label {
		width:50px;
		float:left;
	}
	.client_signupform_module div.block.naw .row .input {
		width:250px;
	}
	.client_signupform_module div.block.naw .row.gender .input {
		width:20px;
		float:left;
	}
	.client_signupform_module div.block.naw .postcode .input {
		width:100px;
	}

	.client_signupform_module div.block.naw .row.gender label {
		width:50px;
		float:left;
	}
	/* leveranciers */
	.client_signupform_module div.block.leveranciers .row label {
		display:block;
		width:180px;
		float:left;
	}
	.client_signupform_module div.block.leveranciers .row .input {
		width:250px;
	}
	.client_signupform_module div.block.leveranciers .row.zosnelmogelijk .input {
		width:auto;
	}
	.client_signupform_module div.block.leveranciers .row.ingangsdatum_per .input {
		width:75px;
	}
	
	
	/* controles */
	.client_signupform_module div.block.accorderen {
		padding-top:10px !important;
		padding-bottom:0 !important;
		border-top:0 !important;
	}
	.client_signupform_module div.block.accorderen .required {
		color:#f00;
		font-weight:bold;
		font-style:normal;
	}
	.client_signupform_module div.block.controles .row.required {
		border:2px solid #f00;
	}


.clients_wij_bellen_u .block {
	display:block;
	margin:0;
	padding:0;
}
.clients_wij_bellen_u .row {
	display:block;
	margin:0;
	padding:0;
}



/*	-------------------------------------------
	CSS: TARIEVEN TABLE
	----------------------------------------- */
table.tarieven {
	width: 100%;
	padding: 0;
	margin: 0;
}
	table.tarieven tr,
	table.tarieven th {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
	}
	table.tarieven td {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding:2px;
	}
	table.tarieven td.spec {
		border-top:1px solid #fff;
		background:#fff;
		text-align:center;
		color:#2B386E;
	}
	table.tarieven td.first {
		border-left: 1px solid #fff;
	}

/*	-------------------------------------------
	CSS: TARIEVEN CALCULATOR
	----------------------------------------- */

.prijscalculator_module {
	display:block;
}
.prijscalculator_module table {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	/*width: 100%;*/
	padding: 0;
	margin: 0;
}
.prijscalculator_module tr.spacer {
	height:20px;
}
.prijscalculator_module tr.dubbel {
	display:none;
}
.prijscalculator_module input.input {
	width:50px;
	text-align:right;
}
.prijscalculator_module td {
	vertical-align:top;
	padding:3px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.prijscalculator_module td.first {
	border-top: 1px solid #fff;
}
.prijscalculator_module td.price {
	text-align:right;
}
.prijscalculator_module .calculation_info {
	display:none;
}
.prijscalculator_module .o_totaal_jaar,
.prijscalculator_module .o_totaal_maand {
	font-weight:bold;
}
.prijscalculator_module .img {
	display:block;
	float:right;
	text-align:center;
}

/*	-------------------------------------------
	CSS: HOMEPAGE ACTIES
	----------------------------------------- */

.acties_module {
	display:block; 
	float:left; 
	width:345px;
	height:190px;
}
	.acties_item {
		display:block; 
		position:absolute;
		background:#fdb825;
		width:345px;
		height:190px;
	}
		.actie_details {
			display:block;
			text-align:center;
			color:#fff;
		}
			.actie_details a {
				text-align:center;
				color:#fff;
			}


/*	-------------------------------------------
	CSS: HEADLINE MODULE ??????
	----------------------------------------- */

.headline_module {
	display:block;
}
.headline_module ul {
	display:block;
	margin:0;
	padding:0;
}
.headline_module ul li {
	display:block;
	margin:0;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
	list-style:none;
}

.news_article strong.intro {
	display:none;
}
.news_module .news_body img {
	margin-left:-15px;
	margin-top:-15px;
}

b.expand {
	cursor:pointer;
}


.input {
	border:0;
	background-color:#fff;
	padding:3px;
}
.submit {
	margin:0;
}


/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {height:400px; width:600px; left:50%; top:50%; margin-left:-300px; background-color:#fff; border:3px solid #fff;}
#modalContainer a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}