/* 
	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.
*/
li {padding: 0px; margin: 0px;}

/* 
	original code @ http://www.htmldog.com/articles/suckerfish/dropdowns/example/
*/

#sfnav {
padding: 0px;
margin: 5px 0px 0px 30px;
list-style: none;
line-height: 1;
font-weight: bold;
}

#sfnav ul {
		width: 24.44em;
list-style: none;
line-height: 1;
font-weight: bold;
background: #00519E;
padding: 0;
margin: 1em 0 1em 0;
position: absolute;
}

/* Links ------------------------------------------------ */
#sfnav a {
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 0.5em 2em;
font-weight: bold;
}

#sfnav .level0 {
	margin: 0px 0px 0px 0px;
	padding: 3px 30px 10px 10px;
	border-bottom: 5px solid #FFFFFF;
	background: none;
}
#sfnav .level0:visited {color: #FFFFFF;}
#sfnav .level0:hover {color: #ED8E30;}

#sfnav a.daddy {
background: url(/pictures/basic/nav_rightarrow.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
}

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

#sfnav li:hover ul ul, #sfnav li:hover ul ul ul,
#nav .navfxenabled li:hover ul, #nav3 .navfxenabled li:hover ul ul, #nav3 .navfxenabled li:hover ul ul ul,
#nav .navfxenabled li.over ul ul,#nav3 .navfxenabled li.over ul ul ul
{
			left: -999em;
}
#sfnav li:hover ul, 
#nav .navfxenabled li.over ul
 {
			left: auto;
}
#sfnav li li:hover ul, #sfnav li li li:hover ul,
#nav .navfxenabled li li.over ul, #nav3 .navfxenabled li li li.over ul
 {
			left: -2px;
}
#nav 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;
}
#nav #sfnav li.over,#sfnav li:hover {
background: #ED8E30;
}
#nav #sfnav .level0_li.over,#sfnav .level0_li:hover {
background: #00519E;
}

/*
	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: #E2144A; background: #f9f9f9;
}
#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: #E2144A; 
background: #f9f9f9;
}
#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 #eda;
	padding: 10px;
	margin: 10px 5px;
}
.thirdex{
	position: absolute;
	top:0;
	left:520px;
}