Sabrina: Submenü einblenden

Beitrag lesen

Ich möchte ein Submenü welches im nachfolgenden Quelltext mit Sublevel definiert ist einblenden lassen wenn mann mit der Maus über das Mainmenü geht...was hab ich verkehrt gemacht?

.mainlevel {

font-family      : Arial, Helvetica, serif;
  font-weight      : normal;
  width            : 95%;
  text-align       : left;
  letter-spacing   : 0 px;
  text-indent      : 5px;
  padding          : 5px;
  display          : block;
  margin-top       : 2px;

}

a.mainlevel:link, a.mainlevel:visited {
  border-top       : 1px solid #1C4781;
  border-bottom    : 1px solid #1C4781;
  background       : #1C4781;
  color            : #FFFFFF;
}
a.mainlevel:hover {
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #FFFFFF;
  text-align       : left;
  background       : #9D080A;
  color            : #FFFFFF;
  display          : .sublevel;

}

a.mainmenu:link, a.mainmenu:visited
{ color: #9D080A; font-weight: bold;
} a.mainmenu:hover,
{ color: #000000; text-decoration: underline; }

.sublevel {

font-family      : Arial, Helvetica, serif;
  font-weight      : normal;
  width            : 80%;
  text-align       : left;
  letter-spacing   : 0 px;
  text-indent      : 5px;
  padding          : 5px;
  display          : block;
  margin-top       : 2px;

}

a.sublevel:link, a.sublevel:visited {
  border-top       : 1px solid #1C4781;
  border-bottom    : 1px solid #1C4781;
  background       : #1C4781;
  color            : #FFFFFF;
}
a.sublevel:hover {
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #FFFFFF;
  text-align       : left;
  background       : #9D080A;
  color            : #FFFFFF;
  display          : sublevel;

}

a.submenu:link, a.submenu:visited
{ color: #9D080A; font-weight: bold;
} a.submenu:hover,
{ color: #000000; text-decoration: underline; }