/* CSS DOC - Zeker Wonen website 2007 								*/
/* commonstyle.css													*/


/* 	------------------------------------------------------------	*/
/* 	standard TAGS / common classes/id								*/
/* 	------------------------------------------------------------	*/

	body {
		background-color: #BFBFBF;
		padding:0;
		margin:0;
		}
	.imgfloatleft {
		float:left;
		margin:0;
		padding:0;
		}
	a { 
		color:#ffbf10;
		font: normal 11px/normal "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
		}
	a:hover { color:#eab41f; text-decoration:none; }

	a.naarboven {
		border-left: 2px solid #ffbf10;
		float:left;
		clear:both;
		margin: 20px 0px 20px 0px;
		padding: 11px 17px 11px 17px;
		color:#b4b4b4;
		text-decoration:none;
		position:relative;
		left:312px;
		}
	a.naarboven:hover { color:#5f5d56; }


/* 	------------------------------------------------------------	*/
/* 	BS (basic structure)											*/
/* 	------------------------------------------------------------	*/

	.zone1 {
		clear:both;
		margin:0; padding:0;
		float:left;
		width:100%;
		}
	.zone2 { 
		background: #3C3623;
		clear:both;
		margin:0; padding:0;
		float:left;
		width:100%;
		}
	.zone3 { 
		background: #fff;
		clear:both;
		/*position:relative;*/
		float:left;
		width:100%;
		}
	.zone4 { 
		background: url(../image/back-bot.gif) repeat-x;
		clear:both;
		margin:0; padding:0;
		float:left;
		width:100%;
		}
	.cage {
		/*border:1px solid #c00;*/
		width:900px;
		clear:both;
		margin: 0 auto;
		padding:0;
		}

/* 	------------------------------------------------------------	*/
/* 	ZONE 1 - TOP													*/
/* 	------------------------------------------------------------	*/
	#topnav {
		margin:0; padding:0;
		}
	#topnavlist {
		margin: 0px 0px 0px 0px;
		padding: 71px 0px 0px 0px;
		}
	#topnavlist ul, #topnavlist li {
		margin: 0;
		padding: 0;
		display: inline;
		list-style-type: none;
		font-family: Arial, Helvetica, sans-serif;
		vertical-align: top;

		}
	#topnavlist a:link, #topnavlist a:visited {
		float:left;
		font-size: 11px;
		margin: 0px 1px 0px 20px;
		text-decoration: none;
		color: #5e5845;
		text-transform: uppercase;
		vertical-align: top;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		word-spacing: normal;
		white-space: normal;
		border-bottom: 2px solid #BFBFBF;
		padding: 0px 0px 11px 0px;
		}
	#topnavlist a:link.current, #topnavlist a:visited.current, #topnavlist a:hover {
		border-bottom: 2px solid #ffbf10;
		padding: 0px 0px 11px 0px;
		color: #fff;
		}


/* 	------------------------------------------------------------	*/
/* 	ZONE 2 - LIST: 4 hoofdgroepen			 						*/
/* 	------------------------------------------------------------	*/

	#list_hoofdgroepen {
		width: 296px;		/* 16 + 246 + 50 = 312 - 16 = 296*/
		margin:0;
		padding: 0px 0px 0px 16px;
		float:left;
		}
	#list_hoofdgroepen ul {
		margin:0;
		padding:0;
		list-style-type: none;

		}
	#list_hoofdgroepen a {
		display: block;
		padding:0;
		margin:0;
		width: 246px;
		height:60px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:10px;
		vertical-align: top;
		}
	#list_hoofdgroepen a span { 
		display: none;
		padding:0;
		margin:0;
		 }

	#list_hoofdgroepen #woningen a { background: url(../image/nav-woningen.gif) no-repeat left top; }
	#list_hoofdgroepen #appartementen a { background: url(../image/nav-appartementen.gif) no-repeat left top; }
	#list_hoofdgroepen #nieuwbouw a { background: url(../image/nav-nieuwbouw.gif) no-repeat left top; }
	#list_hoofdgroepen #renovatie a { background: url(../image/nav-renovatie.gif) no-repeat left top; }
	#list_hoofdgroepen #referenties a { background: url(../image/nav-referenties.gif) no-repeat left top; }

	#list_hoofdgroepen #woningen a:active, #list_hoofdgroepen #appartementen a:active, #list_hoofdgroepen #nieuwbouw a:active,	#list_hoofdgroepen #renovatie a:active,	#list_hoofdgroepen #referenties a:active,
	#list_hoofdgroepen #woningen .current, #list_hoofdgroepen #appartementen .current, #list_hoofdgroepen #nieuwbouw .current,	#list_hoofdgroepen #renovatie .current,	#list_hoofdgroepen #referenties .current,
	#list_hoofdgroepen #woningen a:hover, #list_hoofdgroepen #appartementen a:hover, #list_hoofdgroepen #nieuwbouw a:hover, #list_hoofdgroepen #renovatie a:hover, #list_hoofdgroepen #referenties a:hover {
		background-position: 0 -60px;
		}

	#player-page {
		margin:0;
		padding:0;
		float:left;
		}


