/*----------------------------------------------*/
/*--[ CSS Immo Varro 2007, copyright Robarov ]--*/
/*----------------------------------------------*/

* {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	}

body {
	background: #323639 url(../i/layout/bg-header-wrap.jpg) top center repeat-x;
	color: #605e55;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.4em;
	}
#header-wrap, #content-wrap, #footer-wrap {
	text-align: center;
}
#header, #content, #footer {
	width: 760px;
	text-align: left;
	margin: 0 auto;
}
#mini {
	clear: both;
	margin: 0px;
	height: 16px;
	position: relative;
}
#mini li {
		position: absolute;
		width: 16px;
		padding: 0px;
		height: 16px;
}
#mini li a {
		text-indent: -9000em;
		overflow: hidden;
		width: 16px;
		height: 16px;
		display: block;
		text-decoration: none;
		float: left;
}
#mini li, #mini li a {background-position: 0px 0px;}
#mini .top, #mini .top a {background-image: url(../i/layout/top.gif);right: 0px;}
#mini .back, #mini .back a {background-image: url(../i/layout/back.gif);right: 26px;}
#mini .top a:hover, #mini .back a:hover {background-position: 0 -16px;}

/*--[ common ]----------------------------------------------------------------*/
h1, h2, h3, h4 {
	margin-bottom: 0.6em;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
h1 {
	color: #70675c;
	height: 1.4em;
	line-height: 1.4em;
	font-size: 2em;
	font-weight: normal;
	}
h1 em {
	font-style: normal;
	color: #e03a00;
}
h2 {
	font-size: 1.4em;
	letter-spacing: -1px;
	color: #e03a00;
	margin-bottom: 0.3em;
	}
h3 {
	font-size: 1.2em;
	letter-spacing: -1px;
	color: #e03a00;
	}
p {
	margin-bottom: 1em;
	}
em {
	font-style: normal;
	color: #e23b00;
}
ol {
	margin: 0 0 1em 2em;
	}

ul {
	margin: 0 0 1em 1em;
}
ul li {
	background: url(../i/layout/bullet.gif) 0 0.3em no-repeat;
	list-style-type: none;
	margin: 0 0 0.3em 0;
	padding: 0 0 0 20px;
	}
img {
	border: none;
	}
.alignleft {
	margin: 0 15px 5px 0;
	float: left;
	display: inline;
	}
.alignright {
	margin: 0 0 5px 15px;
	float: right;
	display: inline;
	}
.highlight { /* highlight important text */
	background: #FFC;
	}
.clear { /* clear floated divs */
	clear: both;
	}
.hide, #main ul h2 { /* hides text from broswer */
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
	}
.info {
	clear: both;
	background: #eae5d1 url(../i/layout/bg-gradient.gif) bottom left repeat-x;
	font-size: 1.1em;
	padding: 20px;
	width: 720px;
}
#diensten #content p {
	text-align: justify;
}

/*--[ links ]----------------------------------------------------------------*/
#content a:link, #content a:visited {color: #5c82a4;}
#content a:hover {color: #e23b00;}
#content p a {
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #d6d3c6;
}
#content p a:hover {border-bottom-color :#c6c1ad;}
#footer a {color: #7391ab;}
#footer a:hover {color: #c8cacb;}

/*--[ header ]----------------------------------------------------------------*/
#header-wrap {
	background: #d81e00 url(../i/layout/bg-header-wrap.jpg) top center repeat-x;
	height: 120px;
}
#header {
	background: url(../i/layout/bg-header.jpg) 0 0 no-repeat;
	position: relative;
	height: 120px;
}
#header h2 {
	background: transparent url(../i/layout/logo.gif) 0 0 no-repeat;
	position: absolute;
	top: 0px;
	left: 10px;
	width: 200px;
	height: 120px;
	margin: 0px;
	}
	#header h2 a {
		text-indent: -9000em;
		overflow: hidden;
		width: 200px;
		height: 120px;
		display: block;
		text-decoration: none;
		color: #fff;
		float: left;
	}
