﻿/* CSS Document */
@import url("reset.css");

body
{
	background:#fff url(../../../images/inner-body-bg.jpg) top repeat-x;
	color: #2d373f
}
body.wonen
{
	background:#fff url(../../../images/inner-body-bg-vijverberg.jpg) top repeat-x;
}
body#Openhuis
{
	background:#fff url(../../../images/inner-body-bg-openhuis.jpg) top repeat-x;
}
#wrap
{
	width: 960px;
	margin:0 auto;
	position:relative;
	min-height:100%;
}
#home 
{
	background:#a8b2ce url(../../../images/home-bg.gif) top repeat-x
}

#home #wrap1
{
	position:absolute;
	left:50%;
	top: 50%;
	height: 500px !important;
	padding:0;
	margin: -250px 0 0 -458px;
	width:916px;
}
.labelcheckbox {
	cursor:pointer;
}
#header
{
	height: 207px;
}
body.horeca #header
{
	background:url(../../../images/header-bg-horeca.jpg) left bottom no-repeat
}
body.wonen #header
{
	background:url(../../../images/header-bg-wonen.jpg) left bottom no-repeat
}
body.bog #header
{
	background:url(../../../images/header-bg-bedrijven.jpg) left bottom no-repeat
}
body.advies #header
{
	background:url(../../../images/header-bg-advies.jpg) left bottom no-repeat
}
body.overons #header
{
	background:url(../../../images/header-bg-over-ons.jpg) left bottom no-repeat
}
#home #header
{
	height: 188px;
	position:relative
}
#home #header .logoVijverberg
{
	float:left;
	position:relative;
	width:373px;
	height:121px;
	top:40px;
	left:34px;
}
#home #header .logoMaeslanden
{
	float:right;
	position:relative;
	width:391px;
	height:116px;
	top:42px;
	right:34px;
}
#logo
{	
	position:absolute;
	left: 325px;
	top: 35px;
	background:url(../../../images/logo.png) no-repeat;
	width: 340px;
	height: 105px;
	text-indent: -9999px;
}
.wonen #logo
{	
	position:absolute;
	left: 325px;
	top: 35px;
	background:url(../../../images/logo-vijverberg-shadow.png) no-repeat;
	width: 339px;
	height: 108px;
	text-indent: -9999px;
}
.head_menu
{
	position:absolute;
	left: 45px;
	top: 65px;
	margin:0
}
.head_menu li
{
	float:left;
	list-style: none;
	margin:0;
	padding-right: 16px
}
.head_menu li a
{
	display:block;
	width: 53px;
	height: 65px;
	text-indent: -9999px
}

.login
{
	background:url(../../../images/but-login.png) no-repeat
}
.wonen .login
{
	background:url(../../../images/but-login-vijverhof.png) no-repeat
}
.logout
{
	background:url(../../../images/but-uitloggen.png) no-repeat
}
.wonen .logout
{
	background:url(../../../images/but-uitloggen-vijverhof.png) no-repeat
}
.zoeken
{
	background:url(../../../images/but-zoekers.png) no-repeat
}
.wonen .zoeken
{
	background:url(../../../images/but-zoekers-vijverhof.png) no-repeat
}
.mijnpagina
{
	background:url(../../../images/but-mijnpagina.png) no-repeat
}
.contactbutton
{
	background:url(../../../images/but-contact.png) no-repeat
}
.wonen .contactbutton
{
	background:url(../../../images/but-contact-vijverhof.png) no-repeat
}

/* main_menu
---------------------------------*/
#main_menu
{
	margin:0;
	padding:0 0 0 20px;
	position:absolute;
	left:0;
	top: 179px;
	width: 700px;
	height:28px;
}
#main_menu li
{
	float:left;
	margin:0;
	list-style: none;
	margin-right: 6px
}
#main_menu li a:link,
#main_menu li a:visited
{
	background:url(../../../images/main-menu-bg.gif) left top no-repeat;
	width: 117px;
	height: 28px;
	display:block;
	font: normal 12px/30px arial, helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#fff;
	text-decoration:none;
}
body.wonen #main_menu li a:link,
body.wonen #main_menu li a:visited
{
	background:url(../../../images/main-menu-bg-vijverhof.png) left top no-repeat;
}
#main_menu li a:hover,
#main_menu li a:active
{
	background:url(../../../images/main-menu-bg.gif) left -30px no-repeat;
	text-decoration:none;
}
body.wonen #main_menu li a:hover,
body.wonen #main_menu li a:active
{
	background:url(../../../images/main-menu-bg-vijverhof.png) left -30px no-repeat;
	text-decoration:none;
}
body.bog #main_menu li a.bedrijven,
body.horeca #main_menu li a.horeca,
body.advies #main_menu li a.advies,
body.overons #main_menu li a.over_ons
{
	background:url(../../../images/main-menu-bg.gif) left -60px no-repeat;
	color:#2c3f71;
	cursor:default;
	font-weight:bold;
}
body.wonen #main_menu li a.wonen
{
	background:url(../../../images/main-menu-bg-vijverhof.png) left -60px no-repeat;
	color:#818286;
	cursor:default;
	font-weight:bold;
}
#main_menu li a.over_ons
{
	background:url(../../../images/main-menu-bg.gif) left -30px no-repeat;
	text-decoration:none;
}
#main_menu li a.over_ons:hover
{
	background:transparent url(../../../images/main-menu-bg.gif) no-repeat scroll left -60px;
	color:#2C3F71;
	font-weight:bold;	
}
body.wonen #main_menu li a.over_ons
{
	background:url(../../../images/main-menu-bg-vijverhof.png) left -30px no-repeat;
	text-decoration:none;
}
body.wonen #main_menu li a.over_ons:hover
{
	background:transparent url(../../../images/main-menu-bg-vijverhof.png) no-repeat scroll left -60px;
	color:#818286;
	font-weight:bold;	
}
body.overons #main_menu li a.over_ons
{
	background:transparent url(../../../images/main-menu-bg.gif) no-repeat scroll left -60px;
	color:#2C3F71;
	font-weight:bold;	
}
ul#submenu {
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	height:30px;
	}
ul#submenu li {
	float:left;
	list-style:none;
	padding:0 12px;
	text-align:center;
	background:url(/images/submenu-border.gif) no-repeat right center;
	margin:6px 0;
	}
.wonen ul#submenu li {
	background:url(/images/submenu-border-vijverhof.gif) no-repeat right center;
	}
ul#submenu li.firstitem {
	margin-left:20px;
	}
ul#submenu li.lastitem {
	background:none;
	}
ul#submenu li a {
	display:block;
	padding:0;
	font: normal 11px arial, helvetica, sans-serif;
	color:#2c3f71;
	letter-spacing:1px;
	text-transform:uppercase;	
	text-decoration:none;
	line-height:1.4;
	}
ul#submenu li a:hover {
	color:#ffd139;
	}
.wonen ul#submenu li a {
	color:#818286;
	}
.wonen ul#submenu li a:hover {
	color:#EE3B34;
	}
body.bogaanbod ul#submenu li a.bogaanbod, body.beleggingen ul#submenu li a.beleggingen, body.bog-financiering ul#submenu li a.bog-financiering,
body.bog-taxaties ul#submenu li a.bog-taxaties, 
body.bog-aankoop ul#submenu li a.bog-aankoop,
body.dispositie ul#submenu li a.dispositie,
body.horecaaanbod ul#submenu li a.search,
body.horeca-aankoop ul#submenu li a.horeca-aankoop,
body.horeca-financiering ul#submenu li a.horeca-financiering,
body.horeca-taxaties ul#submenu li a.horeca-taxaties,
body.horeca-hospitality ul#submenu li a.hospitality,
body.nieuwbouw ul#submenu li a.nieuwbouw,
body.recovery ul#submenu li a.recovery,
body.marktanalyse ul#submenu li a.marktanalyse,
body.due-dilligence ul#submenu li a.due-dilligence,
body.overmaeslanden ul#submenu li a.overmaeslanden,
body.kantoren ul#submenu li a.kantoren,
body.pers ul#submenu li a.pers,
body.sponsoring ul#submenu li a.sponsoring,
body.uwteam ul#submenu li a.uwteam,
body.vacature ul#submenu li a.vacature,
body.links ul#submenu li a.links,
body.advies-hospitality ul#submenu li a.advies-hospitality
{
	font-weight:bold;
	border-bottom:solid 2px #ffd139;
	}
