/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  Datei       : drk_navigation.css
**  Funktion    : Formatierung der Subnavigation und untergeordneter Menues
**  DRK Version (und Erweiterung um Top-/Footer-Navigation) 2008-08-24 hxb
**  modified    : v2.0.7 2010-04-06 hxb
*/




/* ##########################
** ### Accessible menu ######
** ##########################
*/
@media screen, print {
#submenu dfn, #submenu .hidden {display:none;}
}

/* +++ Hauptnavigation oben horizontal (1. Ebene) +++ */

#nav_main {
    position: relative;
    z-index: 2;
    float: left;
    margin: 0;
    padding: 0 82px 0 165px;
    border-bottom: 1px solid #666;
    line-height: 1.7em;
    background: #FFF;
}

#nav_main ul {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}



  /**
   * @bugfix
   * @affected   IE5.x, IE6
   * @css-for    all browsers
   * @valid      yes
   */

        #nav_main > ul a,
        #nav_main > ul strong { width: auto; }  /* for other browsers */


        #nav_main ul li,
        #nav_main #current {
                border: 1px solid #666;
                border-width: 0 1px 0 1px;
                margin: 0 0 0 -1px;
                padding: 0;
                float: left;
                line-height: 1.7em;
                list-style: none;
                }

        #nav_main ul li a,
        #nav_main ul li#current a {
                padding: 0.25em 0.95em 0.2em;
                background-color: transparent;
                color: #000;
                font-weight: bold;
                text-decoration: none;
                }
        #nav_main ul li a:focus,
        #nav_main ul li a:hover,
        #nav_main ul li a:active {
                background-color: #ccc;
                }

        #nav_main ul li#current a {
                background-color: #e50006;
                color: #fff;
                }


/* +++ Submenu auf der linken Seite (2. und weitere Ebenen) +++ */

  #submenu {
    width: 16em;
    overflow: hidden;
    margin: -2.4em 0 5em 0;
    border: 0;
    padding: 0;
    list-style-type: none;
  }

  #submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

  #submenu li {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 1em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    display: inline;
    }

  #submenu a,
  #submenu strong {
    display: block;
    width: auto;
    padding: 1px 0px 1px 1em;
    text-decoration: none;
    background-color: transparent;
    color: #000;
    border-bottom: 1px solid #eee;
    word-wrap: break-word; /* CSS3 */
    }

/* 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 #title {
    display: none;
    margin: 0;
    padding: 0.25em 0.5em 0.25em 1em;
    border: 1px solid #ccc;
    border-width: 0 0 1px;
    background-color: #999;
    color: #fff;
    }

  #submenu li a,
  #submenu li strong {
    border: 1px solid #ddd;
    border-width: 0 0 1px;
    line-height: 1.5em;
    text-decoration: none;
    }

  #submenu li strong {
    background-color: #e60005 !important;
    color: #fff !important;
    }

  #submenu li .opened {
    color: #e60005;
    }

/* Ebene 1 */
  #submenu li a,
  #submenu li strong {
    padding: 0.25em 0.5em 0.25em 1em;
    background-color: transparent;
    color: #000;
    font-weight: bold;
    }
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active {
    background-color: #ccc;
    color: #000;
  }

/* Ebene 1 - Ausnahme fuer ALzM */
/* Staging-ID: 2822 */
/* Live-ID:    2846 */

#submenu li strong #men2846 {
    background-image: url(/fileadmin/styles/01_layouts_basics/img/alzm_navi_claim_weiss_auf_rot.gif);
    display:block;
    background-repeat: no-repeat;
}
#submenu li strong #men2846 span {
         position:relative;
         top:-2000px;
}

#submenu li #men2846 a {
    background-image: url(/fileadmin/styles/01_layouts_basics/img/alzm_navi_claim_schwarz_auf_weiss.gif);
    background-position: 11px 4px;
    background-repeat: no-repeat;
    height:1.5em;
}
#submenu li #men2846 a:focus,
#submenu li #men2846 a:hover,
#submenu li #men2846 a:active {
    background-image: url(/fileadmin/styles/01_layouts_basics/img/alzm_navi_claim_schwarz_auf_grau.gif);
    background-position: 11px 4px;
    background-repeat: no-repeat;

}
#submenu li #men2846 a.opened {
    background-image: url(/fileadmin/styles/01_layouts_basics/img/alzm_navi_claim_rot_auf_weiss.gif);
    background-position: 11px 4px;
    background-repeat: no-repeat;
}
#submenu li #men2846 a:focus.opened,
#submenu li #men2846 a:hover.opened,
#submenu li #men2846 a:active.opened {
    background-image: url(/fileadmin/styles/01_layouts_basics/img/alzm_navi_claim_rot_auf_grau.gif);
    background-position: 11px 4px;
    background-repeat: no-repeat;
}

#submenu li #men2846 a span {
/*         position:relative; */
/*         top:-2000px; */

display:none;
}

/* Ebene 2 */
  #submenu li ul li a,
  #submenu li ul li strong {
    padding: 0.25em 0.5em 0.25em 2em;
    margin: 0 0 0 0em;
    color: #000;
    font-weight: normal;
    }

  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active {
    background-color: #ccc;
    }

/* Ebene 3 */
  #submenu li ul li ul li a,
  #submenu li ul li ul li strong {
    padding: 0.25em 0.5em 0.25em 3.5em;
    margin: 0 0 0 0em;
    color: #000;
    font-weight: normal;
    }
  #submenu li ul li ul li a:focus,
  #submenu li ul li ul li a:hover,
  #submenu li ul li ul li a:active {
    background-color: #ccc;
    color: #000;
    }

/* Ebene 4 */
  #submenu li ul li ul li ul li a,
  #submenu li ul li ul li ul li strong {
    padding: 0.25em 0.25em 0.25em 5em;
    margin: 0 0 0 0em;
    color: #666;
    font-size: 0.9em;
    font-weight: normal;
    border-left: 0px solid #666;
    }
  #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: #ccc;
    color: #000;
    }

/* +++ Crumbtrail +++ */
#main #teaser {
  background-color: transparent;
  margin: 0.4em 18.5em 0 18em;
  padding: 0.5em 0 0.2em;
  border-bottom: 0px solid #ccc;
  }
#main #teaser .rootline {
  }
#main #teaser .rootline a {
  text-decoration: none;
  }
#main #teaser .rootline a:focus,
#main #teaser .rootline a:hover,
#main #teaser .rootline a:active
 {
  color: #e60005;
  text-decoration: underline;
  }



/* +++ ABC-Navigation +++ */

#col3 form ul.abc-navigation {background-color: #fdeded}
#col3 ul.abc-navigation {display: block; height: 1.5em; margin: 2em 1em; border: 1px solid #ccc; border-width: 1px 0; padding: 0; text-align: left;}
#col3 ul.abc-navigation li {display: inline; margin: 0; padding:0}
#col3 ul.abc-navigation li a {margin: 0; padding: 0;}
#col3 ul.abc-navigation li span,
#col3 ul.abc-navigation li a {display: block; float: left; margin:0; padding: 0 0.5em; border-left: 1px solid #eee;}
#col3 ul.abc-navigation li.last-item span,
#col3 ul.abc-navigation li.last-item a {border-right: 1px solid #eee;}
ul.abc-navigation li a:focus,
ul.abc-navigation li a:hover,
ul.abc-navigation li a:active {background-color: #ccc; color: #000; text-decoration: none;}
ul.abc-navigation li strong a,
ul.abc-navigation li strong span {background-color: #e60005; color: #ccc; text-decoration: none;}