#lng {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 10px 0 0 0;
}
#lng li {
	width: 28px;
	height: 24px;
	float: left;
	display: inline;
	padding: 0px;
	margin: 0 0 0 10px;
}
#lng a {
	text-indent: -9000em;
	overflow: hidden;
	width: 28px;
	height: 24px;
	display: block;
	text-decoration: none;
	color: #fff;
	float: left;
}
#lng1, #lng1 a {background: url(../i/layout/nl.gif) 0 0 no-repeat;}
#lng2, #lng2 a {background: url(../i/layout/fr.gif) 0 0 no-repeat;}
#lng1 a:hover, #lng2 a:hover, .nl #lng1 a, .fr #lng2 a {background-position: 0 -24px;}

/*--[ nav ]----------------------------------------------------------------*/
#nav {
	position: absolute;
	top: 46px;
	left: 235px;
	margin: 0;
}
#nav li {
	float: left;
	display: inline;
	padding: 0px;
	margin-right: 10px;
	height: 28px;
}
#nav li a {
	text-indent: -9000em;
	overflow: hidden;
	height: 28px;
	display: block;
	text-decoration: none;
	float: left;
}
.nl #nav li, .nl #nav li a {
	background-image: url(../i/layout/bg-nav-nl.gif);
	background-repeat: no-repeat;
}
.fr #nav li, .fr #nav li a {
	background-image: url(../i/layout/bg-nav-fr.gif);
	background-repeat: no-repeat;
}

.nl #nav #nav1, .nl #nav #nav1 a {width: 72px;background-position: 0 0;}.nl #nav #nav1 a:hover, .nl #nav #nav1.active a {background-position: 0 -28px;}
.nl #nav #nav2, .nl #nav #nav2 a {width: 72px;background-position: -82px 0;}.nl #nav #nav2 a:hover, .nl #nav #nav2.active a {background-position: -82px -28px;}
.nl #nav #nav3, .nl #nav #nav3 a {width: 80px;background-position: -164px 0;}.nl #nav #nav3 a:hover, .nl #nav #nav3.active a {background-position: -164px -28px;}
.nl #nav #nav4, .nl #nav #nav4 a {width: 100px;background-position: -254px 0;}.nl #nav #nav4 a:hover, .nl #nav #nav4.active a {background-position: -254px -28px;}
.nl #nav #nav5, .nl #nav #nav5 a {width: 66px;background-position: -364px 0;}.nl #nav #nav5 a:hover, .nl #nav #nav5.active a {background-position: -364px -28px;}
.nl #nav #nav6, .nl #nav #nav6 a {width: 76px;background-position: -440px 0;margin-right: 0px;}.nl #nav #nav6 a:hover, .nl #nav #nav6.active a {background-position: -440px -28px;}

.fr #nav #nav1, .fr #nav #nav1 a {width: 72px;background-position: 0 0;}.fr #nav #nav1 a:hover, .fr #nav #nav1.active a {background-position: 0 -28px;}
.fr #nav #nav2, .fr #nav #nav2 a {width: 68px;background-position: -82px 0;}.fr #nav #nav2 a:hover, .fr #nav #nav2.active a {background-position: -82px -28px;}
.fr #nav #nav3, .fr #nav #nav3 a {width: 75px;background-position: -160px 0;}.fr #nav #nav3 a:hover, .fr #nav #nav3.active a {background-position: -160px -28px;}
.fr #nav #nav4, .fr #nav #nav4 a {width: 96px;background-position: -244px 0;}.fr #nav #nav4 a:hover, .fr #nav #nav4.active a {background-position: -244px -28px;}
.fr #nav #nav5, .fr #nav #nav5 a {width: 85px;background-position: -350px 0;}.fr #nav #nav5 a:hover, .fr #nav #nav5.active a {background-position: -350px -28px;}
.fr #nav #nav6, .fr #nav #nav6 a {width: 72px;background-position: -445px 0;margin-right: 0px;}.fr #nav #nav6 a:hover, .fr #nav #nav6.active a {background-position: -445px -28px;}

/*--[ content ]----------------------------------------------------------------*/
#content-wrap {
	background: #f3f1e9 url(../i/layout/bg-content.jpg) 0 0 repeat-x;
	padding: 20px 0;
	overflow: auto;
}#home #content-wrap {padding: 0 0 20px 0;}

/*--[ homepage ]----------------------------------------------------------------*/
#main {
	float: left;
	display: inline;
	width: 495px;
	position: relative;
}
#intro {
	background: #EDEADD url(../i/layout/bg-intro.gif) 0 0 no-repeat;
	width: 315px;
	padding: 60px 160px 10px 20px;
	}

#intro h1 {
	padding-top: 24px;
	height: 0px !important;
	width: 275px;
	overflow: hidden;
	margin: 0 0 0.4em 0;
}
.nl #intro h1 {	background: url(../i/layout/dreams-nl.gif) 0 0 no-repeat;}
.fr #intro h1 {	background: url(../i/layout/dreams-fr.gif) 0 0 no-repeat;}

#choose {
	width: 495px;
	height: 216px;
	overflow: hidden;
	margin: 20px 0 0 0;
}
#sale {float: left;}
#rent {float: right;}
#choose li {
	position: relative;
	width: 235px;
	height: 216px;
	padding: 0px;
	text-align: center;
}
#choose li a {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 225px;
	height: 169px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
}
#choose img {margin: 0 auto;}

.nl #sale {background: #e3decb url(../i/layout/sale-nl.gif) 0 0 no-repeat;}
.nl #rent {background: #e3decb url(../i/layout/rent-nl.gif) 0 0 no-repeat;}
.fr #sale {background: #e3decb url(../i/layout/sale-fr.gif) 0 0 no-repeat;}
.fr #rent {background: #e3decb url(../i/layout/rent-fr.gif) 0 0 no-repeat;}


/*--[ sidebar ]----------------------------------------------------------------*/
#home #sidebar {margin-top: 40px;}

#sidebar {
	padding-left: 20px;
	border-left: 1px solid #dad7ca;
	float: right;
	display: inline;
	margin-bottom: 20px;
	width: 220px;
}
#sidebar div {
	background: #eae5d1 url(../i/layout/bg-gradient.gif) bottom left repeat-x;
	padding: 10px;
	margin-bottom: 20px;
	width: 200px;
}
#sidebar h3 {
	font-weight: bold;
	font-size: 1.0em;
	color: #605e55;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
}
#sidebar ul {
	margin: 0 0 1em 0;
}
#sidebar li {
	border-bottom: 1px solid #d9d6c7;
	padding-bottom: 0.3em;
}
#sidebar li a {
	text-decoration: none;
	display: block;
	width: 180px;
}

#news {
	padding-top: 35px;
	height: 0px !important;
	width: 220px;
	overflow: hidden;
	margin: 0px;
}

.nl #news {background: url(../i/layout/news-nl.gif) 0 0 no-repeat;}
.fr #news {background: url(../i/layout/news-fr.gif) 0 0 no-repeat;}

#we-search, #offer {
	width: 220px;
	height: 120px;
	margin: 0px;
	}
	#offer {margin: 0 0 10px 0;}
#we-search a, #offer a {
	text-indent: -9000em;
	overflow: hidden;
	width: 220px;
	height: 120px;
	display: block;
	text-decoration: none;
	color: #fff;
	float: left;
	}
 #conditions {
	text-indent: -9000em;
	overflow: hidden;
	width: 220px;
	height: 120px;
	}
.nl #conditions {background: url(../i/layout/conditions-nl.gif) 0 0 no-repeat;}
.fr #conditions {background: url(../i/layout/conditions-fr.gif) 0 0 no-repeat;}

.nl #we-search, .nl #we-search a {background: url(../i/layout/we-search-nl.gif) 0 0 no-repeat;}.nl #we-search a:hover {background-position: -220px 0;}
.fr #we-search, .fr #we-search a {background: url(../i/layout/we-search-fr.gif) 0 0 no-repeat;}.fr #we-search a:hover {background-position: -220px 0;}

.nl #offer, .nl #offer a {background: url(../i/layout/offer-nl.gif) 0 0 no-repeat;}.nl #offer a:hover {background-position: -220px 0;}
.fr #offer, .fr #offer a {background: url(../i/layout/offer-fr.gif) 0 0 no-repeat;}.fr #offer a:hover {background-position: -220px 0;}

#border{
	width: 486px;
	height: 436px;
	border: 5px solid #EAE5D1;
	margin-bottom: 10px;
}
#map{
	width: 486px;
	height: 436px;
}
#location-border{
	width: 750px;
	height: 355px;
	border: 5px solid #EAE5D1;
	margin-bottom: 10px;
}
a.office img {
	border: 5px solid #EAE5D1;
}
#location-map{
	width: 750px;
	height: 355px;
}


