/* 
This dropdown menu is based on the "son of suckerfish" technique (http://htmldog.com/articles/suckerfish/dropdowns/). It needs a small portion of JavaScript (/wp-content/themes/mymagazine/js/dropdowns.js) and works with old and new browsers
*/

/* Farben:
orange = #FFA500
orangered = #FF4500
*/

/*Main Navbar */
#nav {
 width:780px;
 margin:0 auto;
 padding:0 25px 0 25px;
 background:transparent;
 font-size:100%;
 margin-bottom:1px;
 }

#nav, #nav ul {
 list-style: none;
 line-height: 0.7em;
 }


#nav a, #nav a:hover {
 display: block;
 text-decoration: none;
 border:none;
 }

/* fix onmouseout-event in IE7 */
#nav li:hover, #nav li.sfhover {
    position: static;
}


#nav a, #nav a:visited, .page_item a {
 display:block;
 font-weight:bold;
 padding:6px 12px;
 line-height: 1.1em;
 }

#nav a:hover, #nav a:active, ul#nav li.current_page_item a, ul#nav li.current_page_ancestor a, ul#nav li.current_page_parent a, #home .on {
 background:#FF4500;
 text-decoration:none;
 color: #fff;
 }


/* all list items */

#nav li {
 background: #eee;
 /* background-image:url(images/nav_verlauf.jpg); */
 float: left;
 list-style:none;
 border-right:1px solid #a9a9a9;
 margin: 0 4px 0 0;
 }

#nav li, #nav li li {
 line-height:100%;
}
	

	
	
/* second-level lists */		
#nav li ul {
 z-index: 89; /* show dropdown before NextGEN-Images */
 position: absolute;
 left: -999em;
 margin: 0 0 0 4px;
 height: auto;
 width: 174px;
 border-bottom: 1px solid #a9a9a9;
 }

#nav li li {
 width: 172px;
 border-top: 1px solid #a9a9a9;
 border-right: 1px solid #a9a9a9;
 border-left: 1px solid #a9a9a9;
 background: #777;
 }

#nav li li a, #nav li li a:visited, #nav li li.page_item a {
 font-weight:normal;
 font-size: 0.9em;
 color:#FFF;
 background: #777;
 }

#nav li li a:hover, #nav li li a:active, #nav li li.current_page_item a  {
 background:#FF4500;
 color: #fff;
 }	
		
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
 left: auto;
 }

a.main:hover {
 background:none;
 }

/* third-and-above-level lists */

#nav li ul ul {
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}