/*	=================================
	INDELING

	1: Algemene settings van elementen
		 body, a, h1, h2, ul, ol, img

	2: Homepage layout
		1: #center
			1: #header
				1: h1.logo
				2: #searchform
				3: a.makelaarsinlog
			2: Navigatie
				1: #hoofdnav
				2: #contactnav
	3: Algemene layout
		1: #nonfooter
			1: #header
				1: h1.logo
				2: #searchform

			2: #submenu
			3: #contentcontainer
				1: #content
				2: #sidebar
		2: #footer

	4: Navigatie
		1: #header ul
		2: ul#contactnav
		3: #submenu ul

	5: Modules
		1: list_of_full_articles
		2: zoek een makelaar
		2: sitemap
		3: zoekresultaten
		4: links
		5: nieuws

	6: Formulieren

	7: Real Next

==================================*/

/* 1: Algemene settings van elementen */

html, body, form#form1 {
	width:100%;
	height:100%;
}
body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:62.5%;
	background:#666;
}
form#form1 {
	margin:0;
	padding:0;
}
a {
	color:#000;
}
a:hover {
	color:#08a;
}
h1, h2 {
	margin:0;
	padding:0;
}
ul, ol {
	margin:0;
	padding:0;
	list-style:none;
}
img {
	border:none;
	display:block;
}

/* 2: Homepage layout
------------------------*/
#layoutHome #center { /* ----> IE6 stylesheet line 1 ----------- */
	position:relative;
	width:1000px;
	height:487px;
	top:50%;
	margin:-244px auto 0;
	font-size:1.3em;
	background:#fff url(images/bg-home.jpg) no-repeat;
}

/* 2: Homepage layout #header
------------------------------*/
#layoutHome #center #header {
	/*position:relative;*/
	height:216px;
	background:url(images/bg-home-header.jpg) no-repeat 79px 57px;
}
#layoutHome h1 {
	position:relative;
	width:271px;
	height:71px;
	left:91px;
	top:25px;
}
#layoutHome h1 span {
	position:absolute;
	margin-left:-2000.0em;
}
#layoutHome #header #searchform
{
	position:absolute;
	right:70px;
	top:10px;
}
a.makelaarsinlog {
	position:relative;
	float:right;
	right:70px;
	margin-top:-32px;
	color:#888;
	font-size:0.9em;
}
a.makelaarsinlog:hover {
	color:#08a;
}

/* 2: Homepage layout #hoofdnav
------------------------------*/
#layoutHome #center #hoofdnav {
	position:relative;
	width:857px;
	height:218px;
	left:79px;
	top:18px;
	background:url(images/bg-home-hoofdnav.jpg) no-repeat;
}
#layoutHome #hoofdnav ul {
	position:relative;
	overflow:hidden;
	margin:0 0 0 70px;
	top:32px;
}
#layoutHome #hoofdnav li.sys_li_Home {
	visibility:hidden;
	display:none;
}
#layoutHome #hoofdnav li {
	display:block;
	float:left;
	width:150px;
	height:159px;
	margin-right:131px;
}
#layoutHome #hoofdnav li.sys_li_Diensten {
	margin-right:0;
}
#layoutHome #hoofdnav li a {
	display:block;
	width:150px;
	height:159px;
}
#layoutHome #hoofdnav li a span {
	position:absolute;
	margin-left:-10000.0em;
}
#layoutHome #hoofdnav li.sys_li_Aanbod a {
	background:url(images/bg-home-hoofdnav-aanbod.jpg) no-repeat;
}
#layoutHome #hoofdnav li.sys_li_Makelaars a {
	background:url(images/bg-home-hoofdnav-makelaars.jpg) no-repeat;
}
#layoutHome #hoofdnav li.sys_li_Diensten a {
	background:url(images/bg-home-hoofdnav-diensten.jpg) no-repeat;
}

