/* colors */
.white {background: #ffffff;}
.purple {background: #41364e;}
.green {background: #4d4f37;} 
.green-light {background: #83826c;} 
.blue {background: #324754;}
.blue-light {background: #86949d;}
.darkblue {background: #374149;}
.darkblue-light {background: #617688}
.beige {background: #6a5e4b;}
.beige-light {background: #8f8473;}
.beige-light-2 {background: #ded6c8;}
.historie {background: #7d6853;}
.historie-light {background: #bfb5aa;}
.hotel {background: #595240;}
.hotel-light {background: #918b7c;}
.brown {background: #453019;}
.lightgrey-brown {background: #ccc3ba; min-height: 405px;}
.lightgrey-blue {background: #dad8dd no-repeat top; min-height: 405px; color: #000000;}
.taupe {background: #595240;}
.red {background: #4d0d18;}

/* typograhpy */
body {
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #ffffff;
line-height: 0;
}
div.container {
line-height: 1.5em;
}
h1 {
color:#FFFFFF;
font-size:18px;
font-weight:normal;
margin:10px 0;
}
h2 {
}
a {color:#2e271c; outline: none;}
a:hover {color:#FFFFFF;}
.center {text-align: center;}   
.bold {font-weight: bold;}

/* frame */
div.orange-bar {
background:none repeat scroll 0 0 #C86A14;
height:90px;
margin-left:-200px;
overflow:hidden;
position:absolute;
width:50%;
z-index:-1;
}
div.background {
position: absolute;
z-index: -1;
width: 589px;
left: 50%;
margin-left: -675px;
margin-top:-10px;
padding-bottom: 10px;
border-right: 1px solid #ffffff;
height: 100%;
overflow: hidden;
}
div.fill {
height:100%;
left:-86px;
position:absolute;
width:50%;
z-index: -2;
}
.topleft {
height: 90px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
.topright {
height: 90px;
border-right: 1px solid #ffffff;
}
.contentleft {
height: 405px;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
padding-right:1px;
}
.contentleft div, .contentright div {
margin: 10px 0 0 10px;
}
.contentright {
height: auto;
border-right: 1px solid #ffffff;
overflow:hidden;
}
.logo {
left:50%;
margin-left:-107px;
position:absolute;
top:147px;
}
.logo-color {
left:50%;
margin-left:-122px;
position:absolute;
top:133px;
z-index:100;
}
.cycle {
height: 406px;
}

/* menu's */
ul.menu1 {
float: left;
margin: 20px 0 0 10px;
}
ul.menu1 li {
display: block;
list-style: none;
}
ul.menu1 li a {
color: #6b6b6b;
text-decoration: none;
}
ul.menu1 li a:hover, ul.menu1 li a.selected {
color: #b95710;
}
ul.menu2 {
float: right;
margin: 20px 10px 0 0;
text-align: right;
}
ul.menu2 li {
display: block;
list-style: none;
}
ul.menu2 li a {
color: #6b6b6b;
text-decoration: none;
}
ul.menu2 li a:hover, ul.menu2 li a.selected {
color: #b95710;
}
ul.menu3 {
float: left;
margin: 20px 0 0 10px;
}
ul.menu3 li {
display: block;
list-style: none;
}
ul.menu3 li a {
color: #cbbca2;
text-decoration: none;
}
ul.menu3 li a:hover, ul.menu3 li a.selected {
color: #b95710;
}
ul.menu4 {
float: right;
margin: 20px 10px 0 0;
text-align: right;
}
ul.menu4 li {
display: block;
list-style: none;
}
ul.menu4 li a {
color: #cbbca2;
text-decoration: none;
}
ul.menu4 li a:hover, ul.menu4 li a.selected {
color: #b95710;
}

/* other */
.clear {clear: both;}


/* faq styling */
ul.faq {
float: left;
list-style: none;
margin: 0 10px 0 0;
}
ul.faq li a {
color: #2e271c;
text-decoration: none;
}
ul.faq li a.selected,  ul.faq li a:hover {
color: #e4b78d;
text-decoration: none;
}
ul.faq-gouda li a {
color: #002454;
text-decoration: none;
}
ul.faq-gouda li a.selected,  ul.faq li a:hover {
color: #FFFFFF;
text-decoration: none;
}
ul.voortgangsnieuws li a {
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
ul.voortgangsnieuws li {
list-style:disc outside none;
margin-bottom:5px;
}
.beige-light-2 h2 {
font-size: 11px;
font-weight: bold;
color: #b95710;
margin: 10px 0;
}
.beige-light-2 p, .beige-light-2 ul {
color: #000000;
}
ul.questions li {
color: #000000;
line-height:20px;
margin-bottom: 10px;
}
ul.questions li a {
color: #000000;
text-decoration: none;
font-weight: normal;
}
div.answer {
color: #b95710;
margin:10px 0 10px -10px;
}
div.voortgangfotos div {
border-right:1px solid white;
height:406px;
margin:0;
position:absolute;
width:550px;
}
div.voortgangfotos div.voort div {
height:auto;
padding: 15px;
border: none;
width:520px;
top: 405px;
left: 0;
}

 
/* news styling */
.nieuwshome {
left:125px;
position:relative;
top:-180px;
}
table.news {border: 1px solid #ffffff; width: 400px;}
table.news tr.header td {border-bottom: 1px solid white; color: #41364e;}
table.news tr.item td {border-bottom: 1px solid white; color: #ffffff; background: #685a55;}
table.news tr.item td a {color: #ffffff; text-decoration: none;}
div.newsitem {color: #000000;}
div.newsitem h2 {color: #000000; font-size: 11px; font-weight: bold;}
div.newsitem span.right {float:right;}

#appartementen { top:4px; left:0px; width: 540px; text-align: left; z-index: 3;  }
#appartementen .next {  margin-left: 340px; }

/* other */
.historie-light h1, .historie-light p {
color: #1b1b1b;
}
.pink-links a {
color: #e3004f;
}
a.plattegronden {
	text-decoration: none;
	font-size:110%;
	font-weight: bold;
	position: absolute; 
	top: 450px;
}
a.plattegronden img {
	vertical-align:middle;
}

ul, ol {
    margin: 0 1em 1.5em;
}