﻿a.koen:link, a.koen:active, a.koen:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
a.koen:hover {
	color: #CF322E;
}
.extraTXT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 10px;
}
.talentd {
	padding-bottom: 15px;
}
* {
margin: 0;
padding: 0;
border: none;
}

html{
height: 100%;
margin-bottom:1px;
}

body {
background: #ADB4B6;
font-family:Verdana;
}

#holdAllContent {
margin:0 auto;
height:700px;
width:984px;
border-right:10px solid #CC2B2F;
}


#maincontainer {
margin:0 auto;
height:700px;
width:984px;
border-right:10px solid #CC2B2F;
}


#holdLogoBar {
height:105px;
background-color:#6C747C;
border-bottom:4px solid #fff;
}

#holdLogo img {
float:right;
margin:45px 20px 0 0;
}

.centered {
margin: 0 auto;
width:950px;
}

#monoslideshow {
z-index:0;
}

.clearBoth {
clear: both;
}


#picturecolumn {
z-index:50;
float: left;
width: 450px; /*Width of right column*/
margin-left: -481px; /*Set left margin to -(RightColumnWidth) */
font-size:1.5em;
margin-top:10px;
}

#picturecolumn .illustratie {
margin: 4px 0;
}

#picturecolumn p {
margin:10px;
font-size:0.6em;
line-height: 100%;
text-align:justify;
}

.rolleveld {
background:  url('images/projecten/Rolleveld/Residentie_Rolleveld_Vilvoorde_1.jpg') 0 4px no-repeat ;
}

.academie {
background:  url('images/projecten/Academie/Residentie_Academie_Antwerpen_1.jpg') 0 4px no-repeat ;
}

.smisse {
background:  url('images/projecten/Smisse/Residentie_Smisse_Mechelen_1.jpg') 0 4px no-repeat ;
}

.hoornveld {
background:  url('images/projecten/Hoornveld/Residentie_Hoornveld_Oelegem_1.jpg') 0 4px no-repeat ;
}

.dekenen {
background:  url('images/projecten/De_Kenen/Residentie_De_Kenen_Boekt_1.jpg') 0 4px no-repeat ;
}

.calder {
background:  url('images/projecten/Calder/Residentie_Calder_Burcht_1.jpg') 0 4px no-repeat ;
}

.dehegge {
background:  url('images/projecten/De_Hegge/Residentie_De_Hegge_Poederlee_1.jpg') 0 4px no-repeat ;
}

.reynaert {
background:  url('images/projecten/Reynaert/Residentie_Reynaert_Bazel_1.jpg') 0 4px no-repeat ;
}

.quercus {
background:  url('images/projecten/Quercus/Residentie_Quercus_Burcht_1.jpg') 0 4px no-repeat ;
}

.jordaenskaai {
background: url('/images/projecten/Jordaenskaai/Jordaenskaai_Antwerpen_1.jpg') 0 4px no-repeat;
}

.bouwput_Jordaenskaai {
background: url('/images/projecten/Jordaenskaai/bouwput_Jordaenskaai_Antwerpen.jpg') 0 4px no-repeat;
}

.bosuil {
background: url('/images/projecten/Bosuil/Residentie_Bosuil_Deurne_1.jpg') 0 4px no-repeat;
}

.cadix {
background: url('/images/projecten/Cadix/Residentie_Cadix_Antwerpen_1.jpg') 0 4px no-repeat;
}

.barreiro {
background: url('/images/projecten/Barreiro/Residentie_Barreiro_Antwerpen_1.jpg') 0 4px no-repeat;
}

.De_Merode {
background: url('/nl/projecten/De_Merode/fotos/1.jpg') 0 4px no-repeat;
}
.Albert {
background: url('/nl/projecten/albert/fotos/1.jpg') 0 4px no-repeat;
}
.AlbertSquare {
background: url('/nl/projecten/Albert-Square/fotos/1.jpg') 0 4px no-repeat;
}

#contentwrapper{
float: left;
width: 100%;
margin-top:15px;
padding-left:10px;
}

#contentcolumn {
z-index:50;
margin-right: 510px; /*Set right margin to RightColumnWidth + marge tot picture*/
background:#fff;
}

#contentcolumn h1 {
width:100%;
background:#4E5556;
text-align:center;
color:#fff;
padding:5px 0;
font-size:0.8em;
margin:0;
text-transform: uppercase;
}

