/**
* ...
*
* @author $Author$
* @version $Revision$
*
* $Log$
* Revision 1.19  2006/12/12 13:46:46  hugo
* change position of icons
*
* Revision 1.18  2006/12/12 13:31:09  hugo
* add new effect for mouseover
*
* Revision 1.17  2006/11/30 14:27:53  hugo
* add new links to changed icons
*
* Revision 1.16  2006/11/30 13:31:24  hugo
* change layout for navigation font size
*
* Revision 1.15  2006/11/28 18:16:40  hugo
* *** empty log message ***
*
* Revision 1.14  2006/11/15 07:22:43  daniel
* css fixes (missing symbols)
* javascript optimization (toggleBlock function only needed if parent node on level 2)
*
* Revision 1.13  2006/11/08 10:55:57  daniel
* mouse over effects (hover) for single items
*
* Revision 1.12  2006/11/08 09:14:53  hugo
* change ebene 0 in navigation
*
* Revision 1.11  2006/11/08 07:22:15  hugo
* change separators and offset to separator
*
* Revision 1.10  2006/11/05 17:35:55  hugo
* change margins and sizes of navigation
*
* Revision 1.9  2006/11/03 13:04:52  hugo
* change styles
* add comments
*
* Revision 1.8  2006/10/30 13:01:31  daniel
* *** empty log message ***
*
* Revision 1.7  2006/10/30 12:49:30  daniel
* some css updates (allign icons top right, ie fixes,...)
*
* Revision 1.6  2006/10/30 08:08:02  daniel
* handling of no link items on first level
*
* Revision 1.5  2006/10/29 17:53:21  daniel
* fixed link color for level 3 in node0
*
* Revision 1.4  2006/10/29 17:48:43  daniel
* updated navigation
*
* Revision 1.3  2006/10/27 11:51:54  daniel
* updated some navigation issues:
* - no colored icon for closed parent nodes
* - no mouseover for parent nodes on first level
* - no icons for (opended) parent nodes on first level
* - updated handling of nolink and isdynamic attributes
*
* Revision 1.2  2006/10/05 15:14:25  hugo
* change styles for naviagtionlist
* change styles for content
* add styles for content
*
* Revision 1.1  2006/09/26 07:56:48  daniel
* another navigation variant (javascript)
*
*
*
*/


/* WENN HAUPTMENÜPUNKTE DOCH WIEDER KLEIN SEIN SOLLEN: 
   IN FOLGENDER KLASSE DIE WIDTH AUF 20.89em ändern
   DIE MIT KOMMENTAR "FÜR GROSSE HAUPTPUNKTE" VERSEHENEN FONT-SIZES IN DEN FOLGENDEN BEIDEN KLASSEN LÖSCHEN ODER AUSKOMMENTIEREN 

ul#root {
   font-size: 1.1em;
	list-style: none;
	width: 20.78em;
	margin: 0;
	padding: 0;
	text-align: right;
}

ul#root ul {
   font-size: 0.9em;
	margin: 0;
	padding: 0;
}
*/ 


/* auf 20.78em ändern!!!
   margin hier keine auswirkung
	1em = 10px */
ul#root {
	list-style: none;
	width: 20.78em;
	margin: 0;
	padding: 0;
	text-align: right;
}

/* zeilenhöhe hier keine auswirkung
   evtl. schriftgröße ändert alle punkte ebene 1 und 2
   margin hier keine auswirkung
	1em = 10px */
ul#root ul {
	margin: 0;
	padding: 0;
}

/* zeilenhöhe ändert global alle navigationpunkte 
   margin bezieht sich auf das ende von ebene 1
	1em = 10px */
ul#root li {
	line-height: 1.1em;
	margin: 0 0 1.2em 0;
/*	padding-top: 0.2em; */
	padding:  0.2em 0 0 0;
	font-size: 1em;
}

/* zeilenhöhe hier keine auswirkung 
   margin bezieht sich auf das ende von ebene 1 */
ul#root li ul {
	margin: 0;
	padding: 0;
}

/* zeilenhöhe ändert global alle navigationpunkte 
   margin bezieht sich auf jeden unterpunkt ebene 1
	schriftgröße ändert alle punkte ebene 1 */
ul#root li ul li {
	line-height: 1.2em;
/*	margin: 0.6em 0 0.3em 0; */
	margin: 0;
	padding: 0;
	font-size: 1em;
}

/* zeilenhöhe hier keine auswirkung */
ul#root li ul li ul {
	margin: 0;
	padding: 0;
}

