/*
 * Projekt:			moebel-billi.de
 * Dateiname:		navigation.css
 * Author:			RK
 * erstellt:		15.04.2010
 * validiert am:	n/a
 */


/* Main-Navigation: 1st Level */
#nav-level-1 .parent {
	background-image: url("../images/menu_btns_level-1.jpg");
	display: block;
	float: left;
	position: relative;
	height: 40px;
	width: 168px;
	text-decoration: none;
	text-indent: -9999px;
	}

#nav-level-1 a.main {
	display: block;
	height: 40px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	}

#nav-level-1 .item-2 {
	background-position: -840px 0px; width: 60px; float: right;
	}

#nav-level-1 .item-3 {
	background-position: -0px 0px;

	}
#nav-level-1 .item-4 {
	background-position: -168px 0px;
	}

#nav-level-1 .item-5 {
	background-position: -336px 0px;
	}

#nav-level-1 .item-6 {
	background-position: -504px 0px;
	}

#nav-level-1 .item-7 {
	background-position: -672px 0px;
	}

#nav-level-1 li .hover, #nav-level-1 li.active span {
	background: transparent url("../images/menu_btns_level-1.jpg") no-repeat;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	width: 168px;
	z-index: 1;
	}

#nav-level-1 .item-2 .hover, #nav-level-1 .item-2.active {
	background-position: -840px -40px;
	width: 60px;
	}

#nav-level-1 .item-3 .hover, #nav-level-1 .item-3.active {
	background-position: -0px -40px;
	}

#nav-level-1 .item-4 .hover, #nav-level-1 .item-4.active {
	background-position: -168px -40px;
	}

#nav-level-1 .item-5 .hover, #nav-level-1 .item-5.active {
	background-position: -336px -40px;
	}

#nav-level-1 .item-6 .hover, #nav-level-1 .item-6.active {
	background-position: -504px -40px;
	}

#nav-level-1 .item-7 .hover, #nav-level-1 .item-7.active {
	background-position: -672px -40px;
	}


/* Main-Navigation: 2nd Level Dropdown */
#nav-level-1 li.parent ul {
	display: none;
	z-index: 40;
	width: 200px;
	background: transparent url("../images/menu_bgr.png") left bottom no-repeat;
	position: absolute;
	left: 0;
	top: 40px;
	padding: 6px 20px 10px 20px;
	}

#nav-level-1 li.parent ul a {
	color: #000;
	display: block;
	font-size: 13px;
	text-indent: 0;
	padding: 4px 0;
	width: 160px;
	border-bottom: 1px solid #eee;
	}

#nav-level-1 li.parent ul li:last-child a {
	border: 0;
	}

#nav-level-1 li.parent ul a:hover {
	color: #E2001A;
	font-weight: bold;
	}


/* Main-Navigation: 2nd Level fixed */
#nav-level-2 {
	background: url("../images/menu_btns_level-2.jpg");
	clear: both;
	height: 40px;
	border-top: 1px solid #fff;
	padding-left: 12px;
	}

#nav-level-2 li {
	display: inline;
	}

#nav-level-2 li a {
	color: #fff;
	display: block;
	float: left;
	height: 20px;
	padding: 10px 7px;
	margin: 0 1px;
	}

#nav-level-2 li a:hover, #nav-level-2 li.active a {
	background: url("../images/menu_level-2_active.jpg");
	}

#nav-level-2 li.active a {
	font-weight: bold;
	}