/*********** NAVIGATION ***********/
.login {
	padding-left: 8px;
}
.login h3 {
	padding: 0 0 4px 0;
	font-size: 10px;
}
#navi {
		z-index: 9999;
		background-color: #FFFF00;
}
#navigation {
		width: 120px;
		padding: 0;
		margin: 0;
}
#navi ol li {
		position: relative;
		z-index:9999;
		list-style: none;
		margin: 0;
		padding: 0;
		border-bottom: 0px dotted #397A8C;
}
* html #navi ol li { /* Fix IE. Hide from IE Mac */
		float: left;
		height: 1%;
}
/* Styles for Menu Items */
#navi ol li a {
		display: block;
		text-decoration: none;
		color: #6E6F71;
		background: #FFFF00; /* IE6 Bug */
		margin: 0;
		padding: 0px 0px 0px 0px;
}
* html ol li a {  /* Fix IE. Hide from IE Mac */
		height: 1%;
}
#navi ol .sub {
		position: absolute;
		background-color: #11E0FF;
		left: 120px;
		top: 0;
		margin: 0;
		padding: 0;
		width: 170px;
	/*  float: left; */
		/*border-top: 1px dotted #FFFFFF;*/
		z-index: 999;
		border-color: #ABAD4C;
		border-width: 1px 0px 0px 0px;
		border-style: solid;
}
#navi .sub li a {
		z-index: 999;
		font-size: 10px;
		background-color: #11E0FF;
		background-image: url(../img/nupsie_n.gif);
		background-position: 4px 5px;
		background-repeat: no-repeat;
		padding: 2px 0px 2px 18px;
		color: #333333;
		border-color: #ABAD4C;
		border-width: 0 1px 1px 1px;
		border-style: solid;
		line-height: 12px;
	font-weight: normal;
}
#navi .sub li a:hover {
		color: #000000;
		background-color: white;
		background-image: url(../img/nupsie_r.gif);
}
#navi .sub-second li a:hover,
#navi .sub-sub-second li a:hover,
#navi .sub-sub-sub-second li a:hover {
		color: #000000;
		background-color: white;
		background-image: url(../img/nupsie_r.gif);
}

#navi ol .sub li {
/*    background-color: #a1d0dc;*/

/*    border-bottom: 1px dotted #FFFFFF;*/
		z-index: 99;
}
/* 3. Ebene  (nur reddot) */
#navi ol .sub ol {
		position: absolute;
		left: 200px;
		top: 0;
		margin: 0;
		padding: 0;
		width: 200px;
		float: left;
}
li ol {
		display: none;
}
#navi li ol li a { /* Sub Menu Styles */
		padding: 5px 15px 5px 15px;
		/*border-bottom: 1px dotted #BA0017;*/
}
#navi a:link {
		color: #000000;
}
#navi a:visited {
		color: #000000;
}
#navi a:active {
		color: #BA0017;
}
#navi li a.highlight {
		color: #BA0017;
}
#navi a:hover {
		color: #BA0017;
}
#navi li:hover ol, li.over ol { /* The magic */
		display: block;
}
#navi a.blue {
		color: #397A8C;
}
#navi .blue a:link {
		color: #397A8C;
}
#navi .blue a:visited {
		color: #397A8C;
}
#navi .blue a:hover {
		color: #BA0017;
}
#navi ol.sub-second,
#navi ol.sub-sub-second,
#navi ol.sub-sub-sub-second {
    position: absolute;
    left: 290px;
    top: 0;
    margin: 0;
    padding: 0;
    width: 200px;
    float: left;
	background-color: none;
    z-index: 9999;
}
#navi ol.sub-sub-second {
    left: 490px;
}
#navi ol.sub-sub-sub-second {
    left: 690px;
}
#navi ol .sub-second li,
#navi ol .sub-sub-second li,
#navi ol .sub-sub-sub-second li {
    background-color: #11E0FF;
	color: #333333;
    z-index: 9999;
}
#navi .sub-second li a,
#navi .sub-sub-second li a,
#navi .sub-sub-sub-second li a {
    z-index: 999;
		font-size: 10px;
		background-color: #11E0FF;
		background-image: url(../img/nupsie_n.gif);
		background-position: 4px 5px;
		background-repeat: no-repeat;
		padding: 2px 0px 2px 18px;
		color: #333333;
		border-color: #ABAD4C;
		border-width: 0 1px 1px 1px;
		border-left:5px solid  #ABAD4C;
		border-style: solid;
		line-height: 12px;
	font-weight: normal; 
}