body {
background:#687b21;
text-align:center
}

.clear {
clear:both
}

/* HOME */

body.home {
background:#0085c6;
}

.home a {color: #0085c6}

.home #footer-container {
background:#fff url(../images/backgrounds/footer-home.png) repeat-x bottom;
border-top:1px solid #cacaca;
}

.home #footer {
background:url(../images/backgrounds/footer-glow-home.png) no-repeat 0 205px;
}

.home .box:hover .title {
color:#0085c6
}

.home #cta a {
background-image:url(../images/buttons/cta-home.png);
background-repeat:no-repeat;
}

.home #nav a {
background-image:url(../images/buttons/nav-home.png);
background-repeat:no-repeat;
}

.home .dd .ddChild {
background:#54b1dc;
display:none;
margin:0;
overflow:auto;
overflow-x:hidden !important;
position:absolute
}

.home .dd .ddChild a {
background-color:#4795b9;
cursor:pointer;
display:block;
margin:0 0 1px;
overflow:hidden;
padding:0 0 0 10px;
text-decoration:none;
white-space:nowrap;
width:188px
}

.home .dd .ddChild a:hover {
background:#387b9a
}

.home .dd .ddChild a.selected {
background:#387b9a
}

#chateaux {
	position: absolute;
	margin: 200px 0 0 0;
}

/* -- HEADER -- */
#header-container {
background:url(../images/backgrounds/header-small.png) repeat-x
}

#header {
background:url(../images/backgrounds/header-glow-small.png) no-repeat;
height:157px;
margin:0 auto;
text-align:left;
width:954px
}

.home #header-container {
background:url(../images/backgrounds/header.png) repeat-x
}

.home #header {
background:url(../images/backgrounds/header-glow.png) no-repeat;
height:548px;
margin:0 auto;
text-align:left;
width:954px
}

#header a {
color:#fff
}

#header p {
color:#fff
}

#logo {
background:url(../images/backgrounds/logo.png) no-repeat;
display:block;
float:right;
height:140px;
margin:0 -28px 0 0;
text-indent:-9999px;
width:287px
}

/* Topnav */
#top-nav {
border-bottom:1px solid #fff;
height:24px;
list-style:none;
margin:0
}

#top-nav li {
float:left
}

#top-nav a {
background-image:url(../images/icons/top-nav.png);
background-repeat:no-repeat;
display:block;
float:left;
font-size:12px;
height:18px;
margin:0 31px 0 0;
padding:4px 0 0 19px;
text-transform:uppercase
}

#top-nav a:hover {
color:#282e12;
text-decoration:none
}

#top-nav .current a {
color:#282e12
}

#home a {
background-position:0 4px
}

#hasselt a {
background-position:0 -21px
}

#contact a {
background-position:0 -46px;
padding-left:22px
}

#media a {
background-position:0 -71px;
padding-left:28px
}

/* Nav */
#nav {
list-style:none;
margin:-60px 0 47px
}

#nav li {
float:left
}

#nav a {
background-image:url(../images/buttons/nav.png);
background-repeat:no-repeat;
display:block;
height:37px;
margin:0 16px 0 0;
text-indent:-9999px
}

#nav #over a {
background-position:0 0;
width:178px
}

#nav #over a:hover {
background-position:0 -52px
}

#nav #over.current a {
background-position:0 -104px
}

#nav #appartementen a {
background-position:-194px 0;
width:170px
}

#nav #appartementen a:hover {
background-position:-194px -52px
}

#nav #appartementen.current a {
background-position:-194px -104px
}

#nav #troeven a {
background-position:-380px 0;
width:94px
}

#nav #troeven a:hover {
background-position:-380px -52px
}

#nav #troeven.current a {
background-position:-380px -104px
}

#nav #nieuws a {
background-position:-490px 0;
width:88px
}

#nav #nieuws a:hover {
background-position:-490px -52px
}

#nav #nieuws.current a {
background-position:-490px -104px
}

#nav #galerij a {
background-position:-594px 0;
width:78px
}

#nav #galerij a:hover {
background-position:-594px -52px
}

#nav #galerij.current a {
background-position:-594px -104px
}

.newsbar {
display:block;
font-size:16px;
margin:37px 0 0
}

.newsbar a:hover {
text-decoration:underline
}

/* -- SIDEBAR -- */
#sidebar {
float:left;
padding:10px 0 0;
width:225px
}

