/* 	
	li {padding: 0;margin:0;}
    body {font: normal 0.8em verdana;}
	
	original code @ http://www.alistapart.com/articles/horizdropdowns/
*/
#nav ol {
		width: 11em;		
		margin: 0;
		padding: 0;
		list-style: none;
		border-bottom: 1px solid #ccc;
}

#nav ol li {
		position: relative;
		border: 1px solid #ccc;
		border-bottom: 0;		
}
#nav li ol {
		top: -1px;
		/* visual hide */
			position: absolute;
			left: -9999px;
		/* real hide */
		display: none; /* if you use LimitLinks:0 you should remove this line. */
		
}
#nav ol li a, #nav ol li strong {
		display: block;		
		text-decoration: none;
		color: #000;
		background: #fff; /* IE6 Bug */
		padding: 4px;
		min-width: 9em;
}

#nav li.parent>a:after {
		content: " >";
}

/* Hover/Focus Style */
#nav ol li a:hover, #nav ol li a:focus, #nav ol li a:active,
/* Opera Focus Style */
#nav ol li a.ofocus, #nav li ol li a.ofocus{ 
		color: #336699; 
		background: #336699;
} 
/* 
	disable normal hover and focus style , if javascript is available
 */
#nav .navfxenabled li:hover ol { 
		left: -9999px;
	
}
/* 
	normal hover Style wtihout javascript
*/		
#nav li:hover ol,
/* 
	hover and focus style if javascript is available
*/
#nav .navfxenabled li.over ol { 
			display: block;
		left: 11em;
		margin-left: -2px;
		
} /* The magic */
/* aktive Kategorie/Unterkategorie anzeigen */
#nav li.active a, #nav li.activepath a, 
#nav li.active a:hover, #nav li.activepath a:hover,
#nav li.active a:active, #nav li.activepath a:active,
#nav li.active a:focus, #nav li.activepath a:focus,
#nav li.active strong {
color: #336699; 
background: #336699;
}
/* oben gemachte Einfärbung wieder zurücknehmen */
#nav li.active ol a, #nav li.activepath ol a {
color: #000; 
background: #fff;
}
/* 
	accesible for keyboard- and screenreader- users
 */
#nav li.active ol, 
#nav li.activepath ol {
			display: block;
		
}
/* Tastaturnutzung 
	Keyboardusage for good browsers
 */
#nav a:focus+ol {
		left: 11em; /* Abstand Untermenu */
		margin-left: -2px;
}
/* 	
	keyboard support without javascript
*/
#nav li ol li a:focus, #nav li ol li a:active {
			position: absolute;
		left: 997px; /* Viewportverschiebung ausschalten */
		margin-left: 11em; /* Abstand Untermenu */
}
/* 
	overwrite the keyboard support, if mouse is in use
*/
#nav li ol li a:hover, #nav  li ol li a:hover, /* kleinster gemeinsamer Nenner */
#nav li:hover ol li a:focus, #nav  li:hover ol li a:active,
/* 
	overwrite the keyboard support, if javascript is available
*/
#nav .navfxenabled li ol li a:focus, #nav .navfxenabled  li ol li a:active
 {
			position: static;
		margin-left: 0;
}
/* Allgemeine CSS-Class ausserhalb des Viewports */
.sbh {
		position: absolute;
		left: -999px;
		width: 0;
		overflow: hidden;
		
}
/* 
	original code @ http://www.htmldog.com/articles/suckerfish/dropdowns/example/
*/

#sfnav {
  width: 11em;
  list-style: none;
  line-height: 1;
  background: url(pfeil_nach_unten3.gif) no-repeat 100% #336699;  
  padding: 0;
  margin: 0.3em 0 0 0;
  position: absolute;  
}

#sfnav ul {
  width: 11em;
  list-style: none;
  line-height: 1;
  background: #336699;   
  padding: 0;
  margin: 0.3em 0 0 0;
  position: absolute;
  border-top: 1px solid #6699CC;
  
}

