/*
###########################################################
#
# Filename:			menu.css
#
# Copyright:		S-Inside
# Project:			www.huveradvocaten.nl
# Platform:			
# Date created: 	Augustus, 2009 
#
	used colours for this website:
	#006b65 		darkgreen
	#a3cdc3			lightgreen background
	#fffefe			menucolor
	#000000			textcolor
   	#ffffff			textfield
#
###########################################################
*/


.rij_menu {
	position: relative;
	padding-left: 20px;
  	height: 26px;
  	background-color: #a3cdc3;
	color: #006b65;		
}

div.menu {
	position: relative;
	float: left;
	left: 0px;
	_top: 4px; 		/* alleen voor IE6, laat _ staan! */
	height: 20px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	background-color: inherit;
	color: #006b65;
}

#menu_zIndex {
	z-index: 11;	
}

div.menu-item {
	position: relative;
	z-index: 12;
	float: left; 
	cursor: pointer;
	padding-right: 24px;
	padding-bottom: 6px;
	background-image: url(../img/streep.gif);
	background-repeat: no-repeat;
	background-position: top right; 
}

#menu0 {
	position: relative; 
	visibility: hidden; 
	z-index: 10;
	margin-top: -10px;
	top: 0px; 
	left: -5px;
}

#menu1 {
	position: relative; 
	visibility: hidden; 
	z-index: 10;
	margin-top: -10px;
	top: 0px; 
	left: -5px;  
}

#menu2 {
	position: relative; 
	visibility: hidden; 
	z-index: 10;
	margin-top: -10px;
	top: 0px; 
	left: -5px;  
}

#menu3 {
	position: relative; 
	visibility: hidden; 
	z-index: 10;
	margin-top: -10px;
	top: 0px; 
	left: -5px;  
}

#menu4 {
	position: relative; 
	visibility: hidden; 
	z-index: 10;
	margin-top: -10px;
	top: 0px; 
	left: -5px;  
}

#menu5 {
	position: relative; 
	visibility: hidden; 
	z-index: 10;
	margin-top: -10px;
	top: 0px; 
	left: -5px;  
}

#submenu1 {
	position: relative; 
	visibility: hidden; 
	z-index: 10;
	margin-top: -10px;
	top: 0px; 
	left: 220px;
}

#submenu2 {
	position: relative; 
	visibility: hidden; 
	z-index: 10;
	margin-top: -10px;
	top: 0px; 
	left: 220px;
}

a.menu:hover {text-decoration: underline; color: #fbfdfc;}
a.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	background-color: inherit;
	color: #006b65;
}

a.menus:hover {text-decoration: underline; color: #000000;}
a.menus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	background-color: inherit;
	color: #006b65;
}

.subuitklapmenu:hover {background-color: #a3cdc3; color: #000000;} 
.subuitklapmenu {
  	/* submenu */
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-weight: bold; 
	text-indent: 4px;
  	text-align: left; 
  	text-decoration: none; 
	line-height: 20px;
  	border-left: #054024 1px solid;
	border-right: #054024 1px solid;
	border-bottom: #054024 1px solid;
	display: block;  
	z-index: 10;
	width: 220px; 			
	background-color: #fbfdfc;	 		 
	color: #006b65;
}

.subuitklapmenu_pijl:hover {background-color: #a3cdc3; color: #000000;} 
.subuitklapmenu_pijl {
  	/* submenu */
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-weight: bold; 
	text-indent: 4px;
  	text-align: left; 
  	text-decoration: none; 
	line-height: 20px;
  	border-left: #054024 1px solid;
	border-right: #054024 1px solid;
	border-bottom: #054024 1px solid;
	display: block;  
	z-index: 10;
	width: 220px; 			
	background-color: #fbfdfc;	
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: top right;  		 
	color: #006b65;
}

.subsubuitklapmenu:hover {background-color: #a3cdc3; color: #000000;} 
.subsubuitklapmenu {
  	/* submenu */
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-weight: bold; 
	text-indent: 4px;
  	text-align: left; 
  	text-decoration: none; 
	line-height: 20px;
  	border-left: #054024 1px solid;
	border-right: #054024 1px solid;
	border-bottom: #054024 1px solid;
	display: block;  
	z-index: 10;
	width: 220px; 			
	background-color: #fbfdfc;	 		 
	color: #006b65;
}