/* Subnav */
#subnav {
list-style:none;
margin:0
}

#subnav a, #subnav li.empty {
background-image:url(../images/buttons/subnav.png);
background-position:0 -28px;
background-repeat:no-repeat;
color:#fff;
display:block;
height:27px;
line-height:27px;
margin:0 0 1px;
padding:0 0 0 11px
}

#subnav li a:hover {
background-position:-245px -28px;
text-decoration:none
}

#subnav li.first a {
background-position:0 0
}

#subnav li.last a, #subnav li.last.empty {
background-position:0 -56px
}

#subnav li.first a:hover {
background-position:-245px 0
}

#subnav li.last a:hover {
background-position:-245px -56px
}

ul#subnav li.current a {
background-position:-245px -28px
}

ul#subnav li.first.current a {
background-position:-245px 0
}

/* -- CONTENT -- */
#content-container {
background:#fff
}

#content {
margin:0 auto;
padding:27px 0 50px;
text-align:left;
width:954px
}

span.legende { font-size: 12px; text-align: right; float: left; margin: 10px 0; }

.plan-tabs { display: block; width: 954px; height: 23px; background: url(../images/backgrounds/line-wide.png) no-repeat left bottom; float: left; }

.plan-tabs a { display: block; height: 22px; margin-left: 10px; xline-height: 22px; background: url(../images/buttons/dropdowns-buttons.png) left -56px no-repeat; padding-left:10px; color: #fff; float: left; }
.plan-tabs a:first-child { margin-left: 0; }
.plan-tabs a:hover, .plan-tabs a.active { background: url(../images/buttons/dropdowns-buttons.png) left -84px no-repeat; }
.plan-tabs a span { width: 10px; height: 22px; display: inline-block; margin-bottom: -5px; background: url(../images/buttons/dropdowns-buttons.png) right -56px no-repeat; }
.plan-tabs a:hover span, .plan-tabs a.active span { background: url(../images/buttons/dropdowns-buttons.png) right -84px no-repeat; }

.fase1 {
	display: block;
    float: left;
    margin-left: 149px;
    text-align: center;
    width: 272px;
	height: 22px;
	background: url(../images/backgrounds/line-wide.png) no-repeat center bottom;
	margin-bottom: 10px;
	color: #666;
}
.fase2 {
	display: block;
    float: left;
    margin-left: 10px;
    text-align: center;
    width: 130px;
	height: 22px;
	background: url(../images/backgrounds/line-wide.png) no-repeat center bottom;
	color: #666;
}
.plan { margin-top: 60px; }

#main-content {
margin:0 0 0 277px;
padding:10px 0 0;
}

.img-right {
float:right;
margin:0 8px 8px
}

/* Boxes */
.box {
background:url(../images/backgrounds/box.png) no-repeat 0 bottom;
display:block;
float:left;
height:202px;
margin:0 18px 0 0;
width:225px;
}

.box img { margin: 6px }

.box.last {
margin-right:0
}

.box .title {
color:#333;
display:block;
font-size:15px;
font-weight:700;
padding:4px 13px 7px
}

.box .text {
color:#666;
display:block;
padding:0 13px
}

.box:hover {
background:url(../images/backgrounds/box.png) no-repeat -245px bottom;
text-decoration:none
}

.box:hover .title {
color:#819728
}

.box:hover .text {
color:#333
}


#sidebar .box { margin: 40px 0 0 0 } 


/* Columns */
.col-1 {
float:left;
margin:42px 57px 0 0;
padding:0 10px;
width:260px
}

.col-2 {
float:left;
margin:42px 57px 0 0;
padding:0 10px;
width:260px
}

.col-3 {
float:left;
margin:42px 57px 0 0;
margin-right:0;
padding:0 10px;
width:260px
}

.col-1 h2 {
background-image:url(../images/titles/home.png);
background-position:-10px 0;
background-repeat:no-repeat;
font-size:21px;
height:94px;
text-indent:-9999px
}

.col-2 h2 {
background-image:url(../images/titles/home.png);
background-position:-330px 0;
background-repeat:no-repeat;
font-size:21px;
height:94px;
text-indent:-9999px
}

.col-3 h2 {
background-image:url(../images/titles/home.png);
background-position:-650px 0;
background-repeat:no-repeat;
font-size:21px;
height:94px;
text-indent:-9999px
}