#sfnav a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0.25em 0.25em;

}

#sfnav a.daddy {
background: url(rightarrow2.gif) no-repeat 95%;
}

#sfnav li {
  float: left;
  width: 11em;		
  padding: 0;
}

#sfnav li ul {
	position: absolute;
	left: -999em;
	width: 11em;
  	height: auto;
  	font-weight: normal;
  	border-width: 0.25em;
  	margin: 0;
}

#sfnav li li {
		width: 11em
}

#sfnav li ul ul 
{
	margin: -1.75em 0 0 11em;
}

#sfnav li:hover ul ul, 
#sfnav li:hover ul ul ul,
#nav3 .navfxenabled li:hover ul, 
#nav3 .navfxenabled li:hover ul ul, 
#nav3 .navfxenabled li:hover ul ul ul,
#nav3 .navfxenabled li.over ul ul,
#nav3 .navfxenabled li.over ul ul ul
{
	left: -999em;
}

#sfnav li:hover ul, 
#nav3 .navfxenabled li.over ul
{
	left: auto;
}


#sfnav li li:hover ul, 
#sfnav li li li:hover ul,
#nav3 .navfxenabled li li.over ul, 
#nav3 .navfxenabled li li li.over ul
{
	left: -2px;
}
#nav3 li li.over ul.leftover, 
#nav3 .navfxenabled li li li.over ul.leftover, 
#nav3 .navfxenabled li li li li.over ul.leftover
{
	left: -28.44em;
}

#nav3 #sfnav li.over{
	background: url(pfeil_nach_unten3.gif) no-repeat 100% #a9cff4;
}

#sfnav li ul a:hover {
	background: #a9cff4;
}

#sfnav li a:hover {
	background: url(pfeil_nach_unten3.gif) no-repeat 100% #a9cff4;	
}

/* 
	Beginn Nav4
*/

#sfnav4 {
  width: 8.5em;
  list-style: none;
  line-height: 1;
  background: url(pfeil_nach_unten3.gif) no-repeat 100% #336699;  
  padding: 0;
  margin: 0.3em 0 0 0;
  position: absolute;  
}

#sfnav4 ul {
  width: 8.5em;
  list-style: none;
  line-height: 1;
  background: #336699;   
  padding: 0;
  margin: 0.3em 0 0 0;
  position: absolute;
  border-top: 1px solid #6699CC;
}

#sfnav4 a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0.25em 0.25em;
}

#sfnav4 a.daddy {
  background: url(rightarrow2.gif) no-repeat 95%;
}

#sfnav4 li {
	float: left;
	width: 8.5em;
	padding: 0;
}

#sfnav4 li ul {
	position: absolute;
	left: -999em;
	width: 8.5em;
	height: auto;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#sfnav4 li li {
	width: 8.5em
}

#sfnav4 li ul ul {
	margin: -1.75em 0 0 8.5em;
}

#sfnav4 li:hover ul ul, 
#sfnav4 li:hover ul ul ul,
#nav4 .navfxenabled li:hover ul, 
#nav4 .navfxenabled li:hover ul ul, 
#nav4 .navfxenabled li:hover ul ul ul,
#nav4 .navfxenabled li.over ul ul,
#nav4 .navfxenabled li.over ul ul ul
{
	left: -999em;
}

#sfnav4 li:hover ul, 
#nav4 .navfxenabled li.over ul
{
	left: auto;
}

#sfnav4 li li:hover ul, 
#sfnav4 li li li:hover ul,
#nav4 .navfxenabled li li.over ul, 
#nav4 .navfxenabled li li li.over ul
{
	left: -2px;
}

#nav4 li li.over ul.leftover, 
#nav4 .navfxenabled li li li.over ul.leftover, 
#nav4 .navfxenabled li li li li.over ul.leftover
{
	left: -28.44em;
}

#nav4 #sfnav4 li.over{
  	background: url(pfeil_nach_unten3.gif) no-repeat 100% #a9cff4;
}

#sfnav4 li ul a:hover {
	background: #a9cff4;
}

