﻿/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background:#FFFFFF url(../gfx/back.jpg) bottom center no-repeat;
	}
	
/*img, div{ behavior: url(css/iepngfix.htc);}*/
img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Verdana, Helvetica, Sans-serif;
	font-size:11px;
	line-height:16px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:block;
	}
	
a:focus {outline:none;}
a:hover {}
h1 {
	font-size:18px;
	color:#96B314;
	font-weight:normal;
	padding:0 0 16px 0;
	}
h2 {font-size:11px;color:#009EE0;}

p {
	display:block;
	margin:0 0 0 0;
	padding:0 0 16px 0;
	}
hr{border-bottom:1px solid #009edf;height:1px;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:970px;
	min-height:100%;
	_height:100%;
	text-align:left;
	}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
position:relative;
height:77px;
width:546px;
background:#ccecf9;
overflow:hidden;
	}
div.navigatie {

	margin-top:39px;
	border-top:14px solid #009edf;
	line-height:24px;
	_height:24px;
	background-color:#97c00e;
	padding:0 10px 0 10px;

	}
	div.navigatie a {
		color:#FFFFFF;
		margin-right:40px;
		text-decoration:none;
		}
	div.navigatie a:hover {
		text-decoration:underline;
		}
	div.navigatie a.selected {
		color:#333333;
		}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	background-color:#97c00e;
	clear:both;
	padding:0 10px 0 10px;
	color:#FFFFFF;
	line-height:17px;
	height:17px;
	position:relative;
	}
div#footer a {
	color:#FFFFFF;
	text-decoration:none;
	}
div#footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}
	div#footer a.design {
		display:block;
		float:right;
		}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/
div.contentBlock {
	margin-left:423px;
	background:#FFFFFF url(../gfx/gradient.gif) top right no-repeat;
	padding:0 0 10px 0;
	}
div.mainContent {
	margin-left:158px;
	width:378px;
	padding-top:40px;
	margin-bottom:10px;
	}
	
div.mainContent a{
	color:gray;
	text-decoration:none;
}


	
a.banner{
position:relative;
float:left;
margin:5px 0;
}	
div.sidebar {
	float:left;
	width:125px;
	position:relative;
	left:20px;
	overflow:hidden;
	color:#96B314;
	padding:40px 0 0 0;
	}
	div.sidebar strong{
		display:block;
		clear:both;
		}
	div.sidebar a{
		display:block;
		}
	div.sidebar img{
		margin:10px 0;
		}

div.visual {
	position:absolute;
	left:0px;
	width:423px;
	border-bottom:3px solid #97c00e;

	}
	div.visual img {
		display:block;
		}
	img.logo {
		position:absolute;
		left:0px;
		top:0px;
		}
		
div.bannertop{
	position:absolute;
	top:127px;
	left:0px;
	width:423px;
	height:45px;
	background:url('../gfx/banner_oplevering.gif');
}
div.bannerbottom{
	position:absolute;
	bottom:8px;
	left:0px;
	width:423px;
	height:45px;
	background:url('../gfx/enkele-woningen-groen.gif');
}
div.bannerbottom2{
	position:absolute;
	bottom:60px;
	left:0px;
	width:423px;
	height:45px;
	background:url('../gfx/open-huis.gif');
}	
div.banneroutside{
	position:absolute;
	bottom:-45px;
	left:0px;
	width:423px;
	height:90px;
}	
div.banneroutside a{
	display:block;
	width:423px;
	height:90px;
}


	
/* ============================================================	*/ 
/* ========	MAP		  	===============================	*/
/* ============================================================	*/

div.locatie {
	float:left;
	width:526px;
	position:relative;
	left:10px;
	padding:20px 0;
	height:600px;
	margin:10px 0;
	}
		
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 
div.download{
	width:200px;
	font-size:10px;
	color:gray;
	margin:10px 0;
}
a.word{
	display:block;
	text-indent:30px;
	background: url('../gfx/icon-word.gif') no-repeat left center;
	margin:2px 0;	color:gray;	
}
a.pdf{
	display:block;
	text-indent:30px;
	margin:2px 0;color:gray;
	background: url('../gfx/icon-pdf.gif')  no-repeat left center;
}


