/**
Europeers Navigation Stylesheet
Author: Søren Birkemeyer / webfactory.de
Grid: 7 units á 93px with 18px gutter
Base font size: 14px
Colors:
- orange #f37c04
- blue #284A5F
*/



/* =Navigation
------------------------------------------------------------ */

#nav {
	background-image: url(../img/bg_nav.gif);
	height: 45px;
	white-space: nowrap;
	z-index: 101;
	position: relative;
}

#nav a,
#nav span.a {
	color: #e8d43e;
	font-weight: bold;
	font-size: 1.167em;
	border-bottom-width: 0;
}

#nav a:hover,
#nav a:focus {
	color: #f2960d;
	background-color: transparent;
}

#nav ul, #nav li {
	display: block;
}

#nav ul {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	width: 759px;
	padding: 0 18px;
	height: 50px;
	z-index: 102;
}

#nav ul li {
	position: relative;
	list-style-type: none;
	float: left;
	margin: 0 24px 10px 0px;
	padding-bottom: 5px;
	padding-left: 0;
	background-image: none;
	z-index: 103;
}

#nav ul li.active-path span.a {
	color: #f2960d;
	font-weight: bold;
}

#nav ul ul {
	display: none;
	border: 1px solid #284a5f;
	margin: 0;
	padding: 0;
	background-color: #fdef84;
	left: 0px;
	top: 1.75em;
	width: 200px;
	height: auto;
}

#nav ul ul li {
	float: none;
	width: 190px;
	margin: 0;
	padding: 5px;
}

#nav ul ul li:hover  {
	background-color: #f2960d;
}

#nav ul ul a,
#nav ul ul span.a {
	color: #284a5f;
	font-size: 0.857em;
	margin: 0;

}

#nav ul ul a:hover,
#nav ul ul a:active,
#nav ul ul li.active-path span.a {
	color: #284a5f;
}

#nav ul ul ul {
	position: absolute;
	left: 200px;
	top: 0px;
	width: 200px;
}

/* Einblenden der nächsten Ebene beim Hover: */
#nav li:hover {
	z-index:15;
}

#nav li:hover ul { /* Beim Hover über Navigationselement die nächste Ebene einblenden... */
	display: block;
}

#nav li:hover ul ul { /* ... die übernächste Ebene bleibt aber versteckt... */
	display: none;
}

#nav li:hover li:hover ul { /* ... und wird erst beim hover auf dem li zweiter Ebene sichtbar. */
	display: block;
}
 /* Ende  */



/* =Sysnav
------------------------------------------------------------ */

#sysnav {
	position: relative;
	width: 795px;
	clear: both;
	height:45px;
	background-image: url(../img/bg_sysnav.gif);
	background-repeat: no-repeat;
}

#sysnav ul {
	position: absolute;
	right: 10px;
	bottom: 8px;
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#sysnav ul#usernav {
	left: 10px;
}

#sysnav ul#usernav li {
	margin:0 20px 0 0;
}

#sysnav ul#usernav span#info {
	color:#f2960d;
	margin-right:20px;
	font-size: 0.857em;
}

#sysnav ul li {
	position: relative;
	list-style-type: none;
	float: left;
	margin: 3px 0px 0 20px;
	padding-bottom: 0;
	padding-left: 0;
	background-image: none;
}

#sysnav a {
	color: #e8d43e;
	font-weight: bold;
	font-size: 0.857em;
	border-bottom-width: 0;
}

#sysnav a:hover,
#sysnav a:active {
	color: #f2960d;
	background: none;
}

#sysnav span.a {
	color: #f2960d;
	font-weight: bold;
	font-size: 0.857em;
}


/* =Pager
------------------------------------------------------------ */

#content ol.pager {
	list-style-type: none;
	margin: 1em 0 1.5em 0;
	float: left;
	width: 100%;
	padding: 0;
}

#content ol.pager li {
	float: left;
	padding: 0px 4px;
	border-left: 1px solid #CCC;
}
#content ol.pager li.first-child {
	border-left: 0;
	padding-left: 0;
}
#content ol.pager a, #content ol.pager a:hover, #content ol.pager a:focus { text-decoration: none; background-image: none; padding: 0; }
#content ol.pager li span.a { font-weight: bold; }