/* ############ NAVIGATION CONTAINER ############ >> */

#navigation {
	height: 32px;
	width: 100%;
	background: url(../images/nav/nav_bg.gif) left top repeat-x;
	margin-top: 15px;
	margin-bottom: 35px;
	padding-top: 3px;
}

#navigation ul {
	display: inline;
	list-style: none;
}

#navigation li {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}

#navigation_header {
	width: 678px;
	height: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	text-align: right;
	padding-top: 10px;
	margin-bottom: 0px;
}

#navigation_header_home {
	width: 678px;
	height: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	text-align: left;
	padding-top: 40px;
	margin-bottom: 0px;
}

/* ############ NAVIGATION BUTTONS ############ >> */

/* AKTUELL >> */
.aktuell a:link, .aktuell a:visited {
	background: #FFFFFF url(../images/nav/aktuell.gif) no-repeat;
	float: right;
	height: 20px;
	width: 84px;
	margin-right: 20px;
}

.aktuell a:hover {		
	background: #FFFFFF url(../images/nav/aktuell.gif) -84px top no-repeat;
}

div #aktuell_on {
	background: #FFFFFF url(../images/nav/aktuell.gif) -84px top no-repeat;
}

/* BLOG >> */
.blog a:link, .blog a:visited {
	background: #FFFFFF url(../images/nav/blog.gif) no-repeat;
	float: right;
	height: 20px;
	width: 60px;
}

.blog a:hover {		
	background: #FFFFFF url(../images/nav/blog.gif) -60px top no-repeat;
}

div #blog_on {
	background: #FFFFFF url(../images/nav/blog.gif) -60px top no-repeat;
}

/* UNTERNEHMEN MITTE >> */
.unternehmen_mitte a:link, .unternehmen_mitte a:visited {
	background: #FFFFFF url(../images/nav/unternehmen_mitte.gif) no-repeat;
	float: left;
	height: 26px;
	width: 157px;
}

.unternehmen_mitte a:hover {		
	background: #FFFFFF url(../images/nav/unternehmen_mitte.gif) -157px top no-repeat;
}

div li #unternehmen_mitte_on {
	background: #FFFFFF url(../images/nav/unternehmen_mitte.gif) -157px top no-repeat;
}

/* VERANSTALTUNGEN >> */
.veranstaltungen a:link, .veranstaltungen a:visited {
	background: #FFFFFF url(../images/nav/veranstaltungen.gif) no-repeat;
	float: left;
	height: 26px;
	width: 156px;
}

.veranstaltungen a:hover {		
	background: #FFFFFF url(../images/nav/veranstaltungen.gif) -156px top no-repeat;
}

div li #veranstaltungen_on {
	background: #FFFFFF url(../images/nav/veranstaltungen.gif) -156px top no-repeat;
}

/* KONTAKTE >> */
.kontakte a:link, .kontakte a:visited {
	background: #FFFFFF url(../images/nav/kontakte.gif) no-repeat;
	float: left;
	height: 26px;
	width: 95px;
}

.kontakte a:hover {		
	background: #FFFFFF url(../images/nav/kontakte.gif) -95px top no-repeat;
}

div li #kontakte_on {
	background: #FFFFFF url(../images/nav/kontakte.gif) -95px top no-repeat;
}

/* RAUMSCHIFF >> */
.raumschiff a:link, .raumschiff a:visited {
	background: #FFFFFF url(../images/nav/raumschiff.gif) no-repeat;
	float: left;
	height: 26px;
	width: 111px;
}

.raumschiff a:hover {		
	background: #FFFFFF url(../images/nav/raumschiff.gif) -111px top no-repeat;
}

div li #raumschiff_on {
	background: #FFFFFF url(../images/nav/raumschiff.gif) -111px top no-repeat;
}

/* DOWNLOADS >> */
.downloads a:link, .downloads a:visited {
	background: #FFFFFF url(../images/nav/downloads.gif) no-repeat;
	float: left;
	height: 26px;
	width: 109px;
}

.downloads a:hover {		
	background: #FFFFFF url(../images/nav/downloads.gif) -109px top no-repeat;
}

div li #downloads_on {
	background: #FFFFFF url(../images/nav/downloads.gif) -109px top no-repeat;
}

/* LINKS >> */
.links a:link, .links a:visited {
	background: #FFFFFF url(../images/nav/links.gif) no-repeat;
	float: left;
	height: 26px;
	width: 50px;
}

.links a:hover {		
	background: #FFFFFF url(../images/nav/links.gif) -50px top no-repeat;
}

div li #links_on {
	background: #FFFFFF url(../images/nav/links.gif) -50px top no-repeat;
}