/* zeilenhöhe ändert alle navigationpunkte zweite ebene 
   margin bezieht sich auf jeden unterpunkt ebene 2
	schriftgröße ändert alle punkte ebene 1 */
ul#root li ul li ul li {
/*	margin: 0.6em 0 0.3em 0; */
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.2em;
}

/* Farbige Balken fuer Hauptmenüpunkte */
/*ul#root li:first-child.separator {
	margin-top: 0;
}
*/
ul#root li.separator {
	margin-right: 1.9em;
	margin-top: 0.7em;
	margin-bottom: 0.2222em;
	padding: 0;
	height: 0.5em;
	background-image: none;
}

ul#root li.separator img {
	float: left;
	height: 0.5em;
}

ul#root li#separator0.separator {
	background-color: #FFE714;
}

ul#root li#separator1.separator {
	background-color: #BB0006;
}

ul#root li#separator2.separator {
	background-color: #F18F00;
}

ul#root li#separator3.separator {
	background-color: #108DC7;
}

ul#root li#separator4.separator {
	background-color: #A2C547;
}

ul#root li#separator5.separator {
	background-color: #336600;
}

ul#root li ul {
	padding: 0;
	text-align: right;
}

ul#root li ul li ul {
	padding: 0;
	text-align: right;
}

/* Symbole für Navigation */
ul#root li.item a {
	background: url('/images/left_nav_single_fx.gif') no-repeat right 0.2em;
}

ul#root li a.parent {
	background: url('/images/left_nav_open_fx.gif') no-repeat right 0.2em;
}

ul#root li span.parent {
	background: url('/images/left_nav_open_fx.gif') no-repeat right 0.2em;
}

ul#root li ul li a.item {
	background: url('/images/left_nav_single_fx.gif') no-repeat right 0.2em;
}

ul#root li ul li a.parent {
	background: url('/images/left_nav_close_fx.gif') no-repeat right 0.2em;
}

ul#root li ul.expanded li.parent a, 
ul#root li ul.active li.parent a {
	background: url('/images/left_nav_open_fx.gif') no-repeat right 0.2em;
}

/* Symbole für Navigation (ab Ebene 2) */
/* für node0 */
ul#root li#node0 ul li a.parent {
	background: url('/images/left_nav_close_fx.gif') no-repeat right 0.2em;
}

ul#root li#node0 ul li a.parent:hover {
	background: url('/images/left_nav_close_node0_fx.gif') no-repeat right 0.2em;
}

ul#root li#node0 ul li a.parent.expanded {
	background: url('/images/left_nav_open_node0_fx.gif') no-repeat right 0.2em;
}

ul#root li#node0 ul li ul li a.item,
ul#root li#node0 ul li ul li span.item,
ul#root li#node0 span.item.active {
	background: url('/images/left_nav_single_node0_fx.gif') no-repeat right 0.2em;
}

ul#root li#node0 a.item:hover {
	background: url('/images/left_nav_single_node0_fx.gif') no-repeat right 0.2em;
}

/* für node1 */
ul#root li#node1 ul li a.parent {
	background: url('/images/left_nav_close_fx.gif') no-repeat right 0.2em;
}

ul#root li#node1 ul li a.parent:hover {
	background: url('/images/left_nav_close_node1_fx.gif') no-repeat right 0.2em;
}

ul#root li#node1 ul li a.parent.expanded {
	background: url('/images/left_nav_open_node1_fx.gif') no-repeat right 0.2em;
}

ul#root li#node1 ul li ul li a.item,
ul#root li#node1 ul li ul li span.item,
ul#root li#node1 span.item.active {
	background: url('/images/left_nav_single_node1_fx.gif') no-repeat right 0.2em;
}

ul#root li#node1 a.item:hover {
	background: url('/images/left_nav_single_node1_fx.gif') no-repeat right 0.2em;
}

/* für node2 */
ul#root li#node2 ul li a.parent {
	background: url('/images/left_nav_close_fx.gif') no-repeat right 0.2em;
}

ul#root li#node2 ul li a.parent:hover {
	background: url('/images/left_nav_close_node2_fx.gif') no-repeat right 0.2em;
}

ul#root li#node2 ul li a.parent.expanded {
	background: url('/images/left_nav_open_node2_fx.gif') no-repeat right 0.2em;
}

ul#root li#node2 ul li ul li a.item,
ul#root li#node2 ul li ul li span.item,
ul#root li#node2 span.item.active {
	background: url('/images/left_nav_single_node2_fx.gif') no-repeat right 0.2em;
}

