/* 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: #E2144A; background: #f9f9f9; } 

/* 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 */
#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: #E2144A; background: #f9f9f9; }

/* oben gemachte Einf?bung wieder zur?knehmen */
#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, #sfnav ul 				{ list-style: none; background: #fff; height: 27px; margin: 0; padding: 0; }
#sfnav a 						{ display: block; color: #112e4f; height: 27px; text-decoration: none; padding: 0;  }
#sfnav a.daddy 					{ display: block; }
#sfnav li						{ float: left; padding: 0; }
#sfnav li ul 					{ border: 1px solid #112e4f; height: auto; margin: -1px 0 0 0; left: -999em; position: absolute; width: 180px; }
#sfnav li ul li a				{ background-image: none; border: 1px solid orange; display: block; height: 30px; padding: 0; margin: 0; width: 180px }
#sfnav li ul ul 				{ margin: -1.75em 0 0 14em; }

#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,#sfnav li:hover { background: #eda; }

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