#sfnav4 li a:hover {
	background: url(pfeil_nach_unten3.gif) no-repeat 100% #a9cff4;	
}

/* Ende Nav4 */


/* Beginn Nav5 */

#sfnav5 {
	width: 10.5em;
	list-style: none;
	line-height: 1;
	background: url(pfeil_nach_unten3.gif) no-repeat 100% #336699;  
	padding: 0;
	margin: 0.3em 0 0 0;
	position: absolute;  
}

#sfnav5 ul {
	width: 10.5em;
	list-style: none;
	line-height: 1;
	background: #336699;   
	padding: 0;
	margin: 0.3em 0 0 0;
	position: absolute;
	border-top: 1px solid #6699CC;
}

#sfnav5 a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.25em 0.25em;
}

#sfnav5 a.daddy {
  	background: url(rightarrow2.gif) no-repeat 95%;
}

#sfnav5 li {
	float: left;
	width: 10.5em;
  	padding: 0;
}

#sfnav5 li ul {
	position: absolute;
	left: -999em;
	width: 10.5em;
	height: auto;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#sfnav5 li li {
	width: 10.5em
}

#sfnav5 li ul ul {
	margin: -1.75em 0 0 9em;
}

#sfnav5 li:hover ul ul, #sfnav5 li:hover ul ul ul,
#nav5 .navfxenabled li:hover ul, #nav5 .navfxenabled li:hover ul ul, #nav5 .navfxenabled li:hover ul ul ul,
#nav5 .navfxenabled li.over ul ul,#nav5 .navfxenabled li.over ul ul ul
{
	left: -999em;
}
#sfnav5 li:hover ul, 
#nav5 .navfxenabled li.over ul
{
	left: auto;
}

#sfnav5 li li:hover ul, #sfnav5 li li li:hover ul,
#nav5 .navfxenabled li li.over ul, #nav5 .navfxenabled li li li.over ul
{
	left: -2px;
}

#nav5 li li.over ul.leftover, 
#nav5 .navfxenabled li li li.over ul.leftover, #nav5 .navfxenabled li li li li.over ul.leftover
{
	left: -28.44em;
}

#nav5 #sfnav5 li.over{
  	background: url(pfeil_nach_unten3.gif) no-repeat 100% #a9cff4;
}

#sfnav5 li ul a:hover {
	background: #a9cff4;
}

#sfnav5 li a:hover {
	background: url(pfeil_nach_unten3.gif) no-repeat 100% #a9cff4;	
}

/* Ende Nav5 */

/* 
	Beginn Nav6
*/

#sfnav6 {
  	width: 8em;
  	list-style: none;
  	line-height: 1;
  	background: url(pfeil_nach_unten3.gif) no-repeat 100% #336699;  
  	padding: 0;
  	margin: 0.3em 0 0 0;
  	position: absolute;  
}

#sfnav6 ul {
	width: 8em;
  	list-style: none;
  	line-height: 1;
  	background: #336699;   
  	padding: 0;
  	margin: 0.3em 0 0 0;
  	position: absolute;
  	border-top: 1px solid #6699CC;
}

#sfnav6 a {
  	display: block;
  	color: #fff;
  	text-decoration: none;
  	padding: 0.25em 0.25em;
}

#sfnav6 a.daddy {
  	background: url(rightarrow2.gif) no-repeat 95%;
}

#sfnav6 li {
	float: left;
	width: 8em;
  	padding: 0;
}

#sfnav6 li ul {
	position: absolute;
	left: -999em;
	width: 8em;
  	height: auto;
  	font-weight: normal;
  	border-width: 0.25em;
  	margin: 0;
}

#sfnav6 li li {
	width: 8em
}

#sfnav6 li ul ul {
	margin: -1.75em 0 0 8em;
}