ul#root li#node2 a.item:hover {
	background: url('/images/left_nav_single_node2_fx.gif') no-repeat right 0.2em;
}

/* für node3 */
ul#root li#node3 ul li a.parent {
	background: url('/images/left_nav_close_fx.gif') no-repeat right 0.2em;
}

ul#root li#node3 ul li a.parent:hover {
	background: url('/images/left_nav_close_node3_fx.gif') no-repeat right 0.2em;
}

ul#root li#node3 ul li a.parent.expanded {
	background: url('/images/left_nav_open_node3_fx.gif') no-repeat right 0.2em;
}

ul#root li#node3 ul li ul li a.item,
ul#root li#node3 ul li ul li span.item,
ul#root li#node3 span.item.active {
	background: url('/images/left_nav_single_node3_fx.gif') no-repeat right 0.2em;
}

ul#root li#node3 a.item:hover {
	background: url('/images/left_nav_single_node3_fx.gif') no-repeat right 0.2em;
}

/* für node4 */
ul#root li#node4 ul li a.parent {
	background: url('/images/left_nav_close_fx.gif') no-repeat right 0.2em;
}

ul#root li#node4 ul li a.parent:hover {
	background: url('/images/left_nav_close_node4_fx.gif') no-repeat right 0.2em;
}

ul#root li#node4 ul li a.parent.expanded {
	background: url('/images/left_nav_open_node4_fx.gif') no-repeat right 0.2em;
}

ul#root li#node4 ul li ul li a.item,
ul#root li#node4 ul li ul li span.item,
ul#root li#node4 span.item.active {
	background: url('/images/left_nav_single_node4_fx.gif') no-repeat right 0.2em;
}

ul#root li#node4 a.item:hover {
	background: url('/images/left_nav_single_node4_fx.gif') no-repeat right 0.2em;
}

/* für node5 */
ul#root li#node5 ul li a.parent {
	background: url('/images/left_nav_close_fx.gif') no-repeat right 0.2em;
}

ul#root li#node5 ul li a.parent:hover {
	background: url('/images/left_nav_close_node5_fx.gif') no-repeat right 0.2em;
}

ul#root li#node5 ul li a.parent.expanded {
	background: url('/images/left_nav_open_node5_fx.gif') no-repeat right 0.2em;
}

ul#root li#node5 ul li ul li a.item,
ul#root li#node5 ul li ul li span.item,
ul#root li#node5 span.item.active {
	background: url('/images/left_nav_single_node5_fx.gif') no-repeat right 0.2em;
}

ul#root li#node5 a.item:hover {
	background: url('/images/left_nav_single_node5_fx.gif') no-repeat right 0.2em;
}

/* kein symbol auf erster ebene, wenn nolink-attribut definiert ist */
ul#root li.nolink a, 
ul#root li.nolink span {
	background: none;
}

/* Unternavigation ausblenden (3. Ebene) */
ul#root li ul li ul {
	display: none;
	visibility: hidden;
}

/* active Unternavigation einblenden (3. Ebene) */
ul#root li ul li ul.expanded, ul#root li ul li ul.active {
	display: block;
	visibility: visible;
}

ul#root li ul li {
	float: none;
	display: block;
}

ul#root a, 
ul#root span {
	display: block;
	padding-right: 1.9em;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	margin: 0;
}

ul#root a span, 
ul#root span span {
	padding: 0 0 0 0;
	color: #666666;
	background-image: none;
	background-color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	border-top: solid 0.2em #FFFFFF;
	border-bottom: solid 0.2em #FFFFFF;
}

ul#root li ul a, ul#root li ul span {
	font-weight: normal;
}

/* Link Farben für Einträge der Ebene 3 */
ul#root li#node0 ul li ul li a, ul#root li#node0 ul li ul li span {
	color: #000000;
}

ul#root li#node1 ul li ul li a, ul#root li#node1 ul li ul li span {
	color: #BB0006;
}

ul#root li#node2 ul li ul li a, ul#root li#node2 ul li ul li span {
	color: #F18F00;
}

ul#root li#node3 ul li ul li a, ul#root li#node3 ul li ul li span {
	color: #108DC7;
}

ul#root li#node4 ul li ul li a, ul#root li#node4 ul li ul li span {
	color: #A2C547;
}

ul#root li#node5 ul li ul li a, ul#root li#node5 ul li ul li span {
	color: #336600;
}

/* active Einträge ab Ebene 2 */
ul#root li#node0 ul li a#expanded span, ul#root li#node0 ul li span.expanded span {
	color: #000000;
}

