/* 
	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/
*/

#nav 	{background-color:#ccc;}


#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: #FFF;}

/* oben gemachte Einf�rbung wieder zur�cknehmen */
#nav li.active ol a, #nav li.activepath ol a {color: #fff; 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: 100%;
		list-style: none;
		line-height: 1;
		
		font-weight: bold;
		padding: 0;
		font-size:11px;
		
		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 {

}

#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: 33.9em;
		line-height:150%;
}

#sfnav li ul ul {
		margin: 0 0 0 0;
}

#nav3 {
		
		
		}

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

}

A.first {
		
		background-repeat:no-repeat;
		background-position:right center;
		
		}


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

}