/* File: rpg_css_navigation.css */
/* vi: set tabstop=2 shiftwidth=2 : */
/*----------------------------------------------------------------------------*/
/* color: #ff8700; /* orange in Navigation und headlines */ 
/* color: #0c2577; /* Dunkles  Blau (Headlines) */ 
/* color: #707070; /* Dunkles  Grau (aktives  Menü unter der Maus:hover) */
/* color: #c0c0c0; /* Helleres Grau (passives Menü unter der Maus:hover) */
/* color: #f5f5f5; /* helles   Grau (background navigation container, left) */ 
/* color: #f0f0f0; /* helles   Grau (background nav line (Top)) */ 
/*----------------------------------------------------------------------------*/
/* color: #555555; /* dunkle Schattierung (Border)              */ 
/* color: #dddddd; /* helle  Schattierung (Border)              */ 
/*----------------------------------------------------------------------------*/
/* color: #ff0000; /* rot                                       */ 
/* color: #fff000; /* gelb-orange unter der Maus im menü        */ 
/*----------------------------------------------------------------------------*/
/* color: #ff9901; /* gelb-orange Linie imdatenblatt            */ 
/*----------------------------------------------------------------------------*/

div#nav_line {
	position: absolute;
	font: normal 12px sans-serif;
	font-weight: normal;
	font-weight: bold;
	padding: 3px; padding-left: 12px;
	top: 10px; 
	left: 180px; 
	/* right: 20px; */
	height: 14px;
	letter-spacing: 0.11em;
  /* color: #0c2577; background-color: #f0f0f0; /* Blau auf Grau */
  color: #0c2577; background-color: #e5e5e5; /* Blau auf Grau */
	border-style: solid; 
	border-color: #000a80;
	border-width:  1px  0px  1px  0px; /* oben  rechts  unten links  */
	
}


div#nav_line a, div#nav_line span {
	text-decoration: none; 
	color: #0c2577;
	background-color: #e5e5e5;
}

div#nav_line a:hover {
	color: #ff9901;
	/* background-color: #505050;  /* Some dark grey as in the selected menues */
	background-color: #e5e5e5;
}


@media print {
	div#nav_line { padding-left: 5px; left: 0px;  display: none;
		height: 0px;
		width: 0px;
}
}  


/*----------------------------------------------------------------------------*/
/* now the dirty details of navigation menues... */
/*----------------------------------------------------------------------------*/

div#quick_nav_panel { /* under development for submenu pos. image on left */
	position: relative;
	top:      0px; 
	left:     0px; /* Position */
	width:  150px;
	margin:   0px;
	padding:  0px;
	float: left;  /* eventeuell notwendig! */
}
div#quick_nav_panel div {
	float:    left;
	position: relative; 
	top:      6px; 
	left:     0px; /* Position */
	font: normal 12px arial, sans-serif;
	font-weight: bold;
}

div#quick_nav_panel div#quick_nav_b1 { padding: 2px 6px 3px 0px; }
div#quick_nav_panel div#quick_nav_b1 div { width:  42px; }

div#quick_nav_panel div#quick_nav_b2 { padding: 2px 6px 3px 6px; }
div#quick_nav_panel div#quick_nav_b2 div { width:  30px; }

div#quick_nav_panel div#quick_nav_b3 { padding: 2px 0px 3px 6px; }
div#quick_nav_panel div#quick_nav_b3 div { text-align: center; width:  42px; }

div#quick_nav_panel div div {
	top:      0px;
	text-align: center;
	text-decoration: none;
  background-color: #c0c0c0; 
	color: #000;
	border: solid 1px;
	border-color: #dddddd #555     #555     #dddddd;
}
div#quick_nav_panel div div:hover {
  background-color: #707070; color: #fff000; /* Blau auf Grau */
	border-color: #555     #dddddd #dddddd  #555;   
	text-decoration: none;
}

div#quick_nav_panel div div a span {
  background-color: #c0c0c0; 
	color: #000;
	text-decoration: none !important ; 
}

div#quick_nav_panel div div:hover span {
  background-color: #707070; 
	color: #fff000;
	text-decoration: none;
}

/* -------------------------------------------------------------------------- */
/* Naviation summary line, below quick-nav buttons, above sub-navigation      */
/* -------------------------------------------------------------------------- */

div#nav_spacer { /* under development for submenu pos. image on left */
	position: relative;
	top:   11px; 
	margin:  0px;
	width: 148px;
	height:  6px;
	float: left;
	border: solid 0px white; 
	border-width: 0px 1px 0px 1px;
	background-color: #a0a0a0; 
	background-color: #ffffff; 
}

