/* 

	Gestaltung für die Navigation für SACHSEN.digital

*/

#navwrapper {
	position: relative;
	background: url('../images/sachsendigital_navbg.gif') repeat-x;
	height: 6em;
	z-Index:2;

}

#nav {
	position: relative;
	width: 90em;
	height: 6em;
	margin: 0 auto;
	text-align: left;
	background: url('../images/sachsendigital_navspan.gif') repeat-x;
}

#nav ul li {
	position: relative;
	float: left;
}

.navelement,
.navelement_act {
	position: relative;
	color: #333;
	display: block;
	height: 5em;
	text-indent: -900em;
	overflow: hidden;}


/* Standard-Definition der Buttons:  */
#nav a#b_start { width: 10.3em; background: url('../images/sachsendigital_nav_start.gif') no-repeat 0 0;  }
#nav a#b_orte { width:7.5em; background: url('../images/sachsendigital_nav_orte.gif') no-repeat 0 0; }
#nav a#b_personen { width:9.5em; background: url('../images/sachsendigital_nav_personen.gif') no-repeat 0 0; }
#nav a#b_themen { width:8.6em; background: url('../images/sachsendigital_nav_themen.gif') no-repeat 0 0; }
#nav a#b_ressourcen { width:10.7em; background: url('../images/sachsendigital_nav_ressourcen.gif') no-repeat 0 0; }
#nav a#b_netzwerk { width:10.7em; background: url('../images/sachsendigital_nav_netzwerk.gif') no-repeat 0 0; }

#nav a.navelement:hover { background-position: 0 -6em !important; }
#nav a.navelement_act { background-position: 0 -12em !important; }

#nav .sub {
	position:absolute;
	top:2em;
	left:-5000px;
	width:200px;
	min-height:30px;
	display:block;
	clear:left;
	padding:20px 0 15px 0;
	z-index: 90000;
}

#nav ul li:hover .sub,
#nav ul li.sfhover .sub {
	left:2.6em;
}

.sub .subtop,
.sub .subbottom {
	position:absolute;
	left:0;
	width:20em;
	display:block;
}

.sub .subtop { top:0; height:2em; background:url(../images/sachsendigital_subnavtop.png) no-repeat 0 0; }
.sub .subbottom { bottom:0;	height:1.5em; background:url(../images/sachsendigital_subnavend.png) no-repeat 0 0; }

.sub li,
.sub li a {
	position:relative;
	top:0;
	left:0;
	display:block;
	text-align:left;
}

.sub ul {
	position:relative;
	top:0;
	left:0;
	width:20em;
	min-height:2em;
	display:block;
}

.sub li {
	height:20px;
	width:200px;
	padding:0;
	clear:left;
	background:url(../images/sachsendigital_subnavbg.png) repeat-y 0 0;
}

.sub li a {
	width:17.9em;
	height:1.2em;
	margin:0 0.6em;
	padding:0.5em;
	color:#432;
	font-weight:bold;
	text-decoration:none;
	border-bottom: 1px dotted #888;
}

.sub li a:hover { background:#876;color:#fff; border-bottom: 1px dotted #876; }
