/* ######################################################################################################
** # "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 Navigation.
**  Checked with http://jigsaw.w3.org/css-validator/ 13.8.07 - DB
* DRK Version (und Erweiterung um Top-/Footer-Navigation) 2008-08-14 hxb
*/


@media all {
  #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
   * @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 li.node,
  #nav_main li.active {
    border: 1px solid #666;
    border-width: 0 1px 0 1px;
    margin: 0 0 0 -1px;
    padding: 0;
    float: left;
    line-height: 15px;
  }

#nav_main ul li a,
#nav_main ul li.node a,
#nav_main ul li.active a {
  /* margin: 0 -1px 0px 0; <--- Border und Negativmargin eine Ebene nach oben verschoben */
  padding: 0.25em 0.95em 0.2em;
  background-color: transparent;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  display: block;
  }

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

#nav_main ul li.node a,
#nav_main ul li.active a {
  display: block;
  background-color: #e50006;
  color: #fff;
  }



  #submenu {
    width: 16em;
    overflow: hidden;
    margin: -1.3em 0 0 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 1rm;
    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 .node {
    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;
  }

  #submenu ul li.active a {
    background-color: #e50006;
    color: #fff;
  }

  #submenu ul li .normal a {
    background-color: #fff;
    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;
    }



/* +++ Fakultativnavigation Kopf +++ */
#topnav {
	position: absolute;
	top: 24px;
	right: 12px;
	text-align: right;
}

#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 +++ */
#footernav {
	margin-top: 3em;
}

#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;
	margin: 0 -1px 0 0;
	padding: 0;
}

#footernav a, #footernav span.active {
	margin: 0 -3px 0 0;
	padding: 0.15em 0.5em;
	border: 1px solid #ccc;
	border-width: 0 1px;
	color: #999 !important;
	text-decoration: none;
}

#footernav a:focus, #footernav a:hover, #footernav a:active {
	background-color: #666;
	color: #fff !important;
	text-decoration: none;
}
}



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