ul#root li#node1 ul li a.expanded span, ul#root li#node1 ul li span.expanded span {
	color: #BB0006;
}

ul#root li#node2 ul li a.expanded span, ul#root li#node2 ul li span.expanded span {
	color: #F18F00;
}

ul#root li#node3 ul li a.expanded span, ul#root li#node3 ul li span.expanded span {
	color: #108DC7;
}

ul#root li#node4 ul li a.expanded span, ul#root li#node4 ul li span.expanded span {
	color: #A2C547;
}

ul#root li#node5 ul li a.expanded span, ul#root li#node5 ul li span.expanded span {
	color: #336600;
}

/* Mouseover Effekte (abhaengig vom Rootnode) */
ul#root li#node0 a:hover span,
ul#root li#node0 a.expanded:hover span,
ul#root li#node0 a.active:hover span {
	font-weight: bold;
	background-color: #FFE714;
	color: #000000;
	border-top: 0.2em solid #FFE714;
	border-bottom: 0.2em solid #FFE714;
}

ul#root li#node1 a:hover span,
ul#root li#node1 a.expanded:hover span,
ul#root li#node1 a.active:hover span {
	font-weight: bold;
	background-color: #BB0006;
	color: #FFFFFF;
	border-top: 0.2em solid #BB0006;
	border-bottom: 0.2em solid #BB0006;
}

ul#root li#node2 a:hover span,
ul#root li#node2 a.expanded:hover span,
ul#root li#node2 a.active:hover span {
	font-weight: bold;
	background-color: #F18F00;
	color: #FFFFFF;
	border-top: 0.2em solid #F18F00;
	border-bottom: 0.2em solid #F18F00;
}

ul#root li#node3 a:hover span, 
ul#root li#node3 a.expanded:hover span,
ul#root li#node3 a.active:hover span {
	font-weight: bold;
	background-color: #108DC7;
	color: #FFFFFF;
	border-top: 0.2em solid #108DC7;
	border-bottom: 0.2em solid #108DC7;
}

ul#root li#node4 a:hover span, 
ul#root li#node4 a.expanded:hover span, 
ul#root li#node4 a.active:hover span {
	font-weight: bold;
	background-color: #A2C547;
	color: #FFFFFF;
	border-top: 0.2em solid #A2C547;
	border-bottom: 0.2em solid #A2C547;
}

ul#root li#node5 a:hover span,
ul#root li#node5 a.expanded:hover span,
ul#root li#node5 a.active:hover span {
	font-weight: bold;
	background-color: #336600;
	color: #FFFFFF;
	border-top: 0.2em solid #336600;
	border-bottom: 0.2em solid #336600;
}

/* active Unterseite kennzeichnen */
ul#root li#node0 span.active span {
	background-color: #FFE714;
	border-top: 0.2em solid #FFE714;
	border-bottom: 0.2em solid #FFE714;
}

ul#root li#node1 span.active span {
	background-color: #BB0006;
	border-top: 0.2em solid #BB0006;
	border-bottom: 0.2em solid #BB0006;
}

ul#root li#node2 span.active span {
	background-color: #F18F00;
	border-top: 0.2em solid #F18F00;
	border-bottom: 0.2em solid #F18F00;
}

ul#root li#node3 span.active span {
	background-color: #108DC7;
	border-top: 0.2em solid #108DC7;
	border-bottom: 0.2em solid #108DC7;
}

ul#root li#node4 span.active span {
	background-color: #A2C547;
	border-top: 0.2em solid #A2C547;
	border-bottom: 0.2em solid #A2C547;
}

ul#root li#node5 span.active span {
	background-color: #336600;
	border-top: 0.2em solid #336600;
	border-bottom: 0.2em solid #336600;
}

/* Markierung geöffneter Einträge */
ul#root a.expanded span, 
ul#root li ul li span.expanded span {
	font-weight: bold;
	color: #666666;
}

/* Markierung aktiver Einträge */
ul#root li#node1 a.active span, 
ul#root li#node1 span.active span, 
ul#root li#node2 a.active span, 
ul#root li#node2 span.active span, 
ul#root li#node3 a.active span, 
ul#root li#node3 span.active span, 
ul#root li#node4 a.active span, 
ul#root li#node4 span.active span, 
ul#root li#node5 a.active span, 
ul#root li#node5 span.active span {
	font-weight: bold;
	color: #FFFFFF;
}

/* Ausnahme für Node0 */
ul#root li#node0 a.active span, 
ul#root li#node0 span.active span {
	font-weight: bold;
	color: #000000;
}