* {
margin: 0;
padding: 0;
}

div.menu {
position: relative;
margin: 0 auto;
max-width: 800px;
}

div.seperator
{
float: left;
position: relative;
width: 2px;
height: 54px;
background: white;
}

div.home
{
position: relative;
float: left;
width: 12%;
}

div.home:hover
{
background: #F10030;
}

div.home a.home
{
color: black;
font-weight: bold;
display: block;
width: 100%;
height: 42px;
padding-top: 12px;
}

div.home a.home:hover
{
background: #F10030;
color: white;
}

div.home span.home
{
cursor: pointer;
background: url('../../img/home.gif') no-repeat center;
position: relative;
display: block;
top: 3px;
height: 28px;
}

div.home a.home:hover span.home
{
cursor: pointer;
background: url('../../img/home_white.gif') no-repeat center;
display:block;
}

div.menu ul {
float: left;
list-style-type: none;
font-family: "Eras Medium ITC", "Times New Roman" , "Times" , "Arial", "Verdana", "Helvetica";
font-weight: normal;
font-size: 24px;
font-style: normal;
}

div.menu ul div
{
position: absolute;
display: none;
}

div.menu ul.events {
width: 33%;
}

div.menu ul.events div {
left: 20px;
width: 84%;
}

div.menu ul.musics {
width: 31%;
}

div.menu ul.musics div {
left: 18px;
width: 84%;
}

div.menu ul.contact {
width: 22%;
}

div.menu ul.contact div {
left: 15px;
width: 84%;
}

div.menu p.head
{
position: relative;
color: black;
font-weight: bold;
display: block;
padding-top: 12px;
height: 42px;
width: 100%;
text-align: center;
cursor:default;
}

div.menu ul p.head:hover
{
background: #F10030;
color: white;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
div.menu a.dropdown 
{
position: relative;
display: block;
height: 28px;
padding: 12px;

text-decoration: none;
text-align: center;
background: #FF0000;
color: black;

border: dashed 1px white;

font-family: "Eras Medium ITC", "Times New Roman" , "Times" , "Arial", "Verdana", "Helvetica";
font-weight: normal;
font-size: 22px;
font-style: normal;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
div.menu a.dropdown:hover {
background: #F10030;
color: white;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

div.menu li {
position: relative;
display: inline;
float: left;
width: 100%;
text-align: left;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
div.menu ul li:hover div {
display: block;
}