@charset "utf-8";
/* CSS Document */


div#navi_1 {
	position:absolute;
	z-index:100;
}

div#navi_1 a {
	color:white;
	white-space:nowrap;
}



/* 1. Ebene */

div#navi_1 ul li {
	display:block;
	float:left;
	margin-right:18px;
	padding:16px 0 0 0;
	font-size:11px;
	height:10px;
}

div#navi_1 li.charisma {
	background:url(charisma.png) left top no-repeat;
	width:71px;
}
div#navi_1 li.charisma ul.L-02 {
	width:120px;
}
div#navi_1 li.news {
	width:49px;
	padding:0;
}
div#navi_1 li.produkte {
	background:url(produkte.png) left top no-repeat;
	width:73px;
}
div#navi_1 li.produkte ul.L-02 {
	width:120px;
}
div#navi_1 li.produkte li.tv ul.L-03 {
	width:110px;
}
div#navi_1 li.produkte li.audio ul.L-03 {
	width:160px;
}
div#navi_1 li.experience {
	background:url(experience.png) left top no-repeat;
	width:84px;
}
div#navi_1 li.experience ul.L-02 {
	width:120px;
}
div#navi_1 li.experience ul.L-03 {
	width:140px;
}
div#navi_1 li.presse {
	background:url(presse.png) left top no-repeat;
	width:50px;
}
div#navi_1 li.presse ul.L-02 {
	width:140px;
}
div#navi_1 li.referenzen {
	background:url(referenzen.png) left top no-repeat;
	width:88px;
}
div#navi_1 li.referenzen img {
	padding-bottom:6px;
}
div#navi_1 li.referenzen ul.L-02 {
	width:150px;
}
div#navi_1 li.sitemap {
	width:59px;
	padding:0;
}




div#navi_1 ul.L-01 li.headline:hover ul.L-02 {
	display:block;
}


/* 2. Ebene */

div#navi_1 ul ul {
	display:none;
	position:absolute;
}

div#navi_1 ul ul li {
	clear:left;
	float:none;
	margin:0; padding:0;
	height:20px; line-height:20px;
	background-color:rgb(200,205,210);
	border-top:1px solid rgb(240,245,250);
}

div#navi_1 ul ul li a, div#navi_1 ul ul li.headline span {
	display:block;
	margin:0; padding:0 10px 0 5px;
	height:20px; line-height:20px;
	text-decoration:none;
	color:white;
	white-space:nowrap;
}

div#navi_1 ul.L-02 li.headline:hover ul {
	display:block;
}

div#navi_1 ul.L-02 li.headline span {
	background:url(arrow.gif) right center no-repeat;
	cursor:default;
}

div#navi_1 ul ul li a:hover, div#navi_1 ul ul li.headline:hover span {
	background:rgb(182,186,192) url(arrow_hover.gif) right center no-repeat;
	color:black;
}

div#navi_1 ul ul li a:hover, div#navi_1 ul ul li:hover {
	background-image:none;
}


/* 3. Ebene */

div#navi_1 ul ul ul {
	position:relative;
	display:none;
	margin-left:100%;
	margin-top:-21px;
	border-left:1px solid rgb(240,245,250);
	overflow:hidden;
}

div#navi_1 ul ul ul li {
	background-color:rgb(182,186,192);
	color:white;
}

div#navi_1 ul ul ul li:hover {
	/*background-color:rgb(175,179,185);
	background-color:rgb(198,201,205);*/
}

div#navi_1 ul ul ul li a {
	color:white;
}

div#navi_1 ul ul ul li:hover a {
	color:black;
}