/* *************** NAVIGATION ***************  */
.navigation li {
  float:left;
}

#footer,
.navigation#business {
  color: #2d5b8c;
  font: bold 9px/17px Trebuchet, "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;  
}


#footer a,
.navigation li a {
  color: #2d5b8c;
  text-decoration: none;  
  text-transform: uppercase;
}

#footer a:hover,
.navigation li.active,
.navigation li a:hover{  
    text-decoration: underline;
}

.navigation li a i,
.navigation li.active a i {
   font-weight: normal;
  font-style: normal;
}




ol.navigation#business {
  position:relative;
  top:50px;
  left:40px;  
  width:400px;
  height:20px;
  z-index:201;
}

.navigation#business li{    
    margin-right:15px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: inside;  
}

.navigation#main {
  width:520px;
  padding:0;  
  left:240px;
  position:relative;
  list-style-type: none;
  list-style-image: none;
  list-style-position: inside;  
  z-index:600;  
  margin-bottom:25px;
  height:80px;

}


.navigation#main li {
  height:80px;
}

.navigation#main li a { 
  display:block;
  height:100%;
  background:transparent url(/images/rhodius/navigation.png) no-repeat 0 0;
}

.navigation#main li.qualitaet a {
  width: 95px;
  height:80px;
  background-position: 0 0;
}

.navigation#main li.produkte a {
  width: 100px;
  background-position: -95px 0;  
}

.navigation#main li.logo a {
  width: 80px;
  background-position: -195px 0; 
}

.navigation#main li a i{
  display:none;
}

.navigation#main li.unternehmen a {
  width: 130px;
  background-position: -275px 0;   
}

.navigation#main li.kontakt a {
  width: 105px;
  background-position: -405px 0;   
}

.navigation#main li.qualitaet.active a,
.navigation#main li.qualitaet a:hover {
  background-position: 0 -80px;
}

.navigation#main li.produkte.active a,
.navigation#main li.produkte a:hover {
  background-position: -95px -80px;
}

.navigation#main li.logo.active a,
.navigation#main li.logo a:hover {
  background-position: -195px -80px;
}

.navigation#main li.unternehmen.active a,
.navigation#main li.unternehmen a:hover {
  background-position: -275px -80px;
}

.navigation#main li.kontakt.active a,
.navigation#main li.kontakt a:hover {
  background-position: -405px -80px;
}

.navigation#main li.qualitaet a:active {
  background-position: 0 -160px;
}

.navigation#main li.produkte a:active {
  background-position: -95px -160px;
}

.navigation#main li.logo a:active {
  background-position: -195px -160px;
}

.navigation#main li.unternehmen a:active {
  background-position: -275px -160px;
}

.navigation#main li.kontakt a:active {
  background-position: -405px -160px;
}




#subnavigation {
  left:150px;
    top:380px;
  position:absolute;
  z-index:99;
}

#subnavigation li {
  margin-right:5px;
  height:120px;
  width:120px;
  float:left;
  display:block;
  overflow:hidden;
  text-align: center;
  color:white;
  text-transform: uppercase;
  font: bold 13px/17px Georgia, "Times New Roman", Times, serif;
  text-shadow: none;
}


#subnavigation a:visited,
#subnavigation a:link {
    font: bold 13px/17px Georgia, "Times New Roman", Times, serif;
    text-decoration: none;
    color:white;
}

#subnavigation li a {
  margin-top:8px;
  padding-top:6px;
  z-index:1000;
  display:block;
  width:100%;
  height:100%;
  background-position: 0 0px;
}

#subnavigation li a i {
  font-weight: normal;
  font-style: normal;
}

#subnavigation li.active a,
#subnavigation li a:hover {
  margin-top:0;
  background-position: 0 -120px !important;
}

#subnavigation li a:active {
  margin-top:0;
  padding-top:7px;
  background-position: 0 -240px !important;
}



/*ol#subnavigation ~ #container {
    top:-100px;
}*/

.image_120 {
  background-image: url(/images/rhodius/subnav_li_120.png);
}

.image_160 {
  background-image: url(/images/rhodius/subnav_li_160.png);
}

.image_180 {
  background-image: url(/images/rhodius/subnav_li_180.png);
}

.image_200 {
  background-image: url(/images/rhodius/subnav_li_200.png);
}