#content {
padding:10px;
height:300px;
overflow-y: scroll;
overflow: -moz-scrollbars-vertical;
scrollbar-base-color: #EBEEEE;
scrollbar-track-color: #ebeeee; /*Sets the color for scroll bar track*/
scrollbar-face-color: #f00; /*Sets the color for the scroll bar slider and the boxes that contain the scrollbar arrows*/
scrollbar-arrow-color: #f00; /*Sets the scroll bar arrow color*/
scrollbar-3dlight-color:#0f0; /*Sets the scroll bar 3D light color*/
scrollbar-highlight-color:#00f; /*Sets the scroll bar highlight color*/
scrollbar-shadow-color:#00f; /*Sets the scroll bar shadow color*/
scrollbar-darkshadow-color:#fff; /*Sets the scroll bar dark shadow color*/
padding-bottom:20px;

}

#content h2 {
color:red;
font-size:0.8em;
margin:10px;
text-transform: uppercase;
}

#content p {
margin:10px;
font-size:0.6em;
line-height: 200%;
text-align:justify;
}

#content ul {
margin:15px;
}
#content table {
	margin:15px;
	display: block;
	clear: both;
	float: none;
}

#content li  {
font-size:0.8em;
margin: 10px 10px;
}

#content li a {
color:#CC2B2F;
}


#contentbottom {
background: #ADB4B6;
padding:10px;
}


#contentbottom ul {
width: 100%;
display: block;
list-style: none;
margin: 0;
padding: 0;
line-height: 1; 
}

#contentbottom li {
display:block;
float:left;
margin: 0 0.50em;
padding:0 5px 0 15px;
display:inline;
border-left: 1px solid #fff;
}

#contentbottom li:first-child {
border:0;
padding-left:5px;
margin-left:0;
}

#contentbottom a, #contentbottom a:link, #contentbottom a:visited {
color: #fff;
text-decoration: none;
padding: 0;
}

#contentbottom a:hover {
margin: 0;
padding: 0;
color: #CC2B2F;
}


.forcewrap:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
line-height:0;
}


#nav-wrapper {
font-size:0.7em;
padding: 0px 0 0 0px;
margin:10px 0 0 0;
display: block;
height: auto;
z-index:100;	
}


#nav-wrapper #nav-wrapper-innerborder {
margin: 0 20px 0 20px;
}



#nav-wrapper #nav-main {
padding-bottom: 0px;
}

#nav-wrapper ul {
list-style: none;
margin: 0;
padding: 0;
}

#main-nav {
background:#CC2B2F;
}

#nav-wrapper li {
margin: 0;
padding: 0;
background:#CC2B2F;
}

#nav-wrapper a, #nav-wrapper a:link, #nav-wrapper a:visited {
color: #fff;
text-decoration: none;
padding: 0;
}

#nav-wrapper a:hover {
margin: 0;
padding: 0;
color: #fff;
}

#nav-wrapper #nav-main ul {
width: 100%;
display: block;
list-style: none;
margin: 0;
padding: 0;
line-height: 1; 
}

#nav-wrapper #nav-main ul li {
display: block;
float: left;
margin: 0;
padding: 0;
line-height: 2em;
}

#nav-wrapper #nav-main ul li a {
display: block;
padding: 7px 19px 7px 19px;
text-transform: uppercase;
border-right: 1px solid #ccc;
margin-bottom: 0;
}

#nav-wrapper #nav-main ul li a:hover {
color: #eee;
}

#nav-wrapper #nav-main ul li ul {
position: absolute;
display: block;
width: 180px;
left: -999em;
margin: 0;
padding: 0;
list-style: none;
z-index: 30;	
}

#nav-wrapper #nav-main li:hover ul ul, #nav-wrapper #nav-main li:hover ul ul ul, #nav-wrapper #nav-main li:hover ul ul ul ul, #nav-wrapper #nav-main li.sfhover ul ul, #nav-wrapper #nav-main  li.sfhover ul ul ul, #nav-wrapper #nav-main  li.sfhover ul ul ul ul {
left: -999em;
}

#nav-wrapper #nav-main ul li ul ul {
margin: -24px 0 0 180px;
padding: 0;	
}

#nav-wrapper #nav-main li:hover ul, #nav-wrapper #nav-main  li li:hover ul, #nav-wrapper #nav-main  li li li:hover ul, #nav-wrapper #nav-main  li li li li:hover ul, #nav-wrapper #nav-main  li.sfhover ul, #nav-wrapper #nav-main  li li.sfhover ul, #nav-wrapper #nav-main  li li li.sfhover ul, #nav-wrapper #nav-main  li li li li.sfhover ul {
left: auto; 
}

