/* Der refereres til følgende classes:
.horizontal
.rollover (på a-tags)
.colorTheme1
*/

/* 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: 200px; 
  width: 100%;
  
  cursor: default;
  z-index: 2000;
  top: 100px;
}
/* alle li'er i hele træet: */
ul.horizontal li {
  width: auto;
  float: left;
  position: relative;
  cursor: pointer;
  cursor: hand;
  text-align: left;
  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; */
 /* width: 5.0em; */
  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-top-width: 0px;
  border-bottom-width: 0px;
  
  border-right-width: 0px;
  border-left-width: 4px;	/* overskrives for a'er på niveau 2 */
  padding-top: 9px;
  padding-bottom: 8px;
  /*padding-left: 4px;
  padding-right: 6px;*/
  padding-left: 8px;
  padding-right: 10px;
  font-size: 14px;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0.5px; 
}

/* a på niveau 2 overskrives */
ul.horizontal li li a, ul.horizontal li li a:visited {  
	border-style: none;
	border-width: 0px;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 3px;
	background-position: center;  /* elementet smallere end billedet */
	font-size: 12px;
	width: 7.0em;


}


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

		


/* 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; }