/*--[ real estate ]----------------------------------------------------------------*/
#estate-list {
	margin: 0 0 1em 0;
	width: 760px;
	float: left;
}
#estate-list li {
	background: #eae5d1 url(../i/layout/bg-gradient.gif) bottom left repeat-x;
	width: 225px;
	padding: 5px 5px 10px 5px;
	float: left;
	display: inline;
	text-align: center;
	margin-left: 27px;
	margin-bottom: 2em;
	line-height: 1.2em;
	color: #7391ab;
}
#estate-list .first {margin-left: 0px;}

#estate-list .img, #estate-imagery .img {
	background: #F3F1E9;
	position: relative;
	width: 225px;
	height: 169px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	display: block;
	margin-bottom: 0.6em;
}
#content #estate-list a {display: block;text-decoration: none;color: #605e55;}
#content #estate-list a:hover {text-decoration: underline;color: #e23b00;}
#estate-list img, #estate-imagery img {margin: 0 auto;}

#estate-imagery {
	float: left;
	width: 235px;
	margin: 0 0 2em 0;
	overflow: hidden;
}
#thumb {
	background: #eae5d1 url(../i/layout/bg-gradient.gif) bottom left repeat-x;
	float: left;
	position: relative;
	width: 225px;
	padding: 5px;
	height: 196px;
	margin: 0 0 1em 0;
}
#thumb ul {margin: 0px;}
#thumb li {
	background: none;
	padding: 0px;
	margin: 0px;
}
#morethumbs {
	width: 240px;
	float: left;
	display: inline;
	margin: 0 0 5px 0;
}
#morethumbs li {
	background: #F3F1E9;
	width: 75px;
	height: 75px;
	float: left;
	display: inline;
	margin: 0 5px 5px 0;
	padding: 0;
}
#morethumbs li a {
	display: block;
	width: 65px;
	height: 65px;
	overflow: hidden;
	border: 5px solid #EAE5D1;
	text-align: center;
}
#morethumbs li a:hover {border-color: #DFDAC5;}
#morethumbs li img {
	height: 65px;
	margin: 0 auto;
	-ms-interpolation-mode:bicubic; /* IE7 pic rendering fix */
}

#prev, #next, #number {position: absolute;bottom:6px;clear:both;}
#number {left: 85px;width: 55px;text-align: center;font-weight: bold;}

#prev {left:10px;}
#next {right:10px;}
#thumb .img {
	width: 225px;
	height: 169px;
	overflow: hidden !important;
	text-align: center;
	text-decoration: none;
	display: block;
}

#estate-info {
	width: 480px;
	float: right;
	margin-bottom: 2em;
	padding-left: 20px;
	border-left: 1px solid #dad7ca;
}
#estate-info dl {
	width: 480px;
	margin-bottom: 1em;
}
#estate-info dt {
	background: url(../i/layout/bullet.gif) 0 0.6em no-repeat;
	float: left;
	width: 110px;
	clear: both;
	color: #8c8a81;
	padding: 0.3em 0 0 20px;
	margin: 0 0 0.3em 0;
	border-top: 1px solid #dad7ca;
}
#estate-info dd {
	float: right;
	width: 350px;
	margin: 0 0 0.3em 0;
	padding-top: 0.3em;
	border-top: 1px solid #dad7ca;
}
#interested, .gallery {
	float: left;
	background: #eae5d1 url(../i/layout/bg-gradient.gif) bottom left repeat-x;
	padding: 20px;
	width: 720px;
	margin-bottom: 10px;
}
#interested form {margin: 0px;}
#interested fieldset {border: 0;padding: 0px;margin:0px;}

/*--[ news ]----------------------------------------------------------------*/
.newsitem {
	border-bottom: 1px solid #dad7ca;
	float: left;	
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.newsitem h2 {
	padding-bottom: 0.3em;
}
.newsitem p {
	float: right;
	width: 580px;
}
.more {
	background: url(../i/layout/bullet.gif) 0 0.3em no-repeat;
	text-indent: 20px;
}
.news-pic img {margin: 0 auto;}
.news-pic {
	width: 150px;
	float: left;
	display: inline;
	background: #eae5d1;
	display: inline;
	margin: 0 20px 0 0;
	padding: 5px;
	text-align: center;
}
#content p .news-pic {
	border: 0px;
}
.gallery ul {
	margin: 10px 0 0 0;
}
.gallery li {
	float: left;
	display: inline;
	margin: 10px 15px;
	padding: 0px;
	width: 150px;
	height: 100px;
	}
