/* ######################################################################################################
** # "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
**  modifiziert : DRK-Verbandsversion 2009-10-24 hxb
**                v2.0.5 2009-10-27 hxb
*/


@media all
{

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

        #nav_main {
                float: left;
                width: 62em;
                margin: 0;
                padding: 0 0 0 18em;
                border: 1px solid #666;
                border-width: 0 0 1px;
                line-height: 1.7em;
                }

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

        /**
        * Bugfix von YAML/A List Apart uebernommen
     * @bugfix
     * @affected   IE5.x, IE6
     * @css-for    all browsers
     * @valid      yes
     */
    width: auto; /* only IE 5.x */
    width/**/:/**/ .1em; /* only IE 6.0 */
    }

  /**
   * @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;
                }

        #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 */
    }

/* In case the skiplink anchor gets into THIS menu */
/* PLEASE LEAVE THE FOLLING SETTING IN PLACE */
  #submenu a#navigation {border-bottom:0; padding:0;}

  /* Menu Title */
  #submenu #title {
    display: none; /* standardmaeszig ausgeblendet */
    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 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;
  }

/* +++ Fakultativnavigation Kopf +++ */
#topnav ul {
  list-style: none;
  margin: 0 211px 0 0; padding: 0;
  text-align: right;
  }
#topnav ul li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  display: inline;
  margin: 0; padding: 0;
  }
#topnav a,
#topnav span.active {
  display: block;
  float: left;
  margin: 0 -1px 0 0;
  padding: 0.15em 0.5em;
  border: 1px solid #ccc;
  border-width: 0 1px;
  color: #999 !important;
  text-decoration: none;
  }
#topnav a:focus,
#topnav a:hover,
#topnav a:active {
  background-color: #666 !important;
  color: #fff !important;
  }


/* +++ Fakultativnavigation Fusz +++ */
#footer {
  height: auto;
  margin: 0 1em 0 0;
  border: 0;
  padding: 0.15em 0;
  background: transparent;
  font-size: 0.9em;
  }
#footernav ul {
  list-style: none;
  margin: 0; padding: 0;
  text-align: right;
  }
#footernav ul li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  display: inline;
  border: 1px solid #ccc;
  border-width: 0 1px;
  margin: 0 -1px 0 0;
  padding: 0;
  }
#footernav a,
#footernav span.active {
  margin: 0;
  padding: 0.15em 0.5em !important;
  color: #999;
  text-decoration: none;
  font-weight: normal;
  }
#footernav a:focus,
#footernav a:hover,
#footernav a:active {
  background-color: #666;
  color: #fff !important;
  text-decoration: none;
  }
}

/* +++ Anpassungen fuer Hauptnavigation links vertikal (1. Ebene) +++ */

#nav_main p {
  line-height: 1.7em;
  margin: 0 0 0 -1px;
}

.homepagealternate #submenu {
  margin: -2.4em 0 5em 0;
  }


/* ##########################
** ### Accessible menu ######
** ##########################
*/
@media screen, print {
#submenu dfn, #submenu .hidden {position:absolute; left:-1000em; width:20em;}
}