/* Der refereres til følgende classes:
.horizontal
.rollover (på a-tags)
.colorTheme1
*/
/* NB se kro vedrørende bredderne på niveau-2. Bredden er fjernet fra li'elementet og sat på a i stedet.
desuden er den IE-7 hack fjernet med "100%"
*/

/* nedenfor er fra bogen */

/* structural styles and offsets */
/* hele træet: */
ul.horizontal, ul.horizontal li, ul.horizontal ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
}
/* kun den yderste ul: */
ul.horizontal {
  position: absolute;
  left: 100px; 
  width: 100%;
  cursor: default;
  z-index: 2000;
  top: 64px;
}
/* alle li'er i hele træet: */
ul.horizontal li {
  width: auto;
  float: left;
  position: relative;
  cursor: pointer;
  cursor: hand;
  text-align: left;
  left: 1em; 		/* hvis jeg ændrer den, flytter menuen sig i Opera men intet sker i IE */			
  margin: 0 0 0 -0.1em;		/* både left og margin overskrives undtagen den øverste, men ellers ?? */
}
/* kun IE: */
* html ul.horizontal li {
  margin: 0 -1.1em 0 1em;  /* sammenhold med margin og left ovenfor */
  left: 0;
}
/* sammenhold med ovenstående men ellers ?? */
ul[class^="horizontal"] li {  /* alle li'er undtagen den øverste */
  margin: 0 -1.1em 0 1em;
  left: 0;
}

/* alle ul'er undtagen den yderste: */
ul.horizontal ul {
  z-index: 2020;
  padding: 0;
  cursor: default;
  position: absolute;
  left: -100em;
  top: auto;
  width: 8.2em; 
  margin: 0 0 0 0;
  padding: 1px 0 0 0;
}
/* alle li'er undtagen på øverste niveau: */
ul.horizontal ul li {
  width: 8.2em; 
  float: none;		/* nu skal de ikke mere ved siden af hinanden */
  left: auto;
  margin: -1px 0 0 0;	/* toppen flyttes op, da browserne åbenbart laver mellemrum */				
	border-style: none; /* overskriver border på alle li */
	border-width: 0px;
}
/* fra level 3 og ned: */
ul.horizontal ul ul {
  margin: -0.45em 0 0 7.65em;  /* lagt sammen lig med den faste bredde på 8.2em */
  /* det er dette der giver det lille overlap */
}

/* design styles */
ul.horizontal ul {
  border-width: 1px;
  /* border-style: solid; */
  /* border-color: #000000 #a97741 #a97741 #000000; */
}

ul.horizontal a, ul.horizontal a:visited {  /* link mangler her sammenlignet med vertical.css */
  display: block;
  cursor: pointer;
  cursor: hand;
  border-style: outset; /* overskrives for a'er på niveau 2 */
  border-width: 2px;	/* overskrives for a'er på niveau 2 */
  padding: 2px;
  padding-right: 4px;
  font-size: 0.7em; 
  /* font-size: 10.5px; */
  text-decoration: none;
  /* letter-spacing: 1px; */
}

/* a på niveau 2 overskrives */
ul.horizontal li li a, ul.horizontal li li a:visited {  
	border-style: none;
	border-width: 0px;
}


ul.horizontal li li a {		/* IE7 forsøg */
	width: 100%;								
  height: 100%;	
}				

ul.horizontal a:hover, 
ul.horizontal a:focus, 
ul.horizontal a:active,
ul.horizontal a.rollover:link, 
ul.horizontal a.rollover:visited {
	text-decoration: underline;
}		


/* browser hacks */
/* nedenstående 3 linier er ikke på vertical.css: */
/* ????? */
ul.horizontal a { float: left; }
@media Screen, Projection { ul.horizontal a { float: none; } }
ul.horizontal ul a { float: none !important; }

@media screen, projection {
ul.horizontal li {							/* jeg har fjernet * html - IE7 */
    display: inline;
    f\loat: left;
    background: #fff;
  }
}
* html ul.horizontal li { position: static; }		
* html ul.horizontal a { position: relative; }