.menu         { color: #757575; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase }
.menu:hover        { color: #f00; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase }
.menuselected      { color: #f00; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase }
.menuselected:hover      { color: #f00; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase }

.submenu        { color: #757575; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none }
.submenu:hover        { color: #f00; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none }
.submenuselected       { color: #f00; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none }
.submenuselected:hover     { color: #f00; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none }

.seiten     { color: #f00; font-size: 11px; font-family: Arial; font-weight: normal; text-decoration: none }
.seiten:hover    { color: #f00; font-size: 11px; font-family: Arial; font-weight: normal; text-decoration: underline }
.seitenselected    { color: #f00; font-size: 11px; font-family: Arial; font-weight: normal; text-decoration: underline }
.seitenselected:hover    { color: #f00; font-size: 11px; font-family: Arial; font-weight: normal; text-decoration: underline }
.bg-submenu-hi { background-image: url(../wellnessakademie/images/point.gif); background-repeat: no-repeat; background-position: left center }

.topteaser       { color: #f00; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase }
.topteaser:hover        { color: #f00; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase }