/* CSS Document */
body {
	font: normal 1em Helvetica, Arial, sans-serif; color:#000000;
}
/* nachfolgend wird mit width und height die Größe der Hintergrundbox des Menüs festgelegt, mit padding der Abstand der Menübuttons zu den Rändern der Hintergrundbox, ebenso die Farbe und die Randfarbe der Hintergrundbox */
nav {
	width: 10em;
	height: 2,5em;
	padding: 0.5em;
	border: 1px solid #ffffcc;
	background-color: #ffffcc;
}

nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
	
}

nav li {
	list-style: none;
	position: relative;
	margin: 0 0 .2em 0;
	padding: 0;
}
/* nachfolgend wird der Abstand des Untermenüs nach rechts und unten(positive Werte für left und top) festgelegt */ 
nav ul ul {
	position: absolute;
	top: -14em;
	left: 0,5em;
	font: 0/0 serif;
	/* Unternavigation ausblenden */
	
	
	transition: font 4.5s;
}

nav ul li:hover ul {
	font: inherit;
	z-index: auto;
	/*  Unternavigation einblenden */
}
/* nachfolgend wird die Breite der in den li enthaltenen Menübuttons festgelegt */
nav a,
nav span {
	display: block;
	width: 9em;
/* nachfolgend wird mit margin der Abstannd der in den li enthaltenen Menübuttons zueinander festgelegt */
/* mit padding wird der Abstand des Textes in den Buttons zum Buttonrand festgelegt und damit folglich die Größe der Buttons */
/* mit color wird die Textfarbe und mit background-color die Buttonfarbe festgelegt */	
	margin: 0.1em 0 0 0;
	padding: 0.4em;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid blue;
	border-radius: 10px;
	box-shadow: 0px 5px 10px white inset;
	color: gold;
	background-color: green;
}

nav ul ul a,
nav span {
	border-radius: 10px;
}

nav a:focus,
nav a:hover,
nav span {
	/* aktuelle Unterseite kennzeichnen */
	
	color: green;
	background-color: gold;
}

li a#aktuell {
	color: gold;
	background-color: green;
}

nav span {
	/* aktuelle Unterseite kennzeichnen */
	
	background-color: green;
	color: gold;
}