html, body {margin:0; padding:0; height:100%;}

body {text-align:center; font:13px/1.6 arial, verdana, sans-serif; overflow:scroll; overflow-x:hidden; background:#0071b9 url(../../images/backgrounds/bodybg.gif) repeat-x}

img{border:0}

a 		{font:13px arial, verdana, sans-serif; color:#007dbf; text-decoration:none;}
a:hover	{font:13px arial, verdana, sans-serif; color:#007dbf;}

b 		{color:#A7A79F;}

td {font:13px arial, verdana, sans-serif; color:#636467;}

/********* SITE *********/

#body_overbas #maintable,
#body_medewerkers #maintable,
#body_vrienden #maintable,
#body_contact #maintable,
#body_aanbod #maintable,
#body_aanbodhuur #maintable,
#body_verkoop #maintable,
#body_aankoop #maintable,
#body_taxatie #maintable,
#body_hypotheek #maintable,
#body_zoekopdracht #maintable
{width:782px; margin:0 auto;}

#body_home #maintable		{width:782px; margin:0 auto;}

#body_home	#header			{width:782px; height:202px; vertical-align:top; background:url(../../images/backgrounds/htopbg.gif) no-repeat; color:#A7A79F;}
#header						{width:782px; height:202px; vertical-align:top; background:url(../../images/backgrounds/htopbg.gif) no-repeat; color:#A7A79F;}

#header_line				{width:782px; height:11px; background:url(../../images/header_bg.jpg) repeat-x 0px 0px;}

#htop_text{padding:35px 60px 0 0; margin-left:260px;text-align:justify; line-height:1.5}
#logo{float:left;margin-left:2px;display:inline;padding-top:60px}

/********* MENU *********/
#intro {height:519px; vertical-align:top; background:url(../../images/backgrounds/home.jpg) }
#home_menu,#home_menu td{background:url(../../images/backgrounds/home.jpg)}
#home_menu{width:100%;height:519px}
#home_menu td{vertical-align:top;padding-top:40px}
#home_menu td ul,
#home_menu td li{margin:0;padding:0;list-style:none}
* html #home_menu li{height:1px}
#home_menu td ul{padding:15px}
#home_menu li a{font:13px/1.6 arial, verdana, sans-serif;font-weight:bold;color:#0071b9;display:block;background:url(../../images/pijl.gif) no-repeat right center;}
#home_menu li a:hover{color:a7a79f}

/* mouseovers*/
.mousover_container{display:none;height:100%;position:relative;}
#home_menu td.over .mousover_container{display:block;}

#home_menu #home_menu_1			{background-position:top left; width:261px;}
#home_menu #home_menu_2			{background-position:top center; width:261px;}
#home_menu #home_menu_3			{background-position:top right; width:260px;}
#home_menu #home_menu_1.over	{background-position:bottom left;}
#home_menu #home_menu_2.over	{background-position:bottom center;}
#home_menu #home_menu_3.over	{background-position:bottom right;}

#navigation 	{width:782px; height:43px; background: url(../../images/backgrounds/maintablebg.gif) repeat-y;}

#menu, #menu li {margin:0;padding:0;list-style:none}
#menu_wieisbas,
#menu_aanbod,
#menu_diensten {float:left;display:block;position:relative;}

.menubutton {text-indent:-999em; display:block; height:43px; width:258px; margin-left:2px}

#menu_wieisbas .menubutton			{background:url(../../images/menu/btn_wieisbas.jpg)}
#menu_aanbod .menubutton			{background:url(../../images/menu/btn_aanbod.jpg)}
#menu_diensten .menubutton			{background:url(../../images/menu/btn_diensten.jpg)}

#body_overbas 		#menu_wieisbas 	.menubutton,
#body_medewerkers 	#menu_wieisbas 	.menubutton,
#body_vrienden 		#menu_wieisbas 	.menubutton,
#body_contact 		#menu_wieisbas 	.menubutton,
/* Hover van aanbod pagina's */
#body_aanbod 		#menu_aanbod 	.menubutton,
/* Hover van diensten pagina's */
#body_verkoop 		#menu_diensten 	.menubutton,
#body_aankoop 		#menu_diensten 	.menubutton,
#body_taxatie 		#menu_diensten 	.menubutton,
#body_hypotheek 	#menu_diensten 	.menubutton,
/* Hovering */
#menu 				li:hover   		.menubutton,
#menu 				li.sfhover 		.menubutton	
{
	background-position:bottom
}

#menu li div{position:absolute;width:260px;top:43px;left:-9999em;height:447px} /* negatieve left omdat screen readers display:none overslaan */
#menu li:hover   div,
#menu li.sfhover div{left:1px} /* en weer terug als je over de button gaat */
/*******SUBMENU STYLES******/
#menu li div ul{margin-top:1em;margin-left:0}
#menu_wieisbas	div {background:url(../../images/backgrounds/bg1.png) no-repeat}
#menu_aanbod 	div {background:url(../../images/backgrounds/bg2.png) no-repeat}
#menu_diensten 	div {background:url(../../images/backgrounds/bg3.png) no-repeat}


#menu li div ul,
#menu li div li{margin:0;padding:0;list-style:none}
* html #menu li div li{height:1px}
#menu li div ul{padding:15px}
#menu li div a{font:13px/1.6 arial, verdana, sans-serif;font-weight:bold;color:#0071b9;display:block;background:url(../../images/pijl.gif) no-repeat right center;}
#menu li div a:hover{color:a7a79f}
/********* CONTENT *********/
#content			{width:782px; height:465px;background: url(../../images/backgrounds/maintablebg.gif) repeat-y; vertical-align:top;}

#content_menu 				{width:260px; height:100%; padding-top:10px; vertical-align:top; background:#f5f5f5; border-left:2px solid #b6b6ae;}
#content_menu ul			{margin:0px; margin-top:10px; margin-bottom:10px; margin-left:20px; padding:0px; list-style:none;}
#content_menu li			{margin:0px; padding:0px;}
#content_menu li a			{width:200px; line-height:25px; color:#A7A79F; font-weight:bold; background:url(../../images/arrow.jpg) no-repeat right 7px; display:block;}
#content_menu li a:hover	{color:#0071b8; text-decoration:none; background:url(../../images/arrow_over.jpg) no-repeat right 7px;}

#body_overbas #content_menu .sub_overbas a,
#body_medewerkers #content_menu .sub_medewerkers a,
#body_vrienden #content_menu .sub_partners a,
#body_contact #content_menu .sub_contact a,
#body_verkoop #content_menu .sub_verkoop a,
#body_aankoop #content_menu .sub_aankoop a,
#body_taxatie #content_menu .sub_taxatie a,
#body_hypotheek #content_menu .sub_hypotheek a
{color:#0071b8; text-decoration:none; background:url(../../images/arrow_over.jpg) no-repeat right 7px;}

#content_text 		{width:480px; height:100%; padding-top:20px; padding-bottom:10px; padding-left:20px; padding-right:40px; vertical-align:top;}
#content_text h1 	{font-size:20px; color:#0070b8; font-weight:normal;}
#content_text p 	{color:#0170b8; font:13px/1.6 arial, verdana, sans-serif;}
#content_text li 	{color:#0170b8;}

#iframe_aanbod 		{width:778px; height:437px; margin-left:2px}
#iframe_spec		{width:261px; height:362px; position:absolute; bottom:28px; left:0; display:none;}
#iframe_snelzoek	{width:778px; height:38px;  border-top:1px solid #fff;border-left:2px solid #a7a79f;border-right:2px solid #a7a79f}
:root #iframe_spec	{bottom:29px}

#body_aanbod #content{height:auto}

/********* BOTTOM *********/
#bottom 	{width:782px; height:61px; padding-top:25px; padding-right:100px; background: url(../../images//backgrounds/nawbg.gif) no-repeat; text-align:right; }
#bottom a 	{color:#007dbf; font-size:10px; text-decoration:none}

h2{
	color:#b6b8ad;
	font-size:13px;
	margin:0px;
}

p{margin-top:0px;}

#body_aambodhuur .huurtxt{
	display:inline;
}

#body_aanbodhuur .kooptxt{
	display:none;
}

#body_aanbod .huurtxt{
	display:none;
}
#body_aanbod .kooptxt{
	display:inline;
}

#labeltxt_verplicht {display:none;}

.medewerker			{clear:both; height:auto !important; min-height:100px; height:100px}
.medewerker	img		{float:left; width:74px; height:74px; display:inline; margin-right:15px}
.medewerker a		{color:#a7a79f}