div#nav_summary {
	position: relative;
	top:   11px; 
	width: 148px;
	margin: 0px;
	float: left;
	border: solid 0px black; 
	border-width: 1px 1px 0px 1px;
	border-width: 0px;
	background-color: #707070; 
	background-color: #ffffff; 
}

/* -------------------------------------------------------------------------- */
/* Header for current position in navigation-2                                */
/* -------------------------------------------------------------------------- */
div#nav_summary a {
	text-decoration: none;
	color: #0c2577;
	color: #000000;
}
div#nav_summary_line0,
div#nav_summary_line1,
div#nav_summary_line2,
div#nav_summary_line3,
div#nav_summary_line4 {
	float: left;
	position: relative; 
	left:   0px; /* Position */
	width: 100%;
	color: #000000;
	color: #0c2577; 
	background-color: #a0a0a0; 
	background-color: #ffffff; 
	padding:  2px;
	font: normal 12px arial, sans-serif;
	font-weight: bold; 
}
div#nav_summary_line0:before { content:" "; color:#0c2577; padding-left: 5px;}
div#nav_summary_line1:before { content:" > "; color:#0c2577; padding-left: 5px;}
div#nav_summary_line2:before { content:" > > "; color:#0c2577; padding-left: 5px;}
div#nav_summary_line3:before { content:" > > > "; color:#0c2577; padding-left: 5px;}
div#nav_summary_line4:before { content:" > > > > "; color:#0c2577; padding-left: 5px;}
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
div#nav_position { /* under development for submenu pos. image on left */
	height: 0px; 
	position: relative;
	top:    0px; left:   0px; /* Position */
	width: 22px;
	margin: 0px;
	float: left;
}

div#nav_button_container {
	float: left;
	position: relative; 
	top:   6px; 
	border: solid 0px #000000; 
	border-top-width: 0px;
	color: #000000;
	background-color: #707070; 
	width:  22px;   /* 250px  */
	left:   0px; /* Position */
	padding:  0px;
}

div#nav_button_container_old {
	float: left;
	position: relative; 
	top:   11px; 
	left:   0px; /* Position */
	border: solid 1px #000000; 
	color: #000000;
	background-color: #707070; 
	padding:  0px;
	width:  22px;   /* 250px  */
	height:  inherit;  /* 105px  */
	min-height: 130px;  /* 105px  */
}

img#nav_position_button {
	 position: relative; 
	 top:   10px; left:   0px; /* Position */
	color: #000000;
	background-color: #707070; 
	padding:  0px;
	width:  20px;   /* 250px  */
	height: 100px;  /* 105px  */
}

/* -------------------------------------------------------------------------- */

div#nav_frame1,
div#nav_frame2 {              /* untergelegte Rahmenbox, ganz unten */
  width:   150px;
  padding: 0;    /*  */
	margin: 0;
	/* color: black; background-color: #f5f5f5; /* light grey as in LEFT ??? */
	}
div#nav_frame2 {              /* untergelegte Rahmenbox, ganz unten */
	position: relative;					/* gleichberechtigt mit div#nav_position */
  /* width:   130px; top:   10px; left:  30px; /* Position */
  width:   150px; top:   10px; left:  00px; /* Position */
}
/*----------------------------------------------------------------------------*/
/* Hauptmenue Listenumgebung (1. Stufe)
/*----------------------------------------------------------------------------*/
ul#navigation1,
ul#navigation2 {
		font-size: 13px; /* absolut */
		width: 150px;
		margin:		 0; 
		padding:	 0;
    /* text-align: left;  */
}
ul#navigation2 {
	position: relative;					/* gleichberechtigt mit div#nav_position */
    width:   130px;
		font-size: 11px; /* absolut */
}

div#n2_area1 {
	border: 1px solid #ffffff;
	border-width: 0px 1px 1px 1px;
	position: relative;
  float: left;      /*  */
	margin: 0px;
	padding: 0px;
	width: 148px;
}
div#n2_area2 {
	border: 1px solid #a0a0a0;
	border: 1px solid #ffffff;
	border-width: 1px 1px 1px 28px;
	position: relative;
  float: left;      /*  */
	margin:  0px;
	padding: 0px;
	width: 120px;
}

/*----------------------------------------------------------------------------*/
/*  List-Items der 1.Stufe (plus Vererbung nach unten?)                       */
/*  Width sollte größer sein oder gleich sein zu Breite der Elemente */
/*  und auch mindestens (genau?) so groß wie das folgende Menu als LEFT hat */
/*----------------------------------------------------------------------------*/
  ul#navigation1 li, 
  ul#navigation2 li {
		list-style: none; /* blendet die Markierungen aus... */
    /* float: left;      /* ohne width - nach CSS 2.1 erlaubt */
		width:  155px;    /* Maus-aktive Breite, abgleichen mit XXX left ul-li-ul*/
		position: relative;   /* sonst fangen submenues am nav_container oben an  */
    margin: 0; padding: 0; 
  }
  ul#navigation2 li {
    width:   135px;
	}
