/*
	CSS Document: css_navigation.css
	Version: 1.1 | Date: 2007-09-03
	Project: www.websline.de 
	Author: websLINE, 2007
	-------
	Update #1 - 2007-10-26
	Umbau menü auf das neue htc
*/


/* NAVIGATION */
.navigation {
	display: block;
	width: 810px;
	height: 55px;
	background: #fff url(img_bg-navItem.gif) repeat-x left bottom;
	padding-left: 13px !important;
	}

/* Haupteinstellungen */
ul.navigation, .subitems {
	margin: 0; padding: 0;
	font-size: 1.0em;
	list-style-type: none;
	}

/* Ebene 1 */
ul.navigation li.level1 {
	position: relative;
	float: left;
	background: #fff url(img_bg-navItem.gif) repeat-x left bottom;
	padding: 0 14px 0 10px;
	border-left: 1px solid #C2C2C2;
	}
ul.navigation li.seventh,
ul.navigation li.seventh-active {
	background: url(img_bg-header.gif) repeat-x left bottom !important;
	}
ul.navigation li.level1 a.main {
	display: block;
	height: 55px;
	}
ul.navigation li.level1 a.main b {
	display: none;
	}
ul.navigation li.first, ul.navigation li.first-active { background: url(img_nav-01.gif); width: 96px;  border: 0 !important}
ul.navigation li.second, ul.navigation li.second-active { background: url(img_nav-02.gif); width: 97px; }
ul.navigation li.third, ul.navigation li.third-active { background: url(img_nav-03.gif); width: 99px; }
ul.navigation li.fourth, ul.navigation li.fourth-active { background: url(img_nav-04.gif); width: 82px; }
ul.navigation li.fifth, ul.navigation li.fifth-active { background: url(img_nav-05.gif); width: 86px; }
ul.navigation li.sixth, ul.navigation li.sixth-active { background: url(img_nav-06.gif); width: 86px; }
ul.navigation li.seventh a.main, ul.navigation li.seventh-active a.main { background: url(img_nav-07.gif) no-repeat 50% 0; width: 90px; }
ul.navigation li.level1, 
ul.navigation li.level1:hover { background-position: 50% 0; background-repeat: no-repeat}

/* Ebene 2 */
ul.navigation ul {display: none;}
ul.navigation li:hover ul.subitems {display:block;}
ul.navigation .subitems {
	width: 210px;
	position: absolute;
	top: 55px; left: 0;
	padding: 0px 1px 1px 1px;
	z-index: 199;
	background: #fff;
	}
ul.navigation .subitems li {
	border-bottom: 1px solid #fff;
	}
ul.navigation .subitems li.level2 a,
ul.navigation .subitems li.level2-active a {
	display: block;
	padding: 3px 9px;
	background: #F0EFEA;
	color: #585E6B;
	font-size: 1.1em;
	}
ul.navigation .seventh .subitems li.level2 a,
ul.navigation .seventh-active .subitems li.level2 a {
	background: #E9EFF1;
	}
ul.navigation .subitems li.level2 a:hover,
ul.navigation .subitems li.level2-active a:hover {
	text-decoration: none;
	font-weight: bold;
	background: #5C5D58;
	color: #fff;
	}