/* Buttons allgemein --------------------------------------------------------------------------- */
.menu {
	position: relative;
	background-color: white; /* Sichtbar am rechten Rand */
	padding: 0; list-style: none;
	color: #304e6a; font-size: 0.9em; font-weight: normal; text-align: left;
	line-height: 180%; text-indent: 4px; z-index: 1; }

/* 1. Buttonreihe --------------------------------------------------------------------------- */
.menu ul { margin: 0px; margin-left: 2px; list-style-type: none; padding: 0; }
.menu ul li { position: relative; left: 0pt}
.menu ul li a {
	display: block;
	background: #ffefdd;
	color: #304e6a;
	text-decoration: none; }
.menu ul li:visited {
	display: block;
	background: #ffefdd;
	color: #304e6a; text-decoration: none; }

/* Hovererscheinung  */
.menu ul li:hover a, .menu ul li#active{ color: #304e6a; background: #e7d5b5; font-weight: bold; }

/* 2. Buttonreihe --------------------------------------------------------------------------- */
.menu ul li ul { display: none; }
.menu ul li:hover ul {
	display: block; width: 260px; position: absolute; z-index: 2; /* Art und Länge */
	top: 0px; /* Vertikalversatz von 1. Buttonreihe */
	left: 93%; } /* Abstand von Beginn 1. Buttonreihe*/
.menu ul li:hover ul li ul { display: none; }

/*	Basiserscheinung */
.menu ul li:hover ul li a {
	display: block; width: 100%;  /* Art und Länge */
	color: #304e6a; background: #e7d5b5; font-weight: normal; /* Hintergrund und Schrift */ }

/* Hovererscheinung */
.menu ul li:hover ul li a:hover {
	color: #304e6a; background: #e7d5b5; font-weight: bold; text-decoration: underline; /* Hintergrund und Schrift */ }