/* navigation

hover: #fed530
normal: #FFE682
---------------------------------------------------- */

.submenu {
background:#FFE682;
height:30px;
margin: 0 0 20px 0;
}


#sub {
	z-index: 500;
	position: absolute;
	
	float: left;
	margin: 0;
	padding:0;
	list-style: none;
	
}

#sub li {
	float: left;
	position: relative;
	height: 30px;
	margin: 0;
	padding:0;
	font-size: 100%;
	background: #FFE682;	
}
#sub li a,
#sub li span {
	height: 23px;
	display: block;
	padding: 7px 8px 0 8px;
	text-decoration: none;
	color: #006CB7;
	}

#sub li:hover,
#sub li.sfhover {
	background: #fed530;
	}
#sub li:hover a,
#sub li.sfhover a {
	border-top-color: #fed530;
	border-left-color: #fed530;
	background: #fed530;
	}
#sub li a:hover { /* 1. Level */
	height: 22px;
	border-top-color: #fed530;
	border-left-color: #fed530;
	border-bottom: 1px solid #fed530;
	background: #fed530;
	}


#sub li a:active {
	background: #fed530;
	}

/* suckerfish dropdowns */

#sub li ul { /* second-level lists */
	z-index: 150000;
	clear: left;
	position: absolute;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #fed530;
	border-left-color: #fed530; /* 2te ebene linker rahmen */
	border-top: none;
	border-bottom: none;
	background: #FFE682;
	}
#sub li ul ul { /* third-and-above-level lists */
	top: 0;
	margin: 0 -152px 0 0;
	border-left-color: #fed530;
	}
#sub li:hover ul ul, #sub li.sfhover ul ul {
	left: -999em;
	}

#sub li:hover ul, 
 
#sub li.sfhover ul { /* lists nested under hovered list items */
	right: auto;
	left: 0;
	}
#sub li li:hover ul,
#sub li li.sfhover ul { /* lists nested under hovered list items */
	right: 0;
	left: auto;
	}
#sub li ul li {
	width: 150px;
	height: auto;
	text-transform: none;
	font-size: 12px;
	line-height: 11px;
	border: none;
	background: none;
	}
#sub li ul li a,
#sub li#n-games ul li a,
#sub li:hover ul li a,
#sub li.sfhover ul li a,
#sub li ul li span {
	width: 134px;
	height: auto;
	padding: 12px 8px;
	border: none;
	font-weight: normal;
	text-align: left;
	color: #006CB7;
	border-top: 1px solid #fed530;
	border-bottom: 1px solid #fed530;
	background: #FFE682;
	}
#sub li ul li a strong.new {
	padding-left: 24px;
	font-weight: normal;
	}
#sub li ul li.sub a,
#sub li ul li.sub span {
	width: 102px;
	padding-right: 40px;
	color: #fff;
	background: #FFE682;
	}
#sub li ul li.sub ul li a {
	background: none;
	}
#sub li ul li.first a,
#sub li ul li.first span,
#sub li#n-games ul li.first a,
#sub li#n-games ul li.first span {
	border-top-color: #fed530;
	}

#sub li ul li:hover,
#sub li ul li.sfhover {
	border-top-color: #fed530;
	}

#sub li ul li:hover a,
#sub li ul li.sfhover a,
#sub li ul li:hover span,
#sub li ul li.sfhover span {
	border-top-color: #fed530;
	background: #FFE682;
	}
#sub li ul li a:hover,
#sub li ul li.sub li a:hover {
	height: auto;
	color: ##006CB7;
	border-top-color: #fed530;
	background: #fed530;
	}
#sub li ul li.sub:hover {
	background: #055d9a;
	}
#sub li ul li.sub a:hover {
	background: #055d9a;
	}
#sub li ul li:hover li a,
#sub li ul li.sfhover li a {
	border-top-color: #fed530;
	}
#sub li ul li:hover a:hover,
#sub li ul li.sfhover a:hover {
	border-top-color: #fed530;
	}
#sub li ul li a:active,
#sub li ul li.sub a:active,
#sub li ul li:hover li a:active,
#sub li ul li.sfhover li a:active {
	background: #055d9a;
	}

#sub li ul ul li {
	
	}

#sub li ul ul li a:link,
#sub li ul ul li a:visited,
#sub li#n-games ul ul li a:link,
#sub li#n-games ul ul li a:visited {
	width: 134px;
	padding: 5px 8px;
	color: #006CB7;
	}