/* 2: Homepage layout ul#contactnavnav
--------------------------------------*/
#layoutHome ul#contactnav {
	position:relative;
	top:30px;
	margin-left:296px;;
	overflow:hidden;
}
#layoutHome ul#contactnav li.home {
	visibility:hidden;
	display:none;
}
#layoutHome ul#contactnav li {
	display:block;
	float:left;
}
#layoutHome ul#contactnav li a {
	display:block;
	background:none;
	color:#00255B;
	margin:0;
	padding:0 8px;
	font-size:0.9em;
	text-decoration:underline;
	border-right:solid 1px #00255B;
}
#layoutHome ul#contactnav li a.lastitem {
	border-right:none;
}
#layoutHome ul#contactnav li a:hover {
	text-decoration:none;
}

/* 3: Algemene layout - #nonfooter
-------------------------------------*/
#nonfooter {
	position:relative;
	width:1000px;
	min-height:100%;
	margin:0 auto;
	font-size:1.3em;
	color:#333;
	background:#F7F8FD url(images/bg-nonfooter.gif) repeat-y;
	overflow:hidden;
}
/* 3: Algemene layout - #header
-------------------------------------*/
#header {
	position:relative;
	height:144px;
	background:#F7F8FD url(images/bg-header.gif) no-repeat;
}
#header h1.logo {
	position:relative;
	width:272px;
	height:72px;
	left:84px;
	top:70px;
	z-index:100;
}
#header h1.logo span {
	position:absolute;
	margin-left:-2000.0em;
	left:-2000px;
}
#header #searchform {
	position:relative;
	float:right;
	right:76px;
	top:16px;
	z-index:200;
}
#header #searchform a.sys_dconsi_search {
	color:#08a;
	text-decoration:none;
	margin-right:6px;
}
#header #searchform input#sys_dconsi_query {
	width:8.0em;
	border:solid 1px #08a;
	margin-right:3px;
}
#header #searchform img {
	display:inline;
	position:relative;
	top:2px;
}

/* 3: Algemene layout - #submenu
-------------------------------------*/
#submenu {
	position:relative;
	float:left;
	width:150px;  /* totale breedte = 150+86=236! */
	padding:20px 0 120px 86px;
	min-height:150px;
	z-index:200;
}
/* 3: Algemene layout - #contentcontainer
-------------------------------------*/
#contentcontainer {
	/*position:relative;*/
	float:left;
	width:764px;
}
/* 3: Algemene layout - #contentcontainer - #content
-------------------------------------*/
#content {
	/*position:relative;*/
	float:left;
	width:525px;               /* Totale breedte: 525+30=555! */
	padding:40px 30px 100px 0;
	margin-left: 0px;
	font-size:1.1em;
	color:#000;
}
#content h1 {
	color:#08a;
	font-size:1.1em;
	margin-bottom:1.0em;
	position:relative;
	padding-left:12px;
	background:url(images/bg-h1.gif) no-repeat left 3px;
}
#layoutRealnext #content,
#layoutZoekMakelaar #content {
	width:640px;
}
#layoutRealnext #content iframe {
	position:relative;
	margin-top:30px;
}
/* 3: Algemene layout - #contentcontainer - #sidebar
-------------------------------------*/
#sidebar {
	position:relative;
	float:left;
	width:209px;
	min-height:150px;
	padding-bottom:120px;
	margin-top:47px;
}

/* 3: Algemene layout - #footer
-------------------------------------*/
#footer {
	position:relative;
	width:1000px;
	height:90px;
	margin:-90px auto 0;
	background:#F7F8FD url(images/bg-footer.gif) no-repeat;
	clear:both;
	color:#888;
}

