/*
-------------------------------------------------+
Client: PeggyVermeulen.be
Date: 12/08/2008
Copyright: Robarov
Author: Jan Meeus
-------------------------------------------------+
*/

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

body {
	background: #323639;
	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 {
	width: 760px;
	text-align: left;
	margin: 0 auto;
}
.mini {
	clear: both;
	margin: 0px;
	height: 16px;
	position: relative;
}

*+html .mini {
	margin-top: 20px;
}


.mini a {
	position: absolute;
	text-indent: -9000em;
	overflow: hidden;
	width: 16px;
	height: 16px;
	display: block;
	text-decoration: none;
	float: left;
}
.mini .top {background-image: url(../i/layout/top.gif);right: 0px;}
.mini .back {background-image: url(../i/layout/back.gif);right: 20px;}
.mini .top:hover, .mini .back:hover {background-position: 0 -16px;}

/*--[ common ]----------------------------------------------------------------*/
h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1em;
	}
h1 {
/*	background-image: url(../i/layout/bg-titles.jpg);
	background-repeat: no-repeat;
	width: 130px;
	padding-top: 30px;
	overflow: hidden;
	height: 0px !important;
*/	color: #3f3c46;
	font-size: 2em;
	line-height: 1.2em;
	margin-bottom: 50px;
	}
	#te-koop h1 {background-position: 0px 0px;}
	#te-huur h1 {background-position: 0px -30px;}
	#projecten h1 {background-position: 0px -60px;}
	#over-ons h1 {background-position: 0px -90px;}
	#contact h1 {background-position: 0px -120px;}


h1 em {
	font-style: normal;
	color: #ea1c21;
}
h2 {
	font-size: 1.4em;
	margin-bottom: 0.3em;
	color: #215195;
	}
h3 {
	font-size: 1.4em;
	margin-bottom: 0.3em;
	color: #1a4682;
	}
h4 {
	}


p {
	margin-bottom: 1em;
	}
em {
	font-style: normal;
	color: #7097D4;
}
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, fieldset {
	border: none;
	}
.alignleft {
	margin: 0 15px 5px 0;
	float: left;
	display: inline;
	}
.alignright {
	margin: 0 0 5px 15px;
	float: right;
	display: inline;
	}
.left, .right {display: inline;}
.left {float: left;}
.half.left {
	padding-right: 19px;
	border-right: 1px solid #ddd;
}
.right {float: right;}
.half {width: 360px;margin-bottom: 1em;}

.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;
}
table {
	background: #313439;
	clear: both;
	width: 100%;
	margin-bottom: 2em;
	border-collapse:collapse;
	color: #9ca1a9;
	border-right: 1px solid #ddd;
}
td {
	padding: 0.3em 1em;
	border-bottom: 1px solid #25282C;
}
th {
	padding: 0.6em 1em;
	background: #25282C url(../i/layout/bg-box-p.gif) 0 0 repeat-x;
	color: #fff;
}

/*--[ links ]----------------------------------------------------------------*/
a {
	color: #333399;
	text-decoration: none;
}
a:hover {
	color: #1C68A3;
	text-decoration: underline;
}
table a {color: #7097d4;}
table a:hover {color: #ef2a2d;}


#footer a {color: #f5f5d4;}
#footer a:hover {color: #efefef;}


.btn {
	height: 28px;
	vertical-align: middle;

}

.btn a {
	background: #333399 url(../i/layout/bg-btn.gif) right 0px no-repeat;
	display: block;
	padding-right: 15px;
	height: 28px;
	line-height: 28px;
	float: left;
	display: inline;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.btn a span {
	background: #333399 url(../i/layout/bg-btn.gif) 0px 0px no-repeat;
	height: 28px;
	vertical-align: middle;
	display: block;
	float: left;
	display: inline;
	padding-left: 15px;
	cursor: pointer;
}
.btn a:hover span {
	background-position: 0px -28px;
	background-color: #313439;
}

.btn a:hover {
	background-position: right -28px;
	color: #efefef;
	background-color: #313439;
	text-decoration: none;
}


/*--[ header ]----------------------------------------------------------------*/
#header-wrap {
	background: #333399 url(../i/layout/bg-header-wrap.gif) top center repeat-x;
	height: 100px;
}
#header {
	position: relative;
	height: 100px;
}
#header h2 {
	background: transparent url(../i/layout/logo.gif) 0 0 no-repeat;
	position: absolute;
	top: 0px;
	left: 20px;
	width: 120px;
	height: 100px;
	margin: 0px;
	}
	#header h2 a {
		text-indent: -9000em;
		overflow: hidden;
		width: 120px;
		height: 100px;
		display: block;
		text-decoration: none;
		color: #fff;
		float: left;
	}

