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

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */

#mainNavi { 
	text-align:left; 
	position:relative; 
	font-size: 13px; 
	background:transparent; 
	width:660px; 
	height:40px; 
	margin:5px 0 0 0; 
	padding: 0; 
	float: right; 
	outline: none;
}

#mainNavi ul { padding:0; margin:0; list-style-type: none; }
#mainNavi ul li { float:left; position:relative; }

#mainNavi ul li.home a { background:transparent url(../_img/navigation/nav_unternehmen.gif); width: 143px; color: #000000; outline: none; }
#mainNavi ul li.home a:hover, #mainNavi ul li.home a.aktiv  { background-position: 0 -40px; }

#mainNavi ul li.products a{ background:transparent url(../_img/navigation/nav_produkte.gif); width: 175px; color: #000000; outline: none;}
#mainNavi ul li.products a:hover, #mainNavi ul li.products a.aktiv  { background-position: 0 -40px; }

#mainNavi ul li.news a{ background:transparent url(../_img/navigation/nav_news.gif); width: 149px; color: #000000; outline: none;}
#mainNavi ul li.news a:hover, #mainNavi ul li.news a.aktiv  { background-position: 0 -40px; }

#mainNavi ul li.services a{ background:transparent url(../_img/navigation/nav_kontakt.gif); width: 183px; color: #000000; outline: none;}
#mainNavi ul li.services a:hover, #mainNavi ul li.services a.aktiv { background-position: 0 -40px; }


#mainNavi ul li.subNo a { text-indent: 0; text-decoration:none;}
#mainNavi ul li.subNo a:hover { text-indent: 0; text-decoration:none;}
#mainNavi ul li.subHas a { text-indent: 0; background-image: none;}

#mainNavi ul li a, #mainNavi ul li a:visited {
	display:block; text-decoration:none;  color:#000;
	height: 40px; 
	text-indent: -9999em;
}

#mainNavi ul li.subNo a { background-color: #d7f5d7; border-bottom: 1px solid #FFFFFF; background-image: none; text-indent: 0; width: 240px;}
#mainNavi ul li.subNo a:hover, #mainNavi ul li.subNo a.subNo_aktiv  { background-color: #92c898; border-bottom: 1px solid #FFFFFF; background-image: none; text-indent: 0; }
#mainNavi ul li.subHas a { background-color: #FF0000; border-bottom: 1px solid #FFFFFF; background-image: none; text-indent: 0; width: 240px;}
#mainNavi ul li.subHas a:hover { background-color: #92c898; border-bottom: 1px solid #FFFFFF; background-image: none; text-indent: 0; width: 240px;}

* html #mainNavi ul li a, #mainNavi ul li a:visited {

}

#mainNavi ul li ul {
	visibility:hidden; 
	position:absolute; 
	top:0; 
	left: 0; 
	height:0; 
	overflow:hidden;
}

#mainNavi table {
	margin:-1px; 
	border-collapse:collapse; 
	font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
#mainNavi ul li:hover a,
#mainNavi ul li a:hover {
color:#00; text-decoration:underline; border:0;
}

#mainNavi ul li:hover ul,
#mainNavi ul li a:hover ul {
	visibility:visible; 
	width:240px; 
	height:auto; 
	position:absolute; 
	top:40px; 
	left:-1px; 
	background:#d7f5d7; 
	border:none; 
	overflow:visible;
	border: 1px solid #d4d4d4;
	text-indent: 0;
}

/* extra für Services*/
#mainNavi ul li.services:hover ul,
#mainNavi ul li.services a:hover ul {
	left:-60px; 
}

#mainNavi ul li:hover ul li a,
#mainNavi ul li a:hover ul li a {
	display:block; 
	background-color: #d7ead7; 
	border-bottom: 1px solid #d4d4d4; 
	text-decoration:none; 
	color:#000000; 
	height:auto; 
	line-height:1.5em; 
	padding:5px 5px 5px 10px; 
	width:225px; 
	text-indent: 0;
}

#mainNavi ul li:hover ul li a.drop,
#mainNavi ul li a:hover ul li a.drop {
	display:block; 
	color:#000000; 
	height:auto; 
	line-height:1.5em; 
	padding:5px 5px 5px 10px;  
	width:225px; 
	/* w\idth:125px; */
	background-image: url(../_img/navigation/bg_subhas_out.gif);
	background-position: 0 -2px;
}

#mainNavi ul li:hover ul li ul,
#mainNavi ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
#mainNavi ul li:hover ul li a:hover,
#mainNavi ul li a:hover ul li a:hover {
	color:#FFFFFF; text-decoration:none; background-image: none; width: 225px;
}

#mainNavi ul li:hover ul li a:hover.drop,
#mainNavi ul li:hover ul li a.drop_aktiv,
#mainNavi ul li a:hover ul li a:hover.drop {
	background-image: url(../_img/navigation/bg_subhas.gif);
	background-position: 0 -2px;
}

#mainNavi ul li:hover ul li:hover ul,
#mainNavi ul li a:hover ul li a:hover ul {
	visibility:visible; 
	position:absolute; 
	top:0; 
	color:#000000; 
	left:240px; 
	height:auto; 
	border:1px solid #d4d4d4; 
	background-image: none;
}

#mainNavi ul li:hover ul li:hover ul.left,
#mainNavi ul li a:hover ul li a:hover ul.left {
	left:-240px;
}

#mainNavi ul li:hover ul li:hover ul li a,
#mainNavi ul li a:hover ul li a:hover ul li a {
	display:block; 
	color:#000000; 
	height:auto; 
	line-height:1.5em; padding:5px 5px 5px 10px;  width:225px;
	background-color: #f2f2f2;
}

* html #mainNavi ul li a:hover ul li a:hover ul li a {
	padding:5px 5px 5px 10px; 
	background-image: none; 
	width: 225px;
}

#mainNavi ul li:hover ul li:hover ul li:hover a,
#mainNavi ul li:hover ul li:hover ul li a.subAktiv,
#mainNavi ul li a:hover ul li a:hover ul li a:hover {
	color:#000000; 
	text-decoration:none;
	background-image: url(../_img/navigation/bg_sub.gif);
	background-position: 0 -2px;
}