/*First Level begins*/

.karatreemenu ul{
	margin: 0;
	padding: 0 0 0 20px;
	list-style-type: none;
	z-index:1;
	border:0px solid red;
}

/*Top level list items*/
.karatreemenu ul li{
	position: relative;
	display: inline;
	float: left;
	background: url(../images/kachel-hauptnavi.gif) repeat-x;
border:0px solid red;
/*width:80px;*/
}

/*Top level menu link items style*/
.karatreemenu ul li a{
	display: block;
	width: 90%; /*Width of top level menu link items*/
	padding:3px 8px 8px 8px;
	border: 0px solid black;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	font-family: arial,helvetica,sans-serif;	
	/*line-height: 130%;*/
	/*letter-spacing: 1px;*/
	height:13px;
}

.karatreemenu ul li a:hover{
	/*background-color: black;*/
	color: #fff;
}

/*.karatreemenu ul li a.act{
background:none;
	background-color: #fff;
	color: #309D25;
	display: block;
	width: 90%;
	padding:3px 8px 8px 8px;
	border: 0px solid black;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;	
	height:13px;
}*/

/*Background image for top level menu list links */
.karatreemenu .mainfoldericon{
	background: url(../images/kachel-hauptnavi.gif) repeat-x;
	
	margin:0;
}

/*First Level ends*/
		
/*Second Level begins*/
.karatreemenu ul li ul{
	left: 0;
	position: absolute;
	t#op: 1em; /* no need to change, as true value set by script */
	margin-top:-2px;
	margin-left:5px;
	display: block;
	visibility: hidden;
	border: 1px solid #309E25;
	background:#fff;
	padding:0;
}

* html .karatreemenu ul li ul{
	left: 0;
	position: absolute;
 	margin-top:-4px;
	margin-left:5px;
	display: block;
	visibility: hidden;
	border: 1px solid #309E25;
	background:#fff;
	padding:0; 
}

/*Sub level menu list items (undo style from Top level List Items)*/
.karatreemenu ul li ul li{
	display: list-item;
	float: none;
	background: url(../images/navibg.png) no-repeat;
	width:180px;

	padding:0;
	margin:0;
	b#ackground:green;
}

/* Sub level menu links style */
.karatreemenu ul li ul li a{
	display: block;
	width: 166px; /*width of sub menu levels*/
	color: #309d25;
	text-decoration: none;
	padding: 6px 2px 2px 2px; 
	margin: 0 0 3px 6px;
	border-bottom: 1px solid #a9d8a4;
	font-weight:normal;
	b#order:1px solid red;
	height:auto;
}

* html .karatreemenu ul li ul li a{
	padding: 2px 2px 2px 2px;
}

.karatreemenu ul li ul li.topbg{
	background: url(../images/topbgnewmenu.gif) repeat-x;
	height:6px;
	padding:0;
	margin:0;
	border:0px solid red;
}

.karatreemenu ul li ul li a:hover{
	color: #e25d00;
	text-decoration: none;
}

/*Background image for subsequent level menu list links */
.karatreemenu .subfoldericon{
	background: url(../images/navibg.png) no-repeat;
}




/*All subsequent sub menu levels offset after 1st level sub menu */
.karatreemenu ul li ul li ul{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0;
	margin:0 0 0 -90px;
	padding:0;
}









* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .karatreemenu ul li { float: left; height: 1%; }
* html .karatreemenu ul li a { height: 1%; }
/* End */



