/* Der er sat style ind for niveau 3 og ned, men det får ingen virkning, 
hvis initsite og displayTopMenu ikke er version til flere niveauer
*/




/* denne version er skrabet i forhold til den, der er taget fra bogen. 
Men den virker tilsyneladende godt nok. */




ul.horizontal, ul.horizontal li, ul.horizontal ul {
  list-style-type: none;  /* ellers kommer der bullets i Firefox og Opera */
  margin: 0px;  /* undgår indryk i IE6, IE7, Firefox, Opera */
  padding: 0px;
}

/* kun den yderste ul: */
ul.horizontal {
  position: absolute;
  left: 280px; /* sættes i user - denne er derfor overflødig */
 /* top: 123px;  /* tager højde for margin-top på li'er */
  top: 130px;
  z-index: 2000;
  
  border-style: solid;
  border-width: 1px;
  
  
  
}
/* alle li'er i hele træet: */
ul.horizontal li {
		
  float: left;
 
}
/* alle ul'er undtagen den yderste: */
ul.horizontal ul {
  z-index: 2020;
  position: absolute;
  left: -100em;
}
ul.horizontal ul ul {  /* tilføjelse ibm flere niveauer */
	margin-top: 20px;
	margin-left: 40px;
	
}
/* alle li'er undtagen på øverste niveau: */
ul.horizontal ul li {
	float: none;		/* nu skal de ikke mere ved siden af hinanden */
 /* margin-top: -1px;  /* for at undgå mellemrum mellem li'er som vil fyre mouseout */
 margin-top: 0px;
  z-index: 2030;
}

/* NB NB NB kun IE: Denne lille hack får det til at virke også i IE6 - modsat var der fejl i mellemrum, når der var menu under - påvirker åbentbart ikke IE7 */
* html ul.horizontal ul li.hasmenu {
  margin-bottom: -20px;  
  
}






ul.horizontal a, ul.horizontal a:visited {  /* link mangler her sammenlignet med vertical.css */
  display: block;
  cursor: pointer;
  cursor: hand;
  padding: 3px;
   
  font-size: 13px; 
  text-decoration: none;
  margin-right: 0px;
 /* border-left-style: solid;
  border-bottom-style: solid;
  border-width: 2px; */  
}

/* a på niveau 2 overskrives */
ul.horizontal li li a, ul.horizontal li li a:visited {  
	/*font-size: 14px; */
	font-size: 11px;
	font-weight: normal;
	width: 120px;
	border-style: solid;
	border-width: 1px;
	padding: 3px;
	/*
	border-top-width: 2px;
	border-left-width: 2px; 
	border-right-width: 0px;
	border-bottom-width: 1px;
	*/
}

ul.horizontal a:hover, 
ul.horizontal a:focus, 
ul.horizontal a:active,
ul.horizontal a.rollover:link, 
ul.horizontal a.rollover:visited {
	
}		

ul.horizontal a.nohand {

	cursor:default;  /* for at der ikke skal være click på menupunkt hvis der er undermenu */
}