/*******************************************/
/*        navi.css                         */
/*        begonnen: 10.10.2012             */
/*******************************************/


/*

INDEX:

1. TOP kl. Navigation
2. TOP Hauptnavigation
3. HEADER Suchfeld
4. SEITEN navigation // Unterseiten
5. FOOTER Bottom Navigation
6. FOOTER Kleine Navigation
7. Artikel - PDF-Download und Printbereich
8. Browse Pages
9. Sitemap


*/


/*** --------------------------------------- ***/
     /*** DOWNLOADSEITE ***/
/*** --------------------------------------- ***/
 .picDownload{
   overflow: hidden;
   padding-top: 0px;
 }
.picDownload:first-child{ padding-top: 0px; }
 .picDownload:last-child{ margin-bottom: 0px; }

  .picDownload li p{
   font-size: 0.84em;
   line-height: 1.3;
   background: #f4f4f4;
  }

 .picDownload li p:first-child{
   padding: 8px 10px 8px 10px; font-size: 0.75em; color: #89898e;
 }

 .picDownload li span {
    overflow:hidden;
    position:relative;
    width:270px;
    height:174px;
    display:block;
 }
 .picDownload li span img {
    position:absolute;
    top:0;
    left:0;
 }

 .picDownload li img.big{
  margin: 0px 0px;

  display: block; 
 }

 .picDownload li p.media{
  padding: 8px 10px 2px 10px;
  height: 26px;
  overflow: hidden;
}

.picDownload li p.media a{
  line-height: 24px;
  margin-right: 20px;
  border-bottom: none; padding-bottom: 0px;
  }

 .picDownload li p.media a img{ display: inline; height: 18px; width: 22px; }


 .picDownload p a{ padding-bottom: 0px;}


/* 1. KLEINE TOP NAVIGATION .. Media Center...
================================================================= */

 #header .small_navi{
  position: absolute;
 top: 10px; right: 0px;
  width: auto; height: 12px;
 }

 #header .small_navi li{
  display: inline;
  line-height: 12px;
  font-size: 0.6em;
  padding-right: 12px;
 }

 #header .small_navi li span{ padding-left: 10px; color: #8D8D8D; font-size: 12px; line-height:12px;}
 #header .small_navi li a{ font-size: 12px; line-height: 12px; color: #8D8D8D; }
 #header .small_navi li:last-child{padding-right: 0px;}
 #header .small_navi li:last-child span{display: none}




 /* hovern in der oberen */

 .small_navi li a:hover{ color: #c6c6c6 }


/* 2. TOP HAUPT NAVIGATION
================================================================= */

 #top_navi{ width: 82%; float: right; padding-left: 8px;}

 #top_navi ul.mainnav { float: right; margin-right: 20px;}

 #top_navi ul li{
  position: relative;
  padding: 38px 21px;
  text-align: center;
 }

/* #top_navi ul li.active { background: #f4f4f4; } */

 #top_navi ul li a{
  display: block;
  font-family: "FagoOffc";
  font-size: 1.15em;
  letter-spacing: 0.03em;
  color: #697f7b;
  line-height: 40px;
 }

#top_navi ul li:last-child a{ margin-right: 0px;}

#top_navi ul li:hover{ background: #f4f4f4; cursor: pointer; }

#top_navi ul li.active a,  #top_navi ul li.active ul li.active a, #top_navi ul li.active ul li.active ul li.active a,
#top_navi ul li.active ul li.active ul li.active ul li.active a{
   color: #e21d27; 
}
 #top_navi ul li.active ul li a, #top_navi ul li.active ul li a, #top_navi ul li.active ul li.active ul li a,
 #top_navi ul li.active ul li.active ul li.active ul li a { text-decoration: none; color: #3a3a3a; }

 
/* 2. Ebene TOP Navigation */
/************************************************************************************/

#top_navi ul ul { position: absolute; z-index: 30000; padding: 10px; background: none; margin-top: 28px; margin-left: -70px;  }

/* 
#top_navi ul li.main_nav.smaller ul{ margin-left: -100px; }
#top_navi ul li.main_nav.smaller ul ul{ margin-left: 96%; }
#top_navi ul li.main_nav.smaller ul ul ul{ margin-left: 0px; left: -90%; } 
*/

#top_navi ul li ul li{ background: none; text-align: left; padding: 0px 0px 0px 0px; } 
#top_navi ul li ul li a{  padding: 10px 20px 8px 20px; min-width: 200px; display: block; background: #f8f8f8; font-size: 1em; line-height: 24px; letter-spacing: 0.01em;  }
/* 
#top_navi ul.mainnav li:nth-child(4) ul li a{min-width: 180px; }
#top_navi ul.mainnav li:nth-child(4) ul li ul li a{min-width: 140px; }
*/ 

#top_navi ul li.main_nav.smaller ul li a{ min-width: 170px; max-width: 170px; } 
#top_navi ul li.main_nav.smaller ul li ul li a{ min-width: 120px;  }
#top_navi ul li.main_nav.smaller ul li ul li ul li a{ min-width: 190px; }

#top_navi ul li ul li a:hover /*, #top_navi ul li.active ul li.active ul li a:hover */ { background: #89898e; color: #FFF;}
#top_navi ul li ul li ul li a { background: #dadada;  text-transform: none; } 
#top_navi .navi_headline { padding: 0px 0px 10px 0px;   /*#4A4A66*/}
#top_navi .navi_headline a{ font-size: 1.1em; text-transform: uppercase; color: #4a4a4a; }
#top_navi .navi_headline ul li a{ font-size: 1em; text-transform: none;}