/* 	------------------------------------------------------------	*/
/* 	ZONE 3 - MID							 						*/
/* 	------------------------------------------------------------	*/

	#breadcrumb { 
		background: url(../image/back-mid.gif) no-repeat 16px 0;
		height: 20px;	/* 34-14=20*/
		font: normal 11px/normal "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
		color: #333;	
		padding: 14px 0px 0px 325px;
		clear:both;
		}
	#breadcrumb a { color: #666; }
	#breadcrumb a:hover { color: #333; text-decoration:none; }

	div#content{
		float:left;
		width:602px;	/* original: 638px - padding */
		padding: 0px 24px 30px 12px;
		margin:0;
		font: normal 11px/normal "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
		color: #5f5d56;
		}
	.zone3 p {
		text-indent: 36px;
		line-height:18px;
		padding:0;
		margin: 0px 0px 10px 0px;
		text-transform: none;
		text-decoration: none;
		word-spacing: normal;
		white-space: normal;
		}
	.zone3 h1 {
		padding: 10px 0px 20px 0px;
		margin:0;
		text-transform: none;
		text-decoration: none;
		word-spacing: normal;
		white-space: normal;
		clear: both;
		font: normal 20px/normal "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
		color: #3c3623;	
		}
	.zone3 h2 {
		color: #eab41f;	
		}