/* 4: Navigatie - #header ul [ Tabmenu ]
-----------------------------------*/
#header ul {
	position:relative;
	margin-left:350px;
	top:14px;
	overflow:hidden;
}
#header ul li {
	position:relative;
	float:left;
	display:block;
	position:relative;
	padding:0 0 0 30px;
	margin-left:-18px;
	background:url(images/bg-nav.jpg) no-repeat left -136px;
}
#header ul li a {
	position:relative;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	display:block;
	padding:4px 30px 4px 0;
	background:url(images/bg-nav.jpg) no-repeat right -136px;
}
#header ul li a:hover {
	text-decoration:underline;
}
#header ul li.sys_li_Home {
	visibility:hidden;
	display:none;
}
#header ul li.sys_li_Aanbod {
	z-index:50;
}
#layoutRealnext #header ul li.sys_li_Aanbod {
	background:url(images/bg-nav.jpg) no-repeat left -204px;
}
#layoutRealnext #header ul li.sys_li_Aanbod a {
	background:url(images/bg-nav.jpg) no-repeat right -204px;
}
#layoutRealnext #header ul li.sys_li_Makelaars {
	background:url(images/bg-nav.jpg) no-repeat left -272px;
}
#header ul li.sys_li_Makelaars {
	z-index:40;
}
#layoutZoekMakelaar #header ul li.sys_li_Makelaars {
	background:url(images/bg-nav.jpg) no-repeat left -204px;
}
#layoutZoekMakelaar #header ul li.sys_li_Makelaars a {
	background:url(images/bg-nav.jpg) no-repeat right -204px;
}
#layoutZoekMakelaar #header ul li.sys_li_Makelaars a {
	background:url(images/bg-nav.jpg) no-repeat right -204px;
}
#layoutZoekMakelaar #header ul li.sys_li_Makelaars a:hover {
	text-decoration:none;
}
#layoutZoekMakelaar #header ul li.sys_li_Aanbod a {
	background:url(images/bg-nav.jpg) no-repeat right -340px;
}
#layoutZoekMakelaar #header ul li.sys_li_Diensten a {
	background:url(images/bg-nav.jpg) no-repeat right -272px;
}
#header ul li.sys_li_Diensten {
	z-index:30;
	background:url(images/bg-nav.jpg) no-repeat left top;
}
#header ul li.sys_li_Diensten a {
	background:url(images/bg-nav.jpg) no-repeat right top;
}

#layoutDiensten #header ul li.sys_li_Diensten {
	background:url(images/bg-nav.jpg) no-repeat left -68px;
}
#layoutDiensten #header ul li.sys_li_Diensten a {
	background:url(images/bg-nav.jpg) no-repeat right -68px;
}
#layoutDiensten #header ul li.sys_li_Diensten a:hover {
	text-decoration:none;
}
#layoutDiensten #header ul li.sys_li_Makelaars a {
	background:url(images/bg-nav.jpg) no-repeat right -408px;
}

/* 4: Navigatie - #footer ul#contactnav [contactmenu]
----------------------------------------------------*/
#footer ul#contactnav {
	position:absolute;
	display:inline;
	margin:0;
	padding:0;
	right:78px;
	top:26px;
}
#footer ul#contactnav li {
	background:none;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#footer ul#contactnav li a {
	display:block;
	background:none;
	color:#666;
	margin:0;
	padding:0 6px;
	font-size:1.1em;
	text-decoration:underline;
	border-right:solid 1px #666;
}
#footer ul#contactnav li a.lastitem {
	padding:0 0 0 6px;
	border-right:none;
}
#footer ul#contactnav li a:hover {
	color:#08a;
}

/* 4: Navigatie - #submenu ul [zijmenu]
--------------------------------------------*/

#submenu ul
{
	margin:16px 0 20px;
	z-index:200;
}
#submenu li
{
	margin:0;
	padding:0;
	z-index:200;
}
#submenu ul a {
	display:block;
	width:auto;
	height:auto;
	padding:0 0 0 12px;
	color:#888;
	font-weight:bold;
	text-decoration:none;
	line-height:2.0em;
	border:none;
	background:url(images/bg-submenu.gif) no-repeat left 6px;
	z-index:200;
}
#submenu ul a:hover {
	color:#08a;
	background:url(images/bg-submenu.gif) no-repeat left bottom;
	z-index:200;
}

