/*******************************************************************************

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

*******************************************************************************/



/*	Navigation vertical - 
	Wenn nur die Navigation mit der ID 3 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
-------------------------------------------------------------------------------*/

/* ### nav1st - first level navigation ########################################*/

ul.nav1st {
  margin-top: 22px;
	font-size: 17px;
}

ul.nav1st li {
	display: block;
	padding-right: 30px;
	margin-bottom: 13px;
	text-align: right;
	background-position: right top;
	background-repeat: no-repeat;
}

ul.nav1st li.orange {
	background-image: url(/pics/ug_nav_icon_orange.gif);
}

ul.nav1st li.green {
  background-image: url(/pics/ug_nav_icon_green.gif);
}

ul.nav1st a, 
ul.nav1st a:link {
	display: block;
	color:#888888;
	line-height: 22px;
}

ul.nav1st a:hover,
ul.nav1st li a.current, 
ul.nav1st li a.current:link,
ul.nav1st li a.current:hover {
	color: #000000;
}

ul.nav1st li.orangeactive {
	background-image: url(/pics/ug_nav_icon_orange.gif);
	background-color: #ffc49b;
}

ul.nav1st li.greenactive {
  background-image: url(/pics/ug_nav_icon_green.gif);
	background-color: #dee1b9;
}

/* ### nav2nd - second level navigation #########################################*/

ul.nav2nd {
	padding-bottom: 5px;
	font-size:15px;
}

ul.nav2nd li {
	padding:0;
	margin:0;
	border: none;
	background: none;
}

ul.nav2nd a, 
ul.nav2nd a:link {
	display:block;
	padding:2px 0px 2px 0px;
	font-family: arial;
	color: #888888;
}


ul.nav2nd a:hover {
	background: none;
	color: #;
}

ul.nav2nd li.active a, 
ul.nav2nd li.active a:link {
	color: #000000;
}