/* ==============================================
  * COFFEETALKS.DE
  * Styles Domain www.hrs-krefeld.de
  * CSS - Main NAVIGATION - Version 1.0
  * Modified by T.M.L. on 12/07/2010
  * =============================================
*/

#nav { 
	background: url(../../media/graphic/nav/nav-base.jpg) top left no-repeat; 
	text-align: left; 
	z-index: 100;
}
.menu { width: 685px; 
		height: 77px; 
		position: absolute; 
		top: 3px;
		right: 0;
		z-index: 100;
		border: 0; 
}
* html .menu { width: 686px; w\idth: 685px; }
.menu ul { 
	padding: 0; 
	margin: 0; 
	list-style-type: none; 
}
.menu ul ul { width: 200px; }
.menu li { 
	float: left; 
	position: relative; 
}
.menu li#nav1,
.menu li#nav1 a,
.menu li#nav1 a:visited {
	width: 165px;
} 
.menu li#nav2,
.menu li#nav2 a,
.menu li#nav2 a:visited {
	width: 97px;
} 
.menu li#nav3,
.menu li#nav3 a,
.menu li#nav3 a:visited {
	width: 147px;
} 
.menu li#nav4,
.menu li#nav4 a,
.menu li#nav4 a:visited {
	width: 158px;
} 
.menu li#nav5,
.menu li#nav5 a,
.menu li#nav5 a:visited {
	width: 118px;
} 
.menu a, 
.menu a:visited { 
	display: block; 
	height: 77px;
	margin: 0;
	border: 0; 
	border-width: 0;
	padding: 0;
}
.menu a, 
.menu a:visited {
	font-size: 14px;
	text-decoration: none; 
	color: #fff; 
	line-height: 22px; 
	font-weight: bold;
}
.menu li#nav1 a.active,
.menu li#nav1 a:hover,
.menu li#nav2 a.active,
.menu li#nav2 a:hover,
.menu li#nav3 a.active,
.menu li#nav3 a:hover,
.menu li#nav4 a.active,
.menu li#nav4 a:hover,
.menu li#nav5 a.active,
.menu li#nav5 a:hover {
	background-image: url(../../media/graphic/nav/topnav-sprite-bg.jpg); 
	background-repeat: no-repeat;
}
.menu li#nav1 a.active { 
	background-position: 0 0;
}
.menu li#nav1 a:hover { 
	background-position: 0 -77px;
}
.menu li#nav2 a.active { 
	background-position: -165px 0;
}
.menu li#nav2 a:hover { 
	background-position: -165px -77px;
}
.menu li#nav3 a.active { 
	background-position: -262px 0;	 
} 
.menu li#nav3 a:hover { 
	background-position: -262px -77px; 
}
.menu li#nav4 a.active { 
	background-position: -409px 0; 
} 
.menu li#nav4 a:hover { 
	background-position: -409px -77px;
}
.menu li#nav5 a.active { 
	background-position: -567px 0; 
} 
.menu li#nav5 a:hover { 
	background-position: -567px -77px; 
}
.menu li#nav2 li,
.menu li#nav2 li a, 
.menu li#nav2 li a:visited { width: 200px; }
.menu li#nav3 li,
.menu li#nav3 li a, 
.menu li#nav3 li a:visited { width: 200px; }
.menu li#nav2 li a:hover,
.menu li#nav3 li a:hover { background-image: none;}	
.menu li#nav4 li,
.menu li#nav4 li a, 
.menu li#nav4 li a:visited { width: 200px; }
.menu li#nav4 li a:hover { background-image: none;}	
* html .menu a, 
* html .menu a:visited { width: 210px; w\idth: 200px; }
.menu ul li span { display: none; }
.menu ul ul { 
	visibility: hidden;
	position: absolute; 
	height: 0; 
	top: 77px; 
	left: 0; 
	width: 200px; 
	border: 0; 
	padding-top: 0;
}
* html .menu ul ul { top:77px; t\op:77px;}
.menu table { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border-collapse: collapse;
}
.menu ul ul a, 
.menu ul ul a:visited { 
	background: #626e7a; 
	color: #eee; 
	height: auto; 
	line-height: 1em; 
	padding: 10px 10px; 
	width: 200px; 
	border-width: 0 1px 1px 1px;
}
.menu ul ul a.first-item, 
.menu ul ul a.first-item:visited { 
	border-top: 0; 
	padding-top: 1.5em; 
}
.menu ul ul a.last-item, 
.menu ul ul a.last-item:visited { 
	border-bottom: 0; 
	padding-bottom: 1.5em; 
}
* html .menu ul ul a, 
* html .menu ul ul a:visited { 
	width: 222px; 
	w\idth: 200px; 
}
.menu a:hover, 
.menu ul ul a:hover { 
	color: #ddd !important; 
	background: #363f46;
}
.menu :hover > a, 
.menu ul ul :hover > a { 
	color: #ddd !important; 
	background: #363f46;
}
.menu :hover > a#ser, 
.menu ul ul a#ser:hover { 
	background-image: url(../../media/graphic/nav/topnav-sprite-bg.jpg); 
	background-repeat: no-repeat; 
	background-position: -165px -77px; 
}
.menu :hover > a#out, 
.menu ul ul a#out:hover { 
	background-image: url(../../media/graphic/nav/topnav-sprite-bg.jpg); 
	background-repeat: no-repeat; 
	background-position: -262px -77px;
}
.menu :hover > a#com, 
.menu ul ul a#com:hover { 
	background-image: url(../../media/graphic/nav/topnav-sprite-bg.jpg); 
	background-repeat: no-repeat; 
	background-position: -409px -77px; 
}
.menu li#nav2 li a:hover { background: transparent url(../../media/graphic/nav/topnav-sprite-bg.jpg) -165px -154px repeat-y; }
.menu li#nav3 li a:hover { background: transparent url(../../media/graphic/nav/topnav-sprite-bg.jpg) -262px -154px repeat-y; }
/* new start */
.menu li#nav4 li a:hover { background: transparent url(../../media/graphic/nav/topnav-sprite-bg.jpg) -409px -154px repeat-y; }
/* new end */
.menu ul li:hover ul,
.menu ul a:hover ul { visibility: visible; }