/**************************************************************************
	*
	*   STP CSS
	*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	*
	*
	***************************************************************************/
	#kopf2 {
		  height: 32px;  /* BG Image height is 35px - 3px padding top = 32px  */

		  /* Abstand nach oben zum naechsten Container */
		  margin-top:    4px;
		  margin-bottom: 4px;
		  /* Influenced by height and padding top. Padding top has to be substracted from total height. */

		  background-image: url(bg/stp/navtop/bg_navtop.jpg);
		  background-repeat: no-repeat;
		  background-position: left top;
	}





	#navtop * {
	  margin: 0;
	  padding: 0;

	}

	#navtop {

	  /* Menue links einruecken */
	  /* 179px + 4px = 183px    */
	  padding-left: 183px;

	  /* color: #000; */
	}




	 /**************************************************************************
	 *  Zentriere das Menue
	 ***************************************************************************/
	 /* Abstand oben - Level 1 */
	 #navtop ul {
		margin-top: 8px;
	 }

	 /* Abstand oben - Reset Level 2 */
	 #navtop ul ul {
		margin-top: 0px;
	 }



	 /**************************************************************************
	 *
	 *   Default CSS
	 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 *	 Quelle: Buch Fortgeschr. CSS Techniken, p. 305
	 *
	 ***************************************************************************/
	 /**************************************************************************
	 *  Level 1
	 ***************************************************************************/
	 #navtop ul {
		float: left;
		width:100%;
		list-style: none;
	 }
	 #navtop ul li {
		float: left;
		/* width: 120px; */  /* original, auskommentiert */
		text-transform: uppercase;
	 }
	 #navtop ul a {
		display:block;

		/* DIST - Hier sind die Abstaende der Menuepunkte voneinander */
		/* Ausgelagert nach ganz unten                                */

		/* bugfix for IE7, to make hover work */
		/* Quelle: Buch Fortgeschr. CSS Techniken, p. 308 */
		text-decoration: none;

	 }
	 #navtop ul a:hover {
		/* background:#ccc; */

	 }

	 /**************************************************************************
	 *  Level 2
	 ***************************************************************************/
	 /* submenue erst bei hover sichtbar machen        */
	 /* Q: Warum nicht display:none?                   */
	 /* A: Weil sonst nicht fuer Screenreader sichtbar */
	 /* Vgl. Buch Fortgeschr. CSS Techniken, p. 308    */
	 #navtop ul ul {
		position: absolute;
		left:-9999px;
	 }
	 #navtop ul li:hover   ul,
	 #navtop ul li.sfhover ul {
		left: auto;
	 }

	 #navtop ul li ul li {
		float: none;
		text-transform: none;
	 }


	/**************************************************************************
	*
	*   Typo3 Menuezustaende
	*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	*
	*
	***************************************************************************/

	/**************************************************************************
	*  Level 1
	***************************************************************************/
	/* current */
	/* Zusaetzlich zu act auch cur verwenden, wg. submenue */
	#navtop ul li.cur a,
	#navtop ul li.act a {
	  font-weight: bold;
	  color: #8C0080;  /* STP Lila */
	}


	/**************************************************************************
	*  Level 2
	***************************************************************************/
	/* current       */
	#navtop ul li.act ul li.cur a,
	#navtop ul li.act ul li.cur a:hover {
	  font-weight: normal;
	  color: #8C0080;  /* STP Lila */
	}

	/* current hover */
	#navtop ul li.act ul li.cur a,
	#navtop ul li.act ul li.cur a:hover {
	  font-weight: normal;
	  color: #8C0080;  /* STP Lila */
	}

	/* normal */
	#navtop ul li     ul li a,
	#navtop ul li.act ul li a,
	#navtop ul li.cur ul li a {
	  font-weight: normal;
	  color: #000;
	}

	/* normal hover */
	#navtop ul li     ul li a:hover,
	#navtop ul li.act ul li a:hover,
	#navtop ul li.cur ul li a:hover {
	  font-weight: bold;
	  color: #8C0080;  /* STP Lila */
	}




	/**************************************************************************
	*
	*   Typo3 Abstaende der Menu items
	*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	*
	*
	***************************************************************************/

	/**************************************************************************
	*  Level 1
	***************************************************************************/
	#navtop ul li a {
		/* Horizontaler Abstand der Menuepunkte voneinander */
		padding-left:  0px;
		padding-right: 30px;

		/* Vertikaler Abstand der Menuepunkte voneinander */
		padding-top:    0px;
		padding-bottom: 9px;

	}


	/**************************************************************************
	*  Level 2
	***************************************************************************/
	#navtop ul li ul li a {
		/* Horizontaler Abstand der Menuepunkte voneinander */
		padding-left:  10px;
		padding-right: 0px;

		/* Vertikaler Abstand der Menuepunkte voneinander */
		padding-top:    5px;
		padding-bottom: 5px;

	}




	/**************************************************************************
	*
	*   Width and BG Image - Level2 only
	*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	*
	*
	***************************************************************************/
	 #navtop ul li ul li {
		width:150px;
	 }

	 #navtop ul li ul {
		/* background-color: #F2EEF1; */  /* rgb 242/238/241 */
		background-image: url(bg/stp/navtop/bg-ul-level2.png);
		background-repeat: repeat-y;
		background-position: left bottom;

	 }