/* 
	Reine Designangaben für das Menue sind nicht eingerückt!
	Rein technische Angaben sind  dreimal eingerückt. Diese müssen in der Regel nicht geändert werden.
	Eine "Zwischenstellung" nimmt beispielsweise die Menuebreite Breite ein. Sie ist sowohl für Design als auch Funktionstüchtigkeit wichtig. Derartige Angaben sind zweimal eingerückt.
*/


/* 
	original code @ http://www.alistapart.com/articles/horizdropdowns/
*/

* {
		border:0;
		margin:0;
		padding:0;
		}


#nav li.parent>a:after {
content: " >";
}
 /* 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: #E2144A; 
background: #f9f9f9;
}
/* 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, #sfnav ul {
		/*width: 24.44em;*/
list-style: none;
line-height: 1;
background: #C6DBEE;
font-weight: bold;
padding: 0;
font-size:12px;

border-width: 1px 0;
/*margin: 0.5em 0 1em 0;*/
position: absolute;
}

#sfnav a {
display: block;
color: #173B73;
text-decoration: none;
padding: 0.5em 1em;
}

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

#sfnav li {
			float: left;
		/*width: 10em;*/
padding: 0;
}

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

#sfnav li li {
		width: 13.9em;
		line-height:150%;
}

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

#nav3 {
		background-color:#fff;
		width:972px;
		}

#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: #E3EEF9;

}

A.first {
		background-image:url(../images/navi_bg.gif);
		background-repeat:no-repeat;
		background-position:right center;
		background-color:#C6DBEE;
		}


.firstex,.secondex,.thirdex {
	width: 470px;
	border: 4px solid #eda;
	padding: 10px;
	margin: 10px 5px;
}
.thirdex{

}