<style type="text/css">

* html body{
	font-size:xx-small;	
	f\ont-size:x-small;	
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:150px;
	border-left:8px solid  #006600;
}

ul li {
	position: relative;
	width:216px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}
/* keep folowing styles together..........................*/
* html ul ul {
	margin-left:-16px;/* ie5 fix */
	voice-family: "\"}\""; 
	voice-family: inherit;
}	
* html ul li {float:left;/* hide float from ie5*/}
* html ul ul {
	width:150px;	
	w\idth:148px;
	voice-family: "\"}\""; 

}
* html ul ul {margin-left:0;/* hide margin from ie5*/}

/* keep above styles together .............*/

li ul {
	position: relative;
	display:none;
}
li ul li {
	width:207px;
	
}

/* Styles for Menu Items */
ul li a {
	display:block;
	text-decoration: none;
	color: #000000;
	background: #999999 ; /* IE6 Bug */
	line-height:2em;
	height:2em;	
	padding:0 5px;
	text-align:left;

}
li li a {}

/* set dropdown to default */
li:hover li a, li.over li a {
     color: #000000; 
  background:#999999;    
}

/* this sets all hovered lists to red */
li a:hover,
li:hover a, li.over a,
li:hover li a:hover, li.over li a:hover {
	color: #000000;
   
}

/* this sets all hovered lists to red */
li:hover li a:hover, li a:hover {
	color: #005500;
  background:#BBBBBB;
   
}


li ul li  {  } /* Sub Menu Styles */
 li.on ul { display:block  } /* The magic */
li.off ul{display:block}

.aktiv a {
  font-weight:bold;
}