/* 5: Modules - 1: list_of_full_articles
----------------------------------------*/
div.sys_ArticleLayout25 {
	position:relative;
	margin-bottom:20px;
}
div.sys_ArticleLayout25 h1 {
	color:#1C2678;
	font-size:1.1em;
	margin-bottom:1.0em;
	padding-left:12px;
	background:url(images/bg-h1.gif) no-repeat left 3px;
}

/* 5: Modules - 2: zoek een makelaar
----------------------------------------*/
.modalBackground
{
	opacity:.50;
	filter: alpha(opacity=50);
	 -moz-opacity: 0.5;
	background-color: #fff;
}

div.sys_fes_contact_dlist {	
	padding-bottom:200px;
}


#layoutZoekMakelaar div.sys_fes_contact_dlist span.sys_label_search {
	font-weight:bold;
	display:block;	
}

#layoutZoekMakelaar select.sys_select_seach_range
{
	display:block;
	width:80px;
	margin-right:5px;
	float:left;
}

#layoutZoekMakelaar a.sys_link_search_range_explanation
{	
	display:block;	
	color:#666;
	width:200px;	
}

#layoutZoekMakelaar input
{
	margin-bottom:2px;
}

#layoutZoekMakelaar div.sys_fes_contact_dlist span.sys_label_search_place {
	margin-top:8px;
}

#layoutZoekMakelaar input.sys_button_search_submit {
	display:block;
	margin:6px 0 0;
	padding:0;
	border:none;
	background:#fff;
	text-decoration:underline;
	cursor:pointer;
}
table.sys_table_search_results {
	margin-top:30px;
	width:640px;
}
table.sys_table_search_results tr#TableHeaderRowResults {
	background:#202D89;
	color:#fff;
}
table.sys_table_search_results th {
	text-align:left;
	border-right:solid 1px #fff;
}
table.sys_table_search_results th,
table.sys_table_search_results td {
	padding:4px 0 4px 6px;
}
table.sys_table_search_results tr.sys_row_result_search_results_odd {
	background:#E3E8F9;
}
table.sys_table_search_results td a {
	color:#333;
}
div.sys_div_popup {
	/*left:50% !important;
	margin-left:-270px;
	top:-80px !important;
	*/
	background: #fff;
	border: solid 2px #202D89;
	width:540px;
	position:absolute;/* !important; */
}

div.sys_div_popup_header {
	background:#202D89;
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding:4px 0;
}

div.sys_div_popup_content
{
	background:#fff;
	height:100%;
	width:100%;
}

table.sys_table_popup {
	background:#fff;
	width:540px;
}

table.sys_table_popup th,
table.sys_table_popup td {
	padding:2px 6px;
	vertical-align:top;
}
table.sys_table_popup td a {
	color:#333;
}
div.sys_div_popup_footer {
	background:#202D89;
	font-weight:bold;
	color:#fff;
	padding:4px 0 0 6px;
}
div.sys_div_popup_footer a {
	color:#fff;
}
div.sys_div_popup_footer a:hover {
	text-decoration:none;
}

/* 5: Modules - 3: sitemap
----------------------------------------- */
div.sys_dsmap {
	position:relative;
	margin-top:20px;
}
div.sys_dsmap a {
	color:#333;
	text-decoration:none;
}
div.sys_dsmap a:hover {
	text-decoration:underline;
}
div.sys_dsmap li {
	padding:4px 0 4px 12px;
	background:url(images/bg-sitemap-firstlist.gif) no-repeat 0 10px;
}
div.sys_dsmap ul ul li {
	padding:0 0 0 30px;
	margin-top:-2px;
	background:url(images/bg-sitemap.gif) no-repeat;
}