.col-1 p {
font-size:16px;
line-height:24px
}

.col-2 p {
font-size:16px;
line-height:24px
}

.col-3 p {
font-size:16px;
line-height:24px
}

/* Gallery  */
.gallery {
list-style:none;
margin:0
}

.gallery li {
float:left;
margin:0 9px 9px 0;
position:relative
}

.gallery li.last {
margin-right:0
}

.gallery li a {
border:none
}

.gallery li a img {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:5px solid #dee9ba;
display:block;
margin:0;
padding:1px
}

.gallery li a:hover img {
border-color:#b9cf6e;
text-decoration:none
}

.gallery li a:hover {
text-decoration:none
}

.gallery li a span {
-moz-opacity:.60;
-ms-filter:alpha(opacity=60);
background-color:#000;
bottom:6px;
color:#fff;
display:block;
filter:alpha(opacity=60);
font-size:14px;
left:6px;
opacity:.60;
padding:6px;
position:absolute;
width:195px
}

.gallery li a:hover span {
-moz-opacity:1;
-ms-filter:alpha(opacity=100);
filter:alpha(opacity=100);
opacity:1;
text-decoration:none
}

#main-content .buttons a {
background:url(../images/buttons/dropdowns-buttons.png) no-repeat 0 -56px;
color:#fff;
display:block;
height:27px;
line-height:27px;
margin:0 0 10px;
padding:0 0 0 10px;
text-decoration:none;
width:230px
}

#main-content .buttons {
list-style:none;
margin:20px 0 0
}

#main-content .buttons a:hover {
background-position:0 -84px
}

#zoek {
float:left;
}

#zoek .dropdown { float: left; margin-right: 50px;}

.block {
background:#eff4dd url(../images/backgrounds/block-top.png) no-repeat;
padding:20px
}

.block-bottom {
background:#eff4dd url(../images/backgrounds/table-even-bottom.png) no-repeat;
height:9px;
margin:0 0 30px
}

.block p{margin-bottom:0}

.block ul {list-style:none;margin-left:0}

.det-col1 {float:left}
.det-col2 {float:right}

.detail1, .detail2 {
float:left;
margin:0 0 37px
}

.block .detail2 {
font-weight:700;
margin-left:30px
}

.block .detail2 .normal {
font-weight:400
}

.row2{margin-top:65px}

.bigbuttons {
margin-bottom:0;
float:left
}

.bigbuttons a {
background:url(../images/buttons/big-button.png) no-repeat;
color:#fff;
display:block;
font-weight:700;
height:67px;
margin:0 10px 10px 0;
padding:10px;
width:145px
}

.bigbuttons a:hover {
background-position:-175px 0;
text-decoration:none
}

.det-col2 a img {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:5px solid #dee9ba;
display:block;
margin:0
}

.det-col2 a:hover img {
border-color:#b9cf6e;
text-decoration:none
}

.det-col2 a:hover {
text-decoration:none
}

.det-col2 ul li {float:left;margin:5px 5px 0 0}

.divider {
display:block;
height:1px;
margin:0 0 20px
}

/* Form  */
#main-content fieldset ol {
list-style:none;
margin:0
}

#main-content fieldset label {
display:block;
margin:0 0 6px
}

#main-content fieldset li {
margin:0 0 16px
}

#main-content fieldset .textfield {
background:url(../images/backgrounds/form.png) no-repeat;
border:0;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:25px;
padding:2px 10px;
width:386px;
}

#main-content textarea {
background:url(../images/backgrounds/form.png) no-repeat;
background-position:0 -70px;
border:0;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:137px;
padding:10px;
resize:none;
width:386px;
margin:20px 0;
overflow:auto;
}

#main-content fieldset .textfield:hover {
background-position:0 -35px
}

#main-content fieldset .textfield:focus {
background-position:0 -35px
}

#main-content fieldset p {
margin:0
}

#main-content textarea:hover {
background-position:0 -237px
}

#main-content textarea:focus {
background-position:0 -237px
}

.custom-checkbox {
position:relative
}

.custom-radio {
position:relative
}

.custom-checkbox input {
left:2px;
margin:0;
position:absolute;
top:3px;
z-index:0
}

.custom-radio input {
left:2px;
margin:0;
position:absolute;
top:3px;
z-index:0
}