/*----------------------------------------------------------------------------*/
/* Ausklappmenues: Aufzählungsblock der 2. Stufe      */
/*----------------------------------------------------------------------------*/
/* Standardmaessig sind diese menues eingeklappt, also hidden, deswegen */
/* display: none */
/* Trotzdem LEFT so setzen, dass untermenue weit genug rechts anfaengt */
/*----------------------------------------------------------------------------*/
  ul#navigation1 li ul, 				/* Verbergen der 2. Ebene (aktive 1. Ebene) */
  ul#navigation2 li ul {				/* Verbergen der 2. Ebene (aktive 1. Ebene) */
    display: none;             /* Unternavigation ausblenden  */
    position: absolute;
    margin: 0; padding: 0;
    top: 0; left: 155px;  /* XXX Linker Rand unter-Menue  8.8 zu 10.2*/
  }
  ul#navigation2 li ul {				/* Verbergen der 2. Ebene (aktive 1. Ebene) */
    left:   135px;
	}
/*----------------------------------------------------------------------------*/
  ul#navigation1 li ul li, 
  ul#navigation2 li ul li {
		width: 155px;
	}
  ul#navigation2 li ul li {
    width:   135px;
	}
/*----------------------------------------------------------------------------*/
  ul#navigation1 li:hover ul li ul, 		/* Verbergen der 3. Ebene (aktive 2. Ebene)  */
  ul#navigation2 li:hover ul li ul {		/* Verbergen der 3. Ebene (aktive 2. Ebene)  */
    margin: 0; padding: 0;
    position: absolute;
    top: 0; left: 155px;  /* 16.9 XXX Linker Rand unter-Menue */
    display: none;             /* Unternavigation ausblenden  */
  }
  ul#navigation2 li:hover ul li ul {		/* Verbergen der 3. Ebene (aktive 2. Ebene)  */
    left:   135px;
	}
/*----------------------------------------------------------------------------*/
  ul#navigation1 li ul li:hover ul li ul, 		/* Verbergen der 4. Ebene (aktive 3. Ebene)  */
  ul#navigation2 li ul li:hover ul li ul {		/* Verbergen der 4. Ebene (aktive 3. Ebene)  */
    margin: 0; padding: 0;
    position: absolute;
    top: 0; left: 155px;  /* 16.9 XXX Linker Rand unter-Menue */
    display: none;             /* Unternavigation ausblenden  */
  }
  ul#navigation2 li ul li:hover ul li ul {		/* Verbergen der 4. Ebene (aktive 3. Ebene)  */
    left:   135px;
	}
  
/*----------------------------------------------------------------------------*/
/* Aktives Link: Untermenü einblenden (nicht bei IE unter 7.0)                */
/* Aufhebung von display:none für das li:hover unter der Maus */
/*----------------------------------------------------------------------------*/
	ul#navigation1 li:hover ul,  
	ul#navigation2 li:hover ul { 
    display: block;  /* Unternavigation in modernen Browsern einblenden */
	}

	ul#navigation1 li ul li:hover ul,  
	ul#navigation2 li ul li:hover ul { 
    display: block;  /* Unternavigation in modernen Browsern einblenden */
	}

	ul#navigation1 li ul li ul li:hover ul,  
	ul#navigation2 li ul li ul li:hover ul { 
    display: block;  /* Unternavigation in modernen Browsern einblenden */
	}

/*----------------------------------------------------------------------------*/
/*  List-Items der 1. und 2. Stufe (sowhl links als auch SPAN der akt. Seite) */
/*----------------------------------------------------------------------------*/
  ul#navigation1 a, 
	ul#navigation1 span, 
  ul#navigation2 a, 
	ul#navigation2 span {
    display: block;
		letter-spacing: 0.00em;
    width: 138px;  /* plus zweimal 5px padding, plus border  */
		/* height: 20px; */ 
		height: auto;
		padding:   2px   5px;  /* vertical, horizontal */
		text-decoration: none; 
		font-weight: bold;
    color: #000000; /* Schwarz: Farbe der Schrift in den Menü-Boxen */
    border-width: 1px;
    border-style: solid; 
    border-right-color: #555555; /* schattierung dunkel */
    border-bottom-color: #555555; /* schattierung dunkel */
    border-left-color: #dddddd; /* Schattierung hell */
		border-top-color: #dddddd; 	/* Schattierung hell */
		background-color: #c0c0c0; /* Farbe des Menüs (passiv, standard) Grau */
  }
  ul#navigation2 a, 
	ul#navigation2 span {
    width: 108px;  /* plus zweimal 5px padding, plus border  */
		color: #000000; /* Schwarz: Farbe der Schrift in den Menü-Boxen */
    border-width: 0px;
		background-color: #ffffff; /* Farbe des Menüs (passiv, standard) Grau */
	}

  * html ul#navigation1 a, 
	* html ul#navigation1 span {
    width:  148px;  /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 138px;  /* korrekte Breite fuer IE 6 im standardkompatiblen Modus */
  }
  * html ul#navigation2 a, 
	* html ul#navigation2 span {
    width:  118px;  /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 108px;  /* korrekte Breite fuer IE 6 im standardkompatiblen Modus */
  }
