.menu {

  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
  font-size: 80%;
  font-weight: lighter;
  position: relative;
  font-style: normal;
  font-variant: small-caps;
  text-shadow: black 0.1em 0.1em 0.2em;
	

}

.menu, .menu .toggle {

  height: 15px;

  line-height: 15px;

}

.menu .toggle {
	color: #fff;
	font-size: 80%;
	font-weight: lighter;
	cursor: hand;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	width: 85px;
	font-style: normal;
	font-variant: small-caps;
	height: 17px;
	}

.menu .toggle-hover {
	color: #F60;
}

 
/* menu items ist fuer den Infotext */
.menu .items {
	position: absolute;
	left: 75px;
	top: 2px;
	height: 200px;
	width: 800px;
	color: #FFF;
	text-shadow: black 0.2em 0.2em 0.4em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	white-space: normal;
	clear: left;
	float: left;
}

 

.menu .items ul,

.menu .items li {

  list-style-type: none;

  padding: 0;

  margin: 0;

}

.menu .items li {
	float: left;
	height: 25px;
	line-height: 15px;
	padding: 0 10px 0 0;
}

.menu .items a {

  font-size: 90%;

  font-weight: regular;

  color: #f90;

  text-decoration: none;

}

.menu .items a:hover {

  text-decoration: none;

}

.menu .items a.current {
	color: #F90;
}

 

 

.clearfix:after {

  content: "."; 

  display: block; 

  height: 0; 

  clear: both; 

  visibility: hidden;

}

 

.clearfix {display: inline-block;}

 

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */