/*************************************************************/
/*                                                           */
/*                     Boll Elektro                          */
/*            Stylesheet von C.Stetter                       */
/*        für Blueforest Design - und Medienbüro             */
/*               http://www.blueforest.ch                    */
/*                        									 */				
/*************************************************************/
/* ----------Navi---------------------------- */


#navi,
#subnavi,
#subnavire
{
   height:37px;
   width:100%;
   position:absolute;
   position:absolute;
}
#navi
{
   background: url(img/red.jpg) repeat-x;
   bottom:37px;
}
#subnavi
{
   background: url(img/grey.jpg) repeat-x;
   bottom:0px;
}
#subnavire
{
   right:0px;
   width:6px;
   background: url(img/subnav_re.gif) no-repeat 1px top;
}
#navi ul { float:left; }
#navi li
{
   float:left;
   padding-left:20px;
   padding-right:20px;
}
#navi ul.level_1 { background: url(img/nav_rand.jpg) no-repeat 30px bottom; }
#navi ul.level_2 { background: url(img/grau_subnav_trenner.gif) no-repeat 30px bottom; }
#navi ul.level_1 li a,
#navi ul.level_1 li span { line-height:35px; }
#navi a,
#navi li
{
   font-size: 14px;
   text-decoration: none;
}
#navi ul.level_1 li:hover,
#navi ul.level_1 li.active,
#navi ul.level_1 li.trail
{
   color:#fff;
   background: url(img/red_hov.gif) no-repeat right;
   text-decoration: none;
}
#navi ul.level_1 li a.active { text-decoration: none; }
#navi ul.level_1>li.first,
#navi ul.level_2>li.first { margin-left: 30px; }
#navi ul.level_1 li
{
   list-style:none;
   height:37px;
   background: url(img/nav_rechtesende.jpg) no-repeat right bottom;
}
#navi ul.level_1 li a { color:#fff; }
#navi ul.level_1 li ul.level_2 { display:none; }
#navi ul.level_1 li.active ul.level_2,
#navi ul.level_1 li.trail ul.level_2 { display:block; }
#navi ul.level_2
{
   z-index: 450;
   position: absolute;
   top: 37px;
   left:0px;
   list-style:none;
}
#navi ul.level_2 li
{
   position:relative;
   float:left;
   z-index: 451;
   list-style:none;
   background: url(img/grau_subnav_trenner.gif) no-repeat right bottom;
}
#navi ul.level_2 li a
{
   color:#333;
   text-decoration:none;
}
#navi ul.level_2 li:hover,
#navi ul.level_2 li a:hover,
#navi ul.level_2 li.active,#navi ul.level_2 li.trail { background: url(img/grau_subnav_trenner.gif) no-repeat right bottom; }
#navi ul.level_2 li a:hover
{
   color:#660000;
   text-decoration:none;
}
#navi ul.level_2 li.active
{
   color:#660000;
   text-decoration:none;
}
#navi ul.level_2 span.active,
#navi ul.level_2 li.trail
{
   color:#660000;
   text-decoration:none;
  /* background:none;*/
}
#navi ul.level_2 li.first
{
   color:#660000;
   text-decoration:none;
  /* background: url(img/grau_subnav_trenner.gif) no-repeat right bottom;*/
}
#navi ul.level_2 p.active,
#navi ul.level_2 li a.active { }
#navi ul.level_2 li.first,
#navi ul.level_2 a.first { /*background:none !important; */}
/*------------------------------Mininavi Footer------------------*/

#mininavi
{
   float:left;
   padding-left:20px;
}
#mininavi a { }
#mininavi ul
{
   float:right;
   list-style: none;
   padding-right: 5px;
}
#mininavi li
{
   font-size:10px;
   float:left;
   list-style: none;
   border-right:1px solid #660000;
   padding-right: 5px;
   padding-left: 5px;
}
#mininavi li.last
{
   border-right: none;
   list-style: none;
}
#mininavi li.boll { font-weight:bold; }
#mininavi a
{
   color:#660000;
   font-size:10px;
   text-decoration: none;
}