/*----------------------------------------------------------------------------*/
/*  List-Items NUR (!) der 2. Stufe                                           */
/*----------------------------------------------------------------------------*/
  ul#navigation1 li ul a, 
	ul#navigation1 li ul span {
    width:  138px;  /* 15.5 Breite den in li enthaltenen Elementen zuweisen */
		letter-spacing: 0.00em;
  }
  ul#navigation2 li ul a, 
	ul#navigation2 li ul span {
    width:  108px;  /* 15.5 Breite den in li enthaltenen Elementen zuweisen */
		letter-spacing: 0.00em;
  }

/*----------------------------------------------------------------------------*/

  * html ul#navigation1 li ul a, 
	* html ul#navigation1 li ul span {
    width:  148px;  /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 138px;  /* korrekte Breite fuer IE 6 im standardkompatiblen Modus */
  }
  * html ul#navigation2 li ul a, 
	* html ul#navigation2 li ul span {
    width:  118px;  /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 108px;  /* korrekte Breite fuer IE 6 im standardkompatiblen Modus */
  }

/*----------------------------------------------------------------------------*/
/* Farben der navigation
/*----------------------------------------------------------------------------*/
  ul#navigation1 a:hover, 
	ul#navigation1 span, 
  ul#navigation2 a:hover, 
	ul#navigation2 span, 
	li a#aktuell {
    border-right-color:  #dddddd; /* schattierung dunkel */
    border-bottom-color: #dddddd; /* schattierung dunkel */
    border-left-color:   #555555; /* Schattierung hell */
		border-top-color:    #555555; /* Schattierung hell */
    color: #ff0000; /* rot, Farbe der Schrift unter der Maus ("hover")  */
		background-color: #707070; /* dunkelgrau */
  }

  ul#navigation1 li ul span,   /* aktuelle Unterseite kennzeichnen */
  ul#navigation2 li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: #707070; /* dunkelgrau */
  }

  ul#navigation1 a:hover,   /* aktuelle Rubrik kennzeichnen */
  ul#navigation2 a:hover {  /* aktuelle Rubrik kennzeichnen */
    color: #fff000 !important ;					/* gelb-orange */ 
    color: #fff000 !important ;					/* gelb-orange */ 
		background-color: #707070; /* dunkelgrau */
  }
/*----------------------------------------------------------------------------*/
	ul#navigation1 li a.aktuell  {
    border-right-color:  #dddddd !important ; /* schattierung dunkel */
    border-bottom-color: #dddddd !important ; /* schattierung dunkel */
    border-left-color:   #555555 !important ; /* Schattierung hell */
		border-top-color:    #555555 !important ; /* Schattierung hell */
    border-width: 1px; /* schattierung dunkel */
    border-style: solid; /* schattierung dunkel */
    color: #ff9901 !important ; /* orange, Farbe der Schrift unter der Maus ("hover")  */
		background-color: #707070 !important ; /* dunkelgrau */
	}

	div#nav_summary_line0,
	div#nav_summary_line1,
	div#nav_summary_line2,
	div#nav_summary_line3,
	ul#navigation2 li a  {
		border-style: solid;
		color: #000000;
		background-color: #ffffff;
		border-color: #ffffff;
		border-width: 1px 0px 1px 0px;
		/* font-weight: normal; */
	}
	ul#navigation2 li a.aktuell  {
		color: #0c2577;
		background-color: #f0f0f0;
		border-color: #ff9901;
		border-color: #404040;
		border-width: 1px 0px 1px 0px;
	}

	div#nav_summary_line0:hover,
	div#nav_summary_line1:hover,
	div#nav_summary_line2:hover,
	div#nav_summary_line3:hover,
	ul#navigation2 li a:hover  {
		border-style: solid;
		color: #0c2577 !important ;
		background-color: #e0e0f0;
		border-color: #101010;
		border-color: #ff9901;
		border-width: 1px 0px 1px 0px;
	}


	div#n2_area2_unused .aktuell:after  {
		content: " (x)"   ;
    color: #10e010; 
	}


/*----------------------------------------------------------------------------*/
/* End of style                                                               */
/*----------------------------------------------------------------------------*/