/*
////////////////////////////////////////////////////////////////
//
// nav.css Stylesheet fuer die Navigation DEUTSCH
//
////////////////////////////////////////////////////////////////
*/

ul#nav {
	margin:0;
	padding:10px 0 0 0;
}

ul#nav li {
	list-style:none;
	float:left;
	position:relative;
	margin:0;
	}
	
ul#nav li a {
	display:block;
	width:155px;
	height:54px;
	}
	
ul#nav li a:hover {
	display:block;
	width:155px;
	height:54px;
	}

ul#nav li a strong {
	display:none;
	}

ul#nav li.design a {
	background:url(/en/wLayout/design/img/startseite/nav-brocke-design.gif) bottom;
}

ul#nav li.design:hover a, ul#nav li.design.over a, ul#nav li.design.selected a {
	background:url(/en/wLayout/design/img/startseite/nav-brocke-design.gif) top;
}

ul#nav li.classic a {
	background:url(/en/wLayout/design/img/startseite/nav-brocke-classic.gif) bottom;
}

ul#nav li.classic:hover a, ul#nav li.classic.over a, ul#nav li.classic.selected a {
	background:url(/en/wLayout/design/img/startseite/nav-brocke-classic.gif) top;
}

ul#nav li.empire a {
	background:url(/en/wLayout/design/img/startseite/nav-brocke-empire.gif) bottom;
}

ul#nav li.empire:hover a, ul#nav li.empire.over a, ul#nav li.empire.selected a {
	background:url(/en/wLayout/design/img/startseite/nav-brocke-empire.gif) top;
}

ul#nav li.zubehoer a {
	background:url(/en/wLayout/design/img/startseite/nav-brocke-specials.gif) bottom;
}

ul#nav li.zubehoer:hover a, ul#nav li.zubehoer.over a, ul#nav li.zubehoer.selected a {
	background:url(/en/wLayout/design/img/startseite/nav-brocke-specials.gif) top;
}

ul#nav li.ueber-uns a {
	background:url(/en/wLayout/design/img/startseite/nav-brocke-ueber-uns-en.gif) bottom;
}

ul#nav li.ueber-uns:hover a, ul#nav li.ueber-uns.over a, ul#nav li.ueber-uns.selected a {
	background:url(/en/wLayout/design/img/startseite/nav-brocke-ueber-uns-en.gif) top;
}


ul#nav li ul {
	display:none;
	position:absolute;
	top:54px;
	left:-9px;
	width:auto;
	}
	
ul#nav li:hover ul, ul#nav li.over ul {
	display:block;
	}
	
ul#nav li:hover ul li, ul#nav li ul li {
	list-style:none;
	float:none;
	position:relative;
	}

ul#nav li:hover ul li a, ul#nav li ul li a {
	display:block;
	width:240px;
	height:auto;
	padding:6px 14px; 
	}
	
ul#nav li:hover ul li a:hover, ul#nav li ul li a {
	text-decoration:none;
	}

ul#nav li.design:hover ul li a, ul#nav li.design.over ul li a {
	background:#e3e4e6;
	width:240px;
	height:auto;
	}
	
ul#nav li.design:hover ul li a:hover, ul#nav li.design.over ul li a:hover  {
	background:#f77010;
	color:#222;
	width:240px;
	height:auto;
	}
	
ul#nav li.ueber-uns ul {
	left:-135px;
	}
	
ul#nav li.ueber-uns:hover ul li a, ul#nav li.ueber-uns.over ul li a {
	background:#965b31;
	color:#f4f4f4;
	}
	
ul#nav li.ueber-uns:hover ul li a:hover, ul#nav li.ueber-uns.over ul li a:hover {
	background:#f4f4f4;
	color:#965b31;
	width:240px;
	height:auto;
	}
	
ul#nav li.classic:hover ul, ul#nav li.classic ul {
	display:none;
	}
	
ul#nav li.classic.selected ul {
	background:#79845A;
	display:block;
	height:50px;
	left:-165px;
	padding:3px 0pt 0pt;
	position:absolute;
	top:462px;
	width:764px;
	}
	
ul#nav li.classic.selected ul li {
	float:left;
	width:55px;
	height:auto;
	margin:0;
	list-style:none;
	text-align:left;
	border:none;
	}
	
ul#nav li.classic.selected ul li a {
	color:#f0f0f0;
	padding:3px 10px;
	line-height:22px;
	background:none;
	width:55px;
	height:auto;
	}
	
ul#nav li.classic.selected:hover ul li a:hover, ul#nav li.classic.selected ul li a {
	text-decoration:underline;
	}

ul#nav li:hover ul li ul, ul#nav li ul li ul {
	display:none;
	}
	
ul#nav ul#nav3 {
	display:none;
	}


ul#nav2 {
	display:none;
	}
	
.design ul#nav2 {
	width:764px;
	margin:0;
	padding:3px 0 0 0;
	height:50px;
	background:#f06c12;
	display:block;
	position:absolute;
	top:472px;
	left:6px;
	overflow:hidden;
	}
	
.design ul#nav2 li {
	float:left;
	width:55px;
	margin:0;
	list-style:none;
	text-align:left;
	border:none;
	}
	
.design ul#nav2 li a {
	color:#f0f0f0;
	padding:3px 10px;
	line-height:22px;
	}
	
.design ul#nav2 li a:hover {
	color:#f0f0f0;
	}
	
.design ul#nav2 li.over a, ul#nav2 li:hover a {
	color:#f0f0f0;
	}

.design ul#nav2 li.selected {
	background:#939598;
	}

/* Edit Button */

.editbuttonNavi                       {}

.blockMain .editButton                {padding-left:28px;padding-top:31px;}
.blockMain .editButtonNavi            {}



/* Metanavigation rechts oben */

.navMetaLevelFirst								         	 {float:left; border-left:1px none #CBA07F;}
.navMetaLevel                        {float:left; border-left:1px solid #CBA07F;}

a.navMetaLevel                       {color:#DFC2AB;text-decoration:none;border-left:1px none #CBA07F;margin:0px;padding:0px 10px 0px 10px;font-weight:normal;line-height:1.0em;}
a.navMetaLevel:hover                 {color:#f0f0f0f0f0f0;text-decoration:none;}

.navMetaLevelSelectedFirst           {float:left; border-left:1px none #CBA07F;}
.navMetaLevelSelected                {float:left; border-left:1px solid #CBA07F;}

a.navMetaLevelSelected               {color:#f0f0f0f0f0f0;text-decoration:none;border-left:1px none #CBA07F;margin:0px;padding:0px 10px 0px 10px;font-weight:normal;line-height:1.0em;}
a.navMetaLevelSelected:hover         {color:#f0f0f0f0f0f0;text-decoration:none;}



/* Pfadnavigation oberhalb der Inhaltsseite */

.elementCurNavigation	              	{padding:5px 0px 0px 22px;height:20px;}
.textNavPath      			                {text-decoration:none;line-height:1em; color:#666666; padding:0px 10px 0px 0px;}
.textNavPath:hover                   {text-decoration:none;}
.textNavPathAktiv				                {text-decoration:none;line-height:1em; color:#000000; padding:0px 10px 0px 0px;}


/* Sitemap */

.listSitemap1                        {list-style:none; margin:0px; padding:0;}
.listSitemap2                        {list-style:none; margin:4px 0px 6px 11px; padding:0;}
.listSitemap3                        {list-style:none; margin:4px 0px 6px 22px; padding:0;}
.listSitemap4                        {list-style:none; margin:4px 0px 6px 33px; padding:0;}


.navSitemapLevel1 a                  {text-decoration:none; display:inline; color:#000000; line-height:14px;}
.navSitemapLevel1 a:hover            {color:#EA5A00;}
.navSitemapLevel2 a                  {text-decoration:none; display:inline; color:#000000; line-height:14px;}
.navSitemapLevel2 a:hover            {color:#EA5A00;}
.navSitemapLevel3 a                  {text-decoration:none; display:inline; color:#000000; line-height:14px;}
.navSitemapLevel3 a:hover            {color:#EA5A00;}
.navSitemapLevel4 a                  {text-decoration:none; display:inline; color:#000000; line-height:14px;}
.navSitemapLevel4 a:hover            {color:#EA5A00;}