/* ------------- CSS für FOLDOUT-MENU ------------------ */
.hptable {
	background-image: url(/im/homebg180.jpg);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	background-repeat: no-repeat;
	background-color: #C8D3E9;
	height:500px;
	float:left;
}

.lnav {	width:170px; 
	border-top: 1px solid white;
/*	border-bottom: 2px solid #003399;*/
}

.mtit {
	padding:2px 0 2px 0;
	border-top: 1px solid white;
	width:100%;
	height: 12px;
	text-indent:2px;
	font-family: verdana, arial, sans-serif;
	font-size:7.5pt;
	font-weight: bold;
	background:#003366;
	background-image: url(/im/mtit.jpg);
	text-align: left;

}

.fmenu {font-family: verdana, arial, sans-serif; 
	width:170px; 
/*	width:100%; */
	min-height:174px;
	float:left;
	position:relative; 
	margin:0 0 0 10px;
	font-size:7.5pt; 
	border-bottom: 1px solid white;
	background-image: url(/im/menutrans.png);
}

.fmenu ul li a, .fmenu ul li a:visited 
	{display:block;
	text-decoration:none;
	color: #949494;
	width:157px;
	height:20px;
	text-align:left;
	padding-left:10px;
	padding-right:0px;
	padding-top:2px;
	padding-bottom:2px;
	background-image:url(images/linija_siva2.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	line-height:20px;
}

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

.fmenu ul li {float:left;
	 position:relative;
}

.fmenu ul li ul {display: none;
}

.fspace10 {width:170px;
	   height:10px;
}
.fspace20 {width:170px;
	   height:20px;
}
.fspace30 {width:170px;
	   height:30px;
}

/* tree-navigation im css, wird aktuell nicht verwendet? 

.tinsert a {
	font-family: verdana, arial, sans-serif;
	font-size:7.5pt;
	color:#FFFFFF;
	line-height:13px;
	text-decoration:none;
	}
.tinsert a:hover {
	color:#FFFF00;
	}

.trtitle {
	font-weight: bold;
	text-transform: uppercase;
}

.tinsert  {
	width:170px;
	padding: 1px 0px 20px;
	border:1px solid #FFCC00;
	border-width:1px 0 1px 0;
	top: 10px;
	position: relative;
	background-image: url(/im/trans50.png);
}
*/

/* Für alle Browser ausser IE */
.fmenu ul li:hover a {color: #FFFFFF;background-image:url(images/menu_back.png); background-position:center; background-repeat:no-repeat; /*hover-farbe in 1. stufe menu*/ padding-left:10px;}

/* Foldout-Menu Stufe 1*/
.fmenu ul li:hover ul {	display:block;position:absolute;top:0px;left:167px;  text-decoration:none; background-image:none;  border-width: 0 0px 0px 0px;}
.fmenu ul li:hover ul li a.hide { background-image:url(images/menu_back2.png); color:#000;font-weight: bold;} 
.fmenu ul li:hover ul li:hover a.hide {width:139px;}
.fmenu ul li:hover ul li ul {display: none;}
 	;
/* Foldout-Menu Stufe 2 */
.fmenu ul li:hover ul li a {display:block; color:#FFFFFF; width:139px; padding-left:10px;} /*2. Foldout-Stufe*/
.fmenu ul li:hover ul li a:hover {/*hover-farbe foldout 2.stufe*/ color: ; background-image: url(images/menu_back2.png); font-weight: normal; }
.fmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:153px; top:0; color:#000;}
.fmenu ul li:hover ul li:hover ul li a {display:block; width:150px; background:#FFF5E8; color:#000;}
.fmenu ul li:hover ul li:hover ul li a:hover {background:#E2E2E2; color:#000;}


/************************************************************************************************************/
#navigation {width: 175px;list-style-type: none;float:left; margin-left: 10px;}

#menu {
	position: relative;
	top: 0px;
	left: 0px;	
	text-align:left;
	margin:0 0 0 10px;
	color: #949494;
}

#menu LI {margin: 0px 0px 1px 0px; padding: 0px 0px 2px 0px; cursor:pointer;}
#menu LI UL { margin: 0px 0px 0px 15px;}
html>body #menu LI UL { margin: 0px 0px 0px 12px; }

#menu A {
	display: block;
	line-height: 1.5em;
	text-decoration: none;
	color: #727D84;
	padding-left:10px;
	font-size:12px;

}

#menu A:active { color: white;}
#menu A:hover { color: white; }



UL#menu { visibility: hidden;}

#menu A { display: block; line-height: 10pt; }
#menu A:hover, #menu A.unfolded, #menu A.unfolded:hover {width:157px;color:white;

background-color: #41cdf5;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari chrome   */
    border-radius: 3px 3px 3px 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */


margin:0;padding: 2px 0px 0px 10px;height:20px;}

#menu LI { position: relative;margin: 0px;width:157px;height:20px; left bottom no-repeat; border-bottom:1px dotted #D2D8DC; padding:5px 0px 5px 0px;}
#menu LI ul li{background:none;}
#menu li ul li a{color:white;}
#menu LI UL {
	display: none;
	position: absolute;
	top: 5px;
	list-style-type: none;
	color: white;

}

#menu li ul A,#menu A:hover,#menu li ul A.unfolded{width:147px;color:white;margin:0;padding:2px 0px 0px 10px;height:20px; background-color: #41cdf5;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari chrome   */
    border-radius: 3px 3px 3px 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

}


#menu li ul A:hover,#menu li ul A.unfolded,#menu li ul A.unfolded:hover {margin:0;padding:2px 0px 0px 10px;height:20px; background-color: #03B5E6;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari chrome   */
    border-radius: 3px 3px 3px 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */}

#menu LI UL { left: 120px; width: 110px; z-index: 100; }
html>body #menu LI UL { left:155px; }
#menu LI UL { left:153px; }



#menu LI UL LI, #menu LI UL LI UL LI { 	margin: 0px; padding: 1px 2px 1px 2px; }
html>body #menu LI UL LI, html>body #menu LI UL LI UL LI { padding: 0px 2px 0px 2px;margin-bottom:3px;}