/* ----------------------------------------------------------------------------- */
/* ------------------------------ Navigation Frontend -------------------------- */
/* ----------------------------------------------------------------------------- */


.pnlNavigationWrapper
{
	width:238px;
	float:left;
	font-family:Arial narrow;
	height:100%;
}

.pnlNavigation
{
	position:absolute;
	top:35px;
	left:20px;
	z-index:100;
	width:238px;
}

.pnlNavigationHeader
{
	background:url('/Content/IMG/Logos/RB_Logobalken_minus.png') no-repeat;
	position:relative;
}

.pnlNavigationHeader h1
{
	visibility:hidden;
}

.aShowHideNavigation
{
	width:21px;
	height:19px;
	position:absolute;
	top:10px;
	right:10px;
	outline:none;
}

.aHome
{
	width:130px;
	height:28px;
	position:absolute;
	top:6px;
	left:10px;
	outline:none;
}

.pnlNavigationContent
{
	padding-bottom:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	background-color:#fff;
}

.ulNavigation
{
}

.ulNavigation li
{
	background:url('/Content/IMG/Icons/RB_pfeil_inaktiv.jpg') no-repeat 202px center; 
}

.ulNavigation li.active a,
.ulNavigation li:hover a
{
	background:url('/Content/IMG/Backgrounds/MenuLevel1Verlauf.jpg') repeat-x;
}

/* ------- spezielle Styles Wenn Startseite ------- */
.pnlNavigationContent ul.isHomePage li a
{
	color:#000;
}

.pnlNavigationContent ul.isHomePage li
{
	background:url('/Content/IMG/Icons/RB_pfeil_aktiv.jpg') no-repeat 202px center;
}

.pnlNavigationContent ul.isHomePage li:hover a
{
	color:#fff;
}
/* ------- ENDE spezielle Styles Wenn Startseite ------- */

.ulNavigation li a
{
	color:#5B5B5B;
	text-transform:uppercase;
	padding:5px 0;
	padding-left:10px;
	display:block;
	outline:none;
	border-bottom:1px solid #909090;
	font-size:19px;
}

.ulNavigation li.active a,
.ulNavigation li:hover a
{
	color:#fff;
}

.ulNavigation li.active ul li
{
	border-bottom:1px solid #DCDCDC;
	height:28px;
}

.ulNavigation li.active ul li:last-child
{
	border-bottom:1px solid #909090;
}

/* für den IE der kann die PseudoKlassen oben nicht - Klasse "lastChild" über Script erhalten */
.ulNavigation li.active ul li.lastChild
{
	border-bottom:1px solid #909090;
}

.ulNavigation li.active ul li a,
.ulNavigation li:hover ul li a
{
	color:#000;
	background:none;
	padding-left:20px;
	border:none;
	font-size:15px;
}


.ulNavigation li ul li
{
	background:url('/Content/IMG/Icons/RB_pfeil_aktiv.jpg') no-repeat 202px center;
}

.ulNavigation li ul li a.active,
.ulNavigation li ul li:hover a
{
	background:url('/Content/IMG/Backgrounds/RB_menueaktiv.png') no-repeat;
	width:255px;
}

.ulNavigation li ul 
{
	display:none;
}

.ulNavigation li.active ul
{
	display:block;
}

.ulNavigation li ul li.active a,
.ulNavigation li ul li:hover a
{
	color:#e46809;
}

.pnlOrderButton
{
	margin-top:16px;
	margin-bottom:6px;
}

.pnlTeaser a
{
	outline:none;
}