#nav-wrapper #nav-main ul li ul li {
display: block;
margin: 1px 0; /*1px opening tussen de dropdown li, uitzondering voor IE via ie stijlen*/
padding: 0;
width: 180px;	
}

#nav-wrapper #nav-main ul li ul li li {
top: 0;
margin:1px 0 1px 15px; /*afstand tussen derde niveau en dropdown)*/
}

#nav-wrapper #nav-main ul li ul li a {
display: block;
width: 180px;
font-weight: normal;
color: #fff;
font-size: 90%;
background-color: #8C9495;
padding: 0;
border-left: none;
text-decoration:none;
border-right:10px solid #CC2B2F;
text-align:left;
text-transform:uppercase;
}

#nav-wrapper #nav-main ul li ul li a span  {
display: block;
line-height: 23px;
padding: 0 20px 0 20px;
}

#nav-wrapper #nav-main ul li ul li a:hover, #nav-wrapper #nav-main ul li.on ul li a:hover {
color:#CC2B2F;
text-decoration: none;	
}

#nav-wrapper #nav-main ul li ul li:hover a, #nav-main ul li ul li.sfhover a {
background-color: #f4f4f4;
}

#nav-wrapper #nav-main ul li ul li:hover ul li a, 
#nav-wrapper #nav-main ul li ul li.sfhover ul li a{
background-color: #8C9495;
border-right:10px solid #CC2B2F;
}

#nav-wrapper #nav-main ul li ul li:hover a, 
#nav-wrapper #nav-main ul li ul li.sfhover, #nav-wrapper #nav-main ul li ul li.sfhover a,
#nav-wrapper #nav-main ul li ul li ul li:hover a, 
#nav-wrapper #nav-main ul li ul li ul li.sfhover, #nav-wrapper #nav-main ul li ul li ul li.sfhover a {
background-color: #d7d7d7;  
}

/*gallery*/

#gallery img {
border:1px solid red;
margin:4px 0;
}

#gallery span img {
border: none;
}

ul#gallery, ul#gallery li{
margin:0;
padding:0;
list-style:none;
}

ul#gallery{
width:442px; /*nodig voor IE*/
height:358px; /*nodig voor IE*/
position:relative;
}		
ul#gallery li{
float:left;
padding-left:390px;
margin-top:0px;
z-index:50;
}								
ul#gallery a span{
display:none;
}

ul#gallery a:hover{
background:none;	
}	

ul#gallery a:hover span{
position:absolute;
width:372px;
height:358px;
float:left;
top:0px;
left:0;
display:block;
z-index:0;
}	

/*Google maps*/

#bmap {
border:1px solid gray;
margin-top:70px;
}

#bmapcontact {

}

/*contact form*/
label {
width:150px;
display: block;
float: left;
margin-bottom: 5px;
margin-left:10px;
margin-right:10px;
font-size:0.6em;
line-height: 200%;
text-align:justify;
font-family: Verdana, sans-serif;
color: #000000;
}

input, textarea {
display: block;
width: 250px;
float: left;
margin-bottom: 5px;
border: solid 1px;
}

select {
font-size:0.6em;
}

br {
clear: left;
}

#versturen {
background-color: red;
color: #ffffff;
font-weight: bold;
border: 0;
font-size:0.6em;
line-height: 200%;
}

.hidden {
border: 0;
}

/*Tabel aanbod appartementen*/

.overzichtstabel {
font-size: 0.6em;
color: #000000;
line-height: 200%;
text-align:center;
border: 0px;
border-spacing: 1px;
}

td.overzichtstable {
font-size:0.8em;
}

.strongred {
color: #ff0000;
font-weight: bold;
font-size:0.8em;
text-transform: uppercase;
}

hr.proj {
height: 1px;
color: #c0c0c0;
clear:both;
} 
.caps {text-transform:uppercase}
.FL {float:left;}
.FR {float:right;}
.FN {float:none;}
.inschrijvenKnop{
	color: #FFF;
	background-color: #D63E41;
	display: block;
	font-size:11px;
	padding:3px 5px 3px 5px;
	margin:5px 0px 0px 0px;
}
.inschrijvenKnop a {text-decoration:none; color:#FFF; /*font-weight:bold;*/}
.inschrijvenKnop a:hover {color:#CCC;}

.clear {clear:both;}

#opendeur {
	margin: 0 auto;
}

#opendeur img {
	margin-left:30px;
	margin-bottom: 20px;
}