/* ============================================================	*/ 
/* ========	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-color:#FFF;
	}
	
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif; /* Century Gothic is niet standaard ondersteund */
	font-size:11px;
	color:#323232;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
a {}
a:hover {}
h1 {
	font-size:12px;
	/*display:inline;*/
	}
h2,
span.h2 {
	font-size:13px;
	color:#F5821F;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
h3 {
	color:#AE1203;
	font-weight:normal;
	text-transform:uppercase;
	
	display:block;
	text-align:left;
	text-indent:10px;
	font-size:14px;
	}
h4 {}
h5 {}
h6 {}	
p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
}

img {
	border:0px solid black;
	}
#divFlash {display:none;}

object {
	display:block;
	float:left;
	}
	
ol {}
ul {}
li {}
li li {}

label {
	
	}
.cB {
	clear:both;
	}
	
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN	===================================	*/
/* ============================================================	*/ 

#container {
	background:#FFF url(../gfx/strokes.gif) top left repeat-y;

	position:relative;
	margin:0 auto 0 auto;
	width:960px;
	min-height:100%;
	height:100%;
	text-align:left;
	}

	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	height:174px;
	position:relative;
	}
img.headerImage {
	display:block;
	float:right;
	
	_position:absolute;
	_right:0px;
	_top:0px;
	z-index:50;
	}
	
div.logo {
	position:absolute;
	z-index:990;
	top:40px;
	left:10px;

	background:transparent url(../gfx/logo.png) top left;
	width:115px;
	height:125px;

	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/logo.png', sizingMethod='image');
	}
	
div.logoBack {
	background-color:#1A171B;
	width:135px;
	height:174px;
	position:absolute;
	top:0px;
	left:0px;
	}
	
div.slogan {
	position:absolute;
	z-index:990;
	bottom:24px;
	right:10px;

	background:transparent url(../gfx/slogan.png) top left;
	width:223px;
	height:12px;
	
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/slogan.png', sizingMethod='image');
	}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	line-height:31px;
	background:transparent url(../gfx/nav_gradient.gif) top left repeat-x;
	color:#FFF;
	text-indent:30px;
	}
	
div.navigatie a {
	color:#FFF;
	text-decoration:none;
	display:inline;
	padding:0 14px 0 14px;
	}
div.navigatie a:hover {
	color:#CDCDCD;
	}

	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	background:#000 url(../gfx/footer.gif) top left repeat-x;
	bottom:0;
	left:0;
	width:960px;
	clear:both;
	line-height:20px;
	}

.SixtySeven {
	float:right;
	line-height:20px;
	padding-right:35px;
	}
	.SixtySeven a {
		color:#FFF;
		text-decoration:none;
		}
		
.copy {
	float:left;
	color:#FFF;
	text-indent:35px;
	}

html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 20 + "px");
	}
	
/* ============================================================	*/
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	background:transparent url(../gfx/stroke_gradient.gif) top left no-repeat;
	min-height:30px;
	padding-bottom:30px;
	width:960px;
	overflow:hidden;
	}
	
div.mainContent {
	margin:0 265px 0 160px;
	}
div.mainContent div.content {
	padding:15px 0 15px 0;
	}
	.withVisual {
		margin-right:135px;
		}
.mainContent .visual {
	width:120px;
	overflow:hidden;
	float:right;
	border-top:2px solid #DEDEDE;
	border-left:2px solid #DEDEDE;
	position:relative;
	top:15px;
	}

div.left {
	width:135px;
	float:left;
	}
	div.left .content {
		margin:0 5px 0 5px;
		padding:15px 0 15px 0;
		}



div.flashblock{
position:relative;
float:left;
	width:135px;
	height:145px;
	margin-top:10px;

}

.right {
	width:250px;
	float:right;
	}
	.right .content,
	.right .content p,
	.right .content td {
		color:#808284;
		}
	.right td {
		line-height:25px;
		}
	
.gradient {
	background:#F8BD7F url(../gfx/orange_gradient.gif) top left repeat-x;
	border-top:2px solid #DACDBC;
	border-left:2px solid #DACDBC;
	}
.gradient div.content {
	margin:0 5px 0 5px;
	padding:5px 0 5px 0;
	}

.border {
	border-top:2px solid #DEDEDE;
	border-left:2px solid #DEDEDE;
	background-color:#FFF;
	margin:10px 20px 0 10px;
	}
.border .gradient {
	background:#FEF3E9 url(../gfx/right_gradient.gif) top left repeat-x;
	margin:5px 5px 0 5px;
	border-top:0px solid #DACDBC;
	border-left:0px solid #DACDBC;
	border-bottom:0px solid #DACDBC;
	border-right:0px solid #DACDBC;
	}

.zoek,
.voorstellen,
.gegevens,
.woning {
	background:transparent url(../gfx/zoek.gif) top left no-repeat;
	line-height:18px;
	height:18px;
	font-size:11px;
	text-transform:uppercase;
	text-indent:20px;
	color:#FFF;
	}
.voorstellen {
	background:transparent url(../gfx/zoek.gif) -15px 0px no-repeat;
	text-indent:5px;
	}
.gegevens,
.woning {
	background:#FEF2E5 url(../gfx/aanbod_header.gif) top left repeat-x;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	_margin:0 -3px 0 -3px;
	}
	
.gegevensTable td {
	vertical-align:top;
	line-height:13px;
	}
.gegevensTable b,
.gegevensTable strong {
	color:#EF7F00;
	}
	
.nr {
	display:block;
	width:10px;
	height:10px;
	line-height:10px;
	font-size:10px;
	text-align:center;
	background:#000 url(../gfx/nr_gradient.gif) top left repeat-x;
	color:#FFF;
}