#sfnav6 li:hover ul ul, #sfnav6 li:hover ul ul ul,
#nav6 .navfxenabled li:hover ul, 
#nav6 .navfxenabled li:hover ul ul, 
#nav6 .navfxenabled li:hover ul ul ul,
#nav6 .navfxenabled li.over ul ul,
#nav6 .navfxenabled li.over ul ul ul
{
	left: -999em;
}

#sfnav6 li:hover ul, 
#nav6 .navfxenabled li.over ul
{
	left: auto;
}

#sfnav6 li li:hover ul, 
#sfnav6 li li li:hover ul,
#nav6 .navfxenabled li li.over ul, 
#nav6 .navfxenabled li li li.over ul
{
	left: -2px;
}

#nav6 li li.over ul.leftover, 
#nav6 .navfxenabled li li li.over ul.leftover, 
#nav6 .navfxenabled li li li li.over ul.leftover
{
	left: -28.44em;
}

#nav6 #sfnav6 li.over{
  	background: url(pfeil_nach_unten3.gif) no-repeat 100% #a9cff4;
}

#sfnav6 li ul a:hover {
	 background: #a9cff4;
}

#sfnav6 li a:hover {
	 background: url(pfeil_nach_unten3.gif) no-repeat 100% #a9cff4;	
}

/* Ende Nav6 */

/*
	Styles für das 2. versteckte Menue
	Quick & Dirty / no IE support without JavaScript!!!!
*/
#nav2 ul {

width: 150px;
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #ccc;
}

#nav2 ul li {
			position: relative;
border: 1px solid #ccc;
border-bottom: 0;
		
}
#nav2 li ul {
		top: -1px;
			position: absolute;
			left: -9999px;
			display: none;
		
}

#nav2 ul li a, 
#nav2 ul li strong {
display: block;		
text-decoration: none;
color: #000;
background: #fff;
padding: 5px;
min-width: 130px;
}
#nav2 li.parent>a:after {
content: " >";
}
#nav2 ul li a:hover, #nav2 ul li a:focus, #nav2 ul li a:active,
#nav2 ul li a.ofocus, #nav2 li ul li a.ofocus { 
color: #336699; background: #336699;
}
#nav2 .navfxenabled li:hover ul { 
		left: -999px;
	
}
#nav2 li:hover ul, 
#nav2 .navfxenabled li.over ul,
#nav2 li ul li:hover ul, 
#nav2 .navfxenabled li ul li.over ul
 { 
			display: block;
		left: 148px;
		
}
#nav2 li:hover ul ul, 
#nav2 .navfxenabled li.over ul ul { 
			left: -999px;
		
}
#nav2 ul li.active>a, #nav2 ul li.activepath>a, 
#nav2 li.active a:hover, #nav2 li.activepath a:hover,
#nav2 li.active a:active, #nav2 li.activepath a:active,
#nav2 li.active a:focus, #nav2 li.activepath a:focus,
#nav2 li.active strong,
#nav2 #ofocus {
color: #336699; 
background: #336699;
}
#nav2 .active ul a, #nav2 .activepath ul a {
color: #000; 
background: #fff;
}
#nav2 li.active ol, 
#nav2 li.activepath ul {
			display: block;
		
}
#nav2 a:focus+ul, #nav2 a:active+ul {
		left: 148px;
		
}
#nav2 li ul li a:focus+ul {
		left: 1248px;
		
}
#nav2 li ul li a:focus, #nav2 li ul li a:active {
			position: absolute;
		left: 1148px;
		
}
#nav2 li ul li ul a:focus, #nav2 li ul li ul a:active {
			position: absolute;
		left: 2180px;
		
}

#nav2 li ul li a:hover, #nav2  li ul li a:hover,
#nav2 li:hover ul li a:focus, #nav2  li:hover ul li a:active,
#nav2 .navfxenabled li ul li a:focus, #nav2 .navfxenabled  li ul li a:active
 {
			position: static;
}

.firstex,.secondex,.thirdex {
	width: 470px;
	border: 4px solid #336699;
	padding: 10px;
	margin: 10px 5px;
}
.thirdex{
	position: absolute;
	top:0;
	left:520px;
}