@charset "UTF-8";
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  Datei       : nav_vlist.css
**  Funktion    : Formatierung der Subnavigation.
**  Checked with http://jigsaw.w3.org/css-validator/ 13.8.07 - DB
*/

@media all

  #submenu {
    width: 100%;
    overflow: hidden;
    margin: 0 0 1.5em 0;
    list-style-type: none;
    border-left: 1px #7B7F7E solid;
    border-right: 1px #7B7F7E solid;
  }
 
@media all
{
  #submenu {
    width: 105%;
    overflow: hidden;
    margin: 3.8em 1em 1em -0.3em;
    list-style-type: none;
   }  

  #submenu ul { 
  list-style-type: none; 
  margin:0; 
  padding: 0; 
  }
  
  #submenu li { 
  float:left; 
  width: 100%; 
  margin:0; 
  padding: 0 
  }

  #submenu a,
  #submenu strong {
    display:block;
    width: 90%;
    padding: 1px 0px 1px 10%;
    text-decoration: none;
    background-color:#fff;
    color: #444;
    border-bottom: 1px #900 solid;
  }

/* Just in case the skiplink anchor gets into THIS menu, because the tab-navigation was turned off */
/* PLEASE LEAVE THE FOLLING SETTING IN PLACE */  
  #submenu a#navigation {border-bottom:0; padding:0;}

  /* Menu Title */
  #submenu li#title {
    width:100%;
    padding:3px 0 4px 12px;
    font-weight: bold;
    color: #fff;
    background:#900 url(../../img/overfinch/verlauf_navi_oben_ov.gif) repeat-x;
    }

  #submenu li span {
    display:block;
    width: 100%;
    padding: 1px 0px 1px 5%;
    font-weight: bold;
    border-bottom: 1px #eee solid;
    }

  /* Level 1 */
  #submenu li#active,
  #submenu li strong {
    width:94%;
    padding: 0px 0px 1px 10%;
    font-weight: bold;
    color: #900;
    background:#dcdcdc;  
    border-bottom: 1px #900 solid;
  }

  #submenu li a { 
  width:94%; 
  padding-left:5%; 
  background:#900; 
  color: #fff; 
  border:#900 1px solid;
  }
  #submenu li a:focus{
  background:#dcdcdc;
  }
  #submenu li a:hover{
  background: #dcdcdc;
  color:#900;
  }
  #submenu li a:active { 
  background-color:#515151; 
  color: #900; }

  /* Level 2 */
  #submenu li ul li a,
  #submenu li ul li#active{
  background-color:#900; 
  color: #fff; 
  padding-left: 15%; 
  }
  #submenu li ul li strong,
  #submenu li ul li span { 
  width: 85%; 
  padding-left: 25%; 
  }

  #submenu li ul li a { 
  background-color:#eaeff5; 
  color: #900; 
  }
  #submenu li ul li a:focus{
  color:#900;
  }
  #submenu li ul li a:hover{
  width:94%; 
  padding-left:15%;
  color:#900;
  background:#dcdcdc;
  }
  #submenu li ul li a:active { 
  background-color:#515151; 
  color: #900; 
  }

  /* Level 3 */
  #submenu li ul li ul li a,
  #submenu li ul li ul li#active,
  #submenu li ul li ul li strong,
  #submenu li ul li ul li span { 
  width: 80%; 
  padding-left: 20%; 
  }

  #submenu li ul li ul li a { 
  background-color:#fcfcfc; 
  color: #fff; 
  }
  #submenu li ul li ul li a:focus,
  #submenu li ul li ul li a:hover{
  background: url(../../img/flag_uk_d.gif) no-repeat; 
  }
  #submenu li ul li ul li a:active { 
  background-color:#588FD0; 
  color: #fff; 
  }

  /* Level 4 */
  #submenu li ul li ul li ul li a,
  #submenu li ul li ul li ul li#active,
  #submenu li ul li ul li ul li strong,
  #submenu li ul li ul li ul li span { width: 75%; padding-left: 25%; }

  #submenu li ul li ul li ul li a { background-color:#ffffff; color: #aaa; }
  #submenu li ul li ul li ul li a:focus,
  #submenu li ul li ul li ul li a:hover,
  #submenu li ul li ul li ul li a:active { background-color:#588FD0; color: #fff; }
}