/* 	------------------------------------------------------------	*/
/* 	ZONE 3 - CONTENT OVERZICHT				 						*/
/* 	------------------------------------------------------------	*/

	div#contentoverzicht{
		float:left;
		width:602px;	/* original: 638px - padding */
		padding: 0px 24px 30px 274px;
		margin: 0px 0px 0px 0px;
		font: normal 11px/normal "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
		color: #5f5d56;
		clear:both;
		}
	.table-overzicht {
		float:left;
		position:relative;
		left:191px;
		margin: 0px 0px 40px 0px;
		padding:0;
		border-collapse:collapse;
		width:708px;
		font: normal 11px/normal "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
		color: #5f5d56;	
		}
	.table-overzicht td { margin:0; padding-left:5px; text-align:left;	}
	.table-overzicht td img { margin-left:-5px;	padding-bottom:5px;	background:#fff; }
	.table-overzicht th {
		color: #fff;
		text-transform:uppercase;
		text-align:left;
		background:#3c3623;
		padding:0px 5px;
		font-weight: bold;
		}
	.table-overzicht th img { margin: -5px 0px -5px -5px; background:#fff; }
	.table-overzicht th a { color: #fff; font-weight: bold; }
	.table-overzicht th a:hover { color: #fff; text-decoration:none; }
	.table-overzicht tr.odd { background:#E8E7E5; }
	.table-overzicht tr.even { background:#f3f2f1; }

	.table-overzicht a { color:#5f5d56;	}
	.table-overzicht a:hover { color:#3c3623; text-decoration:none;	}
	
	.table-overzicht th .arrow { margin: 0px 0px 0px 0px; }


/* 	------------------------------------------------------------	*/
/* 	ZONE 3 - CONTENT Detail				 						*/
/* 	------------------------------------------------------------	*/

	.table-detail {
		float:left;
		margin: 10px 0px 40px 36px;
		padding:0;
		border-collapse:collapse;
		width:528px;
		font: normal 12px/normal "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
		color: #5f5d56;
		}
	.table-detail .cel1 { width:200px; }
	.table-detail .trDark {	background:#EDEDE5;	}
	.table-detail .trLight { background:#F6F6F1; }
	.table-detail .trDark td, .table-detail .trLight td { padding:10px 4px; vertical-align: top; }
	
	a.downloads {
		display:block;
		margin: 10px 0px 0px 0px;
		padding: 3px 0px 3px 24px;
		color:#5f5d56;
		text-decoration:none;
		}
	a.downloads:hover { color:#3c3623; }

	a.downloads.default { background: url(../image/ico/default.gif) no-repeat left; }
	a.downloads.ai { background: url(../image/ico/ai.gif) no-repeat left; }
	a.downloads.avi { background: url(../image/ico/avi.gif) no-repeat left; }
	a.downloads.bmp { background: url(../image/ico/bmp.gif) no-repeat left; }
	a.downloads.dll { background: url(../image/ico/dll.gif) no-repeat left; }
	a.downloads.doc { background: url(../image/ico/doc.gif) no-repeat left; }
	a.downloads.exe { background: url(../image/ico/exe.gif) no-repeat left; }
	a.downloads.fla { background: url(../image/ico/fla.gif) no-repeat left; }
	a.downloads.gif { background: url(../image/ico/gif.gif) no-repeat left; }
	a.downloads.htm { background: url(../image/ico/htm.gif) no-repeat left; }
	a.downloads.html { background: url(../image/ico/html.gif) no-repeat left; }
	a.downloads.jpg { background: url(../image/ico/jpg.gif) no-repeat left; }
	a.downloads.jpeg { background: url(../image/ico/jpeg.gif) no-repeat left; }
	a.downloads.mdb { background: url(../image/ico/mdb.gif) no-repeat left; }
	a.downloads.mp3 { background: url(../image/ico/mp3.gif) no-repeat left; }
	a.downloads.pdf { background: url(../image/ico/pdf.gif) no-repeat left; }
	a.downloads.ppt { background: url(../image/ico/ppt.gif) no-repeat left; }
	a.downloads.swf { background: url(../image/ico/swf.gif) no-repeat left; }
	a.downloads.swt { background: url(../image/ico/swt.gif) no-repeat left; }
	a.downloads.txt { background: url(../image/ico/txt.gif) no-repeat left; }
	a.downloads.vsd { background: url(../image/ico/vsd.gif) no-repeat left; }
	a.downloads.xls { background: url(../image/ico/xls.gif) no-repeat left; }
	a.downloads.xml { background: url(../image/ico/xml.gif) no-repeat left; }
	a.downloads.zip { background: url(../image/ico/zip.gif) no-repeat left; }

	.eco-plus { 
		color:#ffbf10;
		font-size: 16px;
		font-weight: bold;
		}

	.eco-green {
		color:#009900;
		}

/* 	------------------------------------------------------------	*/
/* 	ZONE 3 - MID	LINKS Subnav			 						*/
/* 	------------------------------------------------------------	*/

	#links {
		float:left;
		width:262px;
		font: normal 11px/22pt "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;

		/*background:#c00;*/
		/*margin-left: 30px;*/
		}
	#links ul {
		list-style-type: none;
		padding-left: 20px;
		border-left: 1px solid #d5d3d3;
		}
	#links li{	}
	#links li a {
		padding-left: 20px;
		margin-left: -20px !important;
		color: #3c3623;	
		text-decoration:none;
		font: normal 13px/22pt "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
		}
	#links li a:hover {
		border-left: 1px solid #ffbf10;
		color: #ffbf10;
		}

/* 	------------------------------------------------------------	*/
/* 	ZONE 3 - MID	SITEMAP					 						*/
/* 	------------------------------------------------------------	*/

	#sitemap {
		margin: 0px 0px 0px 38px;
		font: normal 12px/22pt "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;

		/*background:#c00;*/
		/*margin-left: 30px;*/
		}
	#sitemap ul {
		list-style-type: none;
		padding-left: 20px;
		border-left: 1px solid #d5d3d3;
		}
	#sitemap li a {
		padding-left: 20px;
		margin-left: -20px !important;
		color: #3c3623;	
		text-decoration:none;
		}
	#sitemap li a:hover {
		border-left: 1px solid #ffbf10;
		color: #ffbf10;
		}
	#sitemap .sub-sitemap {
		margin: 0px 0px 0px 20px;
		}
	


/* 	------------------------------------------------------------	*/
/* 	ZONE 4 - LIST: botnav					 						*/
/* 	------------------------------------------------------------	*/

	a.ecoklima {
		display: block;
		float: left;
		width: 314px;
		height: 78px;
		background: url(../image/slogan-ecoklima.gif) no-repeat 0px 0px;
		}
	a.ecoklima:hover {
		background: url(../image/slogan-ecoklima.gif) no-repeat -316px 0px;
		}
	a.ecoklima-home {
		display: block;
		float: left;
		width: 314px;
		height: 78px;
		background: url(../image/slogan-home-ecoklima.gif) no-repeat 0px 0px;
		}
	a.ecoklima-home:hover {
		background: url(../image/slogan-home-ecoklima.gif) no-repeat -316px 0px;
		}
	a.ecoklima span, a.ecoklima-home span {
		display: none;
		}
	#botnav {
		height:146px;
		margin:0;
		padding:0;
		}
	#botnavlist {
		margin:0;
		padding: 18px 0px 0px 0px;
		}
	#botnavlist li {
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0px 20px 0px 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #5e5845;
		}
	#botnavlist a:link, #botnavlist a:visited {
		font-size: 11px;
		margin: 0px 1px 0px 18px;
		text-decoration: none;
		color: #5e5845;
		}
	#botnavlist a:link#current, #botnavlist a:visited#current, #botnavlist a:hover {
		padding:0;
		color: #3c3623;
		}
	.decoders {
		background: url(../image/logo-decoders.gif) no-repeat 0px 0px;
		padding: 0px 0px 0px 24px;
		}
	
	#address {
		padding: 24px 0px 0px 0px;
		margin: 0;
		}
	#address li {
		font-size: 11px;
		color: #5e5845;
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0px 0px 0px 18px;
		font-family: Arial, Helvetica, sans-serif;
		}
	#address a {
		color: #5e5845;
		text-decoration: none;
		}
	#address a:hover {
		color: #3c3623;
		}

/* forms */
#form1 {
	margin-top: 20px;
}

#form1 td {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	padding: 4px;
	vertical-align: top;
}
#form1 label {
	font-weight: bold;
}
#form1 input, select, file {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	border: 1px solid #d5d3d3;
}
#form1 textarea {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	border: 1px solid #d5d3d3;
}
#form1 hr {
	height: 0;
	border: 0;
	border-top: 1px solid #d5d3d3;
}
.error_message {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #CC0000;
}