.nav-active, .nav-inactive {
float:left;
display:block;
text-decoration:none;
background:#666666;
height:30px;
width:124px;
border-right:1px solid #000000;
text-align:center;
line-height:30px;
font-weight:bold;
font-size:14px;
color:#00CCFF;
text-transform:uppercase;
}

.nav-inactive:hover, .nav-active {
background:#00CCFF;
color:#000000;
}

/*************************************************************/

.subnav-active, .subnav-inactive {
display:block;
text-decoration:none;
background:#000000;
height:30px;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
padding-left:8px;
line-height:30px;
font-weight:bold;
font-size:12px;
color:#00CCFF;
text-transform:uppercase;
}

.subnav-inactive:hover, .subnav-active {
background:#00CCFF;
color:#000000;
}


/*************************************************************/
/*PERSONAL AND DJ NAVIGATION*/

.djnav-active, .djnav-inactive, .personalnav-active, .personalnav-inactive, .ehemaligenav-active, .ehemaligenav-inactive {
display:block;
text-decoration:none;
height:30px;
padding-left:30px;
line-height:20px;
font-weight:bold;
font-size:12px;
color:#00CCFF;
text-transform:uppercase;
width:200px;
}

.djnav-inactive {
background:url(images/kopfhoerer_inactive.gif);
background-repeat:no-repeat; color:#00CCFF;
}

.djnav-inactive:hover, .djnav-active {
background:url(images/kopfhoerer_active.gif);
background-repeat:no-repeat;
color:#FFEF00;
}

.personalnav-inactive {
background:url(images/stern_inactive.gif);
background-repeat:no-repeat;
}

.personalnav-inactive:hover, .personalnav-active {
background:url(images/stern_active.gif);
background-repeat:no-repeat;
color:#FFEF00;
}

.ehemaligenav-inactive {
background:url(images/stern_inactive.gif);
background-repeat:no-repeat;
}

.ehemaligenav-inactive:hover, .ehemaligenav-active {
background:url(images/stern_active.gif);
background-repeat:no-repeat;
color:#FFEF00;
}

/*************************************************************/


/*************************************************************/
/*ARCHIV NAVIGATION YEAR*/
.subnav2-active, .subnav2-inactive {
display:block;
text-decoration:none;
font-size:15px;
color:#00CCFF;
width:50px;
float:left;
padding-right:20px;
padding-bottom:10px;
}

.subnav2-inactive:hover, .subnav2-active {
color:#FFEF00;

}


/*ARCHIV NAVIGATION MONTH*/
.subnav3-active, .subnav3-inactive {
display:block;
text-decoration:none;
font-size:12px;
color:#00CCFF;
width:50px;
float:left;
}

.subnav3-inactive:hover, .subnav3-active {
color:#FFEF00;
}


/*************************************************************/