/* *************************************************************

NAME: menu.css
DATE: 18/02/2010...
DESCRIPTION: menu styles for Delfland

************************************************************* */

/*service menu*/
.serviceMenu {
	float: right;
	margin-right: 70px;
	margin-top: 10px;
}
.serviceMenu  ul, .serviceMenu li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.serviceMenu li {
	float: left;
	margin-left: 30px;
}
.serviceMenu li a {
	color: #045b87;
	text-decoration: none;
	font-size: 11px;
}
.serviceMenu li a:hover {
	text-decoration: underline;
	color: #00ab67;
}
/*menu*/
.containerMenu {
	width						: 878px;
	height						: 301px;
	position					: absolute;
	top							: 0px;
	margin-left					: 0px;
	background           	    : #fff;
	display						: none;
}
.menu ul.mainMenu:hover .containerMenu{
	display						: block;
}
.menu {
	position 					: absolute;
	top							: 115px;
	margin-left 				: 48px;
}
.menu ul{
	padding						: 0px;
	margin						: 0px;

	list-style-type				: none;	
}
.menu ul li.head{
	display						: block;
	float						: left;
	
	height						: 32px;
	
	position 					: relative;
	
	text-align					: center;
	padding-top: 5px;
}
.menu ul li ul{
	display						: none;	
	width						: 125px;
	position 					: absolute;
	top							: 32px;
	padding						: 18px 0px 0px;
	margin						: 0px;
	height						: 250px;
}
.menu ul li ul li{
	display						: block;
	height						: auto;	
	margin-top					: 3px;
}

/* --------- 2. menu links globals --------- */
.menu ul li span{
	display						: block;
	font-size               	: 15px;
	padding                     : 0px 20px;
	
	color						: #045b87;	
	font-weight					: bold;
	text-decoration 			: none;
	line-height					: 31px;
	
	cursor						: default;
}
.menu ul li.head a {
	padding-left: 0px;
}
.menu ul li.sub a {
	padding-left: 12px;
}
.menu ul li a:hover {
	color 						: #00ab67;
}
.menu ul.dropdown:hover{
	background                  : url('/images/delfland/menu_ul_bg.png') repeat-x top;
}
.menu li.head {
	width: 125px;
	border-top: 1px solid transparent;
}
.menu li.head:hover{
	background: #dbf1ff;
	color: #00ab67;
	border-top: 1px solid #fff;
}
.menu li.head:hover a.main {
	color: #00ab67;
}
.menu li.head:hover ul.dropdown {
	background                  : url('/images/delfland/menu_ul_bg.png') repeat-x top;
}
.menu ul.dropdown:hover, .menu li.head:hover ul.dropdown
ul.dropdown li {
	margin-right: 20px;
}																							
.menu ul li ul li a{
	color						: #045b87;	
	text-decoration 			: none;
	font-weight 				: normal;
	font-size                   : 12px;
	
	outline						: none;	

	margin						: 0px;
	
	display						: block;
	
	line-height					: normal;
	
	text-align					: left;
}
.menu ul li ul li a:hover{
	color						: #0083c6;	
}
.menu ul.mainMenu:hover ul{
	display						: block;
}
/*footerMenu*/

.footerMenu {
	width: 883px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #81b2cb;
}
.footerMenu ul.mainUl {
	float: left;
	border-right: 1px solid #81b2cb;
}
.footerMenu ul li, .footerMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footerMenu ul li.footer {
	float : left;
	width: 120px;
}
.footerMenu a {
	color: #fff;
	text-decoration: none;
}
.footerMenu a:hover {
	color: #00ab67;
}
.footerMenu span.foot {
	font-size: 16px;
	font-weight: bold;
	
	cursor : default;
}
.footerMenu ul li ul.subMenu {
	margin-top: 30px;
}
.footerMenu ul li ul.subMenu li.sub {
	padding-bottom: 15px;
}
.footerMenu .footerSocial {
	float: left;
	padding-left: 30px;
	padding-bottom: 10px;
}
.footerMenu .footerSocial .title {
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	margin-bottom: 30px;
}
.footerMenu .footerSocial .linkedIn {
	background: url('/images/delfland/icon_linkedin.png');
	width: 58px;
	height: 16px;
	cursor: pointer;
}
.footerMenu .footerSocial .linkedIn:hover {
	background: url('/images/delfland/icon_linkedin_hover.png');	
}
.footerMenu .footerSocial .facebook {
	background: url('/images/delfland/icon_facebook.png');
	width: 60px;
	height: 13px;
	cursor: pointer;
	margin-top: 10px;
}
.footerMenu .footerSocial .facebook:hover {
	background: url('/images/delfland/icon_facebook_hover.png');	
}