/*
COMMENT: rembert 22-11-06 menu vertraging sluiten items, rewrite #primary-nav css deel
COMMENT: rembert 15-11-06 firefox fix style derde menu laag: hoogte was 100%, is nu auto
 */
/* Td voor Buttons aan de rechterkant */
.td_full_menu
{
	width: 145px;
	height: 145px;
	background-color: #BBBB1D; /*#699319*/
	text-align: left;
	vertical-align: top;
	text-indent: 3px
}
.tbl_content
{
	width: 588px;
	height: 588px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background: url(../images/background_content_wonen.jpg) no-repeat;
}
.aanbod_bgcolor
{
	background-color: #E0E2F1;
}


/* ========== < 3. Opbouw van Menu > ========== */
/* Uitlijning / Positie van Menu */
#primary-nav,
#primary-nav ul
{
	margin:					    0px 0px 0px 0px;
	padding:				    0px;
    list-style:                 none;
    /* geen breedte / hoogte container! */
}
#primary-nav *
{
    cursor:                     pointer;    /* Verander muispointer voor IE */
}
#primary-nav a:link, #primary-nav a:visited
{
	color: white;
}

#primary-nav a:hover, #primary-nav a:active
{
	color: black;
}

/* Menu items/Background Main Menu */

#primary-nav li
{
	position:				    relative;
	width: 					    75px;
	height: 					75px;
	border: 					35px solid #BBBB1D;/* #699319 */
	margin: 					0px 0px 2px 0px;
	
	font-family:			    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 				    11px;
	font-weight:			    bold;
	text-transform:		        uppercase;
    text-align:                 left;
	display:                    inline-block ;     
}

/* Geselecteerd item hoofdmenu */
#primary-nav #selected 
{
	border: 					35px solid #0C4A93;/* #699319 */
}
#primary-nav li:hover,
#primary-nav #active
{
    border: 35px solid #0C4A93; /* #3B0085 */
}

/* Positie, Uitlijning en Opmaak van het hoofdmenu */
#primary-nav li a
{
	display:					inline-block;
	text-transform:		        uppercase;
	font-family:			    Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:					    0px;
	text-decoration:		    none;
}

/* Positie, Uitlijning en Opmaak van het submenu */
#primary-nav ul
{
	height:					    145px;
	position:				    absolute; 
	display:				    none;
	top: 					    -35px;/* 2909 aangepast 112 -  naar 111 + 1 border om menu open te laten */
	left:					    110px; /* 1px minder dan menu width, houdt rekening met de padding! */
	background-color: 	        #0C4A93;  /* #3B0085 */
	padding-left:               5px;
	border-left:                solid white 2px; /* witruimte tussen hoofdmenu en submenu */
}
#primary-nav ul li
{
	position:				    relative;
	border: 				    0px;
	height:					    18px;
	width:					    287px;      /* breedte submenu */ 
	text-align:				    left; 
	display:                    inline-block;
}
/* Style van derde menu laag! */
#primary-nav ul li ul
{
	border-left:				2px solid white;
	height:					    auto;
}
#primary-nav li ul li a 
{
	/* nodig om de a-hover over de gehele breedte van de li activeren */
	display:					block;
}
#primary-nav li ul li a:hover,
#primary-nav li ul li:hover,
#primary-nav li ul #active
{
}
/* Menu items/Background Main Menu */
* html body #primary-nav ul li
{
}


/* Border: 0px voor hover van het submenu */
#primary-nav li ul li:hover,
#primary-nav li ul #active 
{
	border: 				    0;
	background-color: 	        #e0e2f1; /* #e3e394; Licht geel */
	/* hasLayout mag niet worden geset, dus geen width / height hier! */
}

#primary-nav li ul li a:hover, 
#primary-nav li ul li a:active
{
	background-color: 	        #e0e2f1;  /* #e3e394; Licht geel */
	padding:                    0;
	margin:                     0;  
	/* hasLayout mag niet worden geset, dus geen width / height hier! */
}

/* Gebruik GEEN display:none hier */
#primary-nav li:hover ul ul,
#primary-nav #active ul ul
{
    display:                    block;
    top:                        -2000px;
} /* Hide sub-menus initially */

#primary-nav li:hover ul,
#primary-nav #active ul
{ 
    display:                    block;
    top:                        -35px;

} /* The magic */

#primary-nav li:hover ul ul ul,
#primary-nav #active ul ul ul
{
    display:                    block;
    top:                        -2000px;
} /* Hide sub-menus initially */

#primary-nav li:hover ul ul,
#primary-nav #active ul ul
{
    display:                    block;
    top:                        -2000px;
} /* Hide sub-menus initially */


#primary-nav li li:hover ul,
#primary-nav li #active ul
{ 
    display:                    block;
    top:                        -1px;
} /* The magic */

#primary-nav li li li:hover ul,
#primary-nav li li #active ul
{ 
    display:                    block;
    top:                        0px;
} /* The magic */

#primary-nav li.over ul,
#primary-nav li li.over ul,
#primary-nav li li li.over ul 
{ 
    display:                    block;
    top:                        0px;
} /* The magic */


/* Positie en Uitlijning van derde menu laag */
#primary-nav ul ul
{
	width:					    287px;
	position:				    absolute;
	display:				    none;
	left:					    287px; /* 1px minder dan menu width, houdt rekening met de padding! */
    background-color:           #0C4A93;
    border:                     0;          /* overrule border van 2e menulaag */
}
#primary-nav ul ul li
{
    overflow:                   hidden; /* voorkom wrapping */
}
#primary-nav ul ul li a
{
    white-space:                nowrap; /* voorkom wrapping */
}
/* Border: 0px voor hover van het submenu */
#primary-nav ul ul li:hover,
#primary-nav ul ul #active
{
}
#primary-nav ul ul li a:hover
{
}
/* div#kader_3 
{
    display :               block;
    position:               absolute;
    top:                    2px;
    left:                   452px;
    background-color:       yellow;
    width:                  292px;
    height:                 586px;
    z-index:                10;
} */
/* ================== Enige DIV's in project ================== */
/* ========= Wordt gebruikt voor het scrollen van pagina ======== */
/* Div iets kleiner dan td_content_right, waar die in staat */
/* Is voor het aansluiten van de blokken op elkaar in de achtergrond */
#div_template
{
	width: 431px;
	height: 576px;
	border: 01px;
	overflow: auto;
	padding: 5px;
	background-color: #E0E2F1; /* #E0E2F1; Licht blauw */
}
/* Div template voor 3 kolommen en 4 rijen */
#div_template_3
{
	width: 431px;
	height: 576px;
	border: 0px;
	overflow: auto;
	padding: 5px;
	background-color: #e0e2f1; /* #E0E2F1; Licht blauw */
}

/* Div template voor 4 kolommen en 3 rijen */
#div_template_4
{
	width: 576px;
	height: 429px;
	border: 0px;
	overflow: auto;
	padding: 5px;
	background-color: #e0e2f1; /* #E0E2F1; Licht blauw */
}
#div_realestate_bottom
{
	margin-top: 2px;
	width: 576px;
	height: 282px;
	border: 01px;
	overflow: auto;
	padding: 5px;
	background-color: #E0E2F1;
}
#realestate_klein
{
	width: 282px;
	height: 282px;
	overflow: auto;
	padding: 5px;
	margin: 2px 0px 0px 0px;
	background-color: #E0E2F1; 
}