/* Navi oben rechts 
------------------------------------------------------------------------------*/

#nav_top {
	display:block;
	position:relative;
	float:left;
	width:990px;
	text-align:right;
	font-weight: bold;
	color:#fde00b;
}
#nav_top p {
	padding-right:10px;
	margin:5px 0;
	color:#fde00b;
}

.top_nav {
	color:#f8ce4f;
	font-size: 12px;
}

/* Linke navtotal  vertical
------------------------------------------------------------------------------*/

#navtotal {
	position:relative;
	display: block;
	width: 170px;
	margin-left:5px;
	margin-bottom:15px;
	margin-top:5px;
	float:left;
	font-size:12px;
	overflow:hidden;
	border-bottom: 1px solid #000000;
}

#navtotal ul, li {
	display: inline;
}


#navtotal em {
	text-align:left;
	padding-left:10px;
}

#navtotal ul ul em{
	padding-left: 20px;
}

#navtotal ul ul ul em{
	padding-left: 30px;
}


#navtotal   a {
	display: block;
	width: 170px;
	line-height:20px;
	text-align:left;
	text-decoration: none;
	font-weight: normal;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right:1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-bottom: 1px;
}
#navtotal   a:link, 
#navtotal   a:visited {
	color: #c9a041;
	background: transparent url(img/hgnavi.png) 0  0 repeat-x;
}

#navtotal   a:hover, 
#navtotal   a:active, 
#navtotal   a:focus {
	color: #d2000f;
	background: transparent url(img/hgnavi.png) 0 -30px repeat-x;
}
#navtotal .aktiv {
	color: #f8ce4f;
	padding-left:10px;
	font-weight: bold;
	background: transparent url(img/hgnavi.png) 0 0 repeat-x;
}

/*	Ende Hauptnavigation vertical
------------------------------------------------------------------------------*/


/*                  Horizontales Dropdown-Menu, CSS
*******************************************************************************/

div.dropdownmenu {
  font-family: verdana, sans-serif; 
  width:750px;                    /*  (1)  */
  position:relative; 
  font-size:1.0em;
  padding-bottom:50px;
  z-index:100;
}
div.dropdownmenu ul {                        /* UL Ebene 1 */
  padding:0; 
  margin:0;
  list-style-type: none;
}
div.dropdownmenu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
}
div.dropdownmenu ul li a, 
div.dropdownmenu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
  display:block; 
  text-decoration:none; 
  color:#fff; 
  width:139px;                    /* Breite von (div.dropdownmenu)/(Anzahl der Punkte)-(1Px)  --> (1) */
  height:25px;                    /*  (2)  */
  border:1px solid #000;          /* Border-color am besten = Hintergrundfarbe der Seite */
  border-width:1px 1px 0 0; 
  background:#aaa; 
  padding-left:10px; 
  line-height:25px;               /*  --> (2)  */
}
* html div.dropdownmenu ul li a, div.dropdownmenu ul li a:visited {
  width:149px;                    /* für 'normale' Browser */
  w\idth:139px;                   /* für IE */
}
div.dropdownmenu ul li ul {
  display: none;
}

table {
  margin:-1px; 
  border-collapse:collapse;
  font-size:0.8em;
}

/* li:hover  für non-IE-Browser  ---  a:hover  für IE */
  div.dropdownmenu ul li:hover a,
  div.dropdownmenu ul li a:hover {
  color:#555; 
  background:#ddd;
}

div.dropdownmenu ul li:hover ul,
div.dropdownmenu ul li a:hover ul {
  display:block; 
  position:absolute; 
  top:25px;                          /*  --> (2)  */
  margin-top:1px;
  left:0; 
  width:150px;
}
* html div.dropdownmenu ul li a:hover ul {
  margin-top:0;
  marg\in-top:1px;
}

div.dropdownmenu ul li:hover ul li ul,
div.dropdownmenu ul li a:hover ul li a ul {
  visibility:hidden; 
  position:absolute; 
  height:0; 
  width:0;
}

div.dropdownmenu ul li:hover ul li a,
div.dropdownmenu ul li a:hover ul li a {
  display:block; 
  background:#ddd; 
  color:#555; 
  height:auto; 
  line-height:1.2em; 
  padding:5px 10px; 
  width:129px
}
* html div.dropdownmenu ul li a:hover ul li a {
  width:150px;
  w\idth:129px;
}

div.dropdownmenu ul li:hover ul li a.drop,       /* Ebene 2 mit  Subpunkten */
div.dropdownmenu ul li a:hover ul li a.drop {
  background:#aaa url(../../graphics/drop.gif) bottom right no-repeat;
}

div.dropdownmenu ul li:hover ul li a:hover,      /* Ebene 2 hover */
div.dropdownmenu ul li a:hover ul li a:hover {
  background:#aaa; 
  color:#fff;
}

div.dropdownmenu ul li:hover ul li:hover ul,     /* Ebene 3 */
div.dropdownmenu ul li a:hover ul li a:hover ul {
  visibility:visible; 
  position:absolute; 
  left:150px; 
  top:0;
  width:150px;
}

div.dropdownmenu ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
div.dropdownmenu ul li a:hover ul li a:hover ul.left {
  left:-150px;
}