body.search ul#submenu li a.search, body.huur ul#submenu li a.huur, body.nieuwbouw ul#submenu li a.nieuwbouw, body.hypotheken ul#submenu li a.hypotheken, body.taxaties ul#submenu li a.taxaties, body.rondhuis ul#submenu li a.rondhuis
{
	font-weight:bold;
	border-bottom:solid 2px #EE3B33;
	}
/*-------------------------------*/

#content
{
	padding:0 20px 253px;
	width: 920px;
	background:#fff;
	overflow:visible;
}
#home #content
{
	padding:0;
	background: none;
	width: 916px;
}
body.disclaimer #content {
	padding-top:20px;
	}

/********************************************/
/*		Menu homepage													*/
/********************************************/	
.menu_home
{
	margin:0;
	padding-left: 0;
	display:block;
	margin-bottom: 35px;
	float:left;
	height:192px;
}
.menu_home li
{
	float:left;
	list-style: none;
	width: 214px;
	height:192px;
	margin:0 20px 0 0;
}
.menu_home li.advieslist {
	margin-right:0;
	}
.menu_home li a:link,
.menu_home li a:visited,
.menu_home li a:hover,
.menu_home li a:active
{
	display:block;
	width: 214px;
	height: 192px;
	text-align:center;
	padding:0;
	text-decoration:none;
}
.menu_home li.woonlist a:link,
.menu_home li.woonlist a:visited
{
	background: url(/images/bg-homemenu.png) 0 0 no-repeat;
}
.menu_home li.woonlist a:hover,
.menu_home li.woonlist a:active
{
	background: url(/images/bg-homemenu.png) 0 -208px no-repeat;
}
.menu_home li.bedrijvenlist a:link,
.menu_home li.bedrijvenlist a:visited
{
	background: url(/images/bg-homemenu.png) -220px 0 no-repeat;
}
.menu_home li.bedrijvenlist a:hover,
.menu_home li.bedrijvenlist a:active
{
	background: url(/images/bg-homemenu.png) -220px -208px no-repeat;
}
.menu_home li.horecalist a:link,
.menu_home li.horecalist a:visited
{
	background: url(/images/bg-homemenu.png) -440px 0 no-repeat;
}
.menu_home li.horecalist a:hover,
.menu_home li.horecalist a:active
{
	background: url(/images/bg-homemenu.png) -440px -208px no-repeat;
}
.menu_home li.advieslist a:link,
.menu_home li.advieslist a:visited
{
	background: url(/images/bg-homemenu.png) -660px 0 no-repeat;
}
.menu_home li.advieslist a:hover,
.menu_home li.advieslist a:active
{
	background: url(/images/bg-homemenu.png) -660px -208px no-repeat;
}
.menu_home li a span
{
	position:absolute;
	left:-4000px;
}
/* Einde menu homepage ************/
.link
{
	text-align:center;
	clear:both;
	margin:0;
	color: #204686;
}	
#checkbox_home {
	
	background-color: #204686;
}
.link a:link,
.link a:visited
{
	padding-left: 23px;
	background:url(../../../images/submit.gif) left top no-repeat;
	color: #2a4484;
	font: normal 14px/16px Arial, Helvetica, sans-serif
}

/* #mainCol
--------------------------------*/
#mainCol
{
	float:left;
	width: 636px;
	background:url(../../../images/main-bottom.gif) bottom no-repeat;
	padding-bottom:30px;
	margin-top:19px;
}
body.primary #mainCol
{
	background:none;
	margin-top:0;
}
.main_bottom
{
	
	float:left;
	width:inherit;
	background:#edf0f6;
}
body.primary .main_bottom
{
	background:none;
}
.main_top
{
	padding:20px 16px 14px 27px;
	width:593px;
	float:left;
	min-height: 439px;
	height: auto !important;
	height:439px;
	background: url(../../../images/main-top.gif) top no-repeat
}
body.primary .main_top
{
	background:none;
}
.main_top h1
{	
	width: 100%;
	font-size:20px;
	line-height:1.6;
}
.bog-opening .main_top h1.titleheader,
.horeca-opening .main_top h1.titleheader,
.advies-opening .main_top h1.titleheader
{	
	visibility:hidden;
	display:none;
}
body.opening .main_top h1
{	
	margin-bottom:2px;
}
.main_top .kolom1,
.main_top .kolom2 {
	float:left;
	width:270px;
	}