/* 3. Ebene */
/************************************************************************************/
   
#top_navi ul ul ul { margin-left: 96%; top: -38px; }
#top_navi ul li ul li ul li ul:hover li + a { background-color:#7b9f93!important; }

  /* 4. Ebene */
   

 /* Pfeil obere Ebene -> naechste Ebene */

 .arrow_down{
  position: absolute; top: 16px; right: 3%;
  display: block;
  width: 11px; height: 11px;
  background: url(../images/nav/icons/pfeil.png) no-repeat;
  background-position: 0px 0px;
  z-index: 10;
  }

 .arrow_down:hover{ cursor: pointer; }
   
/* 3. SUCHFELD
================================================================= */

 #header .nav_search_box { position: relative; margin-left: 16px; float: right; padding-top: 45px; width: 22px; height: 22px; }

 #header .search_ico  { display: block; width: 22px; height: 20px; background: url("../images/nav/icons/search_ico.png") no-repeat;}
 #header .search_ico:hover{ cursor: pointer; }

 #header .nav_search_box li{
  padding: 0px;
  text-align: left;
 }
 #top_navi .nav_search_box ul li:hover{ background: transparent; }

 #header .nav_search_box form{
   display: none;
   position: absolute;
   top: 85px; left: -145px;
   width: 320px;
   z-index: 3000;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
 }

 #header .nav_search_box input[type="submit"]{ display: none;}



/* 5. BOTTOM-NAVI
================================================================= */

  #Liste1, #Liste2, #Liste3 { float: left; width: 23.5%; }
  
  #bottom_navi ul.one-fourth.column{ width: 100%; }
  
  #bottom_navi p.clear{ display: none; }
  
 #bottom_navi div.one-fourth.column.omega{ padding: 67px 0px; }

  #sub1{  font-family: "FagoOffc"; font-size: 1.4em; font-weight: 500;  color: #4a4a4a;  }


 /* 6. KLEINE FOOTER NAVIGATION
================================================================= */

 #footer .small_navi{
  position: relative;
  float: right;
  margin-left: 0px;  margin-top: 4px;
  padding-top: 5px;
 }

 #footer .small_navi li{
  width: auto;
  display: inline;
  padding-right: 12px;
 }
 #footer .small_navi li:last-child{ padding-right: 0px  }

 #footer .small_navi li a,
 #footer .small_navi li span{
  display: inline-block;
  color: #4b4b4b;
  font-size: 0.95em; line-height: normal;

 }

 #footer .small_navi li a:hover{
     color: #e21d27;
 }


/* 7. ARTIKEL - PDF Download und Druckbereich
================================================================= */

 /* Reset */
 .textblock div.downloadCenter ul{margin-left: 0px; margin-top: 0px; list-style-type: none; padding: 0px; }
 .textblock div.downloadCenter ul li{margin-left: 0px;}

 .container.fleet_list .downloadCenter.abstand_unten_m{ margin-bottom: 0px; }

 .downloadCenter{
 margin-top: 50px;
   padding: 13px 0px;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   overflow: hidden;
 }

#textseite .downloadCenter ul li{
   padding: 0px;
  margin: 0px
 }

 .downloadCenter a{
  display: block;
  min-height: 24px; /* line-height: 19px; */
  color: #8d8d8d;
  font-size: 0.8em; 
 }

 .downloadCenter a:hover{color: #c6c6c6;}

 .downloadCenter a[href$=".pdf"]:after{
   margin-left: 10px;
   content: url(../images/nav/icons/pdf.jpg);
 }

 .downloadCenter a[title="print"]:BEFORE{
   margin-right: 14px; padding-top: 6px;
   content: url(../images/nav/icons/print.jpg);
 }

 .downloadCenter a[title="Download-Center"]:after{
   margin-left: 10px;
   content: url(../images/nav/icons/download_center.jpg);
 }

/* a.download_pdf:before {
  content: url(../media/images/icons/pdf_ico.png);
  padding-right: 5px;
  width: 5px; height: 5px;
  font-size: 1em; line-height: normal;
}
*/

/* 8. Browse Pages
================================================================= */

.blaettern ul { display: inline-block; overflow:hidden;}
.blaettern ul li {float: left; margin-right: 12px; font-size: 0.9em;}
.blaettern ul li a{color: #8d8d8d;}
.blaettern ul li a:hover{color: #e21d27; }
 /* 9. SITEMAP
================================================================= */

#container ul.sitemap{ padding: 0px 0px 20px 0px; overflow: hidden;}


ul.sitemap li ul li ul {
    margin-left:20px;
}
ul.sitemap li ul li ul li {
  font-size: 0.8em;
  line-height:1.3em;
  font-style:italic;
}

/* ==========================
    Bond definitionen
=============================*/
#seiten_navi .Navilevel3 a.inActive {
    color: #8d8d8d;
}

.tab-rider { background: #f4f4f4; border-bottom: 1px solid #ddd;  }



/* Sprachenwechsler
================================================================= */

 .change_language{
   position: fixed; background: #f4f4f4; padding: 10px;
   right: 0px; top: 240px; border: 1px solid #ddd; border-right: none;
   z-index: 20000005;
  display: none;
 }

 .change_language:hover{
   border: 1px solid gray;  border-right: none;
 }

 .change_language a{
   display: block;
   padding-right: 10px;
   text-transform: uppercase; font-size: 1.1em;
 }
 .change_language a.lang-en{ display: none; }


/* Ende    */
/*******************************************/