﻿div.menuseparator {
		background-image:url(/img/lines/menu_separator.png);
		position:absolute;
		top:2px;
		width:2px;
		height:20px;
		z-index:900;
}
#menuseparator1 { left: 520px; }
#menuseparator2 { left: 643px; }
#menuseparator3 { left: 766px; }

#menulinie1 {	
	position:absolute;
	top:98px;
	left:315px;
	width:675px;
	height:2px;
	z-index:900;
}
#menulinie2 {	
	position:absolute;
	top:126px;
	left:0px;
	width:990px;
	height:2px;
	z-index:900;
}


#menu {
	padding:0; 
	margin:0; 
	list-style:none; 
	position:absolute;
	width:990px; 
	height:25px;
	top:101px;
	left:0px;
	z-index:1000;
}

#menu li.menuitem1 { 
	width:120px; 
	position:absolute;
	left: 400px;
	height:25px;
	z-index:1;
	cursor:pointer;
}

#menu li.menuitem2 { 
	width:120px; 
	position:absolute;
	left: 523px;
	height:25px;
	z-index:1;
	cursor:pointer;
}

#menu li.menuitem3 { 
	width:120px; 
	position:absolute;
	left: 646px;
	height:25px;
	z-index:1;
	cursor:pointer;
}

#menu li.menuitem4 { 
	width:120px; 
	position:absolute;
	left: 769px;
	height:25px;
	z-index:1;
	cursor:pointer;
}
 
#menu li #menu_home a, 
#menu li #menu_biography a, 
#menu li #menu_projects a, 
#menu li #menu_impressum a
{
	display: block;
	position: absolute;
	height: 25px;
	width: 120px;
	text-decoration: none;
	cursor: pointer;
}
 
#menu li #menu_home a {background: url(/img/menu/home.png) 0 0 no-repeat;}
#menu li #menu_biography a {background: url(/img/menu/biography.png) 0 0 no-repeat;}
#menu li #menu_projects a {background: url(/img/menu/projects.png) 0 0 no-repeat;}
#menu li #menu_impressum a {background: url(/img/menu/imprint.png) 0 0 no-repeat;}

#menu li:hover #menu_home a, #menu li #menu_home a.selected,
#menu li:hover #menu_biography a, #menu li #menu_biography a.selected,
#menu li:hover #menu_projects a, #menu li #menu_projects a.selected,
#menu li:hover #menu_impressum a, #menu li #menu_impressum a.selected
{
	width: 120px;
	height: 25px;
}

#menu li:hover #menu_home a, #menu li #menu_home a.selected 
{background: url(/img/menu/home_hl.png) 0 0 no-repeat;}
#menu li:hover #menu_biography a, #menu li #menu_biography a.selected 
{background: url(/img/menu/biography_hl.png) 0 0px no-repeat;}
#menu li:hover #menu_projects a, #menu li #menu_projects a.selected 
{background: url(/img/menu/projects_hl.png) 0 0px no-repeat;}
#menu li:hover #menu_impressum a, #menu li #menu_impressum a.selected
{background: url(/img/menu/imprint_hl.png) 0 0px no-repeat;}

#menu li:hover {position:absolute; z-index:200;}

#menu li:hover ul.sub
{
	left:0px; 
	top:25px; 
	padding-bottom:5px; 
	background: #181633;  
	border: 0;
	white-space:nowrap; 
	width:180px;
	height:auto; 
	z-index:300;
}
#menu li:hover ul.sub li
{
	margin-top: 5px;
	display:block; 
	height:20px; 
	position:relative; 
	float:left; 
	width:180px; 
	font-weight:normal;
}
#menu li:hover ul.sub li a
{
	display:block; 
	font-size:12px; 
	height:20px; 
	width:180px; 
	line-height:20px; 
	text-indent:15px; 
	color:#CFD1D2; 
	text-decoration:none;
}

#menu li:hover ul.sub li a:hover {background-color:#2B2B5B;}

#menu ul, 
#menu li:hover ul ul,
#menu li:hover li:hover ul ul,
#menu li:hover li:hover li:hover ul ul,
#menu li:hover li:hover li:hover li:hover ul ul
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
} 