/* --------------------------------------------------------------------------------------------------------
html en body
---------------------------------------------------------------------------------------------------------*/

html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 					100%;
	overflow: 				-moz-scrollbars-vertical; 
}

body {
	background:				#FFF url("../images/bg.gif") repeat-y scroll 0 0;
	text-align:				center; /* voor het centreren van de pagewrapper tov de achtergrond */
	height: 					100%;
	margin:					0px; /* de afstand tussen de randen van browser en de pagewrapper */
	font:						normal 0.7em/1.4em Trebuchet MS, Arial, Verdana, Tahoma; /* geldt voor de hele pagina */
}

/* --------------------------------------------------------------------------------------------------------
container (de ruimte waarin alle onderdelen komen binnen de achtergrond)
---------------------------------------------------------------------------------------------------------*/

div.container {
	margin:					auto; /* voor het centreren van de container tov de achtergrond in FF */
	width:					895px; /* dit is de breedte van de container, voor 800x600 -> 760px, voor 1024x768 -> 984px */
	height:					100%;
	border:					0;
	background-color:		#FFF;
	text-align:				left; /* zonder deze zou alles IN de pagewrapper ook gecentreerd worden */
}


/* --------------------------------------------------------------------------------------------------------
basis, onderstaande geldt voor alle benoemde tags in het html document
---------------------------------------------------------------------------------------------------------*/

table {
	border:					0;
	border-collapse:		collapse;
	margin:					0;
	padding:					0;
}

td {
	vertical-align:		top;
}

form {
	margin:					1em 0;
	padding:					0;
}

a, a:visited {
	color:					#00BAFF;
	text-decoration:		underline;
}

a:hover, a:active {
	color:					#004990;
	text-decoration:		underline;
}

img {
	border:					0;
}

ul {
	/* dit zorgt ervoor dat lijsten in FF en IE er hetzelfde uitziet en netjes links aan de pagina lijnt, zonder inspringen */
	/* voor de navigatie zijn andere instellingen */
	margin:					0 0 0 15px;
	padding:					0;
}

p {
	margin:					1em 0;
}

/* --------------------------------------------------------------------------------------------------------
basis layout hulpmiddelen
---------------------------------------------------------------------------------------------------------*/

.left {
	float:					left;
}

.right {
	float:					right;
}

.wrapper {
	width:					100%;
	overflow:				hidden;
}

.clear {
	clear:					both;
}


/* --------------------------------------------------------------------------------------------------------
header
---------------------------------------------------------------------------------------------------------*/

div.header {
	position:				absolute;
	width:					895px;
	height:					105px;
	z-index:					3;
}

div.zoek {
	padding-top:			20px;
}

input.zoek {
	border:					solid 1px #004990;
	width:					150px;
	height:					1.4em;
}

input, select, textarea {
	font:						normal 1em/1.4em Trebuchet MS, Arial, Verdana, Tahoma;
	color:					#777;
	width:					95%;
	border:					solid 1px #AAA;
	padding:					1px 2px;
	margin:					3px 0;
}

/* --------------------------------------------------------------------------------------------------------
flash
---------------------------------------------------------------------------------------------------------*/

div.flash {
	position:				absolute;
	width:					895px;
	height:					621px;
	z-index:					2;
}


/* --------------------------------------------------------------------------------------------------------
primary navigation
---------------------------------------------------------------------------------------------------------*/

div.primnav {
	width:					795px; /* 895 - 100 */
	height:					27px; /* 32 - 5 */
	padding-left:			100px;
}

div.woningen-bb {
	/* border-bottoms primanav woningen */
	border-bottom:			solid 5px #E2790B;
}

div.nieuws-bb {
	/* border-bottoms primanav nieuws */
	border-bottom:			solid 5px #C60000;
}

div.overvathorst-bb {
	/* border-bottoms primanav over vathorst*/
	border-bottom:			solid 5px #7BA712;
}



/* --------------------------------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------------------------------*/

div.footer {
	width:					895px;
	height:					22px;
	background:				#FFF url("../images/bg_footer.gif") repeat-x scroll 0 0;
}

div.beeld {
	position: 				relative;
	height:					342px;
}

.absolute {
	position:				absolute;
}

.copyright {
   position:relative;
   left:13px;
	top:						215px;
	width:					15px;
}

.copyright img {
	padding: 				5px 2px;
}

.flashwrapper {
   width:922px;
   position:relative;
   left:-15px;
	overflow:				none;
}

 /* button zonder border algemeen (blauw) --------------------------------------------------------------*/
a.btn-algemeen, a.btn-algemeen:visited {
	padding:					2px 18px 2px 0px;
	color:					#114981;
	font-weight:			bold;
	font-size:				1.2em;
	line-height:			16px;
	text-decoration:		none;
	background:				transparent url("../images/bg_arrow_btn_algemeen.gif") no-repeat scroll right 4px;
}