/* 5: Modules - 4: zoekresultaten
----------------------------------------- */
#layoutContentZoekresultaten h2 {
	color:#000;
	font-size:1.0em;
	margin-bottom:1.0em;
}
#resultaten1 li,
#resultaten2 li
{
	display:block;
	float:left;
	margin-right:6px;
}
#resultaten1 li a.active,
#resultaten2 li a.active
{
	font-weight:bold;
}
table#resultatentabel {
	width:525px;
	clear:left;
	margin-top:20px;
	font-size:1.0em;
}
table#resultatentabel tr.tableborder div {
	float:left;
	display:block;
	font-weight:bold;
}
#layoutContentZoekresultaten div.sys_breadcrumbtrail {
	width:300px;
	color:#333;
	left:0;
	height:auto;
	padding:0 0 0 6px;
	font-size:1.0em;
}
#layoutContentZoekresultaten div.sys_breadcrumbtrail span {
	padding:0;
}
#layoutContentZoekresultaten tr.subtekst h2 {
	font-size:1.0em;
	margin:4px 0 3px 0;
	color:#333;
}
#layoutContentZoekresultaten tr.subtekst a {
	display:block;
	margin-bottom:20px;
}
#layoutContentZoekresultaten #resultatentabel th, #layoutContentZoekresultaten #resultatentabel td {
	padding-left:0px;
	text-align:left;
}
#resultatentabel tr.tableborder td {style.css (line 158)
	border-top:1px solid #000000;
	text-align:left;
}
#layoutContentZoekresultaten #resultatentabel a.active {
	color:#1C2678;
}
#layoutContentZoekresultaten #resultatentabel a:hover {
	color:#1C2678;
	text-decoration: underline;
}

/* 5: Modules - 5: links
----------------------------------------- */
#layoutLinks  li.sys_links_item
{
	margin-bottom:8px;
}
#layoutLinks div.sys_link a {
	color:#08a;
	font-weight:bold;
}
#layoutLinks div.sys_link a:hover {
	color:#f00;
}

/* 5: Modules - 5: nieuws
----------------------------------------- */
#layoutNieuws div.sys_news
{
	margin-bottom:12px;
	zoom:1;
}
#layoutNieuws div.sys_news div.sys_date
{
	float:left;
	width:80px;
	padding-top:2px;
	font-size:0.8em;
}
#layoutNieuws div.sys_news div.sys_readon
{
	margin:6px 0 0 80px;
	font-size:0.8em;
}
#layoutNieuwsDetail div.sys_fes_news_dndm div.sys_value_title
{
	font-weight:bold;
	color:#08a;
}
#layoutNieuwsDetail div.sys_fes_news_dndm div.sys_label_date
{
	visibility:hidden;
	display:none;
}
#layoutNieuwsDetail div.sys_fes_news_dndm div.sys_value_date,
#layoutNieuwsDetail div.sys_fes_news_dndm div.sys_label_source,
#layoutNieuwsDetail div.sys_fes_news_dndm div.sys_value_source
{
	font-size:0.8em;
}
#layoutNieuwsDetail div.sys_fes_news_dndm div.sys_label_source
{
	float:left;
	width:3.0em;
}
#layoutNieuwsDetail div.sys_fes_news_dndm div.sys_description
{
	margin:20px 0 12px;
}
#layoutNieuwsDetail div.sys_fes_news_dndm div.sys_back
{
	font-size:0.8em;
}

/* 6: Formulieren
----------------------------------------- */
div.sys_fes_cforms_dform
{
	width:525px;
	background:#fff;
}
div.sys_fes_cforms_dform span.sys_thanks_form
{
	background:#fff;
	display:block;
	width:525px;
}
div.sys_one_row
{
	margin-bottom:4px;
}
div.sys_fes_cforms_dform span.sys_fieldlabel
{
	width:180px;
	display:block;
	float:left;
}
div.sys_fes_cforms_dform input,
div.sys_fes_cforms_dform textarea
{
	width:230px;
}

/* Real Next
------------------------------------------ */
#layoutRealnext #divRealNextMainContainer
{
	margin:210px 0 0;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-330px;
	width:660px;
	z-index:1;
}

#layoutRealnext #divRealNextContainer
{
	position:relative;
	width:660px;
	height:500px;
	overflow-x:hidden;
	overflow-y:auto;
	padding:0 20px 0 0;
	margin-left:68px;
}



div.sys_div_popup div.sys_div_popup_footer a.sys_link

{

      margin:5px 5px 0px 0px;

}