/* 
	pure layout properties are not indent. you can edit them for your needs.
	pure technical properties are indent 3 tabs. Generally there is no need to edit them. // important for functionality
	some properties are indent 1 tab, they are important for functionality but have to be adapted to your layout

	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.htmldog.com/articles/suckerfish/dropdowns/example/
*/

/* #sfnav, #sfnav ul { */
#nav ul {
		width: 24.44em;
list-style: none;
line-height: 1;
background: white;
font-weight: bold;
padding: 0;
background: #424242 url("images/background_flyout_hover.png");
/*background:#949393 url("images/background_flyout_hover.gif");*/
border: solid #959393;
border-width: 1px 0;
margin: 1em 0 1em 0;
position: absolute;
}

#nav a {
display: block;
color: #FCF24F;
text-decoration: none;
padding: 0.5em 1.4em;
}

#nav ul a.daddy {
background: url(images/rightarrow2.gif) no-repeat 95%;
}

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

#nav li ul {
			position: absolute;
			left: -999em;
		width: 13.9em;
height: auto;
font-weight: normal;
border-width: 1px;
margin: 0;
text-transform:none;
}

#nav li li {
		width: 13.9em
}

#nav li ul ul {
		margin: -2em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul,
#navigation .navfxenabled li:hover ul, #navigation .navfxenabled li:hover ul ul, #navigation .navfxenabled li:hover ul ul ul,
#navigation .navfxenabled li.over ul ul,#navigation .navfxenabled li.over ul ul ul
{
			left: -999em;
}
#nav li:hover ul, 
#navigation .navfxenabled li.over ul
 {
			left: auto;
}
#nav li li:hover ul, #nav li li li:hover ul,
#navigation .navfxenabled li li.over ul, #navigation .navfxenabled li li li.over ul
 {
			left: -2px;
}
#navigation li li.over ul.leftover, #navigation .navfxenabled li li li.over ul.leftover, #navigation .navfxenabled li li li li.over ul.leftover
 {
			left: -28.44em;
}
#navigation #nav li.over,#nav li:hover {
background: #686868;
}
.firstex,.secondex,.thirdex {
	width: 470px;
	border: 4px solid #eee;
	padding: 10px;
	margin: 10px 5px;
}
.thirdex{
	position: absolute;
	top:0;
	left:520px;
}