@charset "utf-8";

/* NAVI */
#navi{
	width:980px;
	border:0px solid white;
	margin:0 auto;
	z-index:20;
}

#navi ul{
	list-style::none;
	margin:0;
	position:relative;
}

#navi_points{
	border:0px solid white;
	height:30px;
	position:relative;
	top:5px;
	z-index:20;
}

#navi_line{
	background-image:url(images/gn_line.png);
	background-position:left;
	border:0px solid white;
	height:12px;
}

#navi li{

	display:inline;

}



#navi a{

	display:block;

	text-decoration:none;

	font-weight:bold;

}

#navi li a span{ display:block; width:100%; height:30px; background-repeat:no-repeat;}

#navi li a{overflow:hidden; text-indent:-9999px; float:left; height:30px; margin-right:26px}



#navi #gn-1 a{width:62px;}
#navi #gn-2 a{width:83px;}
#navi #gn-3 a{width:167px;}
#navi #gn-4 a{width:211px;}
#navi #gn-5 a{width:123px;}
#navi #gn-27 a{width:123px;}

#navi #gn-1 a span{background-image:url(images/gn_home.png)}
#navi #gn-2 a span{background-image:url(images/gn_betriebe.png)}
#navi #gn-3 a span{background-image:url(images/gn_bewerbungstipps.png)}
#navi #gn-4 a span{background-image:url(images/gn_rechte.png)}
#navi #gn-5 a span{background-image:url(images/gn_downloads.png)}
#navi #gn-27 a span{background-image:url(images/gn_admin.png)}

#navi #gn-1 a span.active, #navi #gn-1 a span:hover{background-position:0 -30px;}
#navi #gn-2 a span.active, #navi #gn-2 a span:hover{background-position:0 -30px;}
#navi #gn-3 a span.active, #navi #gn-3 a span:hover{background-position:0 -30px;}
#navi #gn-4 a span.active, #navi #gn-4 a span:hover{background-position:0 -30px;}
#navi #gn-5 a span.active, #navi #gn-5 a span:hover{background-position:0 -30px;}
#navi #gn-27 a span.active, #navi #gn-27 a span:hover{background-position:0 -30px;}

#naviline{
	width:800px;
	position:relative;
	top:-45px;
	left:10px;
}