/*
name			: Class Behaviour
update			: 20051129
author			: Xander Bindt, Frank van Rooijen, Maurice van Creij
dependencies		: lib_classbehaviour.js
info				: http://www.woollymittens.nl/
*/

#mainNavigation {
	position : absolute;
	left : 29px;
	top : 94px;
	z-index : 2000;
	margin : 0px 0px 0px -9px;
	padding : 0px;
	border: solid #eaf1fa;
	border-width: 0 0 1px;
	width : 957px;
}
	#mainNavigation li {
		position : relative;
		list-style-type : none;
		float : left;
		height : 30px;
		background-image : url(/zakelijkhuisaanhuis/img/mainNavigation_0_link.png);
	}
	* html #mainNavigation li {
		background-image : url(/zakelijkhuisaanhuis/img/mainNavigation_0_link.gif);
	}
		#mainNavigation li a {
			font-weight : bold;
			line-height : 32px;
			padding : 0px 25px 0px 0px;
		}
			#mainNavigation li a:link,
			#mainNavigation li a:visited,
			#mainNavigation li a:hover,
			#mainNavigation li a:active {
				color: #000066;
				text-decoration : none;
			}
		#mainNavigation li div {
			display : none;
		}
	#mainNavigation li.hover,
	#mainNavigation li:hover {}
			#mainNavigation li.hover a:link,
			#mainNavigation li.hover a:visited,
			#mainNavigation li.hover a:hover,
			#mainNavigation li.hover a:active,
			#mainNavigation li:hover a:link,
			#mainNavigation li:hover a:visited,
			#mainNavigation li:hover a:hover,
			#mainNavigation li:hover a:active {
				color: #22b2fd;
				text-decoration : none;
			}
		#mainNavigation li.hover div,
		#mainNavigation li:hover div{
			display : block;
			position : absolute;
			left : -7px;
			top : 30px;
			z-index : 3000;
			width : 189px;
		}
			#mainNavigation li.hover div ul,
			#mainNavigation li:hover div ul {
				margin : 0px;
				padding : 0px 0px 9px 0px;
				background-image : url(/zakelijkhuisaanhuis/img/mainNavigation_1_back.png);
				background-position : 0% 100%;
			}
			* html #mainNavigation li.hover div ul,
			* html #mainNavigation li:hover div ul {
				background-image : url(/zakelijkhuisaanhuis/img/mainNavigation_1_back.gif);
			}
				#mainNavigation li.hover div ul li,
				#mainNavigation li:hover div ul li {
					float : none;
					width : 169px;
					height : auto;
					padding : 5px 15px 5px 15px;
					background-image : url(/zakelijkhuisaanhuis/img/mainNavigation_0_link.png);
				}
				* html #mainNavigation li.hover div ul li,
				* html #mainNavigation li:hover div ul li {
					background-image : url(/zakelijkhuisaanhuis/img/mainNavigation_0_link.gif);
				}
					#mainNavigation li.hover div ul li a,
					#mainNavigation li:hover div ul li a {
						font-weight : normal;
						font-size : 90%;
						line-height : 1.3em;
						padding : 0px;
						background-image : none;
					}
						#mainNavigation li.hover div ul li a:link,
						#mainNavigation li.hover div ul li a:visited,
						#mainNavigation li.hover div ul li a:hover,
						#mainNavigation li.hover div ul li a:active,
						#mainNavigation li:hover div ul li a:link,
						#mainNavigation li:hover div ul li a:visited,
						#mainNavigation li:hover div ul li a:hover,
						#mainNavigation li:hover div ul li a:active {
							color: #000066;
						}
					#mainNavigation li.hover div ul li div,
					#mainNavigation li:hover div ul li div {
						display : none;
					}
				#mainNavigation li.hover div ul li.hover,
				#mainNavigation li:hover div ul li:hover {
					background-image : url(/zakelijkhuisaanhuis/img/mainNavigation_0_hover.png);
				}
				* html #mainNavigation li.hover div ul li.hover,
				* html #mainNavigation li:hover div ul li:hover {
					background-image : url(/zakelijkhuisaanhuis/img/mainNavigation_0_hover.gif);
				}
					#mainNavigation li.hover div ul li.hover a,
					#mainNavigation li:hover div ul li:hover a {}
						#mainNavigation li.hover div ul li.hover a:link,
						#mainNavigation li.hover div ul li.hover a:visited,
						#mainNavigation li.hover div ul li.hover a:hover,
						#mainNavigation li.hover div ul li.hover a:active,
						#mainNavigation li:hover div ul li:hover a:link,
						#mainNavigation li:hover div ul li:hover a:visited,
						#mainNavigation li:hover div ul li:hover a:hover,
						#mainNavigation li:hover div ul li:hover a:active {
							color: #22b2fd;
						}
					#mainNavigation li.hover div ul li.hover div,
					#mainNavigation li:hover div ul li:hover div {
						display : block;
						top : 0px;
						left : 181px;
						padding-top : 7px;
						background-image : url(/zakelijkhuisaanhuis/img/mainNavigation_2_back.png);
						background-repeat : no-repeat;
					}
					* html #mainNavigation li.hover div ul li.hover div,
					* html #mainNavigation li:hover div ul li:hover div {
						left : 176px;
						top : -7px;
						background-image : url(/zakelijkhuisaanhuis/img/mainNavigation_2_back.gif);
					}
						#mainNavigation li.hover div ul li.hover div ul,
						#mainNavigation li:hover div ul li:hover div ul {}
							#mainNavigation li.hover div ul li.hover div ul li,
							#mainNavigation li:hover div ul li:hover div ul li {
								background-image : url(/zakelijkhuisaanhuis/img/mainNavigation_0_link.png);
							}
							* html #mainNavigation li.hover div ul li.hover div ul li,
							* html #mainNavigation li:hover div ul li:hover div ul li {
								background-image : url(/zakelijkhuisaanhuis/img/mainNavigation_0_link.gif);
							}
								#mainNavigation li.hover div ul li.hover div ul li a,
								#mainNavigation li:hover div ul li:hover div ul li a {}
									#mainNavigation li.hover div ul li.hover div ul li a:link,
									#mainNavigation li.hover div ul li.hover div ul li a:visited,
									#mainNavigation li.hover div ul li.hover div ul li a:hover,
									#mainNavigation li.hover div ul li.hover div ul li a:active,
									#mainNavigation li:hover div ul li:hover div ul li a:hover,
									#mainNavigation li:hover div ul li:hover div ul li a:active,
									#mainNavigation li:hover div ul li:hover div ul li a:link,
									#mainNavigation li:hover div ul li:hover div ul li a:visited {
										color : #000066;
									}
							#mainNavigation li.hover div ul li.hover div ul li.hover,
							#mainNavigation li:hover div ul li:hover div ul li:hover {
								background-image : url(/zakelijkhuisaanhuis/img/mainNavigation_0_hover.png);
							}
							* html #mainNavigation li.hover div ul li.hover div ul li.hover,
							* html #mainNavigation li:hover div ul li:hover div ul li:hover {
								background-image : url(/zakelijkhuisaanhuis/img/mainNavigation_0_hover.gif);
							}
								#mainNavigation li.hover div ul li.hover div ul li.hover a,
								#mainNavigation li:hover div ul li:hover div ul li.hover a {}
									#mainNavigation li.hover div ul li.hover div ul li.hover a:link,
									#mainNavigation li.hover div ul li.hover div ul li.hover a:visited,
									#mainNavigation li.hover div ul li.hover div ul li.hover a:hover,
									#mainNavigation li.hover div ul li.hover div ul li.hover a:active,
									#mainNavigation li:hover div ul li:hover div ul li:hover a:hover,
									#mainNavigation li:hover div ul li:hover div ul li:hover a:active,
									#mainNavigation li:hover div ul li:hover div ul li:hover a:link,
									#mainNavigation li:hover div ul li:hover div ul li:hover a:visited {
										color: #22b2fd;
									}
	#mainNavigation li.active {}
			#mainNavigation li a.active:link,
			#mainNavigation li a.active:visited,
			#mainNavigation li a.active:hover,
			#mainNavigation li a.active:active {
				color : #22B2FD;
				text-decoration : none;
			}
	/* homepage link */
	#mainNavigation li.homeLink {
		float : right;
	}
		#mainNavigation li.homeLink a {
			padding-right : 0px;
		}

/* 
Auteur: Vasilis van Gemert - Mirabeau

*/


/* Hoofdnavigatie */
#hoofdnavigatie{
	/* SUPERSHIFT */
	position : absolute;
	width : 957px;
	top : 96px;
	left : 0px;
	/* /SUPERSHIFT */
	margin: 0 20px 0 20px;
	padding: 0;
	list-style: none;
	/*overflow: auto;*/
	border: solid #eaf1fa;
	border-width: 0 0 1px;
	z-index: 2;
}
#hoofdnavigatie li{
	float: left;
}
#hoofdnavigatie li a{
	display: block;
	padding: 5px 24px 5px 0;
	font-size: 1em;
	font-weight: bold;
	color: #006;
	text-decoration: none;
}
#hoofdnavigatie li a:hover,
#hoofdnavigatie li a.actief,
#hoofdnavigatie li a.open{
	color: #22b2fd;
}
#hoofdnavigatie li a:focus{
	outline: 0;
}

#hoofdnavigatie #navhome{
	float: right;
}
#hoofdnavigatie #navhome a{
	padding-right: 0;
}

/* Uitklapnavigatie */
#hoofdnavigatie div{
	position: absolute;
	/*overflow: hidden;*/
	margin: 0 0 0 -17px;
	display: none;
}
#hoofdnavigatie .open div{
	display: block;
}
#hoofdnavigatie div .schaduw{
	position: relative;
	background: url(/zakelijkhuisaanhuis/img/uitklap-ro.png) no-repeat 100% 100%;
	margin: 0 0 ;
	padding: 0 0 0;
	width: auto;
	display: block;
}
#hoofdnavigatie div .schaduw span{
	display: block;
	position: relative;
	height: 8px;
	background: url(/zakelijkhuisaanhuis/img/uitklap-lo.png) no-repeat 1px 100%;
	margin: 0 8px 0 0;
}
#hoofdnavigatie ul{
	background: url(/zakelijkhuisaanhuis/img/uitklap-l.png) repeat-y;
	padding: 0;
	margin: 0;
	list-style: none;
	min-width: 120px;
}
#hoofdnavigatie ul li{
	background: url(/zakelijkhuisaanhuis/img/uitklap-r.png) repeat-y 100% 0;
	float: none;
	margin: 0 0 0 7px;
	display: block;
	
}
#hoofdnavigatie ul li a{
	padding: 5px 10px;
	display: block;
	margin: 0 7px 0 0;
	background: #fff;
	font-weight: normal;
	font-size: 0.92em;
}
#hoofdnavigatie ul li a:hover{
	padding: 5px 10px;
	margin: 0 7px 0 0;
	background: #f7fafd;
}



/* Subnavigatie */
#subnavigatie{
	/* SUPERSHIFT */
	position : absolute;
	width : 957px;
	top : 126px;
	left : 0px;
	/* /SUPERSHIFT */
	margin: 0 0 50px 20px;
	padding: 0;
	list-style: none;
}
#subnavigatie .header{
	display: none;
}
#subnavigatie li{
	float: left;
}
#subnavigatie li a{
	display: block;
	padding: 5px 24px 5px 0;
	font-size: 0.92em;
	color: #555;
	text-decoration: none;
}
#subnavigatie li a:hover,
#subnavigatie li a.actief{
	color: #22b2fd;
}