@charset "utf-8";
/* CSS Document */

#navigation {
	margin:0 0 3px 0;
	padding:0;
	width: 850px;
	height: 40px;
	background: url(/images/menu.png) repeat-x;
}

#navigation ul {
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
}

#navigation ul li {
	float:left;
	width:120px;
}

#navigation ul li a img {
	border:0;
}

#navigation ul li #a_home {
	display:block;
	width:120px;
	height:40px;
	background: url(/images/button/but_home.png) no-repeat;
}

#navigation ul li #a_home:hover, #navigation ul li #a_home.active {
	background: url(/images/button/but_home.png) 0px -40px no-repeat;
}

#navigation ul li #a_user_charts {
	display:block;
	width:120px;
	height:40px;
	background: url(/images/button/but_user_charts.png) no-repeat;
}

#navigation ul li #a_user_charts:hover, #navigation ul li #a_user_charts.active {
	background: url(/images/button/but_user_charts.png) 0px -40px no-repeat;
}

#navigation ul li #a_webradio {
	display:block;
	width:120px;
	height:40px;
	background: url(/images/button/but_webradio_charts.png) no-repeat;
}

#navigation ul li #a_webradio:hover, #navigation ul li #a_webradio.active {
	background: url(/images/button/but_webradio_charts.png) 0px -40px no-repeat;
}

#navigation ul li #a_dj_charts {
	display:block;
	width:120px;
	height:40px;
	background: url(/images/button/but_dj_charts.png) no-repeat;
}

#navigation ul li #a_dj_charts:hover, #navigation ul li #a_dj_charts.active {
	background: url(/images/button/but_dj_charts.png) 0px -40px no-repeat;
}


#navigation ul li #a_bewerten {
	display:block;
	width:120px;
	height:40px;
	background: url(/images/button/but_bewerten.png) no-repeat;
}

#navigation ul li #a_bewerten:hover, #navigation ul li #a_bewerten.active {
	background: url(/images/button/but_bewerten.png) 0px -40px no-repeat;
}

#navigation ul li #a_vorschlagen {
	display:block;
	width:120px;
	height:40px;
	background: url(/images/button/but_vorschlagen.png) no-repeat;
}

#navigation ul li #a_vorschlagen:hover, #navigation ul li #a_vorschlagen.active {
	background: url(/images/button/but_vorschlagen.png) 0px -40px no-repeat;
}


#navigation ul li #a_profil {
	display:block;
	width:120px;
	height:40px;
	background: url(/images/button/but_profil.png) no-repeat;
}

#navigation ul li #a_profil:hover, #navigation ul li #a_profil.active {
	background: url(/images/button/but_profil.png) 0px -40px no-repeat;
}

/* TOPNAVI */
.topnavi {
	margin:0 0 0 0;
	padding:0;
	width: 290px;
	height: 30px;
    position: relative;
    z-index: 999;
}

.topnavi ul {
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
}

.topnavi ul li {
	float:left;
	
}

.topnavi ul li a img {
	border:0;
}
.topnavi ul li #a_impressum {
	display:block;
	width:80px;
	height:30px;
	background: url(/images/button/but_impressum.png) no-repeat;
}

.topnavi ul li #a_impressum:hover, #topnavi ul li #a_impressum.active {
	background: url(/images/button/hover_but_impressum.png) no-repeat;
}

.topnavi ul li #a_kontakt {
	display:block;
	width:80px;
	height:30px;
	background: url(/images/button/but_kontakt.png) no-repeat;
}

.topnavi ul li #a_kontakt:hover, #topnavi ul li #a_kontakt.active {
	background: url(/images/button/hover_but_kontakt.png) no-repeat;
}
.topnavi ul li #a_links {
	display:block;
	width:80px;
	height:30px;
	background: url(/images/button/but_links.png) no-repeat;
}

.topnavi ul li #a_links:hover, #topnavi ul li #a_links.active {
	background: url(/images/button/hover_but_links.png) no-repeat;
}
.topnavi ul li #a_admin {
	display:block;
	width:80px;
	height:30px;
	background: url(/images/button/but_admin.png) no-repeat;
}

.topnavi ul li #a_admin:hover, #topnavi ul li #a_admin.active {
	background: url(/images/button/hover_but_admin.png) no-repeat;
}
.topnavi ul li #a_twitter {
	display:block;
	width:80px;
	height:30px;
	background: url(/images/button/but_twitter.png) no-repeat;
}

.topnavi ul li #a_twitter:hover, #topnavi ul li #a_twitter.active {
	background: url(/images/button/hover_but_twitter.png) no-repeat;
}
.topnavi ul li #a_hilfe {
	display:block;
	width:40px;
	height:30px;
	background: url(/images/button/but_hilfe.png) no-repeat;
}

.topnavi ul li #a_hilfe:hover, #topnavi ul li #a_hilfe.active {
	background: url(/images/button/hover_but_hilfe.png) no-repeat;
}
.topnavi ul li #a_rss {
	display:block;
	width:40px;
	height:30px;
	background: url(/images/button/but_rss.png) no-repeat;
}

.topnavi ul li #a_rss:hover, #topnavi ul li #a_rss.active {
	background: url(/images/button/hover_but_rss.png) no-repeat;
}
.topnavi ul li #a_media {
	display:block;
	width:80px;
	height:30px;
	background: url(/images/button/but_media.png) no-repeat;
}

.topnavi ul li #a_media:hover, #topnavi ul li #a_media.active {
	background: url(/images/button/hover_but_media.png) no-repeat;
}