@charset "utf-8";
/* CSS Document */

@media all
{
  /*--- Top-Buttons ---------------------------------------------------------------------------*/

  #header #topnav {
		background-color: #000000;
		text-align: center;
		padding: 10px;
	}

  #header #topnav a {
		color: #999;
		font-weight: normal;
		background:transparent;
		text-decoration:none;
	}
  #header #topnav a:focus,
  #header #topnav a:hover,
  #header #topnav a:active {
		text-decoration:underline;
		background-color: transparent;
	}
  #header #topnav a img {
		margin: 0 14px;
	}

  /*--- Clickpath ---------------------------------------------------------------------------*/

  #header #clickpath {
		background-color: #024F97;
		color: #ffffff;
/*		font-size: 100%;*/
		font-size: 12px;		/* wegen der 3-pixel-gap-Lösung (header-font-size = 0) auf festen Wert gesetzt */

		font-weight: bold;
		text-align: left;
		padding: 3px;
	}

  #header #clickpath a {
		color: #ffffff;
		font-size: 80%;
		font-weight: normal;
		text-decoration: none;
		margin: 0 3px;
	}
  #header #clickpath a:focus,
  #header #clickpath a:hover,
  #header #clickpath a:active {
		text-decoration: underline;
		background-color: transparent;
	}

  /*--- Left-Navigation (vertikale Navigation) ------------------------------------------------*/

	#leftNav {
		margin: 0 0 40px 0;
	}

	#leftNav ul#nav {
		border-top: 1px solid #D2D2D2;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#leftNav a {
		display: block;
		margin: 0;
/* Laut Dreamweaver (für IE6): Wenn ein Listenelement einen Link mit display: block und ohne explizite Abmessungen enthält, bewirken die Leerzeichen oder Zeilenumbrüche, die im Code auf das Listenelement folgen, dass im Browser ein zusätzlicher Leerraum erscheint. */
		width: 245px;		/* 265px - 2x10px padding */
		height: 18px;		/* 20px - 2x1px padding */
/*		border: none;*/
		padding: 1px 10px 1px 10px;
	}
	#leftNav a:hover {
	}
	/* 1. Ebene */
	#leftNav li {
	position: relative;
		list-style-type: none;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #D2D2D2;
		font-size: 100%;
		font-weight: normal;
/*background-color: #FF0000;*/
	}
	#leftNav li a {
		border: none;
		color: #6D6D6B;
	}
	/* 1. Ebene mit Unterpunkten */
	div#leftNav li.withSub {
		background-image: url(../../fileadmin/img/nav_arrow_1.gif);
		background-repeat: no-repeat;
		background-position: top right;
/*background-color: #FFFF00;*/
	}

	/* 2. Ebene */
	div#leftNav ul#nav ul {
		background-color: #024F97;
		border: none;
		left: 100%;
		position: absolute;
		top: 0;
		width: 100%;
/*border: 1px solid #FF0000;*/
		display: none;			/* Ausblenden */
		padding-left: 0;		/* Abstand im IE6 beseitigen... */
		margin-left: 0;			/* Abstand im FF beseitigen... */
	}
	div#leftNav ul#nav ul li a {
		color: #FFFFFF;
	}
	/* 2. Ebene mit Unterpunkten */
	div#leftNav ul#nav ul li.withSub {
		background-image: url(../../fileadmin/img/nav_arrow_2.gif);
		background-repeat: no-repeat;
		background-position: top right;
/*background-color: #FFFF00;*/
	}

	/* 3. Ebene */
	div#leftNav ul#nav li:hover ul li ul,
	div#leftNav ul#nav li.over ul li ul {
		display: none; 		/* dafür sorgen, dass die 2. Ebene nicht mit der ersten zusammen ausklappt */
	}

/*	div#leftNav ul ul li:hover ul li {*/
/*	div#leftNav ul ul ul li {*/
	div#leftNav ul#nav li ul ul li {
		background-color: #0374DC;
		border-bottom: 1px solid #59A4E8;
	}
	div#leftNav ul#nav ul ul li a {
		color: #FFFFFF;
	}
	/* 3. Ebene mit Unterpunkten (gibt es hier nicht - keine 4. Ebene) */
	div#leftNav li.withSub ul ul li.withSub {
		background-image: none;
	}


/* hover-Effekt - 1. & 2. Ebene */
	div#leftNav ul#nav li:hover ul,
	div#leftNav ul#nav li ul li:hover ul {
		display: block;		/* Einblenden */
		padding-left: 0;	/* Abstand im IE6 beseitigen... */
	}

	/* .over ist für das JS - für IE6 - 1. & 2. Ebene */
	div#leftNav ul#nav li.over ul,
	div#leftNav ul#nav li.over ul li.over ul {
		display: block;		/* Einblenden */
		padding-left: 0;	/* Abstand im IE6 beseitigen... */
	}

  /*--- Horizontale-Navigation (hier nicht benötigt) ------------------------------------------------------------------------*/
  .hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 100%;
    overflow: hidden;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: left;
    display: inline;
    /* (en|de) Bugfix: IE - collapsing horizontal margins */
    position: relative;
		border: 0;
/*    border-top: none;*/
/*    border-bottom: 1px solid #000000;*/
    line-height: 0;
  }

  .hlist ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
/*    float: left;*/ /* LTR */
/*    float: right;*/
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
/*    margin: 0 0 0 50px;*/ /* LTR */
		margin: 0;
    padding: 0;
  }

  .hlist ul li {
/*    border-left: 1px #fff solid;*/
/*    border-right: 1px #aaa solid;*/
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */

    margin: 0;
    padding: 0;
/*		padding-left: 7px;*/

/*    font-size: 1.0em;*/
/*		font-size: 90%;*/
/*    line-height: 1em;*/
    list-style-type: none;

/*background-color: #FF99FF;*/
  }

  .hlist ul li a,
  .hlist ul li strong {
    background: transparent;
/*    color: #000;*/
/*    display: block;*/
/*    font-size: 1em;*/
    font-weight: normal;
    margin: 0;
		padding: 0 7px;
/*		border-bottom: 5px solid #ffffff;*/		/* weißer Rand als Platzhalter */

    text-decoration: none;
    width: auto;

/*background-color: #FF00FF;*/
  }

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active {
		text-decoration: underline;
/*		border-bottom: 5px solid #000000;*/
	}

  .hlist ul li.active {
  }

  .hlist ul li.active a {
		text-decoration: underline;
/*		border-bottom: 5px solid #000000;*/
	}

/*  .hlist ul li.active strong,*/
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active {
		text-decoration: underline;
	}

}