/* ===================================
Navigation vertikal
Datum: 26.06.2010
Author: Klaus Lanfermann
======================================*/

@media screen {

/* ==============================================
   Navigation
============================================== */
#col1 #navigation {
  float: left;
  width: 12em;
  padding: 20px 0 10px 10px;
}

/* ==============================================
   Liste in Ebene 1
   ============================================== 
#col1 #navigation ul {
   border-bottom: 1px solid #8c8c8c;     
}
*/
   #col1 #navigation li {
   list-style-type: none;
   margin: 0;
}

/* ==============================================
   Liste in Ebene 2
   ============================================== */
#col1 #navigation li ul {
  font-size: 90%;
  border-top: none;
  border-bottom: none;
  margin: 0;
}
#col1 #navigation li li {
  padding: 0;
  margin: 0;
}

/* =========================================================
   Gestaltung der Navigation: Hyperlinks und strong Ebene 1
   ========================================================= */
#col1 #navigation a,
#col1 #navigation strong {
   display: block;
   font-weight: normal;
   text-decoration: none;
   background-color: white;
   color: #f6821f;
   padding: 4px 4px 4px 4px; 
 /*  padding: 8px; 
   padding-left: 18px; 
   border-top: 1px dotted #8c8c8c;  */
   }

/* Hover und Focus #wrapper  */
#col1 #navigation a:hover,
#col1 #navigation a:focus {
   background-color: #f6821f;
   color: white;
   border-bottom: none;
   border-top: 1px dotted #f6821f;
}

/* ==============================================
   Gestaltung der Links für Ebene 2
   ============================================== */
#col1 #navigation li li a,
#col1 #navigation li li strong {
  background-color: white;
  padding-left: 18px;
  /*border-top: 1px dotted #8c8c8c; */
  margin-left: 9px;
}

/* ==============================================
   04 Aktive Menüpunkte hervorheben
   ============================================== */
#startseite #navi01 strong,
#ansprechpartner #navi02 strong,
#fachgeschaefte #navi03 strong,
#messen #navi09 strong,
#online-shops #navi04 strong ,
#fachhandel #navi041 strong,
#endkunde #navi042 strong,
#jobs #navi05 strong,
#presse #navi06 strong,
#pressemitteilungen #navi061 strong,
#pressestimmen #navi062 strong,
#archiv #navi08 strong,
#kontakt #navi07 strong
 {
   background: white url(bullet_red.gif) no-repeat left 50%; 
   /* background-color: white; */
   color: black;
   border-bottom: none;
}

/* ==============================================
   05 Patches für IE5.x und 6
   ============================================== */
/* IE 5.x und 6: hasLayout für Hyperlinks */
* html #col1 #navigation ul,
* html #col1 #navigation a,
* html #col1 #navigation strong {
   height: 1%;  /* oder 1px oder irgendeinen anderen Wert */
}
/* Für IE 5.x (für IE 6 stört es nicht) */
* html #col1 #navigation li {
   float: left;
   width: 100%;
}

} /* Ende @media screen - nicht löschen! */

/* ==================================
   ENDE navi_vertikal02.css
   =============================== */