/*--[ nav ]----------------------------------------------------------------*/
#nav {
	position: absolute;
	top: 40px;
	left: 160px;
	margin: 0;
}
#nav li {
	background: url(../i/layout/bg-nav.gif) 0px 0px no-repeat;
	font-size: 1.1em;
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	}
#nav a span {
	background: url(../i/layout/bg-nav.gif) 0px 0px no-repeat;
	height: 30px;
	display: block;
	float: left;
	display: inline;
	padding-left: 15px;
	cursor: pointer;
}
#nav a {
	background: url(../i/layout/bg-nav.gif) 0px 0px no-repeat;
	display: block;
	padding-right: 15px;
	float: left;
	display: inline;
	color: #5d5d5d;
	cursor: pointer;
	text-decoration: none;
}
#nav a:hover {color: #3c3c3c;background: #fff url(../i/layout/bg-nav.gif) right -30px no-repeat;text-decoration: none;}
#nav a:hover span {color: #3c3c3c;background: #fff url(../i/layout/bg-nav.gif) 0 -30px no-repeat;}
#nav .active a span {background: #fff url(../i/layout/bg-nav.gif) 0 -60px no-repeat;}
#nav .active a {
	background: #fff url(../i/layout/bg-nav.gif) right -60px no-repeat;
	color: #3c3c3c;
}

/*--[ content ]----------------------------------------------------------------*/
#content-wrap {
	background: #fff url(../i/layout/bg-content-wrap.jpg) 0 0 repeat-x;
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
#home #content-wrap {
	background: #fff url(../i/layout/bg-content-wrap-home.jpg) 0 0 repeat-x;
}
#content {
	background: url(../i/layout/bg-content.jpg) 0 0 no-repeat;
	padding-top: 20px;
}
#home #content {background: transparent;padding: 0px;}


/*--[ homepage ]----------------------------------------------------------------*/
#intro {
	background: url(../i/layout/bg-intro.jpg) 0 0 no-repeat;
	width: 440px;
	min-height: 280px;
	height: auto !important;
	height: 280px;
	padding: 80px 20px 0 290px;
	}

#intro h1 {
	background: url(../i/layout/bg-intro-h1.jpg) 0 0 no-repeat;
	padding-top: 80px;
	height: 0px !important;
	width: 440px;
	overflow: hidden;
	margin: 0 0 0.4em 0;
}
#intro .btn {margin: 0px;}
#contact-box {
	background: #f3f3d1 url(../i/layout/bg-contact-box.jpg) bottom left no-repeat;
	float: left;
	width: 200px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	padding: 20px 30px 30px 30px;
	color: #49473c;
	line-height: 1.2em;
}
#contact-box h2, #sale h2, #rent h2 {
	background: url(../i/layout/bg-boxtitles.gif) 0 0 no-repeat;
	padding-top: 25px;
	height: 0px !important;
	width: 90px;
	overflow: hidden;
}
#sale h2, #rent h2 {width: 200px;}
#sale h2 {background-position: 0px -25px;}
#rent h2 {background-position: 0px -50px;}

#contact-box img {
	float: right;
}
#sale-rent-box {
	background: #313439 url(../i/layout/bg-sale-rent-box.jpg) bottom right no-repeat;
	width: 440px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	padding: 20px 20px 30px 20px;
	float: right;
	line-height: 1.2em;
}


.box {width: 200px;}

.box p {
	background: #24262a url(../i/layout/bg-box-p.gif) 0 0 repeat-x;
	clear: both;
	width: 180px;
	padding: 10px;
	text-align: center;
	margin: 0px;
	color: #7097d4;
}
.box p a {
	display: block;
	color: #9ca1a9;
}
.box p a:hover {color: #7097D4;}

.box a.img {
	background: #3F4349 url(../i/layout/bg-img.gif) 50% 50% no-repeat;
	display: block;
	text-align: center;
	height: 150px;
	width: 200px;
	margin: 5px 0 10px 0;
	float: left;
	overflow: hidden;
}
.box a.img img {margin: 0 auto;}

#sale {
	float: left;
	padding-right: 19px;
	border-right: 1px solid #1e2023;
}
#rent {
	float: right;
	padding-left: 19px;
	border-left: 1px solid #494c51;
}
#responsible {
	background: #f4f4d2 url(../i/layout/bg-ad.jpg) bottom right no-repeat;
	color: #49473c;
	clear: both;
	width: 440px;
	padding: 20px 20px 40px 20px;
	float: left;
}
#responsible div {
	float: left;
	width: 220px;
}
#responsible div h3 {font-size: 1.2em;	color: #D22428;}
#responsible ul, #responsible li {
	margin: 0px;
	padding: 0px;
}


