body
{
background-color: #dbdbdb;
margin:0px;
/*
scrollbar-face-color: #000000;
scrollbar-highlight-color: #333333;
scrollbar-3dlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #333333;
scrollbar-arrow-color: #f0cc82;
scrollbar-track-color: #000000;
*/
scrollbar-base-color: #000000;
scrollbar-arrow-color: #be9b59;
scrollbar-face-color: #2a2d32;
scrollbar-highlight-color: #41454d;
scrollbar-darkshadow-color: #41454d;
scrollbar-track-color: #000000;
}

img{border:0px;}

A:link {color: #ffffff }
A:active {color: #ffffff }
A:visited {color: #ffffff }
A:hover {color: #cccccc }

.maintable{width:958px; height:100%;}
#top{vertical-align:bottom; background: url("../../images/logo.gif") no-repeat bottom right;}
/*#top a{padding-right:22px; padding-left:22px; position:relative;}*/

/**** Nav ****/
#nav, #nav li, #nav ul {margin:0; padding:0; list-style-type:none}
#nav li{float:left; position:relative}
#nav li ul{position:absolute;left:-999em; width:135px; border:2px solid #edc87e; background:#000000; border-top:0; padding:10px 0}
/* IE5/mac invisible \*/
* html #nav li ul {top:19px}
* html #nav li li {height:1%}
/* einde hack */
#nav li:hover ul{left:0}
#nav li ul li{float:none}
#nav a {padding:0 22px}
#nav a:hover {outline:0}
#nav li li a{display:block;font:12px/20px arial, helvetica, sans-serif; text-decoration:none}
#nav li li a:hover{background:#2a2d31}


#logo{position:absolute; right:0px;}
#content{height:520px; width: 958px;}
#homepagina .maintable #content{background-image: url("../../images/foto2.jpg"); }
#diensten .maintable #content{background-image: url("../../images/foto3.jpg");}
#Vacature .maintable #content{background-image: url("../../images/foto3.jpg");}
#zoekeropdracht .maintable #content{background-image: url("../../images/foto4.jpg");}
#contact .maintable #content{background-image: url("../../images/foto5.jpg");}
#woningaanbod .maintable #content{background-image: url("../../images/foto1.jpg");}
#Bedankt .maintable #content{background-image: url("../../images/foto2.jpg");}

#homepagina .maintable #content div{margin-left:50px; margin-right:50px; width:750px; height:456px; margin-top:54px; overflow:auto;}
#Bedankt .maintable #content div{margin-left:50px; margin-right:50px; width:620px; height:400px;}
#diensten .maintable #content div{margin-left:50px; margin-right:50px; width:620px; height:400px;}
#Vacature .maintable #content div{margin-left:50px; margin-right:50px; width:790px; height:450px; overflow-y: scroll;}
#zoekeropdracht .maintable #content div{margin-left:50px; margin-right:50px; width:470px; height:400px;}
#contact .maintable #content div{margin-left:50px; margin-right:50px; width:470px; height:400px;}
#woningaanbod .maintable #content div{width:100%; height:100%}

#content div table td p{width:600px;}

#content div p{color:#ffffff; font-family:arial; font-size:12px; line-height:19px; width:700px;}
h1{color:#ffffff; font-family:arial; font-size:12px; line-height:20px; font-weight:normal;}
#bottom{ background: url("../../images/bottom.gif") repeat-x top; color:#ffffff; vertical-align:top; font-family:arial; font-size:11px; text-align:left; padding-left:100px; padding-right:100px;}

#iframe_aanbod{height:522px; width:100%;}

#intro_home{background:url("../../images/intro1.jpg") no-repeat top; height:514px; width:189px;float:left}
#intro_aanbod{background:url("../../images/intro2.jpg") no-repeat top; height:514px; width:190px;float:left}
#intro_diensten{background:url("../../images/intro3.jpg") no-repeat top; height:514px; width:190px;float:left}
#intro_zoekopdracht{background:url("../../images/intro4.jpg") no-repeat top; height:514px; width:190px;float:left}
#intro_contact{background:url("../../images/intro5.jpg") no-repeat top; height:514px; width:188px;float:left}

#intro_home:hover{background:url("../../images/intro1on.jpg") no-repeat top;}
#intro_aanbod:hover{background:url("../../images/intro2on.jpg") no-repeat top;}
#intro_diensten:hover{background:url("../../images/intro3on.jpg") no-repeat top;}
#intro_zoekopdracht:hover{background:url("../../images/intro4on.jpg") no-repeat top;}
#intro_contact:hover{background:url("../../images/intro5on.jpg") no-repeat top;}

#tekstform{
width:400px;
}

#thisForm,
.tableform{width:300px;}




/********************** VOORSELECTIEPAGINA **********************/

#koop{background:url("../../images/button1off.jpg") no-repeat top; height:514px; width:190px;float:left}
#huur{background:url("../../images/button2off.jpg") no-repeat top; height:514px; width:190px;float:left}
#bedrijfsruimte{background:url("../../images/button3off.jpg") no-repeat top; height:514px; width:190px;float:left}
#recentverkocht{background:url("../../images/button4off.jpg") no-repeat top; height:514px; width:188px;float:left}
#contact2{background:url("../../images/button5off.jpg") no-repeat top; height:514px; width:188px;float:left}

#contact2:hover{background:url("../../images/button5on.jpg") no-repeat top;}
#koop:hover{background:url("../../images/button1on.jpg") no-repeat top;}
#huur:hover{background:url("../../images/button2on.jpg") no-repeat top;}
#bedrijfsruimte:hover{background:url("../../images/button3on.jpg") no-repeat top;}
#recentverkocht:hover{background:url("../../images/button4on.jpg") no-repeat top;}



.vacature1
{ 
Position:relative;
}


.vacature2
{
position:absolute;
left:0;
top:-23;
}

#contactright {
float:right;
}
