﻿@media screen {
body {background:#1f211e url(../img/background-page.gif) repeat-y center;margin:0;padding:0;text-align:center;font:.72em/1.4em Arial,Helvetica,sans-serif;color:#fff}
a {color:#ccb76f}
a:hover {color:#f9df86}
img {border:none}
.clr {clear:both;overflow:hidden;height:1px;margin-top:-1px}
.holder {width:760px;text-align:left;margin:0 auto;background:url(../img/background-page.gif)}
#footer {color:#b8b8b8;font-size:.95em;clear:both;}
#footer p {margin:0;padding:20px;}
#bouwfonds-bar {height:43px;background:#fff url(../img/background-bouwfonds.gif) repeat-x 0 100%;position:absolute;top:0;left:0;width:100%;overflow:hidden}
#bouwfonds-bar .holder {background:none}
#bouwfonds-bar h2 {margin:0;padding:8px 40px;float:left}
#bouwfonds-bar form {margin:0;padding:10px 44px;float:right;color:#891a18;font-size:.95em}
#bouwfonds-bar select {font-size:.95em}
#language-bar {background:url(../img/background-00.gif) repeat center 100%;;font-size:.95em}
#language-bar .holder {background-color:#1f211e}
#language-bar p {text-align:right;margin:0;padding:20px 44px 10px;font-weight:bold}
#navigation {background:#191b19 url(../img/background-01.gif) repeat center 0;}
#navigation .holder {height:379px;background-color:#262725;position:relative}
#navigation h1 {padding:40px;margin:0}
#navigation ul,#navigation li {margin:0;padding:0;list-style-type:none}
#navigation ul {width:194px}
#navigation li {background:url(../img/navigation-item.gif) no-repeat 40px 2px;padding-left:42px}
#navigation li a {display:block;padding:0 0 6px 12px;background-color:#262725;}
#navigation li.selected a,#navigation li a:hover {background:none}
#presentation {position:absolute;right:2px;top:0;height:379px;width:564px;overflow:hidden}
#content .holder {width:auto;padding:0 2px}
#introduction {float:left;width:445px;height:260px;border-top:7px solid #ccb76f;padding-bottom:2.2em}
#client {color:black; background-color:white; float:left;width:638px;height:260px;border-top:7px solid #ccb76f;border-bottom:7px solid #ccb76f;padding-bottom:2.2em;padding-left:2.2em;padding-top:2.2em;margin:45px 45px 0 44px;}
#introduction h2 {color:#ccb76f;font-size:1.7em;font-weight:normal;margin:0 0 1em;padding:2em 40px 0}
#introduction p {padding:0 40px;margin:1em 0;line-height:1.6em}
#characteristic {width:309px;height:280px;float:right;border-top:7px solid #891a18;position:relative}
.cs-characteristic {background:#541e1b url(../img/characteristic-background.png) no-repeat 0 100%;}
.en-characteristic {background:#541e1b url(../img/characteristic-background.png) no-repeat 0 100%;}
.services {background:#541e1b no-repeat 0 100%;}
#characteristic h2 {color:#ccb76f;font-size:1.6em;font-weight:normal;padding:2.2em 35px 0;margin:0 0 1.5em}
#characteristic ul,#characteristic li {margin:0;padding:0;list-style-type:none}
#characteristic ul {padding:0 35px}
#characteristic li {background:url(../img/characteristic-item.gif) no-repeat 0 .3em;padding:0 0 0 20px;margin:.5em 0;font-weight:bold;position:relative}
#characteristic .more a {display:block;width:310px;height:75px;position:absolute;bottom:0;left:0;overflow:hidden;text-indent:-100%}
#news {height:250px;background-color:#ccb76f;float:left;width:445px;overflow:hidden;color:#1f211e;position:relative}
#news .holder {width:auto;padding:0 40px;background:none}
#news h2 {color:#891a18;font-size:1.6em;font-weight:normal;margin:0;padding:20px 0 0}
#news h3,#newsmenu .news-item h3 {font-size:.95em;margin:1.2em 0 0;font-weight:normal;clear:both}
#news h3 a,#newsmenu .news-item h3 a {color:#891a18;font-weight:bold}
#news p,#newsmenu .news-item p {font-size:.95em;margin:.5em 0;line-height:1.3em}
#news .thumbnail,#news-detail .thumbnail {float:right;margin:.5em 0 .5em 10px}
#news-detail .thumbnail {float:left; margin:.2em 10px .5em 0}
#news-detail .thumbnail img{border:3px solid #ccb76f}
#news .news-left,#news .news-right,#news .news-left a,#news .news-right a {width:23px;height:250px;display:block;overflow:hidden;text-indent:100%;white-space:nowrap}
#news .news-left,#news .news-right {position:absolute;top:0;background:#b8a564 url(../img/news-left-hover.gif) no-repeat 10px 50%}
#news .news-left {left:0}
#news .news-right {background-image:url(../img/news-right-hover.gif);right:0}
#news .news-left a,#news .news-right a {background:#bfab68 url(../img/news-left.gif) no-repeat 10px 50%;color:#bfab68;width:23px;height:250px}
#news .news-right a {background-image:url(../img/news-right.gif)}
#news .news-left a:hover,#news .news-right a:hover {background:none;color:#b8a564}
#contact {width:309px;height:250px;float:right}
#contact h2 {color:#ccb76f;font-size:1.6em;font-weight:normal;padding:2.2em 35px 1em;margin:0}
#contact p {margin:.8em 35px}
#newsbox,#location {border-top:7px solid #ccb76f}
#newsbox .holder,#location .holder,#standards .holder,#pricelist .holder,#contacts .holder {padding:0 40px 40px;background:none;width:auto}
#newsbox h2,#location h2,#standards h2,#pricelist h2,#contacts h2 {color:#ccb76f;font-size:1.7em;font-weight:normal;margin:0 0 1em;padding:2em 0 0}
#newsmenu {float:left;width:305px;height:500px;overflow:hidden}
#newsmenu-holder {background-color:#ccb76f;width:265px;height:500px;position:relative}
#newsmenu .news-up,#newsmenu .news-down,#newsmenu .news-up a,#newsmenu .news-down a {width:265px;height:25px;display:block;overflow:hidden;text-indent:100%;white-space:nowrap}
#newsmenu .news-up,#newsmenu .news-down {position:absolute;left:0;background:#b8a564 url(../img/news-up-hover.gif) no-repeat 50% 50%}
#newsmenu .news-up {top:0}
#newsmenu .news-down {background-image:url(../img/news-down-hover.gif);bottom:0}
#newsmenu .news-up a,#newsmenu .news-down a {background:#bfab68 url(../img/news-up.gif) no-repeat 50% 50%;color:#bfab68}
#newsmenu .news-down a {background-image:url(../img/news-down.gif)}
#newsmenu .news-up a:hover,#newsmenu .news-down a:hover {background:none;color:#b8a564}
#newsmenu .news-item {padding:0 20px;color:#1f211e;position:relative}
#newsmenu .selected {background:#b8a564;padding:1px 20px 8px}
#newsmenu .selected .selected {position:absolute;top:10px;padding:0;right:-7px;height:14px;width:7px;background:url(../img/news-menu-selected.gif) no-repeat;overflow:hidden}
#news-detail h3 {color:#b8a564;margin:1.5em 0 0 0;font-weight:normal;font-size:1.6em}
#news-detail p.date {color:#b8a564;margin:.3em 0 1em;font-size:.95em}
.news-detail-gallery {margin:1em 0;padding:1em 0;;text-align:right;clear:both}
.news-detail-gallery a img {margin:0 .5em;}
.news-detail-gallery a:hover img {margin:0 .5em;}
#location-map,#pricelist-box {background-color:#0f100f;margin:2em 0;}
#location-map h3 {display:none}
#location-map ul,#location-map li,#pricelist-box ul,#pricelist-box li {margin:0;padding:0;list-style-type:none}
#location-map li,#pricelist-box li {float:left;background-color:#ccb76f;color:#191b19;font-weight:bold;}
#pricelist-box #pricelist-detail {float:right;border-right:none}
#location-map a,#location-map strong,#pricelist-box ul a,#pricelist-box ul strong {padding:.7em 20px;display:block;font-size:1.2em}
#location-map a,#pricelist-box ul a {background-color:#191b19;color:#ccb76f}
#location-map a:hover,#pricelist-box ul a:hover {background-color:#1f211e}
#location-map .image {height:370px;width:676px;background:#0f100f url(../img/ajax-loader.gif) no-repeat 50% 50%;clear:both;overflow:hidden}
#location-benefits {float:right;width:320px;margin-left:30px}
#location-benefits h3 {margin:0;color:#ccb76f;font-size:1.1em}
#location-benefits ul,#location-benefits li,#standards ul,#standards li {margin:0;padding:0;list-style-type:none}
#location-benefits ul,#standards ul {margin:1.25em 0}
#location-benefits li,#standards li {background:url(../img/list-bullet.gif) no-repeat 0 .3em;padding-left:15px;margin:.8em 0}
#standards {border-top:7px solid #CCB76F;}
#standards h3 {margin:1em 0 .5em;color:#ccb76f;font-size:1.1em}
#standards .col {width:325px;float:left}
#standards ul {margin:.5em 0 1.5em}
#standards li {padding-right:20px}
#pricelist {border-top:7px solid #CCB76F}
#pricetable {clear:both;width:676px;border-collapse:collapse}
#pricetable th {background-color:#ccb76f;color:#0f100f;text-align:center;padding:.5em 15px}
#pricetable th.type {text-align:left}
#pricetable td {background-color:#1f211e;border-bottom:1px solid #0f100f;padding:.4em 15px}
.hover,.hover td {background-color:#0f100f !important;cursor:pointer}
#pricetable td.price,#pricetable td.area {text-align:right;white-space:nowrap}
#pricetable td.price {font-weight:bold;text-align:right}
#pricetable td a {color:#fff;text-decoration:none}
#pricetable td.price a {color:#ccb76f}
#pricetable .odd td {background-color:#191b19}
#pricetable tr.sold td.price {color:#891a18;text-transform:uppercase}
#pricetable tr.reserved td.price {color:#fff;text-transform:uppercase}
#tourholder {clear:both;height:460px}
#tour-info {background:#ccb76f;height:460px}
#tourmap {background:#0f100f url(../img/ajax-loader.gif) no-repeat 50% 50%;width:494px;height:460px;overflow:hidden;float:left;position:relative}
#tourmap img {position:absolute;top:0;left:0}
#map-hover {z-index:100}
div.en-sold,div.en-reserved,div.cs-sold,div.cs-reserved {height:12px;width:12px;overflow:hid;position:absolute;background:#891a18 no-repeat}
div.en-resed, div.cs-reserved {background-image:url(../img/cs/ico-erved.gif)}
div.en-sold {background-image:url(../img/en/ico-sold.gif)}
div.cs-sold {background-image:url(../img/cs/ico-sold.gif)}
div.vila01 {top:84px;left:265px}
div.vila02 {top:98px;left:310px}
div.vila03 {top:112px;left:356px}
div.vila04 {top:124px;left:401px}
div.vila05 {left:124px;top:221px}
div.vila06 {left:171px;top:191px}
div.vila07 {left:251px;top:158px}
div.vila08 {left:310px;top:176px}
div.vila09 {left:370px;top:194px}
div.vila10 {left:376px;top:276px}
div.vila11 {left:361px;top:326px}
div.vila12 {left:348px;top:372px}
div.vila13 {left:334px;top:419px}
div.vila14 {left:256px;top:370px}
div.vila15 {left:216px;top:333px}
div.vila16 {left:177px;top:295px}
div.vila17 {left:235px;top:250px}
div.vila18 {left:290px;top:268px}
#tour-info {float:right;width:182px;color:#1f211e}
#tour-info h3 {margin:1em 10px}
#tour-info h3 {font-size:1.4em;border-bottom:1px solid #1f211e;padding-bottom:.5em;margin-bottom:0}
#tour-info p {padding:0 10px;font-size:.98em}
#tour-info dl {margin:0 10px;font-size:.95em;clear:both}
#tour-info dd,#tour-info dt {margin:0;padding:0;margin-top:.5em}
#tour-info dt {float:left;clear:both}
#tour-info dd {text-align:right;white-space:nowrap;float:right;font-weight:bold}
#tour-info .price {margin-top:.5em;border-top:1px solid #1f211e;font-weight:bold}
#detail-description {background-color:#ccb76f;clear:both;padding:10px 20px;color:#0f100f}
#detail-description-text {width:340px;float:left}
#detail-description-text h3 {margin:.8em 0 .5em;font-size:1.1em}
#detail-description-text table {margin:1em 0 0;width:100%;border-collapse:collapse;border-top:2px solid #0f100f}
#detail-description-text th,#detail-description-text td {padding:.3em 15px .3em;border-top:1px solid #0f100f}
#detail-description-text .price th,#detail-description-text .price td {border-top:2px solid #0f100f;font-weight:bold}
#detail-description-text th {font-weight:normal;text-align:left}
#detail-description-text td {text-align:right;font-weight:bold}
#detail-description-image {float:right;padding:10px 5px;position:relative}
#detail-disposition h4 {color:#ccb76f;font-size:1.3em;margin:2em 0 1em;border-bottom:1px solid #ccb76f;padding-bottom:.4em}
p.download {background:url(../img/download-background.gif) no-repeat 0 .3em;padding-left:15px}
p.download a {color:#fff}
#detail-disposition h5 {color:#ccb76f;font-size:1em;margin:3em 0 1em}
.detail-disposition-plan {float:left;width:380px}
.detail-disposition-acreage {float:right;width:260px}
.detail-disposition-acreage table {width:100%;border-collapse:collapse;border-bottom:2px solid #0f100f;border-top:2px solid #0f100f}
.detail-disposition-acreage table .area {color:#ccb76f;font-weight:bold;text-align:right}
.detail-disposition-acreage td {padding:.4em .5em;border-top:1px solid #0f100f}
.detail-disposition-acreage .header {display:none}
#presentation .controls a,#detail-description-image .controls a {position:absolute;top:10px;height:304px;display:block;width:46px;overflow:hidden;background:#191b19 url(../img/header-left.gif) no-repeat 0 50%;color:#191b19;text-indent:100%;white-space:nowrap}
#detail-description-image .controls a {height:46px;top:209px}
#presentation .controls a:hover,#detail-description-image .controls a:hover {background-color:#262725;color:#262725}
#presentation .controls .left,#detail-description-image .controls .left {left:10px}
#presentation .controls .right,#detail-description-image .controls .right {right:10px;background-image:url(../img/header-right.gif)}
#tourholder .type-a {background-color:#777 !important;height:462px}
#contacts {border-top:7px solid #CCB76F}
#contacts h3 {color:#ccb76f;font-size:1.3em;padding-left:145px;margin:2em 0 0}
#contacts h4 {font-size:1em;margin:1.5em 0 0}
#contacts .item p {margin:.2em 0 .7em}
#contacts .item .text {float:right;width:531px}
#contacts .item .image {width:125px;float:left;padding-top:2em}
	

/******* IMAGEBOX *************/
#ImageBoxOverlay
{
	background-color: #000;
	z-index: 995 !important;
}
#ImageBoxOuterContainer {
	z-index: 996 !important;
}
#ImageBoxCaption
{
	background-color: #f6f6f6;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #f6f6f6;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(../images/imagebox/next_image_decent.jpg);
	background-repeat:	no-repeat;
	background-color: transparent;
	background-position: right center;
}
#ImageBoxPrevImage
{
	background-image: url(../images/imagebox/prev_image_decent.jpg);
	background-repeat:	no-repeat;
	background-color: transparent;
	background-position: left center;
}
#ImageBoxNextImage:hover
{
	background-image: url(../images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right center;
}
#ImageBoxPrevImage:hover
{
	background-image: url(../images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left center;
}
	
	
}
@media print {
body {font:10pt/1.4em Arial,Helvetica,sans-serif;color:#000}
.clr {clear:both;overflow:hidden;height:1px;margin-top:-1px}
#language-bar,#navigation ul,#navigation #presentation,#bouwfonds-bar,.controls,#location-map ul,#pricelist-box ul,th img,.news-left,.news-right,#contacts .image,#tourmap div,#tourmap img,#tour-info,#newsmenu {display:none}
#tourmap img#map {display:block;border:30px solid #1f211e}
th a,td a {color:#000;text-decoration:none}
table {border-collapse:collapse}
#pricetable,.detail-disposition-acreage table,#detail-description-text table {width:100%}
td {border-bottom:1px solid #333}
th {border-bottom:2px solid #000;text-align:center}
th.type {text-align:left}
th.area,th.price,td.area,td.price {text-align:right}
#footer {border-top:1px solid #666;padding-top:.5em;margin-top:3em;color:#666}
h1 img {border:10px solid #262725}
.detail-disposition-plan {float:left;width:380px}
.detail-disposition-acreage {float:right;width:300px}
#detail-disposition h4 {font-size:1.2em}
#detail-disposition h5 {clear:both;margin:0;padding:2em 0 1em;font-size:1em;page-break-after:avoid}
#detail-description-text {width:50%;float:left}
#detail-description-text th {text-align:left}
#detail-description-text td {
text-align:right;
}
#detail-description-image {
float:right;
}
p.download {
display:none;
}
#news-detail .thumbnail {
float:right;
margin:0.5em 0pt 0.5em 1em;
}
.news-detail-gallery {
clear:both;
padding:1em;
text-align:center;
}

#contact h3 {
color:#CCB76F;
font-size:1.6em;
font-weight:normal;
margin:0pt;
padding:2.2em 35px 1em;
}