#content {
z-index: 1;
}

#nav {
z-index: 50;
}

#nav ul {
margin: 0;
padding: 0;
}

#nav ul li {
display: block;
float: left;
margin: 0;
padding: 0;
text-align: center;
height: 29px;
overflow: hidden;
}

#nav ul li a {
display: block;
margin: 0;
padding: 0;
height: 29px;
text-indent: -5000px;
}

#nav ul li a.dd:hover {background-position: 0 -29px;}
#nav ul li a.hover {background-position: 0 -29px;}

#nav ul li a.su {width: 121px; background-image: url(nav_01.png);}
#nav ul li a.adv{width: 81px; background-image: url(nav_02.png);}
#nav ul li a.ed {width: 110px; background-image: url(nav_03.png);}
#nav ul li a.events {width: 76px; background-image: url(nav_04.png);}
#nav ul li a.food {width: 130px; background-image: url(nav_05.png);}
#nav ul li a.hys {width: 141px; background-image: url(nav_06.png);}
#nav ul li a.shop {width: 65px; background-image: url(nav_07.png);}
#nav ul li a.socs {width: 95px; background-image: url(nav_08.png);}
#nav ul li a.sport {width: 81px; background-image: url(nav_09.png);}

.menu {
background: #eaeaea;
border-top: 3px solid #c9c8ce;
border-bottom: 1px solid #c9c8ce;
padding: 17px;
max-width: 330px;
position: absolute;
z-index: 5;
display: none;
}

.menu dl {
margin: 0;
padding: 0;
text-align: left;
}

#nav .menu dl a {
text-indent: 0;
display: inline;
color: #000;
}

#nav .menu dl a:hover {
color: #039;
}

.menu dd {
margin: 0 0 10px;
padding: 0;
font-size: 10pt;
}

.menu dt {
font-weight: bold;
margin: 0 0 3px;
padding: 0;
font-size: 11pt;
}

.menu dt, #nav .menu dt a {color: #039}

#shop, #socs, #sport {right: 0;}

#nav .menu dl a.highlight {font-size: 12pt; font-weight: bold;}