table.aanbodHeader {
	display:block;
	border:1px solid #DEDEDE;
	float:left;
	}
	.aanbod .buttons {
		text-align:center;
		vertical-align:bottom;
		padding-bottom:10px;
		}
		.aanbod .buttons input {
			margin-top:7px;
			}

table.aanbodHeader th {
	background:#EF8A14 url(../gfx/aanbod_header.gif) top left repeat-x;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	text-indent:22px;
	height:19px;
	line-height:18px;
	color:#FFF;
	}

table.aanbod {width:100%;}
table.aanbod td {
	background:#FEF2E5 url(../gfx/aanbod_gradient.gif) top left repeat-x;
	}
	.aanbod td .content {
		padding:0px 0px 0px 0px;
		margin:0px 10px 0px 10px;
		}

.nav td
{
	color:Orange;
	font-weight:bold;
	text-align: right;
	font-size:14px;
}
.nav a {
	text-decoration: none;
	color:gray;
	}
.nav a:hover {
	color:Orange;
	}
		
/* ============================================================	*/ 
/* ========	DETAILS PAGE		===============================	*/
/* ============================================================	*/ 

		
body.details #container {
	background:#FFF url(../gfx/strokes_details.gif) top left repeat-y;
	}
	body.details div.contentBlock {
		background:transparent url(../gfx/stroke_gradient_details.gif) top left no-repeat;
		}
		body.details div.mainContent {
			margin:0 434px 0 160px;
			}
		body.details div.mainContent img {
			display:block;
			border:0px;
			_margin:0px -3px 0px -3px;
			padding:0px;
			}
		body.details div.mainContent .gradient {
			margin:2px 0 0 2px;
			}
		body.details div.mainContent .gradient .content {
			margin:0 10px 0 10px;
			padding:10px 0 0 0;
			}
		body.details div.mainContent div.border {
				margin:0 0 0 0;
				padding:0 0 0 0;
				}
			body.details .right {
				width:415px;
				}
				body.details .right .imgSmall {
					display:block;
					float:left;
					margin:3px 0 0 3px;
					cursor:pointer;
					}
					
.adres {
	color:#FFF;
	margin-left:5px;
	font-weight:bold;
	font-size:10px;
	}
	.adres a {
		color:#FFF;
		text-decoration:none;
		}

.layPos {
	position:relative;
	float:left;
	}
		
span.layNieuw {
	display:block;
	background:transparent url(../gfx/overlay_nieuw.png) bottom left no-repeat;
	width:145px;
	height:109px;
	
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/overlay_nieuw.png', sizingMethod='image');
	}
span.layPrijs {
	display:block;
	background:transparent url(../gfx/overlay_nieuwe_prijs.png) bottom left no-repeat;
	width:145px;
	height:109px;
	
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/overlay_nieuwe_prijs.png', sizingMethod='image');
	}
	
span.layOptie {
	display:block;
	background:transparent url(../gfx/overlay_in_optie.png) bottom left no-repeat;
	width:145px;
	height:109px;
	
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/overlay_in_optie.png', sizingMethod='image');
	}
	
span.layVerkocht {
	display:block;
	background:transparent url(../gfx/overlay_verkocht.png) bottom left no-repeat;
	width:145px;
	height:109px;
	
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/overlay_verkocht.png', sizingMethod='image');
	}
	
span.layTeHuur {
	display:block;
	background:transparent url(../gfx/te-huur.png) bottom left no-repeat;
	width:145px;
	height:109px;
	
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/te-huur.png', sizingMethod='image');
	}	
	
span.layVandaagOpenHuis {
	display:block;
	background:transparent url(../gfx/overlay_vandaag_openhuis.png) bottom left no-repeat;
	width:145px;
	height:109px;
	
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/overlay_vandaag_openhuis.png', sizingMethod='image');
	}
	
span.layZaterdagOpenHuis {
	display:block;
	background:transparent url(../gfx/overlay_zaterdag_openhuis.png) bottom left no-repeat;
	width:145px;
	height:109px;
	
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/overlay_zaterdag_openhuis.png', sizingMethod='image');
	}
	
span.layNieuw,
span.layPrijs,
span.layOptie,
span.layVerkocht,
span.layVandaagOpenHuis,
span.layTeHuur,
span.layZaterdagOpenHuis  {
	position:absolute;
	bottom:0px;
	_bottom:-1px;
	left:0px;
	}

/* ============================================================	*/ 
/* ========	FORMULIEREN			===============================	*/
/* ============================================================	*/ 

form {
	margin:0 0 0 0;
	}
.formgrid {
	}
.formGrid td {
	}
.formGrid .nameCell {
	}
.formGrid .inputCell {
	}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#F00;
	font-weight:normal;
	border-top:1px solid #F00;
	border-right:1px solid #F00;
	border-bottom:1px solid #F00;
	border-left:1px solid #F00;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
	
	}
input.verzenden,
a.verzenden,
a.button {
	background:#F8B46F url(../gfx/verzenden_gradient.gif) top left repeat-x;
	height:15px;
	line-height:13px;
	border:none;
	color:#FFF;
	font-size:10px;
	text-transform:uppercase;
	}

a.verzenden {
	display:block;
	margin:5px 7px 0px 7px;
	text-decoration:none;
}
a.button {
	margin-top:5px;
	margin-left:5px;
	display:block;
	float:left;
	width:125px;
	text-decoration:none;
	text-indent:7px
	}
.dButtons {
	position:relative;
	left:5px;
	_left:0px;
	}