#navigation{
	top: 120px;
	z-index: 501;
}

ul#nav li{
	list-style-type:none;
}
/* Beginn der Definitionen die nur fuer die Hauptnavigation greifen */
#nav {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	z-index: 500;
	width: 190px;
	color: #000000;
	position: relative;
	background-color: #71B2C7;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0;
	list-style: none;
	}


#nav li {
	position : relative;
	color: #666;	/* bewirkt das ausgrauen fuer menuepunkte ohne link */
	display: block;
	font-weight : normal;
	text-decoration : none;
	/*padding : 4px 0em 4px 12px;*/
	padding-left: 12px;
	
}


#nav li.menu {
	position : relative;
	float : left;
	padding-left: 20px;
	color: #666;	/* bewirkt das ausgrauen fuer menuepunkte ohne link */
	display: block;
	text-decoration : none;
	width: 190px;
	voice-family: "\"}\"";	/**** Tanteks Box-Model Hack ****/
	voice-family: inherit;	/**** Tanteks Box-Model Hack ****/
	width: 170px;		/**** Höhe für IE6, NS 6/7, Opera, ... ****/
}




 html>body #nav .menu {
	width: 170px;
	w\idth: 170px;		/**** Tanteks Box-Model Hack für Opera 5 ****/
}



#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	top: 0px;
	}

ul#nav li{
		margin-bottom: 4px;
		line-height:normal;
		line-height: 2em;
	}

/* submenu sollen breiter sein, nicht fertig */
#nav .menu ul li {
	margin-top: 0px;
	margin-bottom: 0px;
}



#nav li ul  { /* second-level lists */
	position : absolute;
	/*display: none; nötig für ns 7.1 */
	margin-left : 190px;
	margin-top : -2.1em;
	width: 23em;
	left: -999em;
	voice-family: "\"}\"";	/**** Tanteks Box-Model Hack ****/
	voice-family: inherit;	/**** Tanteks Box-Model Hack ****/
	width: 24.3em;
	w\idth: 24.3em;				/**** Höhe für IE6, NS 6/7, Opera, ... ****/
	
}

html>body #nav li ul {
	width: 24.3em;
	w\idth: 24.3em;		/**** Tanteks Box-Model Hack für Opera 5 ****/
	
}	

#nav li ul ul { /* third-and-above-level lists */
	position: absolute;
	left: -999em;
	/*display: none; nötig für ns 7.1 */
	margin-left : 21em;
	margin-top : -2.1em;
	background-color: #EBEBE8;
	width: 23.7em;
	voice-family: "\"}\"";	/**** Tanteks Box-Model Hack ****/
	voice-family: inherit;	/**** Tanteks Box-Model Hack ****/
	width: 22em;
	w\idth: 22em;				/**** Höhe für IE6, NS 6/7, Opera, ... ****/
	margin-left : 22em;
}

html>body #nav li ul ul{
	width: 22em;
	w\idth: 22em;		/**** Tanteks Box-Model Hack für Opera 5 ****/
	margin-left : 22em;
}	
	
#nav a{
	color: #333;
	font-weight : normal;
	text-decoration : none;
	display: block;
	width: 100%;
	height: 100%;
	}

#nav li a:hover {
/*	left: -999em;
*/}	


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.plussfhover ul ul, #nav li.plussfhover ul ul ul{
	left: -999em;
  /* display: none; nötig für ns 7.1 */
	}

#nav li:hover, #nav li.sfhover { 
	left: 0em;	/* die erste navi-ebene bekommt ihren abstand durch die def. im body, alle anderen brauchen den abstand von 1.7em (s.o.) */
/*display: block;
*/}

#nav li:hover ul, #nav li:hover, #nav li li li:hover ul,#nav li li:hover ul, #nav li.sfhover, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li.menu.sfhover ul,  #nav li.plussfhover, #nav li.plussfhover ul, #nav li li.plussfhover ul, #nav li li li.plussfhover ul, #nav li.menu.plussfhover ul { /* lists nested under hovered list items */
	display: block;
	cursor: default;
	left: 0em;
}


#nav li:hover ul, #nav li:hover, #nav li.sfhover, #nav li.sfhover ul, #nav li.plussfhover, #nav li.plussfhover ul{
	background: #8CC2D3;
}


#nav li li:hover ul, #nav li li:hover, #nav li li.sfhover ul, #nav li li.sfhover, #nav li li.plussfhover ul, #nav li li.plussfhover{
	background: #AAD3E0;
}

#nav li li li:hover ul, #nav li li li:hover, #nav li li li.sfhover ul, #nav li li li.sfhover, #nav li li li.plussfhover ul, #nav li li li.plussfhover{
	background: #CAE4EC;
}

#nav li.menu .sfhover, #nav li.plus .sfhover, #nav li.plussfhover{
	display: block;
	cursor: default;
}

#nav li:hover ul, #nav li.sfhover ul, #nav li.plussfhover ul { 
	top : 2.1em; /* scheint nur auf safari zu wirken, hier aber auch noetig */
}