.custom-checkbox label {
background:#fff url(../images/backgrounds/form.png) no-repeat;
background-position:0 -404px;
display:block;
font-size:14px;
line-height:1;
margin:0 0 .3em;
padding:0 0 10px 22px;
position:relative;
z-index:1
}

.custom-radio label {
background-position:0 -404px;
display:block;
font-size:14px;
line-height:1;
margin:0 0 .3em;
padding:0 0 10px 22px;
position:relative;
z-index:1
}

.custom-checkbox label.hover {
background-position:0 -438px
}

.custom-checkbox label.focus {
background-position:0 -438px;
outline:none
}

.custom-radio label.hover {
background-position:0 -438px
}

.custom-radio label.focus {
background-position:0 -438px;
outline:none
}

.custom-checkbox label.checked {
background-position:0 -472px
}

.custom-radio label.checked {
background-position:0 -472px
}

.custom-checkbox label.checkedHover {
background-position:0 -472px
}

.custom-checkbox label.checkedFocus {
background-position:0 -472px
}

.submit {
background:url(../images/buttons/dropdowns-buttons.png) no-repeat 0 -112px;
border:0;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:27px;
margin:10px 0 0;
width:100px
}

.submit:hover, .submit:focus {
background-position:0 -140px;
outline:none
}

#main-content .ad-col {
float:left;
margin:0 50px 0 0
}

/* Slideshow  */
.slideshow-nav {
height:20px;
margin:16px auto 0;
width:170px
}

.slideshow-nav a {
background:url(../images/buttons/circles.png) no-repeat;
display:block;
float:left;
height:14px;
margin:0 10px 0 0;
text-decoration:none;
text-indent:-9999px;
width:14px
}

.slideshow-nav a.activeSlide {
background-position:-29px 0
}

.slideshow-nav a:focus {
outline:none
}

div .caption-background {
-moz-opacity:.60;
-ms-filter:alpha(opacity=60);
background:#000;
filter:alpha(opacity=60);
height:39px;
margin:0 0 0 5px;
opacity:.60;
padding:20px 0 0;
position:absolute;
top:382px;
width:944px;
z-index:10
}

div .caption {
height:39px;
margin:0 0 0 5px;
padding:12px 0 0;
position:absolute;
text-align:center;
top:382px;
width:944px;
z-index:11;
color:#fff;
font-size:36px;
font-weight:400;
line-height: 36px;
}

div .caption h1 {
color:#fff;
font-size:36px;
font-weight:400
}

/* -- FOOTER -- */
#footer-container {
background:#fff url(../images/backgrounds/footer.png) repeat-x bottom;
border-top:1px solid #cacaca;
height:527px
}

#footer {
background:url(../images/backgrounds/footer-glow.png) no-repeat 0 205px;
color:#fff;
height:527px;
margin:0 auto;
text-align:left;
width:954px
}

#footer a {
color:#fff
}

/* Cta */
#cta {
list-style:none;
margin:0
}

#cta li {
float:left
}

#cta a {
background-image:url(../images/buttons/cta.png);
background-repeat:no-repeat;
display:block;
height:205px;
margin:0 18px 0 0;
text-indent:-9999px;
width:225px
}

#cta .last a {
margin-right:0
}

#cta #plannen a {
background-position:0 0
}

#cta #plannen a:hover {
background-position:0 -205px
}

#cta #droom a {
background-position:-243px 0
}

#cta #droom a:hover {
background-position:-243px -205px
}

#cta #hoogte a {
background-position:-486px 0
}

#cta #hoogte a:hover {
background-position:-486px -205px
}

#cta #brochure a {
background-position:-729px 0
}

#cta #brochure a:hover {
background-position:-729px -205px
}

/* Columns */
.col1 {
float:left;
line-height:27px;
list-style:none;
margin:50px 10px 0 0;
width:150px
}

.col2 {
float:left;
line-height:27px;
list-style:none;
margin:50px 10px 0 0;
width:231px
}

.col3 {
float:left;
line-height:27px;
list-style:none;
margin:50px 52px 0 0;
width:80px
}

.col4 {
float:left;
line-height:27px;
margin:50px 40px 0 0;
width:199px
}

.col5 {
float:left;
margin:50px 0 0
}

.col5 img {
margin:0 0 14px
}

.col5 a:hover {
text-decoration:underline
}

.col5 p {
font-size:12px
}

