/*************************************************************/
/*                                                           */
/*                  Zahnarzt Dr Dörr                         */
/*            Stylesheet von C.Stetter                       */
/*        für Blueforest Design - und Medienbüro             */
/*               http://www.blueforest.ch                    */
/*                        									 */				
/*************************************************************/

#smallnav { padding-top:10px; }
#smallnav a, #smallnav_lang a {
   text-decoration:none;
   padding-right:5px;
   padding-left:5px;
   border-left: 1px solid #ddd;
   color: #21324d;
   text-decoration:none;
}
#smallnav a:hover, #smallnav_lang a:hover {
   color: #ddd;
   text-decoration:none;
}
#smallnav_lang a {
   padding-left:0px;
   border-left:none;
}
#smallnav a.first {
   padding-left:0px;
   border-left:none;
}
#smallnav_lang {
   display:none;
   padding-bottom:20px;
}
#wrap {
   position:absolute;
   bottom:30px;
}
/* ---------------------------------------Navi---------------------- */
#nav { background: #FFF; }
#navi {
   height:20px;
   background-color: #d9d9e8;
   border-bottom: 3px solid #416196;
   border-top: 1px solid #416196;
   border-right: 1px solid #416196;
   border-left: 1px solid #416196;
}
#navi a {
   line-height:20px;
   color:#416196;
   font-size: 12px;
   text-decoration:none;
}
#navi a:hover { color:#fff; }
#navi ul.level_1 li {
   text-transform:uppercase;
   display:block;
   font-size: 12px;
   border-right: 1px solid #416196;
   float:left;
   padding-right:10px;
   padding-left:10px;
   height:20px;
}
#navi ul li.first { padding-left:20px; }
#navi ul.level_1 li:hover, #navi ul.level_1 li.active, #navi ul.level_1 li.trail, #navi ul.level_1 li.trail a {
   color: #FFF;
   background-color: #867565;
}
 #navi ul.level_1<li.active {
 padding-top:2px;
 height:18px;
}
#navi ul.level_2 {
   position:absolute;
   padding-top:0.1em;
   left:0;
   top:182px;
}
#navi ul.level_1 li ul.level_2 li, #navi ul.level_1 li:hover ul.level_2 li, #navi ul.level_1 li a:hover ul.level_2 li { display:none; }
#navi ul.level_1 li.active ul.level_2 li, #navi ul.level_1 li.active ul.level_2 li a, #navi ul.level_1 li.trail ul.level_2 li a, #navi ul.level_1 li.trail ul.level_2 li { display:block; }
#navi ul.level_1 li.active ul.level_2 li, #navi ul.level_1 li.trail ul.level_2 li {
   height:20px;
   float:left;
   background:url(img/spacer.gif) repeat;
   text-transform:none;
   color:#416196;
   display:block;
   border-right: none;
}
#navi ul.level_1 li ul.level_2 li a, #navi ul.level_1 li.active ul.level_2 li a, #navi ul.level_1 li.active ul.level_2 li a, #navi ul.level_1 li.trail ul.level_2 li.active {
   background: url(img/border.jpg) no-repeat left center;
   color:#416196;
   font-size: 10px;
   display:block;
   text-decoration:none;
   padding-left:20px;
}
#navi ul.level_2 li.first a, #navi ul.level_2 li.first span, #navi ul.level_2 li a.first, #navi ul.level_2 li span.first /*----------erste Item Submenü----kein Strich links------------*/
{
   background:none !important;
   padding-left:0px !important;
}
#navi ul.level_1 li.trail ul.level_2 li.active.first /*----------erste Item Submenü----kein Strich links------------*/
{ background:none !important; }
#navi ul.level_1 li.trail ul.level_2 li:hover a, #navi ul.level_1 li.trail ul.level_2 li.active { color: #fff !important; }
#navi ul.level_1 li.trail ul.level_2 li.active span.active, #navi ul.level_1 li.active span {
   position:relative;
   top:3px;
}
body#start #navi ul.level_2 li.stammbaum, body#start #navi ul.level_2 li.drdoerr, body#start #navi ul.level_2 li.philosophie {
   display:block;
   text-transform:none;
   border-right:none;
}
body#start #navi ul.level_2 li.stammbaum:hover, body#start #navi ul.level_2 li.drdoerr:hover, body#start #navi ul.level_2 li.philosophie:hover {
background:none;color: #fff !important; 
}