/* Position, Größe und Schriftformatierung der Navigation */
.navi {z-index:4;position:fixed;top:122px;left:12px;margin:0;width: 150px; height:660px;
		text-align: left; font-family: Verdana,Arial,sans-serif;font-size:14x;
		border: none; 
		border-bottom: none; 
		margin-bottom: 2em;}

.navi ul {
padding:0; margin:0; list-style-type: none;
}

/* Erste Subnavi-Ebene (noch inaktiv) */
.navi ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:10px; left:130px;
}

.navi ul li {
float:left; position:relative; z-index:90;background-repeat:no-repeat;
}

.navi ul li a, .navi ul li a:visited {
display:block; float:left; text-decoration:none; font-weight:bold; color:#fff; width:108px; height:34px; line-height:43px; font-size:14px; background:transparent; padding-left:36px;background-repeat:no-repeat;
}
* html .navi ul li a {width:145px;line-height:25px;padding-top:9px;}
* html .navi ul li a:visited {width:145px;line-height:25px;padding-top:9px;}

.navi ul li.firma {background:url(../links/navibutton_hg.gif);background-repeat:no-repeat;}
.navi ul li.news{background:url(../links/navibutton_hg.gif);background-repeat:no-repeat;}
.navi ul li.produkte {background:url(../links/navibutton_hg.gif);background-repeat:no-repeat;}
.navi ul li.lifebalance {background:url(../links/navibutton_lb_hg.gif);background-repeat:no-repeat;}
.navi ul li.download {background:url(../links/navibutton_hg.gif);background-repeat:no-repeat;}
.navi ul li.service {background:url(../links/navibutton_hg.gif);background-repeat:no-repeat;}
.navi ul li.kontakt {background:url(../links/navibutton_hg.gif);background-repeat:no-repeat;}
.navi ul li.shop {background:url(../links/navibutton_hg.gif);background-repeat:no-repeat;}

.navi ul li ul li.subprod1 {background:url(../links/navi_sub1_hg.gif) no-repeat;}
.navi ul li ul li.subprod2 {background:url(../links/trans_bg.png) no-repeat;}
.navi ul li ul li.subprod3 {background:url(../links/trans_bg.png) no-repeat;}
.navi ul li ul li.subprod4 {background:url(../links/trans_bg_hoch.png) no-repeat;}

.navi ul li ul li.subnews1 {background:url(subnews1.gif) no-repeat;}
.navi ul li ul li.subnews2 {background:url(subnews2.gif) no-repeat;}
.navi ul li ul li.subnews3 {background:url(subnews3.gif) no-repeat;}
.navi ul li ul li.subserv1 {background:url(subserv1.gif) no-repeat;}
.navi ul li ul li.subserv2 {background:url(subserv2.gif) no-repeat;}
.navi ul li ul li.subserv3 {background:url(subserv3.gif) no-repeat;}
.navi ul li ul li.subserv4 {background:url(subserv4.gif) no-repeat;}
.navi ul li ul li.subserv5 {background:url(subserv5.gif) no-repeat;}

/* Hack um die png-Transparenz im IE6 zu ermöglichen */
* html #ail {
      background:none; 
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../links/trans_bg.png',sizingMethod='scale');
      height:1%;
    }
	
.navi table {
border-collapse:collapse; border:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

.navi ul li:hover a,
.navi ul li a:hover {
color:#709ccc; border:0;background-repeat:no-repeat;
}

.navi ul li.lifebalance:hover a,
.navi ul li.lifebalance a:hover {
	color: #edccb0;
}

.navi ul li a:hover {position:relative; z-index:100;}

/* Rahmen der ersten Subnavi-Ebene (wenn aktiv) */
.navi ul li:hover ul, .navi ul li a:hover ul {
top:0;visibility:visible; width:200px; height:auto; padding:0;margin:0;border:0; z-index:10; background:transparent; ;overflow:visible; 
}

/* Menüpunkte der ersten Subnavi-Ebene (wenn aktiv) */
.navi ul li:hover ul li a, .navi ul li a:hover ul li a {
display:block; background:transparent; color:#000; width:200px; padding-top:5px;line-height:150%;height:30px;margin-top:0;border:0;vertical-align:middle;font-size:11px;}

/* Erster Menüpunkt der ersten Subnavi-Ebene (=Übersicht) */
.navi ul li:hover ul li.subprod2 a, .navi ul li a:hover ul li.subprod2 a {
color:#06529a;}

/* Zweizeiliger Menüpunkt der ersten Subnavi-Ebene (=Übersicht) */
.navi ul li:hover ul li.subprod4 a, .navi ul li a:hover ul li.subprod4 a {
height:46px;}


* html .navi ul li a:hover ul li a {width:230px;height:35px;}
* html .navi ul li:hover ul li.subprod4 a {height:47px;}
* html .navi ul li a:hover ul li.subprod4 a {height:47px;}

.navi ul li:hover ul li a:hover,
.navi ul li a:hover ul li a:hover {
color:#709ccc; border:0;
}

/* Rahmen der zweiten Subnavi-Ebene (wenn aktiv) */
.navi ul li:hover ul li ul,
.navi ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:207px;
}

/* Menüpunkte der zweiten Subnavi-Ebene (wenn aktiv) */
.navi ul li:hover ul li:hover ul,
.navi ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; width:140px; height:auto; color:#000; border:2px solid #3366cc; list-style-type:none; background:#dddddd;
}

.navi ul li:hover ul li:hover ul li a,
.navi ul li a:hover ul li a:hover ul li a {
display:block; width:135px; background:transparent; color:#000;padding-left:15px;
}

* html .navi ul li a:hover ul li a:hover ul li a {width:150px; w\idth:115px;}

.navi ul li:hover ul li:hover ul li a:hover,
.navi ul li a:hover ul li a:hover ul li a:hover {
background:#3366cc; color:#fff;
}

.navi .lb {background-color: #78c1b3;}
.navi #lb {color:white;}
.navi #lb:hover {background-color:white;color: #78c1b3;}