/********* STANDAARD *********/
html, body {margin:0; padding:0;}
body {background:#2d2d2d; text-align:center; overflow:scroll; overflow-x:hidden;}
img {border:0;}
* {font-family:Verdana; font-size:11px; color:#e1e1e1;}
a {color:#e1e1e1; text-decoration:none;}
a:hover {color:#e1e1e1; text-decoration:underline;}
.wrap { position: relative; }
/********* SITE *********/
#maintable {width:968px; height:100%; margin: auto; padding-top:10px;}
#home #maintable {width:968px; height:auto; margin:0px auto; padding-top:10px;}
/********* MENU *********/
#menu {width:968px; height:45px;}
#navigation {width:auto; height:45px; margin:0px; padding:0px; z-index:30;}
#navigation li {width:78px; line-height:45px; margin:0px; margin-right:1px; padding:0px; list-style:none; float:left;}
[id] #navigation li {width:auto; line-height:45px; margin:0px; margin-right:1px; padding:0px; list-style:none; float:left;}
#navigation li a {display:block; margin:0px; padding:0px;}
#navigation li a:hover {display:block; margin:0px; padding:0px;}
#navigation div {position:absolute; visibility:hidden; width:126px; margin:0px; padding:0px; background:#828282 url(../../images/submenu_bg.jpg) repeat-x left bottom; z-index:120;}
#navigation div a {position:relative; display:block; margin:0px; padding-top:5px; padding-left:10px; padding-bottom:10px; width:auto; white-space:nowrap; text-align:left; text-decoration:none; color:#ffffff; font:12px arial; z-index:120;}
#navigation div a:hover {padding-left:10px; padding-top:5px; padding-bottom:10px; color:#ffffff; font-weight:normal; z-index:120; background:#2d2d2d;}
#navigation li .btn_home {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_home.jpg) no-repeat; display:block;}
#navigation li .btn_home:hover {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_home_over.jpg) no-repeat; display:block;}
#navigation li .btn_home_select {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_home_over.jpg) no-repeat; display:block;}
#navigation li .btn_woningaanbod {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_woningaanbod.jpg) no-repeat; display:block;}
#navigation li .btn_woningaanbod:hover {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_woningaanbod_over.jpg) no-repeat; display:block;}
#navigation li .btn_woningaanbod_select {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_woningaanbod_over.jpg) no-repeat; display:block;}
#navigation li .btn_overons {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_overons.jpg) no-repeat; display:block;}
#navigation li .btn_overons:hover {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_overons_over.jpg) no-repeat; display:block;}
#navigation li .btn_overons_select {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_overons_over.jpg) no-repeat; display:block;}
#navigation li .btn_diensten {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_diensten.jpg) no-repeat; display:block;}
#navigation li .btn_diensten:hover {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_diensten_over.jpg) no-repeat; display:block;}
#navigation li .btn_diensten_select {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_diensten_over.jpg) no-repeat; display:block;}
#navigation li .btn_zoekservice {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_zoekservice.jpg) no-repeat; display:block;}
#navigation li .btn_zoekservice:hover {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_zoekservice_over.jpg) no-repeat; display:block;}
#navigation li .btn_zoekservice_select {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_zoekservice_over.jpg) no-repeat; display:block;}
#navigation li .btn_contact {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_contact.jpg) no-repeat; display:block;}
#navigation li .btn_contact:hover {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_contact_over.jpg) no-repeat; display:block;}
#navigation li .btn_contact_select {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_contact_over.jpg) no-repeat; display:block;}
#navigation li .btn_referenties {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_referenties.jpg) no-repeat; display:block;}
#navigation li .btn_referenties:hover {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_referenties_over.jpg) no-repeat; display:block;}
#navigation li .btn_referenties_select {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_referenties_over.jpg) no-repeat; display:block;}
#navigation li .btn_links {width:78px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_links.jpg) no-repeat; display:block;}
#navigation li .btn_links:hover {width:78px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_links_over.jpg) no-repeat; display:block;}
#navigation li .btn_links_select {width:78px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_links_over.jpg) no-repeat; display:block;}
#home #navigation li .btn_home {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_home_over.jpg) no-repeat; display:block;}
#woningaanbod #navigation li .btn_woningaanbod {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_woningaanbod_over.jpg) no-repeat; display:block;}
#overons #navigation li .btn_overons {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_overons_over.jpg) no-repeat; display:block;}
#aankoop #navigation li .btn_diensten,
#verkoop #navigation li .btn_diensten,
#taxatie #navigation li .btn_diensten,
#hypotheek #navigation li .btn_diensten
{width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_diensten_over.jpg) no-repeat; display:block;}
#zoekopdracht #navigation li .btn_zoekservice {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_zoekservice_over.jpg) no-repeat; display:block;}
#contact #navigation li .btn_contact {width:126px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_contact_over.jpg) no-repeat; display:block;}
#links #navigation li .btn_links {width:78px; height:45px; margin:0px; padding:0px; background:url(../../images/menu/btn_links_over.jpg) no-repeat; display:block;}
/********* CONTENT *********/
#content {height:100%; padding-top:127px; padding-left:55px; background:#828282 url(../../images/content_bg.jpg) no-repeat left bottom; vertical-align:top;}
#links #content {height:1115px; padding-top:127px; padding-left:55px; background:#828282 url(../../images/content_bg.jpg) no-repeat left bottom; vertical-align:top;}
#content h1 {margin:0px; margin-bottom:15px; padding:0px; font-family:'Century Gothic'; font-size:13px; font-weight:bold;}
#content p {width:530px; margin:0px; margin-bottom:15px; padding:0px; height:auto;}
#content #logo {width:480px; height:90px !important; background:url(../../images/logo_intro.gif) no-repeat; position:absolute; margin-top:-88px; margin-left:-63px;}
#content #border {width:480px; height:2px; background:url(../../images/border_line.jpg) repeat-x;}
[id]#content #border {width:480px; height:2px; margin-bottom:10px; background:url(../../images/border_line.jpg) repeat-x;}
#home #content {width:554px; height:310px; padding-left:55px; background:#828282 url(../../images/content/home.jpg) no-repeat left bottom; z-index:3;}
[id]#home #content {width:auto; height:310px; padding-left:55px; background:#828282 url(../../images/content/home.jpg) no-repeat left bottom; z-index:3;}
#home #content #logo {width:480px; height:81px; z-index: 2;}
#home #content #border {width:554px; height:2px; background:url(../../images/border_line.jpg) repeat-x;}
#home #content p {width:548px; margin:0px; margin-bottom:10px; padding:0px; height:auto;}
#home #content .read_more {height:15px; width:528px; margin-top:-13px; padding-right:0px; background:url(../../images/read_more.gif) no-repeat right top; text-align:right;}
[id]#home #content .read_more {height:15px; width:528px; margin-top:-13px; padding-right:20px; background:url(../../images/read_more.gif) no-repeat right top; text-align:right;}
#woningaanbod #content {width:968px; height:100%; padding:0px; background:#828282 url(../../images/content_bg.jpg) no-repeat left bottom;}
#woningaanbod #content #logo {display:none;}
#Woningaanbod #content #border {display:none;}
#overons #image img {vertical-align: bottom;}
@-moz-document url-prefix()
{
#overons #image img {position: absolute; bottom: 55;}
}
/*#home #image {width:968px; height:310px; background:#828282 url(../../images/content/home.jpg) no-repeat; position: absolute; top: 55px; z-index: 1;}*/
#overons #image {width:420px; height:100%; background:#828282; float: right; vertical-align: bottom;}
#aankoop #image {width:250px; height:100%; background:#828282 url(../../images/content/aankoop.jpg) no-repeat right bottom;}
#taxatie #image {width:420px; height:100%; background:#828282 url(../../images/content/taxatie.jpg) no-repeat left bottom;}
#hypotheek #image {width:420px; height:100%; background:#828282 url(../../images/content/hypotheken.jpg) no-repeat left bottom;}
#verkoop #image {width:427px; height:100%; background:#828282 url(../../images/content/verkoop.jpg) no-repeat left bottom;}
#zoekopdracht #image {width:420px; height:100%; background:#828282 url(../../images/content/zoekopdracht.jpg) no-repeat left bottom;}
#contact #image {width:420px; height:100%; background:#828282 url(../../images/content/contact.jpg) no-repeat left bottom;}
#nieuwsblieb #image {width:420px; height:100%; background:#828282 url(../../images/content/nieuws.jpg) no-repeat right bottom;}
#nieuwsblieb {margin-top:31px;}
#zoekopdracht #image {width:420px; height:100%; background:#828282 url(../../images/content/zoekopdracht.jpg) no-repeat left bottom;}
#stappennaarhuis #image {width:500px; height:100%; background:#828282 url(../../images/content/stappennaarhuis.jpg) no-repeat left bottom;}
#links1 #image {width:427px; height:100%; background:#828282 url(../../images/content/claudia.jpg) no-repeat right bottom;}
#links2 #image {width:427px; height:100%; background:#828282 url(../../images/content/theo.jpg) no-repeat right bottom;}
#links3 #image {width:427px; height:100%; background:#828282 url(../../images/content/patrick.jpg) no-repeat right bottom;}
#links4 #image {width:427px; height:100%; background:#828282 url(../../images/content/rinus.jpg) no-repeat right bottom;}
.refpics {position: absolute; left: 550px; padding: 20px;}
/* BACKUP BG FOTOS
#home #image {width:414px; height:310px; background:#828282 url(../../images/content/home.jpg) no-repeat;}
#overons #image {width:420px; height:100%; background:#828282 url(../../images/content/overons.jpg) no-repeat left bottom;}
#aankoop #image {width:420px; height:100%; background:#828282 url(../../images/content/aankoop.jpg) no-repeat left bottom;}
#taxatie #image {width:420px; height:100%; background:#828282 url(../../images/content/taxatie.jpg) no-repeat left bottom;}
#hypotheek #image {width:420px; height:100%; background:#828282 url(../../images/content/hypotheken.jpg) no-repeat left bottom;}
#verkoop #image {width:420px; height:100%; background:#828282 url(../../images/content/verkoop.jpg) no-repeat left bottom;}
#zoekopdracht #image {width:420px; height:100%; background:#828282 url(../../images/content/zoekopdracht.jpg) no-repeat left bottom;}
#contact #image {width:420px; height:100%; background:#828282 url(../../images/content/contact.jpg) no-repeat left bottom;}
*/
/********* SPECIALE OBJECTEN *********/
#home #special {width:968px; height:194px; background:url(../../images/special_bg.jpg) no-repeat 0px 10px;}
#woningaanbod #special,
#overons #special,
#aankoop #special,
#verkoop #special,
#taxatie #special,
#hypotheek #special,
#zoekopdracht #special,
#contact #special,
#sitemap #special,
#algemenevoorwaarden #special,
#disclaimer #special,
#referenties #special,
#klanttevredenheid #special,
#referentie #special,
#referentie #special,
#personeel #special,
#nieuwsblieb #special,
#links #special,
#stappennaarhuis #special,
#links1 #special,
#links2 #special,
#links3 #special,
#links4 #special
{display:none;}
#special #woninginbeeld {margin-left:20px;}
#special #woninginbeeld #button_left {float:left; margin-top:62px;}
#special #woninginbeeld #iframe_aanbod_laatste {width:862px; height:165px; float:left; margin-top:5px;}
#special #woninginbeeld #button_right {float:right; margin-top:62px; margin-right:20px;}
[id]#special #woninginbeeld {margin-top:10px; margin-left:20px;}
/********* AANBOD *********/
#iframe_aanbod {width:100%; height:100%;}
/********* BOTTOM *********/
#bottom {width:968px; height:54px;}
#bottom ul {width:auto; margin:0px; padding:0px; list-style:none;}
#bottom li {margin:0px; padding:0px; float:left;}
#bottom .logo_nvm {margin-right:8px;}
#bottom .logo_mva {margin-right:21px;}
#bottom .adres {margin-right:39px;}
/*
***************************************************************************************
BOXOVER OVER ONS
***************************************************************************************
*/
.tooltip_txt
{
width:250px;
color: #FFFFFF;
font-size: 10px;
text-align: left;
padding: 2px 0 2px 4px;
margin: 3px 0 3px -2px;
background: #31312d;
}
.tooltip_txt a {text-decoration:none; background-color:#345d4b; font-size:11px;}
.tooltip_txt a:hover {text-decoration:none; background-color:#345d4b; font-size:11px;}
.tooltipheader
{
width: 250px;
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
text-align: left;
padding: 3px;
border-top: 1px solid #828282;
border-left: 1px solid #828282;
border-right: 1px solid #828282;
background-color: #828282;
filter:alpha(opacity=90); /* IE */
-moz-opacity:.90; /* Opera */
opacity:.90; /* FF */
}
.tooltipbody
{
width: 250px;
color: #FFFFFF;
font-size: 10px;
text-align: left;
padding: 3px;
border: 1px solid #828282;
background-color: #828282;
filter:alpha(opacity=90); /* IE */
-moz-opacity:.90; /* Opera */
opacity:.90; /* FF */
}
.personeel {
border: 1px dotted #FFFFFF;
WIDTH:420px;
height:100px;
}
#popup .ozcont_body .ozcont_main .ozcont_tableprops .ozcont_bottomtekst #ozcont_gentxt2 {display:none!important;}
#personeel{
text-align:left; margin:20px; overflow:hidden; border:none;
}
.img_referentie {float:left; margin-right:10px;}
[class].img_referentie {float:none; margin-right:10px;}
.referentie {height:179px; clear:both; margin-bottom:10px;}
[class].referentie {height:auto;}
#referenties #content {width:100%;}
@-moz-document url-prefix()
{
.img_referentie {float:left; margin-right:10px;}
.referentie {height:179px; clear:both; margin-bottom:10px; width:100px;}
#referenties #content {width:100%;}
#referenties #content p {width:800px; margin:0px; margin-bottom:15px; padding:0px; height:auto;}
}
/*
***************************************************************************************
NIEUWSBLIEB
***************************************************************************************
*/
.nieuws_datum { font-style:italic; padding-top:10px;}
.nieuws_titel { font-weight:bold;}
.nieuws_tekst { padding-bottom:10px; border-bottom: solid 1px #a1a1a1;}
#home #content .read_more2 {height:15px; padding-top:0px; padding-right:20px; background:url(../../images/read_more.gif) no-repeat right top; text-align:right;}
[id]#home #content .read_more2 {height:15px; padding-left:-10px; padding-right:0px; background:url(../../images/read_more.gif) no-repeat right top; text-align:right;}
/*************************** TWITTER *****************************/
.TwitterGadget{
width:414px !important;
margin-top:10px;
float:right;
}
#body_twitter{
background: transparent;
text-align:left;
float:right;
}
[id]#iframe_twitter{
}
#iframe_twitter {
width:420px;
position:absolute;
margin-left:480px;
margin-top:-110px;
}
.TwitterGadget .TwitterContainer {
padding: 20px 0 12px !important;
}
.TwitterGadget .twitter_channellink {
display:none !important;
}
#iframe_openhuis {
width:900px;
height:auto;
min-height:600px;
}
#social_home {
position: absolute;
background: none !important;
margin-top: -28px;
margin-left: 700px;
}
[id]#social_home {
position: relative;
float: right;
margin-top: -5px;
margin-left: 0px;
}
#social_home a {
margin-left:5px;
margin-right:5px;
}
#social_home img{
height:28px;
}
/* LINKS */
#loodgieter_div,
#bouwkundige_div,
#electricien_div,
#verhuizer_div {border:1px solid;height:450px;float:left;margin-right:20px;margin-bottom:20px;position:relative;}
#links_div_tekst p {font-size:10px;width:410px;padding:10px 10px 10px 10px;}
#links_foto_div img {padding:10px;width:410px;}
#links_naam {margin-left:30px;font-weight:bold;}
#links_div_tekst1 p {font-size:10px;width:800px;padding:10px 10px 10px 10px;}
#loodgieter_div1,
#bouwkundige_div1,
#electricien_div1,
#verhuizer_div1 {border:1px solid;width:815px;height:510px;float:left;margin-right:20px;margin-bottom:20px;}