.main_top .kolom1 {
	margin-right:52px;
	}
.main_top .kolom2 {
	margin-top:-12px;
	}
.main_top .kolom1 h2,
.main_top .kolom2 h2{
	margin:12px 0 0;
	}
.main_top .kolom1 p,
.main_top .kolom2 p {
	margin:0;
	}
.main_top .kolom1 p.intro {
	border-bottom:solid 1px #000;
	padding-bottom:12px;
	}
.main_top .kolom1 a,
.main_top .kolom2 a {
	color:#2D373F;
	text-decoration:underline;
	}
.main_top .kolom1 a:hover,
.main_top .kolom2 a:hover {
	color:#ffd139;
	cursor:pointer;
	}
.wonen .main_top .kolom1 a,
.wonen .main_top .kolom2 a {
	color:#818286;
	}
.wonen .main_top .kolom1 a:hover,
.wonen .main_top .kolom2 a:hover {
	color:#EE3B33;
	}
.main_top p
{
	margin-bottom: 15px
}
.left_text
{
	float:left;
	width: 270px
}
.left_text p strong
{
	color: #666e81;
	line-height:18px
}
.button
{
	background:url(../../../images/inschrijfveld-button.gif) no-repeat;
	width: 150px;
	height: 27px;
	text-indent: -9999px;
	display:block
}

.right_text
{
	float:right;
	width: 300px
}
a.go_top
{
	float:right;
	clear:both;
	padding-right: 25px;
	color: #415995 !important;
	margin-top: -7px;
	background:url(../../../images/arrow.gif) right center no-repeat;
	font: bold 11px/13px Arial, Helvetica, sans-serif;
}
/* rightCol
------------------------------*/
#rightCol
{
	float:right;
	width: 262px;
	margin-top:20px;
}
#rightCol p
{
	margin-bottom:11px
}
#rightCol p.banners img
{
	margin-bottom:11px;
	display:block;
}

.form_block
{
	background:url(../../../images/block-grau-middle.gif) repeat-y;
	width: 262px
}
.form_bottom
{
	background:url(../../../images/block-grau-bottom.gif) bottom no-repeat
}
.wonen .form_bottom
{
	background:url(../../../images/block-grau-bottom-wonen.gif) bottom no-repeat
}
.form_top
{
	background:url(../../../images/block-grau-top.gif) top no-repeat;
	width: 230px;
	min-height: 173px;
	height: auto !important;
	height: 173px;
	padding: 18px 10px 11px 22px
}
.wonen .form_top
{
	background:url(../../../images/block-grau-top-wonen.gif) top no-repeat;
}
.form_top h2
{
	margin-bottom: 5px
}
.form_top select
{
	width:155px;
	border:1px solid #9ba0ac;
	background: #fff;
	color:#2a4484;
	font: normal 12px/13px Arial, Helvetica, sans-serif;
	margin-right:6px;
	float:left
}
.wonen .form_top select
{
	border:1px solid #818286;
	color:#818286;
}
.form_top label
{
	color:#2a4484;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	height: 18px;
}
.wonen .form_top label
{
	color:#818286;
}
.form_top input
{
	float:right;
	clear:both;
	background:url(../../../images/button-zoeken.gif) no-repeat;
	width: 95px;
	height: 24px;
	cursor: pointer;
	text-indent: -9999px
}
#rightCol .form_block #form2 div {
	overflow:hidden;
	margin-top:5px;
	}
