/* ## Build Navigation ## */
#navigation{
font-size:80%;
font-family:sans-serif;
position:relative;
height:165px;
top:8px;
border-bottom:1px solid #606030;
}
#navigation ul, #navigation li{
position:relative;
z-index:20;
float:left;
margin:0;
padding:0;
list-style:none;
}
#navigation li{
margin-right:4px;
}
#navigation li:hover{
}
#navigation a{
width:59px;
display:block;
text-decoration:none;
color:#e6e6e6;
}
#navigation a:hover,.top:hover a,#select a{
/*background-color:#668800;*/
}
#navigation .top:hover span,
#navigation .topSub:hover span, #bottomnavigation .selected{
background-color:#AB4400;
/*border-bottom:6px solid #F0ECE9;*/
}
#navigation .select span, #navigation .select:hover span,#navigation .selectSub span, #navigation .selectSub:hover span{
background-color:#AB4400;
border:1px solid #ccc;
color:#fff;
padding:1px 3px 1px 1px;
}
#navigation .selectSub:hover span,#navigation .topSub:hover span{
border-bottom:5px solid #F0ECE9;
}
#navigation span{
background-color:#262613;
display:block;
padding:3px 4px 2px 2px;
height:18px;
position:relative;
top:0px;
text-align:center;
}
#navigation img{
position:relative;
border:0;
padding:64px 3px 4px 3px;
}
/*
#navigation .trash:hover{
background:url(/BETA/tongedichte/bilder/trashFilm.gif) no-repeat 0 65px;
}
*/
#navigation .suche{
background:url(../images/navigation/suche.png) no-repeat 3px 65px;
}
#navigation .singles{
background:url(../images/navigation/single.png) no-repeat 3px 65px;
}
#navigation .live{
background:url(../images/navigation/live.png) no-repeat 3px 65px;
}
#navigation .dokus{
background:url(../images/navigation/dokus.png) no-repeat 3px 65px;
}
#navigation .streams{
background:url(../images/navigation/streams.png) no-repeat 3px 65px;
}

#navigation .trash{
background:url(../images/navigation/trash.png) no-repeat 3px 65px;
}
#navigation .home{
background:url(../images/navigation/home.png) no-repeat 3px 65px;
}
#navigation .lps{
background:url(../images/navigation/lp.png) no-repeat 3px 65px;
}
#navigation .news{
background:url(../images/navigation/news.png) no-repeat 3px 65px;
}

#navigation .top:hover img,
#navigation .topSub:hover img{
/*background:url(/BETA/tongedichte/bilder/hoverz.png) no-repeat -1px 5px;*/
padding:65px 4px 4px 4px;
}
#navigation .top:hover .trash{
background:url(../images/navigation/trashFilm.gif) no-repeat 3px 65px;
}
#navigation .top:hover .home{
background:url(../images/navigation/homeFilm.gif) no-repeat 3px 65px;
}
#navigation .top:hover .suche{
background:url(../images/navigation/sucheFilm.gif) no-repeat 3px 65px;
}
#navigation .top:hover .dokus,
#navigation .topSub:hover .dokus{
background:url(../images/navigation/dokusFilm.gif) no-repeat 3px 65px;
}
#navigation .top:hover .streams,
#navigation .topSub:hover .streams{
background:url(../images/navigation/streamsFilm.gif) no-repeat 3px 65px;
}
#navigation .top:hover .news,
#navigation .topSub:hover .news{
background:url(../images/navigation/newsFilm.gif) no-repeat 3px 65px;
}
#navigation .top:hover .singles,
#navigation .topSub:hover .singles{
background:url(../images/navigation/singleFilm.gif) no-repeat 3px 65px;
}
#navigation .top:hover .live,
#navigation .topSub:hover .live{
background:url(../images/navigation/liveFilm.gif) no-repeat 3px 65px;
}
#navigation .top:hover .lps,
#navigation .topSub:hover .lps{
background:url(../images/navigation/lpFilm.gif) no-repeat 3px 65px;
}


#navigation .select a,/*#navigation .select:hover img,*/
#navigation .selectSub a/*,#navigation .selectSub:hover img*/{
background:url(../images/navigation/hover4.png) no-repeat 1px -3px;
}
#navigation .selectSub ul a{
background:none;
}

#navigation .select img,#navigation .selectSub img{
border:1px solid #ccc;
border-top:0;
}
/* subnavigation */
#navigation ul ul{
display:none;
position:absolute;
width:116px;
padding:0px 3px 3px 3px;
background-color:#F0ECE9
/*url(/images/navigation/ububg.png) repeat-x 0 0px*/;
z-index:3;
}
#navigation ul ul li{
border:0;
padding-right:2px;
}
#navigation .topSub:hover ul,
#navigation .topSub:hover li,
#navigation .selectSub:hover ul,
#navigation .selectSub:hover li{
display:block;
float:none;
}
#navigation ul ul a{
display:block;
padding:3px 2px 2px 3px;
width:100%;
color:#353535;
}
#navigation ul ul a:hover,#navigation ul ul li:hover{
text-decoration:underline;
}