@charset "UTF-8";
/*
 * Navigation CSS
 * www.fuchsundfuchs.de
 *  
 * 
 * @author	Stephan Balsam 
 *          Geyer Gestaltung, Werbung & Kommunikation GmbH
 * @link    http://www.geyer-creative.de | s.balsam@geyer-creative.de
 * 
 */


/*
 * -----------------------------------------------------------
 * @section Navigation 1. Ebene
 * -----------------------------------------------------------
 */
#navigation ul {
	list-style: none;
}
#navigation ul {
	width: 920px;
	height: 30px;
	display: block;
}
#navigation ul li {
	width: 145px;
	height: 30px;
	padding: 0px 10px 0px 10px;
	float: left;
}

/*
 * -----------------------------------------------------------
 * @section Navigation 1. Ebene ZUSTÄNDE
 * -----------------------------------------------------------
 */
#navigation ul li.CUR {
	background-image: url(/fileadmin/fuchs-img/layout/nav-btn-firstlevel.png);
}
#navigation ul li.ACT {
	background-image: url(/fileadmin/fuchs-img/layout/nav-btn-firstlevel.png);
}

/*
 * -----------------------------------------------------------
 * @section Navigation 2. Ebene
 * -----------------------------------------------------------
 */
#navigation ul li ul {
	width: 850px;
	height: 30px;
	margin: 0px 60px 0px 60px;
	display: block;
	position: absolute;
	left: 0px;
	z-index: 999;
	background-image: url(/fileadmin/fuchs-img/layout/nav-bar-secondlevel.png);
}
#navigation ul li ul li {
	width: auto;
}

/*
 * -----------------------------------------------------------
 * @section Navigation 2. Ebene ZUSTÄNDE
 * -----------------------------------------------------------
 */
a.ACT {
	color: #134094 !important;
}
a.CUR {
	color: #134094 !important;
}

/*
 * -----------------------------------------------------------
 * @section Navigation 3. Ebene
 * -----------------------------------------------------------
 */
#navigation-dritte-ebene {
	width: 145px;
	height: auto;
	margin: 0px 0px 0px 60px;
	background-color: #fbba00;
}
#navigation-dritte-ebene ul {
	list-style: none;
}
#navigation-dritte-ebene ul li {
	width: 125px;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #FFFFFF;
}

#navigation-dritte-ebene ul li a {
	width: 125px;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation-dritte-ebene ul li a:hover {
	color: #134094;
}

/*
 * -----------------------------------------------------------
 * @section Navigation Link-Aussehen
 * -----------------------------------------------------------
 */
#navigation a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	color: #134094;
	text-decoration: none;
}
#navigation ul li ul li a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation ul li ul li a:hover {
	color: #134094;
}

/*
 * -----------------------------------------------------------
 * @section Service Navigation
 * -----------------------------------------------------------
 */
#service-navigation {
	font-size: 10px;
	color: #134094;
}
#service-navigation a {
	color: #134094;
	text-decoration: none;
}
#service-navigation a:hover {
	color: #FBBA00;
}