.searchbutton
{
	float:right;
	clear:left;
	margin-top:20px !important;
}
.forms
{
	margin-top:10px;
}
/*--------------------------------*/
#footer
{
	position:relative;
	width: 960px;
	margin:-253px auto 20px;
	padding: 0;
	background: #E3E3E6 url(../../../images/footer-top-bg-wonen.gif) top no-repeat;
	height:253px;
}
.wonen #footer
{
	background: #E3E3E6 url(../../../images/footer-top-bg-wonen.gif) top no-repeat;
}
#home #footer
{
	width:916px;
	margin:0 auto;
	text-align:center;
	height:auto;
	background:none;
	padding-top: 50px;
}
.footer_bottom
{
	background:url(../../../images/footer-bottom-bg-wonen.gif) bottom no-repeat;
	padding: 34px 20px 10px 20px;
	overflow:hidden
}
.wonen .footer_bottom
{
	background:url(../../../images/footer-bottom-bg-wonen.gif) bottom no-repeat;
}
#home #footer p
{
	color: #fff;
	text-align:center;
	margin:0
}
#home #footer p a
{
	color: #fff;
}
#home #footer p a:hover
{
		text-decoration:none;
}
.white_col
{
	background:#fff url(../../../images/footer-block-top.gif) top no-repeat;
	float:left
}
.white_bottom
{
	background:url(../../../images/footer-block-bottom.gif) bottom no-repeat;
	padding:14px 0 11px 0;
	width: 100%;
	float:left
}

.menu_footer
{
	margin:0;
	float:left;
	width:920px;
	background:url(../../../images/footer-menu-border.gif) 188px top repeat-y
}
.menu_footer li
{
	float:left;
	list-style: none;
	border-right: 1px solid #d7dae5;
	padding-left: 12px;
	margin:0 5px 0 0
}
.wonen .menu_footer li
{
	border-right: 1px solid #818286;
}
.menu_footer li p
{
	margin-bottom: 5px;
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	color: #7480a4
}
.wonen .menu_footer li p
{
	color: #818286
}
.menu_footer li.li_1
{
	width: 176px
}
.menu_footer li.li_1 ul.next
{
	width: 97px
}
.menu_footer li.li_2
{
	width: 193px
}
.menu_footer li.li_2 ul.next
{
	width: 114px
}
.menu_footer li.li_3
{
	width: 167px
}
.menu_footer li.li_3 ul.next
{
	width: 88px
}
.menu_footer li.li_4
{
	width: 200px
}
.menu_footer li.li_4 ul.next
{
	width: 121px
}
.menu_footer li.li_5,
.menu_footer li.li_5 ul.first
{
	width: 90px;
	border: none
}
.menu_footer li ul.first
{
	width: 79px
}
.menu_footer li ul
{
	float:left;
	background:none
}
.menu_footer li ul li,
.wonen .menu_footer li ul li
{
	border: none;
	margin:0;
	padding:0;
	clear:both
}
.menu_footer li ul li a:link,
.menu_footer li ul li a:visited
{
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	color: #7480a4;
	white-space:nowrap;
	text-decoration:none;
}
.menu_footer li ul li a:hover,
.menu_footer li ul li a:active
{
	color: #FFD139;
}
.wonen .menu_footer li ul li a:link,
.wonen .menu_footer li ul li a:visited
{
	color: #818286;
}
.wonen .menu_footer li ul li a:hover,
.wonen .menu_footer li ul li a:active
{
	color: #EE3B33;
}

.text
{
	height:30px;
	padding-top:10px;
	float:left;
	width: 100%
}
.text p
{
	color: #FDEBE9;
	font: normal 10px/1 Arial, Helvetica, sans-serif;
	margin:0;
}
.text p a
{
	color: #FDEBE9;
	text-decoration:none;
	font-size:10px;
}
.text p a:hover
{
	text-decoration:underline;
}

#forms legend
{
	display:block;color:#2A4383;float:left;
}
#forms fieldset
{
    border:solid 1px #2A4383;
    padding:10px;
}
#forms p
{
	clear:left;
}
.row
{
    clear:left;
    overflow:hidden;
}
.row label
{
    display:block;
    width:120px;
    float:left;
    cursor:pointer;
    margin-bottom:2px;
}

.row input, .row textarea
{
    width:300px;
}
.row input, .row select
{
    width:300px;
}
.postcode input, .telefoon input
{
    width:100px !important;
}
.sendlink
{
	float:left;
	margin-top:15px;
}
.search table table img,
.huur table table img,
.bog table table img,
.nieuwbouw table table img {
	position:relative;
	top:55px;
	}
