ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
/*Just add the following properties and values*/
	width: 896px;
	table-layout: fixed;
}

ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}


ul.nav>li:hover{
	padding-right: 1px;
}

ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #000000;
	color: #fffccc;
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #584c36;
	color: #000000;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #584c36;
	color: #000000;
}

ul.nav,
.nav ul{
	border: 2px solid #584c36;
}

.nav a{
	text-decoration: none;
}





body
	{
	background-color: #000000;
	font-size: 0.8em;
	font-family: Arial;
	color: #fffccc;
	padding: 0;
	margin: 0;
	}
  
#center 
	{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background-color: #000000;
	}
  
#banner 
	{
	height: 199px;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	background-color: #000000;
	background-image: url(top.jpg);
	background-repeat: no-repeat;
 	background-position: center;
	}
  
div#navcontainer
  {
  background-color: #584c36;
  }

#inhalt
  {
  margin: 0;
  padding: 5px;
  background-color: #000000;
  border-bottom: 2px solid #584c36;
  border-left: 2px solid #584c36;
  border-right: 2px solid #584c36;
  background-image: url("bg.jpg");
  background-repeat: repeat-y;
  margin-bottom: 32px;
  }

 a:link {color: #fffccc; text-decoration: None}
 a:visited {color: #fffccc; text-decoration: None}
 a:active {color: #fffccc; text-decoration: None}
 a:hover {color: #fffccc; text-decoration: Underline}

p
 {
 font-family: Arial;
 font-size: 1.2em;
color: #fffccc;
 padding: 0;
 margin: 0;
 }
 
h1
 {
 font-family: Arial;
 font-size: 1.7em;
color: #fffccc;
 }





/*
#infos 
 { 
 width: 870px;
 overflow: hidden;
 padding: 5px;
 border: 2px solid #584c36;
 text-align:left; 
 }


 #hp2
  {
  width: 420px;
	margin: 0 auto;
  margin: 0;
  padding: 5px;
  background-color: #000000;
  border: 2px solid #584c36;
  margin-bottom: 30px;
  text-decoration: None
  }
  
  #forum2
  {
  width: 420px;
	margin: 0 auto;
  margin: 0;
  padding: 5px;
  background-color: #000000;
  border: 2px solid #584c36;
  margin-bottom: 30px;
  text-decoration: None
  }

*/  
  
  a.info
{
position:relative;
z-index:1;
color:#584c36;
text-decoration:none;
}

a.info:hover
{
z-index:2;
}

a.info span
{
display: none;
}

a.info:hover span
{
display:block;
position:absolute;
top:2em;
left:2em;
width:500px;
border:1px solid #584c36;
color:#584c36;
background-color:#000000;
background-image: url("bg.jpg");
background-repeat: repeat-y;
text-align: left;
padding: 5px;
font-size: 1.0em;
}