/* http://www.cssplay.co.uk/menus/image_dropdown.html */


#nav {padding:0; margin:0; list-style:none; height:20px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:788px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:20px; width:111px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav li span {display:block; float:left; height:20px; width:11px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0;}
#nav li a b {margin-left:-999px;display:none;}

#nav li span.left {background:url(../images/navi/Randteil_links1.gif);}

#nav li a.videos {background-image:url(../images/navi/Button_01AA.gif);}
#nav li a.videos_activ {background-image:url(../images/navi/Button_01AA.gif);background-position: 0 20px;}

#nav li a.news {background-image:url(../images/navi/Button_02AA.gif);}
#nav li a.news_activ {background-image:url(../images/navi/Button_02AA.gif);background-position: 0 20px;}

#nav li a.produktion {background:url(../images/navi/Button_03AA.gif);}
#nav li a.produktion_activ {background:url(../images/navi/Button_03AA.gif);background-position: 0 20px;}

#nav li a.castandcrew {background:url(../images/navi/Button_04AA.gif);}
#nav li a.castandcrew_activ {background:url(../images/navi/Button_04AA.gif);background-position: 0 20px;}

#nav li a.soundtrack {background:url(../images/navi/Button_05AA.gif);}
#nav li a.soundtrack_activ {background:url(../images/navi/Button_05AA.gif);background-position: 0 20px;}

#nav li a.galerie {background:url(../images/navi/Button_11AA.gif);}
#nav li a.galerie_activ {background:url(../images/navi/Button_11AA.gif);background-position: 0 20px;}

#nav li a.shop {background:url(../images/navi/Button_07AA.gif);}
#nav li a.shop_activ {background:url(../images/navi/Button_07AA.gif);background-position: 0 20px;}


#nav li:hover a,
#nav a:hover {background-position: 0 20px;}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub {left:0; top:20px; background: #edb; width:111px; height:auto; z-index:300;}
#nav :hover ul.sub li {display:block; height:22px; position:relative; float:left; width:111px; font-weight:normal;}
#nav :hover ul.sub li a {display:block; height:22px; width:111px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.season01 {background:url(../images/navi/Button_Season01AAAA.gif);}
#nav :hover ul li a.season02 {background:url(../images/navi/Button_Season02AAAA.gif);}

#nav :hover ul.sub li a:hover {background-position: 0 22px; position:relative;}
/* #nav :hover ul.sub li a:hover b {left:100px; top:22px; background:#fff; color:#000; border:0px solid #888; display:block; width:111px; height:21px; text-align:center; font-size:12px; line-height:18px;} */





/* --- navigation unterhalb --- */

#nav_bottom {padding:0; margin:0; list-style:none; height:20px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:788px;}
#nav_bottom li.top {display:block; float:left;}
#nav_bottom li a {display:block; float:left; height:20px; width:111px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav_bottom li span {display:block; float:left; height:20px; width:11px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0;}
#nav_bottom li a b {margin-left:-999px;display:none;}

#nav_bottom li span.left {background:url(../images/navi/Randteil_links1.gif);width:11px;}

#nav_bottom li a.mehr_infos {background-image:url(../images/navi/Button_12AA.gif);width:277px;}

#nav_bottom li a.wir_produzieren {background-image:url(../images/navi/Button_13AA.gif);width:278px;}

#nav_bottom li a.presse {background:url(../images/navi/Button_06AA.gif);}
#nav_bottom li a.presse_activ {background:url(../images/navi/Button_06AA.gif);background-position: 0 20px;}

#nav_bottom li a.kontakt {background:url(../images/navi/Button_10AA.gif);}
#nav_bottom li a.kontakt_activ {background:url(../images/navi/Button_10AA.gif);background-position: 0 20px;}


#nav_bottom li:hover a,
#nav_bottom a:hover {background-position: 0 20px;}

#nav_bottom table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav_bottom .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav_bottom li:hover {position:relative; z-index:200;}
#nav_bottom a:hover {position:relative; white-space:normal; z-index:200;}

#nav_bottom :hover ul.sub {left:0; top:20px; background: #edb; width:111px; height:auto; z-index:300;}
#nav_bottom :hover ul.sub li {display:block; height:21px; position:relative; float:left; width:111px; font-weight:normal;}
#nav_bottom :hover ul.sub li a {display:block; height:21px; width:111px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav_bottom :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav_bottom :hover ul li a.xxx {background:url(../images/navi/Button_Season01AAA.gif);}

#nav_bottom :hover ul.sub li a:hover {background-position: 0 21px; position:relative;}
/* #nav_bottom :hover ul.sub li a:hover b {left:100px; top:21px; background:#fff; color:#000; border:0px solid #888; display:block; width:111px; height:21px; text-align:center; font-size:12px; line-height:18px;} */