@charset "UTF-8";

/*
 * NAVIGATION
 */

#navi {
	position: relative;
	height: 30px;
	/* padding-left: 0; */
	padding-left: 2px;
}

.dropdown, .dropdown ul  {
	margin: 0;
	padding: 0;
}

.dropdown {
	position: relative;
	z-index: 597;
}

.dropdown li {
	float: left;
	background-color: #003142;
	padding-left: 1px;
	padding-right: 1px;
	text-indent: 0;
}
.dropdown li:before { content: ""; }
.dropdown li:hover {
	position: relative;
	z-index: 599;
}

.dropdown li:hover > ul { visibility: visible; }

.dropdown li a {
	display: block;
	padding-top: 5px;
	padding-left: 10px;
	/* width: 188px; */
	width: 154px;
	height: 25px;
	color: #91ccd6;
	font-size: 14px;
	text-decoration: none;
	background: #003142 url("/gfx/reloaded/back-navi.jpg") scroll repeat-x left top;
}

.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
}

.dropdown ul ul {
	top: 0;
	left: -100%;
}

.dropdown ul li { float: none; }

.dropdown ul li a {
	/* width: 174px; */
	width: 144px;
	padding-top: 6px;
	padding-left: 20px;
	font-size: 12px;
	background: #003142;
}
.dropdown ul li a:hover { background: #275a69; }