.col1 a, .col2 a, .col3 a, .col4 a.btn, .dd .ddTitle { 
background-image:url(../images/buttons/footer.png);
background-repeat:no-repeat;
display:block;
height:27px;
margin:0 0 1px;
padding:0 0 0 11px;
text-decoration:none
}

.col1 a {
background-position:0 -28px;
}

.col2 a {
background-position:-160px -28px;
}

.col3 a {
background-position:-401px 0;
}

.col4 a.btn {
background-position:-401px -28px;
width:90px
}

.dd .ddTitle {
background-position:-511px 0;
cursor:default;
overflow:hidden;
padding:0 0 0 10px;
text-indent:0;
width:188px
}

.col1 a:hover {
background-position:0 -121px;
text-decoration:none
}

.col2 a:hover {
background-position:-160px -121px;
text-decoration:none
}

.col3 a:hover {
background-position:-401px -93px;
text-decoration:none
}

.col4 a.btn:hover {
background-position:-401px -121px;
text-decoration:none
}

.col1 .first a {
background-position:0 0;
font-weight:700
}

.col2 .first a {
background-position:-160px 0;
font-weight:700
}

.col1 .last a {
background-position:0 -56px
}

.col1 .first a:hover {
background-position:0 -93px
}

.col1 .last a:hover {
background-position:0 -149px
}

.col2 .last a {
background-position:-160px -56px
}

.col2 .first a:hover {
background-position:-160px -93px
}

.col2 .last a:hover {
background-position:-160px -149px
}

.col4 p {
font-weight:700;
margin:0
}

/* Dropdown  */
.dd {
color:#fff;
float:left;
font-size:14px;
text-align:left
}

.dd .ddTitle:hover {
background-position:-511px -28px
}

.dd .ddChild {
background:#7d9218;
display:none;
margin:0;
overflow:auto;
overflow-x:hidden !important;
position:absolute
}

.dd .ddChild .opta a {
padding-left:10px
}

.dd .ddChild .opta a:visited {
padding-left:10px
}

.dd .ddChild a {
background-color:#718623;
cursor:pointer;
display:block;
margin:0 0 1px;
overflow:hidden;
padding:0 0 0 10px;
text-decoration:none;
white-space:nowrap;
width:188px
}

.dd .ddChild a:hover {
background:#647820
}

.dd .ddChild a img {
border:0;
padding:0 2px 0 0;
vertical-align:middle
}

.dd .ddChild a.selected {
background:#647820
}

.hidden {
display:none
}

#main-content .dd .ddTitle {
background:url(../images/buttons/dropdowns-buttons.png) no-repeat 0 0;
background-repeat:no-repeat;
display:block;
height:27px;
margin:0 0 1px;
padding:0 0 0 11px;
text-decoration:none
}

#sidebar .dd .ddTitle {
background:url(../images/buttons/dropdowns-buttons.png) no-repeat 0 0;
background-repeat:no-repeat;
display:block;
height:27px;
margin:0 0 1px;
padding:0 0 0 11px;
text-decoration:none
}

#main-content .dd .ddTitle:hover {
background-position:0 -28px
}

#sidebar .dd .ddTitle:hover {
background-position:0 -28px
}

#main-content .dd {
line-height:27px;
margin:5px 0 10px
}

#sidebar .dd {
line-height:27px;
margin:5px 0 10px
}

.btn {
background:url(../images/buttons/dropdowns-buttons.png) no-repeat 0 -112px;
color:#fff;
display:block;
height:27px;
margin:10px 0 0;
width:100px;
padding:0 10px;
line-height:27px
}

.btn:hover {
background-position: 0 -140px;
text-decoration:none
}

#main-content .dd .ddChild {
background:#fff
}

#sidebar .dd .ddChild {
background:#fff
}

#main-content .dd .ddChild a {
background:#bdd669;
color:#fff;
height:27px;
margin:0 0 1px
}

#sidebar .dd .ddChild a {
background:#bdd669;
color:#fff;
height:27px;
margin:0 0 1px
}

#main-content .dd .ddChild a:hover {
background:#9fb849
}

#sidebar .dd .ddChild a:hover {
background:#9fb849
}

#main-content .dd .ddChild a.selected {
background:#9fb849
}

#sidebar .dd .ddChild a.selected {
background:#9fb849
}

.slideshow {width:954px; height:301px;}
.slideshow img {position:absolute;}