a {
	cursor: pointer;
}

body.normal #nav li.plus, body.normal #nav li.plus:hover, body.normal #nav li.plussfhover{
	background-image: url(../_images/nav/arrows.gif) !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
/*	background: #EBEBE8 url('../_images/nav/arrows.gif') no-repeat right; 
*/	}
	
#navigation li.active a{
	text-decoration: underline;
}

#navigation li.active li a, #navigation li.active li li a{
	text-decoration: none;
}

#navigation li li.active a, #navigation li li li.active a{
	text-decoration: underline;
}

.hon{
	margin: 1px 5px 5px 20px;
	float: left;	
}

a.honfont {
color:#333333;
font-size:10px;
width: 154px;
display: block; 
margin-top: 10px;}

/* Fix IE5.0 Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */



/*************************************************************************/
/* Members Section 
**************************************************************************/
ul#msnav li{
	list-style-type:none;
}

/* Beginn der Definitionen die nur fuer die Hauptnavigation greifen */
#msnav {
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	z-index: 1000;
	width: 100%;
	color: #000000;
	position: relative;
	z-index: 500;
	}


#msnav li {
/*	position : relative;
*/	color: #666;	/* bewirkt das ausgrauen fuer menuepunkte ohne link */
	display: block;
	float: left;
	font-weight: normal;
	text-decoration : none;
	padding: 0.3em 0em 0.3em 0.3em;
	background-color:#AAD3E0;
	width: 12.3em;
	voice-family: "\"}\"";	/**** Tanteks Box-Model Hack ****/
	voice-family: inherit;	/**** Tanteks Box-Model Hack ****/
	width: 12em;		/**** Höhe für IE6, NS 6/7, Opera, ... ****/
}

 html>body #msnav li {
	width: 12em;
	w\idth: 12em;		/**** Tanteks Box-Model Hack für Opera 5 ****/
}

#msnav li.menu {
	position: relative;
	float: left;
	margin-right: 2px;
	color: #666;	
/*	display: block;
*/	text-decoration : none;
}


#msnav, #msnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}

ul#msnav li{
		margin-bottom: 0px;
		line-height:normal;
	}

/* submenu sollen breiter sein, nicht fertig */
#msnav .menu ul li {
	margin-top: 0px;
	margin-bottom: 0px;
}



#msnav li ul { /* second-level lists */
	position: absolute;
	background: #AAD3E0;
	top: 1.8em;
	width: 12em;
	left: -999em;
	voice-family: "\"}\"";	/**** Tanteks Box-Model Hack ****/
	voice-family: inherit;	/**** Tanteks Box-Model Hack ****/
	width: 12em;
	w\idth: 12em;				/**** Höhe für IE6, NS 6/7, Opera, ... ****/
}

html>body #msnav li ul {
	width: 12m;
	w\idth: 12em;		/**** Tanteks Box-Model Hack für Opera 5 ****/
	
}	

#msnav a{
	color: #333;
	font-weight : normal;
	text-decoration : none;
	display: block;
	width: 100%;
	height: 100%;
	}

#msnav li a:hover {
/*	left: -999em;*/
}	

/*#msnav li:hover ul ul, #msnav li:hover ul ul ul, #msnav li.sfhover ul ul, #msnav li.sfhover ul ul ul{
	left: -999em;
	}
*/

#msnav li:hover ul, #msnav li:hover, #msnav li.sfhover, #msnav li.sfhover ul { /* lists nested under hovered list items */
	display: block;
	cursor: default;
	left: 0em;
}


#msnav li:hover ul, #msnav li:hover, #msnav li.sfhover, #msnav li.sfhover ul{
	background: #CAE4EC;
}

#msnav li:hover ul li:hover, #msnav li.sfhover ul li.sfhover{
	background: #CAE4EC;
}

 #msnav li.menu .sfhover, #msnav li.plus .sfhover{
	display: block;
	cursor: default;
}

#msnav li:hover ul, #msnav li.sfhover ul { 
	/*top : 2.1em;  scheint nur auf safari zu wirken, hier aber auch noetig */
}


#msnav li:hover, #msnav li.sfhover { 
	left: 0em;	/* die erste navi-ebene bekommt ihren abstand durch die def. im body, alle anderen brauchen den abstand von 1.7em (s.o.) */
}

a {
	cursor: pointer;
}

#msnav li.plus, #msnav li.plus:hover{
	background-image: url(../_images/nav/arrows.gif);
	background-repeat: no-repeat;
	background-position: right;
	}

#msnav li.active a{
	text-decoration: underline;
}

#msnav li.active li a{
	text-decoration: none;
}

#msnav li li.active a{
	text-decoration: underline;
}

#nav li ul#dl{
	width: 12em;
	margin-left : 60em;
}	



/* HON-Code Seal */
#hon{
	margin-left: 16px;
	margin-top: 10px;
	font-size: 10px !important;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
}

#hon *{

	font-size: 10px !important;

}

#hon td{vertical-align: top;}