/*
#cards {
	position: relative;
	margin: 0;
	width: 440px;
	padding: 20px;
	height: 9em;
	z-index: 1;
	background: #f4f4d2 url(../i/layout/bg-ad.jpg) bottom right no-repeat;
	color: #49473c;
}
#cards li {
	background: none;
	padding: 0px;
	width: 170px;
	margin: 0px;
	text-align: right;
}
#cards li a {color: #1C68A3;outline: none;}
#cards li a.active {font-weight: bold;}

#cards li li a {color: #ef2a2d;}

#cards li li {
	width: 260px;
	text-align: left;
}
#cards li .name {font-weight: bold;}
#cards li .name span {font-weight: normal;}
.carddetail {
	position: absolute;
	right: 20px;
	top: 20px;
	display: none;
	width: 260px;
	height: auto;
	margin: 0px;
	z-index: 2;
}
*/

/*--[ sidebar ]----------------------------------------------------------------*/
#ad {
	background: #f4f4d2 url(../i/layout/bg-ad.jpg) bottom left no-repeat;
	padding: 20px;
	clear: both;
	width: 720px;
	height: 160px;
	color: #49473c;
	float: left;
}
#ad ul {margin-left: 0;}
#ad li {
	padding: 0px;
	margin: 0 10px 0 0;
	width: 120px;
	height: 50px;
	float: left;
	display: inline;
}
#papers {width: 400px;float: left;}
#sites {width: 320px;float: right;}
#ad li a {
	display: block;
	width: 120px;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;
}
#ad li, #ad li a {background-image: url(../i/layout/ads.gif);background-repeat: no-repeat;}
#ad1, #ad1 a {background-position: 0 0;}#ad1 a:hover {background-position: 0 -50px;}
#ad2, #ad2 a {background-position: -120px 0;}#ad2 a:hover {background-position: -120px -50px;}
#ad3, #ad3 a {background-position: -240px 0;}#ad3 a:hover {background-position: -240px -50px;}
#ad4, #ad4 a {background-position: -360px 0;}#ad4 a:hover {background-position: -360px -50px;}
#ad5, #ad5 a {background-position: -480px 0;}#ad5 a:hover {background-position: -480px -50px;}


/*--[ sidebar ]----------------------------------------------------------------*/
#main {
	width: 520px;
	float: right;
	margin-bottom: 20px;
}
#sidebar {
	padding-right: 19px;
	border-right: 1px solid #ddd;
	float: left;
	display: inline;
	margin-bottom: 20px;
	width: 200px;
}
#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 {
	width: 220px;
	height: 120px;
	margin: 0px;
	}
#we-search 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;}


/*--[ real estate ]----------------------------------------------------------------*/
.status {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
}
#estate-list {
	margin: 0px;
	width: 760px;
	float: left;
}
#estate-list li {
	background: #313439 url(../i/layout/bg-realestate.gif) 0 0 no-repeat;
	width: 225px;
	height: 189px;
	padding: 5px 5px 10px 5px;
	float: left;
	display: inline;
	text-align: center;
	margin-left: 27px;
	margin-bottom: 2em;
	line-height: 14px;
	color: #7097d4;
	position: relative;
}
#estate-list .first {margin-left: 0px;}
#estate-list a {display: block;}

#estate-list .img {
	background: #3F4349 url(../i/layout/bg-img.gif) 50% 50% no-repeat;
	width: 225px;
	height: 149px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
}

#estate-list img {margin: 0 auto;}

#real-list {
	margin: 0px;
	width: 760px;
	float: left;
}
#real-list li {
	background: #313439 url(../i/layout/bg-realestate.gif) 0 0 no-repeat;
	width: 225px;
	height: 145px;
	padding: 5px 5px 10px 5px;
	float: left;
	display: inline;
	text-align: center;
	margin-left: 27px;
	margin-bottom: 2em;
	line-height: 14px;
	color: #7097d4;
	position: relative;
}
#real-list .first {margin-left: 0px;}
#real-list a {display: block;}

