﻿/************************************************
POGGENPOHL
http://www.comspace.de
Author: franz@comspace.de
Create Date: 04.07.08
NAVIGATION Templates
Tested in: 
PC -> IE 6, IE 7, FF 2.0.0.15, FF 3, Opera 9.27
MAC -> FF 2.0.0.15, FF 3, Safari 3.1, Opera 9.27
EM's
************************************************
  FIRST Level Navigation  
  
************************************************/
#box_navTop {
    margin:5.909em 0 4.727em 0; /*65px 0 50px 0;*/
    height:2.273em; /*25px;*/
    background:url(/img/layout/bg_topnav.gif) bottom right no-repeat;    
}

ul#navTop {
    margin: 0; 
    padding: 0 0 0 1.364em; /*0 0 0 15px;*/
    }
ul#navTop li {
    float:left; 
    font-size: 1em; /*10px;*/
    font-weight: bold;
    padding-top: 3px;
    list-style-type:none; 
    text-transform:uppercase; 
    }
    
ul#navTop li span {
     padding: 2px 0 4px 1px;
     margin:0;     
     display:block;
     float: left !Important;
     }        
    
ul#navTop li span a {
     color: #aaa;
     padding: 0 15px 0 15px;
     text-decoration:none; 
     }    
/*ul#navTop li a {
     color: #aaa;
     padding: 0 15px 6px 15px; 
     text-decoration:none; 
     }*/
     
ul#navTop li span a:visited {
    color: #aaa;
    }
     
ul#navTop li span a:hover {
    color: #f49e00;
    padding: 0 15px 3px 15px; 
  border-bottom:2px solid #666; 
    }
ul#navTop li span a:active { 
    color: #666;
    padding: 0 15px 3px 15px; 
    border-bottom:2px solid #f49e00; 
    }
    
ul#navTop li span a.active { 
    color: #666;
    padding: 0 15px 3px 15px; 
    border-bottom:2px solid #f49e00; 
    }
    
/************************************************
  SECOND Level Navigation  
  
************************************************/
ul.navLeft {
    width:14.545em; /*160px;*/
    margin: 0; 
    padding: 0;
    }    
    
ul.navBorder {
    padding-top: 12px; 
    border-top: 1px solid #f2f2f2; 
    margin-top:7px;
    }    
ul.navLeft li {
    font-size: 1em; /*10px;*/
    padding:0 0 4px 0;
    margin:0;
    list-style-type:none; 
    text-transform:uppercase; 
     
    }    
ul.navLeft li a {
     color: #aaa;
     padding:0 0 0 25px;
     text-decoration:none;
     display: block; 
     }
     
ul.navLeft li a:active {
    color: #666;
    }
ul.navLeft li a:hover {
    color: #f49e00;
    }
    
ul.navLeft li a.active {
    color: #f49e00 !important;
    }    
    
ul.navLeft li a:visited  {
    color: #aaa;
    }        
     
ul.navLeft ul {
    margin:0;
    padding:0;
    } 
ul.navLeft ul li {
    padding:2px 0 0 0;
    }
    
ul.navLeft ul li a {
    width: 125px !Important;
    padding:0 0 0 35px;
    }
/************************************************
  Reiter Navigation Modul E
  
************************************************/
ul#modE_lst {
    width: 53.636em; /*590px;*/
    height: 1.636em; /*18px;*/
    margin: 0; 
    padding: 0; 
    }
    
*+html ul#modE_lst {
    padding: 0 0 52px 0;
    }
ul#modE_lst li {
    float:left; 
    list-style-type:none; 
    /*text-transform:uppercase;*/ 
    font-size: 1em;/*0.909em; 10px;*/ 
    line-height:12px;
    margin: 1.818em 0.455em 1.636em 0; /*20px 5px 18px 0;*/
    }    
    
ul#modE_lst li.last {
    margin-right: 0;
    }
    
ul#modE_lst li span {
     padding: 0 0 3px 0;
     margin:0;     
     /*display:block;*/
     float: left !Important;
     }
ul#modE_lst li span a {
     color: #999;
     display:block;
     padding: 0 1em 5px 0; /*0 10px 0 0;*/
     text-decoration:none; 
     border-bottom:3px solid #999;
     height: 24px; 
     }
     
ul#modE_lst li.last span a {
     padding-right: 0;
    } 

ul#modE_lst li span a.h12 { 
    height: 12px;
    }
     
ul#modE_lst li span a:hover,
ul#modE_lst li span a.modE_two:hover,
ul#modE_lst li span a.modE_three:hover,
ul#modE_lst li span a.modE_four:hover,
ul#modE_lst li span a.modE_five:hover,
ul#modE_lst li span a.modE_six:hover {
    color: #666;
  border-bottom:3px solid #666; 
    }
ul#modE_lst li span a:visited,
ul#modE_lst li span a.modE_two:visited,
ul#modE_lst li span a.modE_three:visited,
ul#modE_lst li span a.modE_four:visited,
ul#modE_lst li span a.modE_five:visited,
ul#modE_lst li span a.modE_six:visited { 
    color: #999;
    }
     
ul#modE_lst li span a:active { 
    color: #666;
    border-bottom:3px solid #000; 
    }
    
/*** TWO ***/
ul#modE_lst li span a.modE_two { 
    width:26.091em; /*287px;*/
    border-bottom:3px solid #999; 
    } 

*+html ul#modE_lst li span a.modE_two { 
    width:26.000em; /*287px;*/
    }
* html ul#modE_lst li span a.modE_two { 
    width:26.000em; /*287px;*/
    }       
    
/*** THREE ***/
ul#modE_lst li span a.modE_three { 
    width:16.909em; /*186px;*/
    border-bottom:3px solid #999; 
    } 

*+html ul#modE_lst li span a.modE_three { 
    width:16.850em; /*186px;*/
    }
        
* html ul#modE_lst li span a.modE_three { 
    width:16.850em; /*186px;*/
    }       
    
/*** Four ***/
ul#modE_lst li span a.modE_four { 
    width:12.273em; /*136px;*/
    border-bottom:3px solid #999; 
    }    
    
/*** FIVE ***/
ul#modE_lst li span a.modE_five { 
    width:9.545em; /*105px;*/
    height:26px; /*22px;*/
    border-bottom:3px solid #999;
    }    

*+html ul#modE_lst li span a.modE_five {
    width:9.528em; /*105px;*/
    }   
 
* html ul#modE_lst li span a.modE_five {
    width:9.528em; /*105px;*/
    }    
    
/*** SIX ***/
ul#modE_lst li span a.modE_six {
    width:8.545em; /*94px;*/
    height:26px;/*1.818em; 22px;*/
    border-bottom:3px solid #999;
    padding-right: 0px;
    }