/********* STANDAARD *********/
html, body {margin:0; padding:0;}
body {background:#ffffff url(../../images/background.jpg) repeat-x; overflow:scroll; overflow-x:hidden;}
img {border:0}
* {font-family:Arial; font-size:12px; color:#ffff;}
a {color:#333333; text-decoration:none;}
a:hover {color:#333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
/********* SITE *********/
#maintable {width:986px; height:100%; margin:0px auto; border-left:1px solid #767676; border-right:1px solid #767676; background:#d9dadc url(../../images/content_bg.jpg) repeat-x top;}
/********* MENU *********/
#menu {width:986px; height:166px; vertical-align:top;}
#navigation {margin:0px; margin-top:80px; margin-left:54px; padding:0px; list-style:none; float:left;}
#navigation li {margin:0px; padding:0px; float:left;}
#navigation .btn_aanbod {width:112px; height:42px; background:url(../../images/menu/btn_aanbod.jpg) no-repeat; display:block;}
#navigation .btn_aanbod:hover {width:112px; height:42px; background:url(../../images/menu/btn_aanbod_over.jpg) no-repeat; display:block;}
#navigation .btn_aanbod_select {width:112px; height:42px; background:url(../../images/menu/btn_aanbod_over.jpg) no-repeat; display:block;}
#navigation .btn_diensten {width:108px; height:42px; background:url(../../images/menu/btn_diensten.jpg) no-repeat; display:block;}
#navigation .btn_diensten:hover {width:108px; height:42px; background:url(../../images/menu/btn_diensten_over.jpg) no-repeat; display:block;}
#navigation .btn_diensten_select {width:108px; height:42px; background:url(../../images/menu/btn_diensten_over.jpg) no-repeat; display:block;}
#navigation .btn_contact {width:108px; height:42px; background:url(../../images/menu/btn_contact.jpg) no-repeat; display:block;}
#navigation .btn_contact:hover {width:108px; height:42px; background:url(../../images/menu/btn_contact_over.jpg) no-repeat; display:block;}
#navigation .btn_contact_select {width:108px; height:42px; background:url(../../images/menu/btn_contact_over.jpg) no-repeat; display:block;}
#navigation .btn_inloggen {width:111px; height:42px; background:url(../../images/menu/btn_inloggen.jpg) no-repeat; display:block;}
#navigation .btn_inloggen:hover {width:111px; height:42px; background:url(../../images/menu/btn_inloggen_over.jpg) no-repeat; display:block;}
#navigation .btn_inloggen_select {width:111px; height:42px; background:url(../../images/menu/btn_inloggen_over.jpg) no-repeat; display:block;}
#navigation div {position:absolute; visibility:hidden; width:150px; margin:0px; padding:0px; background:#fff url(../../images/submenu_bg.jpg) repeat-x left bottom; z-index:120;}
#navigation #m1 {position:absolute; visibility:hidden; width:129px; height:130px; margin:0px; margin-top:-5px; margin-left:2px; padding:0px; padding-top:5px; background:url(../../images/submenu_diensten.png) repeat-x left bottom; z-index:120;}
#navigation #m2 {position:absolute; visibility:hidden; width:134px; height:130px; margin:0px; margin-top:-5px; margin-left:-4px; padding:0px; padding-top:5px; background:url(../../images/submenu_diensten.png) repeat-x left bottom; z-index:120;}
#navigation div a {position:relative; display:block; margin:0px; padding-top:10px; padding-left:10px; width:auto; white-space:nowrap; text-align:left; text-decoration:none; color:#666666; font:14px arial; z-index:120;}
#navigation div a:hover {color:#333333; font-weight:bold; text-decoration:none; z-index:120;}
#wonen #menu .btn_aanbod,
#nieuwbouw #menu .btn_aanbod,
#bedrijven #menu .btn_aanbod,
#verkocht #menu .btn_aanbod
{width:112px; height:42px; background:url(../../images/menu/btn_aanbod_over.jpg) no-repeat; display:block;}
#aankopen #menu .btn_diensten,
#verkopen #menu .btn_diensten,
#taxeren #menu .btn_diensten,
#referenties #menu .btn_diensten
{width:108px; height:42px; background:url(../../images/menu/btn_diensten_over.jpg) no-repeat; display:block;}
#inloggen #menu .btn_inloggen {width:108px; height:42px; background:url(../../images/menu/btn_inloggen_over.jpg) no-repeat; display:block;}
#contact #menu .btn_contact {width:108px; height:42px; background:url(../../images/menu/btn_contact_over.jpg) no-repeat; display:block;}
#menu #logo {width:321px; height:59px; margin-top:-56px; margin-right:64px; float:right;}
/********* SPECIAL *********/
#special_object {width:900px; height:200px; margin-top:-70; padding-left:10px; background:url(../../images/special_bg.jpg) no-repeat center top;}
#special_object #woninginbeeld {margin-left:65px;}
#special_object #woninginbeeld #button_left {float:left; margin-top:40px;}
#special_object #woninginbeeld #iframe_aanbod_laatste {width:787px; float:left; margin-top:-10px;}
#special_object #woninginbeeld #button_right {float:right; margin-right:5px; margin-top:40px;}
[id]#special_object #woninginbeeld #button_left {float:left; margin-top:40px;}
[id]#special_object #woninginbeeld #iframe_aanbod_laatste {width:780px; float:left; margin-top:-10px;}
[id]#special_object #woninginbeeld #button_right {float:right; margin-right:85px; margin-top:40px;}
/********* CONTENT *********/
#content_top {width:873px; height:36px; padding-top:2px; background:url(../../images/content_top_diensten.jpg) no-repeat center top; position: relative; z-index:2 !important;}
#content_top ul {margin:0px; margin-left:59px; padding:0px; list-style:none;}
#content_top li {margin:0px; padding:0px; float:left;}
#content_top .line {width:2px; height:34px; background:url(../../images/menu/submenu_line.jpg) no-repeat; display:block;}
/* submenu Aanbod */
#content_top .btn_wonen {width:121px; height:34px; background:url(../../images/menu/btn_wonen.jpg) no-repeat; display:block;}
#content_top .btn_wonen:hover {width:122px; height:34px; background:url(../../images/menu/btn_wonen_over.jpg) no-repeat; display:block; position:relative; margin-left:-1px;}
[id]#content_top .btn_wonen:hover {width:123px; height:34px; background:url(../../images/menu/btn_wonen_over.jpg) no-repeat; display:block; position:relative; margin-left:-2px;}
#content_top .btn_nieuwbouw {width:122px; height:34px; background:url(../../images/menu/btn_nieuwbouw.jpg) no-repeat; display:block;}
#content_top .btn_nieuwbouw:hover {width:122px; height:34px; background:url(../../images/menu/btn_nieuwbouw_over.jpg) no-repeat; display:block;}
#content_top .btn_bedrijven {width:122px; height:34px; background:url(../../images/menu/btn_bedrijven.jpg) no-repeat; display:block;}
#content_top .btn_bedrijven:hover {width:122px; height:34px; background:url(../../images/menu/btn_bedrijven_over.jpg) no-repeat; display:block;}
#content_top .btn_verkocht {width:122px; height:34px; background:url(../../images/menu/btn_verkocht.jpg) no-repeat; display:block;}
#content_top .btn_verkocht:hover {width:122px; height:34px; background:url(../../images/menu/btn_verkocht_over.jpg) no-repeat; display:block;}
#wonen #content_top .btn_wonen {width:122px; height:34px; background:url(../../images/menu/btn_wonen_over.jpg) no-repeat; display:block; position:relative; margin-left:-1px;}
[id]#wonen #content_top .btn_wonen {width:123px; height:34px; background:url(../../images/menu/btn_wonen_over.jpg) no-repeat; display:block; position:relative; margin-left:-2px;}
#nieuwbouw #content_top .btn_nieuwbouw {width:122px; height:34px; background:url(../../images/menu/btn_nieuwbouw_over.jpg) no-repeat; display:block;}
#bedrijven #content_top .btn_bedrijven {width:122px; height:34px; background:url(../../images/menu/btn_bedrijven_over.jpg) no-repeat; display:block;}
#verkocht #content_top .btn_verkocht {width:123px; height:34px; background:url(../../images/menu/btn_verkocht_over.jpg) no-repeat; display:block;}
/* submenu Diensten */
#content_top .btn_aankopen {width:123px; height:34px; background:url(../../images/menu/btn_aankopen.jpg) no-repeat; display:block;}
#content_top .btn_aankopen:hover {width:124px; height:34px; background:url(../../images/menu/btn_aankopen_over.jpg) no-repeat; display:block; position:relative; margin-left:-1px;}
[id]#content_top .btn_aankopen:hover {width:125px; height:34px; background:url(../../images/menu/btn_aankopen_over.jpg) no-repeat; display:block; position:relative; margin-left:-2px;}
#content_top .btn_verkopen {width:123px; height:34px; background:url(../../images/menu/btn_verkopen.jpg) no-repeat; display:block;}
#content_top .btn_verkopen:hover {width:123px; height:34px; background:url(../../images/menu/btn_verkopen_over.jpg) no-repeat; display:block;}
#content_top .btn_taxeren {width:122px; height:34px; background:url(../../images/menu/btn_taxeren.jpg) no-repeat; display:block;}
#content_top .btn_taxeren:hover {width:122px; height:34px; background:url(../../images/menu/btn_taxeren_over.jpg) no-repeat; display:block;}
#content_top .btn_referenties {width:122px; height:34px; background:url(../../images/menu/btn_referenties.jpg) no-repeat; display:block;}
#content_top .btn_referenties:hover {width:122px; height:34px; background:url(../../images/menu/btn_referenties_over.jpg) no-repeat; display:block;}
#aankopen #content_top .btn_aankopen {width:124px; height:34px; background:url(../../images/menu/btn_aankopen_over.jpg) no-repeat; display:block; position:relative; margin-left:-1px;}
[id]#aankopen #content_top .btn_aankopen {width:125px; height:34px; background:url(../../images/menu/btn_aankopen_over.jpg) no-repeat; display:block; position:relative; margin-left:-2px;}
#verkopen #content_top .btn_verkopen {width:123px; height:34px; background:url(../../images/menu/btn_verkopen_over.jpg) no-repeat; display:block;}
#taxeren #content_top .btn_taxeren {width:123px; height:34px; background:url(../../images/menu/btn_taxeren_over.jpg) no-repeat; display:block;}
#referenties #content_top .btn_referenties {width:123px; height:34px; background:url(../../images/menu/btn_referenties_over.jpg) no-repeat; display:block;}
#home #content_top {width:873px; height:29px; padding-top:2px; background:url(../../images/content_top.jpg) no-repeat center top;}
#contact #content_top {width:873px; height:29px; padding-top:2px; background:url(../../images/content_top.jpg) no-repeat center top;}
#inloggen #content_top {width:873px; height:29px; padding-top:2px; background:url(../../images/content_top.jpg) no-repeat center top;}
#zoekopdracht #content_top {width:873px; height:29px; padding-top:2px; background:url(../../images/content_top.jpg) no-repeat center top;}
#content {width:873px; height:100%; padding-left:113px; padding-right:113px; background:url(../../images/content_center.jpg) repeat-y center top; vertical-align:top;}
#verkopen #content {width:873px; height:100%; padding-left:113px; padding-right:0px; background:url(../../images/content_center.jpg) repeat-y center top; vertical-align:top;}
#home #content {width:873px; height:100%; padding:0px; padding-left:80px; background:url(../../images/content_center.jpg) repeat-y center top; vertical-align:top;}
#referenties #content {width:873px; height:100%; padding-top:30px; padding-left:80px; padding-right:0px; background:url(../../images/content_center.jpg) repeat-y center top; vertical-align:top;}
#wonen #content,
#nieuwbouw #content,
#bedrijven #content,
#verkocht #content
{width:873px; height:100%; padding:0px; background:url(../../images/content_center.jpg) repeat-y center top; vertical-align:top;}
#content #title {width:747px; margin-top:60px; text-align:center;}
#verkopen #content #title {width:780px; margin-top:0px; text-align:left; margin-left:-55px; }
#contact #content #title,
#inloggen #content #title,
#zoekopdracht #content #title
{width:747px; margin-top:17px; margin-bottom:28px; text-align:center;}
#referenties #title_referentie {width:747px; margin-top:17px; margin-bottom:17px; text-align:center;}
#content h2 {margin-bottom:33px; font-size:14px; color:#333333;}
#content #content_left {width:365px; height:auto; float:left; vertical-align:top;}
#content #content_left .colum {width:365px; height:124px; margin-top:10px; padding-top:15px; padding-left:15px; padding-right:10px; background:url(../../images/colum.jpg) no-repeat;}
#content #content_right {width:365px; height:auto; margin-left:20px; float:left; vertical-align:top;}
#content #content_right .content_image {margin-bottom:30px;}
[id]#inloggen #content #content_right .content_image {margin-bottom:30px; margin-top:-30px;}
#content #content_right .digdoss {width:365px; height:148px; padding-top:10px; padding-left:20px; background:url(../../images/digdoss.jpg) no-repeat; display:block; margin-bottom:0px;}
[id]#content #content_right .digdoss {width:365px; height:148px; padding-top:35px; padding-left:20px; background:url(../../images/digdoss.jpg) no-repeat; display:block; margin-bottom:0px;}
#content p {margin:0px; margin-bottom:25px; padding:0px; line-height:20px; color:#666666;}
#content b {color:#666666;}
#content i {color:#666666;}
#content ul {margin-top:-25px; padding:0px; margin-left:0px;}
#content li {color:#666666; padding-left:8px; padding-bottom:5px; list-style-type:none; background:url("../../images/bullet.gif") no-repeat 0px 6px;}
#content .text_bottom {width:747px; margin-top:20px; text-align:center; display:block;}
#content #mediaspace {margin-top:19px; margin-left:153px;}
[id]#content #mediaspace {margin-top:-2px; margin-left:-85px; text-align:center;}
#content_bottom {width:873px; height:15px; background:url(../../images/content_bottom.jpg) no-repeat center top;}
/* Referenties */
#referenties_top {width:817px; height:31px; background:url(../../images/referenties_top.jpg) no-repeat;}
#referenties_center {width:817px; padding-left:27px; background:url(../../images/referenties_center.jpg) repeat-y;}
#referenties_bottom {width:817px; height:37px; background:url(../../images/referenties_bottom.jpg) no-repeat;}
#referenties_item_top {width:760px; height:37px; background:url(../../images/referenties_item_top.jpg) no-repeat;}
#referenties_item_center {width:760px; height:500px; background:url(../../images/referenties_item_center.jpg) repeat-y;}
#referenties_item_center1 {width:760px; height:600px; background:url(../../images/referenties_item_center.jpg) repeat-y;}
#referenties_item_center h2,
#referenties_item_center1 h2
{width:760px; margin:0px; padding:0px; font-weight:bold; color:#000000; text-align:center;}
#referenties_item_center h3,
#referenties_item_center1 h3
{width:760px; max-width:720px; margin:0px; margin-top:20px; margin-bottom:20px; padding:0px; padding-left:20px; padding-right:20px; font-size:36px; color:#91d700; font-weight:normal; text-align:center;}
#referenties_item_center #referenties_item_left,
#referenties_item_center1 #referenties_item_left
{width:370px; max-width:330px; padding-left:20px; padding-right:20px; float:left;}
#referenties_item_center #referenties_item_left p,
#referenties_item_center1 #referenties_item_left p
{color:#666666;}
#referenties_item_center #referenties_item_right,
#referenties_item_center1 #referenties_item_right
{width:370px; max-width:330px; padding-left:20px; padding-right:20px; float:left;}
#referenties_item_center #referenties_item_right .referentie_image,
#referenties_item_center1 #referenties_item_right .referentie_image
{margin-bottom:20px;}
#referenties_item_center #referenties_item_right p,
#referenties_item_center1 #referenties_item_right p
{color:#666666;}
#referenties_item_bottom {width:760px; height:23px; margin-bottom:20px; background:url(../../images/referenties_item_bottom.jpg) no-repeat;}
#iframe_aanbod {width:850px; height:100%; margin-left:70px;}
/********* BOTTOM *********/
#bottom {width:873px; height:40px; padding-left:113px; padding-right:113px; vertical-align:middle; text-align:center; color:#666666;}
#bottom a {color:#666666;}
#contact #content_left{width:415px;}
#contact #content_right{width:335px; margin-left:0px;}
#verkopen .colum{margin-top:20px !important; margin-bottom:14px !important; padding-top:10px !important;}
/***** NIEUW DESIGN ******/
#bannerhuiskopen {
background:url(../../images/bannerhuiskopen.jpg) no-repeat;
margin: 20px 0px 0px 55px;
width: 423px;
height:200px;
display: block;
float: left;
}
#bannerhuisverkopen{
background:url(../../images/bannerhuisverkopen.jpg) no-repeat;
margin: 22px 55px 5px 0px;
width: 423px;
height:200px;
display: block;
float: right;
}
[id]#bannerhuiskopen {
background:url(../../images/bannerhuiskopen.jpg) no-repeat;
margin: 30px 0px 0px 55px;
width: 423px;
height:200px;
display: block;
float: left;
}
[id]#bannerhuisverkopen{
background:url(../../images/bannerhuisverkopen.jpg) no-repeat;
margin: 32px 55px 5px 0px;
width: 423px;
height:200px;
display: block;
float: right;
}
#filmStrip {position:relative; z-index:1 !important; }
{border-bottom:2px solid #89c542 !important; border-top:2px solid #89c542 !important;}
.text1{ font-size:14px; margin-left:30px; margin-top:134px; position: absolute; font-weight: bold;}
.text2{ font-size:14px; margin-left:27px; margin-top:131px; position: absolute; font-weight: bold; }
.text3{ font-size:14px; margin-left:20px; margin-top:58px; position: absolute; font-weight: bold; }
#popupback{
background: url(../../images/popup/popupback1.jpg) no-repeat;
width: 832px;
height: 722px;
border: 0px solid black;
}
[id]#popuplink{
margin-left:0px;
}
#popuplink{
position: absolute;
left: 322px;
margin-top:-60px;
}
#gradenfoto {
position: relative;
float: left;
width: 380px;
margin-left: 10px;
margin-top: 280px;
text-align: left;
}
#video {
position: relative;
float: right;
width: 380px;
margin-right: 20px;
margin-top: 280px;
text-align: left;
}
#tekst {width:832px; max-width:812px; padding:0px 10px; position:relative; top:280px;}
#fotograden {
position: relative;
float: left;
width: 380px;
text-align: left;
margin-top: 25px;
}
#fotogradenreflectie {
position: relative;
float: left;
width: 380px;
top: -5px;
text-align: left;
}
[id]#fotogradenreflectie {
top: 0px;
}
#fotovideo {
position: relative;
float: right;
width: 380px;
text-align: left;
margin-top: 25px;
}
#fotovideo {
position: relative;
float: right;
width: 380px;
text-align: left;
}