/*      
TYPO3 leicht und verstaendlich
copyright: Birgit Ruehring www.ruehring.de    
CSS Document    

vertikale Navigationsliste mit zwei Ebenen in linker Spalte   
Die Navigationsliste wird in TYPO3 dynamisch ersetzt. Die Formatangaben werden in das TypoScript SETUP Deines Templates uebernommen.       
*/      

div#navigation_links{   
  width: 204px;         
  height: auto;         
  margin-top: 16px;       
  margin-bottom: 16px;       
  text-align: right;      
/*  position: absolute;    */      
}

div#navigation_links ul{       
  list-style: none;                                        
  margin: 0;              
  padding:0;            
}

div#navigation_links ul li {           
  list-style-image: none;        
  margin: 0;                    
  padding:0;                  
  line-height: 130%;          
}



div#navigation_links ul li a {     
  display: block;                 
  padding:5px 20px 5px 0;         
  margin:0;                      
  text-decoration: none;         
  color: #333333;               
}

/* 1. Ebene */               
div#navigation_links ul li a.navi_links {      
  display:block;                            
  background-color: #FFFFFF;               
  border-right: 7px solid #666666;         
  color: #333333;                 
  font-size: 110%;            
}

div#navigation_links ul li a.navi_links_hover, div#navigation_links ul li a.navi_links:hover { 
  display:block;        
  border-right: 7px solid #000066;      
  background-color: #FFCC66;    
  color: #000000;               
  padding-left: 5px;           
  font-size: 110%;              
}

div#navigation_links ul li a.navi_links_active {           
  display:block;             
  border-right: 7px solid #000066;     
  background-color: #FFCC66;      
  color: #000000;          
  padding-left: 5px;      
  font-size: 110%;       
}

div#navigation_links ul li a.navi_links_actifsub {         
  display:block;                           
  border-right: 7px solid #666666;      
  background-color: #CCCCCC;     
  color: #000000;          
  padding-left: 5px;       
  font-size: 110%;      
}
                            
/* 2. Ebene */                          
div#navigation_links ul li a.navi_links_2 {     
  display:block;                         
  background-color: #dddddd;              
  border-right: 7px solid #666666;        
  color: #333333;                  
}

div#navigation_links ul li a.navi_links_2_hover, div#navigation_links ul li a.navi_links_2:hover {     
  display:block;             
  border-right: 7px solid #000066;     
  background-color: #cccccc;   
  color: #333333;         
}

div#navigation_links ul li a.navi_links_2_active {     
  display:block;                            
  border-right: 7px solid #000066;         
  background-color: #cccccc;           
  color: #333333;                   
  font-size: 105%; 
}

/* 3. Ebene */                          
div#navigation_links ul li a.navi_links_3 {     
  display:block;                         
  background-color: #eaeaea;              
  border-right: 7px solid #000066;        
  color: #333333;                  
}

div#navigation_links ul li a.navi_links_3_hover, div#navigation_links ul li a.navi_links_3:hover {     
  display:block;             
  border-right: 7px solid #000066;     
  background-color: #cccccc;   
  color: #333333;         
}

div#navigation_links ul li a.navi_links_3_active {     
  display:block;                            
  border-right: 7px solid #000066;         
  background-color: #eaeaea;           
  color: #333333;                   
  font-size: 95%;
}     

/* Navigation_oben.css */

/*
TYPO3 Leicht und verständlich
copyright: Birgit Rhring www.ruehring.de 

CSS Document 
horizontale Navigationsliste

Die Navigationsliste wird in TYPO3 dynamisch ersetzt. Die Formatangaben werden in das TypoScript SETUP Deines Templates bernommen.
*/



div#navigation_oben_container ul
{
  width: 100%;
  text-align: right;
  margin:0;
  list-style-type: none;
  font-size: 110%;
  line-height: 130%;
  padding: 4px 0 4px 0;
}

div#navigation_oben_container ul li {
  display: inline;
  color: #ff0000;
  margin:0;
  padding:0;
}

div#navigation_oben_container a, a.navi_oben {
  text-decoration: none;
  color: #000000;
  background-color: #FFFFFF;
  padding:4px;
}

div#navigation_oben_container a:hover, div#navigation_oben_container ul a:active, div#navigation_oben_container a.navi_oben_hover, div#navigation_oben_container a.navi_oben_active
{
  background-color: #FFCC66;
  color: #000000;    
}