.gallery a {
	display: block;
	width: 150px;
	height: 100px;
	overflow: hidden;
	text-align: center;
	}

/*--[ forms ]----------------------------------------------------------------*/
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }
form p { margin: 0; }
form fieldset { margin: 0 0 20px 0; padding: 0 10px 10px 10px; border: 1px solid #DAD7CA;}
form legend { font-weight: bold; color: #e23b00; }
form fieldset div { padding: 0.25em 0;float:left;display:inline;width: 360px;}
label, span.label { cursor: pointer;padding-right: 10px; width: 120px; display: block; float: left; text-align: right; position: relative; }
div.error label, span.error { color: #e23b00; }
label em, span.label em {font-style: normal; color: #e23b00; }
input, textarea {
	font-size: 1.0em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #DAD7CA;
	width: 220px;
	background-color: #FFF;
}
select {width: 220px;}
textarea {
	width: 580px;
	height: 80px;
	overflow: auto;
}
div.error input,  div.error textarea { 
	border-color: #e23b00; 
	background: #fff3ef url(../i/layout/bg-error.gif) 0.4em 0.4em no-repeat;
	text-indent: 10px;
	}
div.error select {background: #fff3ef;}	
input:focus, input.error:focus, textarea:focus {background-color: #FFF;border-color: #afab98; }
form .textarea {
	clear: both;
	width: 736px;
}
.button {
	clear: both;
	float: left;
	display:inline;
	margin: 0 0 0 140px;
}
#interested .button {margin: 5px 0 0 130px;}

.button input {
	border: 0px;
	padding: 0;
	width: 100px;
	height: 28px;
	float: left;
	}
.button p {
	font-size: 0.9em;
	float: right;
	line-height: 28px;
	width: 480px;
}
.errors, #success {
	clear: both;
	padding: 20px;
	background: #e23b00;
	margin : 0 0 10px 130px;
}
#success {
	background: #7CB439;
	margin : 0;
}
.errors h3, #success h3 {
	clear: both;
	color: #fff;
	font-size: 1.1em;
	letter-spacing: 0px;
	margin: 0px;
}

/*--[ footer ]----------------------------------------------------------------*/
#footer-wrap {
	clear: both;
	background: #323639 url(../i/layout/bg-footer.jpg) 0 0 repeat-x;
	padding-top: 20px;
}
#footer {
	clear: both;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #c8cacb;
	}
#spotlight {
	width: 496px;
	float: left;
}
#spotlight h3, #data h3 {
	padding-top: 24px;
	height: 0px !important;
	width: 275px;
	overflow: hidden;
}
#spotlight ul {margin: 0;width: 496px;float:left;}
#spotlight li {
	background: #2d3134;
	padding: 5px 0 10px 0;
	width: 160px;
	float: left;
	display: inline;
	text-align: center;
	color: #7391ab;
	margin-left: 8px;
}
#spotlight .first {margin-left: 0px;}
.status {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
}
#spotlight .img {
	position: relative;
	margin: 0 auto 5px auto;
	width: 150px;
	height: 113px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	display: block;
	background: #44494D;
}
#spotlight img {height: 113px;}
#spotlight .status {height: 100px;}
#spotlight a {display: block;text-decoration: none;color: #c8cacb;}
#spotlight a:hover {text-decoration: underline;color: #e23b00;}

#spotlight span, #estate-list span {
	display: block;

}
.nl #spotlight h3 {background: url(../i/layout/estate-nl.gif) 0 0 no-repeat;}
.fr #spotlight h3 {background: url(../i/layout/estate-fr.gif) 0 0 no-repeat;}

#data {
	width: 220px;
	padding-left: 20px;
	border-left: 1px solid #45494d;
	float: right;
	display: inline;
}
#data h3 {
	width: 65px;
	background: url(../i/layout/contact.gif) 0 0 no-repeat;
}
.biv {background: #323639 url(../i/layout/biv.gif) top right no-repeat;}
#copy {
	clear: both;
	position: relative;
	top: -28px;
	margin: 0px;
	width: 480px;
	}
#info-window {
	padding: 10px;
	background: #F3F1E9;
	float: left;
}
#info-window strong {color: #e23b00;}
#info-window img {
	float: left;
	display: inline;
	height: 100px;
	margin-right: 10px;
}	
/*--[ sIFR ]----------------------------------------------------------------*/
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
	height: 1.4em;
}