#real-list .img {
	background: #3F4349 url(../i/layout/bg-img.gif) 50% 50% no-repeat;
	width: 225px;
	height: 149px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
}

#real-list img {margin: 0 auto;}


#estate-imagery {
	float: left;
	width: 235px;
	margin: 0 0 2em 0;
}
#thumb {
	background: #313439 url(../i/layout/bg-thumb.gif) 0 0 no-repeat;
	float: left;
	position: relative;
	width: 225px;
	padding: 5px;
	height: 184px;
	overflow: hidden;
	margin: 0 0 1em 0;
}
#estate-imagery ul {
	background: #313439;
	margin-left: 0px;
	width: 230px;
	padding: 5px 0 0 5px;
	float: left;
}
#estate-imagery li {
	background: #313439;
	padding: 0px;
	margin: 0 5px 5px 0;
	float: left;
	display: inline;

}
#estate-imagery li a {
	display: block;
	height: 50px;
	width: 50px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #25282B;
}
#estate-imagery li a:hover {border-color: #D62529;}
#estate-list a, #thumb a {color: #9ca1a9;outline: none;}
#estate-list a:hover, #thumb a:hover {color: #7097D4;}

#prev, #next, #number {position: absolute;bottom:15px;clear:both;line-height: 14px;}
#number {left: 85px;width: 55px;text-align: center;color: #7097d4;}

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

#estate-info {
	width: 480px;
	float: right;
	margin-bottom: 2em;
	padding-left: 20px;
	border-left: 1px solid #ddd;
}
#estate-info dl {
	width: 480px;
	margin-bottom: 1em;
	float: left;
}
#estate-info dt {
	background: url(../i/layout/bullet.gif) 0 0.6em no-repeat;
	float: left;
	width: 110px;
	clear: both;
	color: #999;
	padding: 0.3em 0 0 20px;
	margin: 0 0 0.3em 0;
	border-top: 1px solid #ddd;
}
#estate-info dd {
	float: right;
	width: 350px;
	margin: 0 0 0.3em 0;
	padding-top: 0.3em;
	border-top: 1px solid #ddd;
}
#estate-info dd a{
	padding-left: 20px;
}
/*#estate-info dd span {
	line-height: 20px;
	height: 20px;
	padding-left: 20px;
	display: block;
	margin: 0px;
}*/
#estate-info dd br {display: none;}

.pdf{background:url(../i/layout/pdf.gif) 0% 50% no-repeat;}
.xls{background:url(../i/layout/xls.gif) 0% 50%  no-repeat;}
.doc{background:url(../i/layout/doc.gif) 0% 50% no-repeat;}
.zip{background:url(../i/layout/zip.gif) 0 .3em no-repeat;}
.jpg, .epg{background:url(../i/layout/jpg.gif) 0 .3em no-repeat;}
.rar{background:url(../i/layout/rar.gif) 0 .3em no-repeat;}
.gif{background:url(../i/layout/gif.gif) 0 .3em no-repeat;}
.iff{background:url(../i/layout/gif.gif) 0 .3em no-repeat;}


#location-border{
	width: 760px;
	height: 360px;
	margin-bottom: 10px;
}
#location-map{
	width: 760px;
	height: 360px;
}

#info-window {
	padding: 10px;
	background: #f7f7f7;
	float: left;
}
#info-window strong {color: #6D97CD;}
#info-window img {
	float: left;
	display: inline;
	height: 100px;
	margin-right: 10px;
}

.gallery-more{
	visibility: hidden;
}

/*--[ contact ]----------------------------------------------------------------*/
#map {
	width: 520px;
	height: 400px;
}

#interested {
	background: #f4f4d2 url(../i/layout/bg-ad.jpg) bottom left no-repeat;
	padding: 20px;
	clear: both;
	float: left;
	color: #49473c;
	width: 720px;
}
*+html #interested {float: none;}

#interested form {float: left;width: 720px;margin-bottom: 20px;}

form p { margin: 0; }
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; }
label.error, 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: 720px;
}
.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;
}
.button p em { color: #E23B00; }
.errors, #success {
	clear: both;
	padding: 20px;
	background: #DE362F;
	margin : 0 0 10px 130px;
}
#success {
	background: #7CB439;
	margin: 0 0 20px 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;
}
#footer {
	width: 760px;
	padding: 1em 0 5em 0;
	margin: 0 auto;
	text-align: center;
	color: #9ca1a9;
}

#footer .disclaimer {
    font-size: 10px;
}