@charset "utf-8";

ul#navi {
	width:				100%;
	height:				30px;
}

ul#navi li {
	height:				30px;
	float: 				left;
	margin-right: 		45px;
}

ul#navi li a {
	display:			block; 
	text-decoration: 	none;
	color:				#fff;
}

ul#navi li a span { 
	height:				30px; 
	float:				left; 
	display: 			block; 
}

ul#navi li a span.navi-left, ul#navi li a span.navi-right {
	width:				8px; 
}

ul#navi li a span.navi-left {
	background:			url(../img/navi-left-inactive.png) center left no-repeat; 
}

ul#navi li a span.navi-middle {
	padding:			0 16px;
	background: 		url(../img/navi-bg-inactive.png) top left repeat; 
}

ul#navi li a span.navi-right {	
	background:			url(../img/navi-right-inactive.png) center left no-repeat; 
}


/* Start */
body#start ul#navi li#navi-start a span.navi-middle img, ul#navi li#navi-start a:hover span.navi-middle img {
	background:			url(../img/navi-start-active.png) center left no-repeat; 
}
body#start ul#navi li#navi-start a span.navi-left {
	background:			url(../img/navi-left-active.png) center left no-repeat; 
}
body#start ul#navi li#navi-start a span.navi-right {	
	background:			url(../img/navi-right-active.png) center left no-repeat; 
}
ul#navi li#navi-start a span.navi-middle img {
	background:			url(../img/navi-start-inactive.png) center left no-repeat; 
}

/* Rundgang */
body#rundgang ul#navi li#navi-rundgang a span.navi-middle img, ul#navi li#navi-rundgang a:hover span.navi-middle img {
	background:			url(../img/navi-rundgang-active.png) center left no-repeat; 
}
body#rundgang ul#navi li#navi-rundgang a span.navi-left {
	background:			url(../img/navi-left-active.png) center left no-repeat; 
}
body#rundgang ul#navi li#navi-rundgang a span.navi-right {	
	background:			url(../img/navi-right-active.png) center left no-repeat; 
}
ul#navi li#navi-rundgang a span.navi-middle img {
	background:			url(../img/navi-rundgang-inactive.png) center left no-repeat; 
}

/* Ausstellungen */
body#ausstellungen ul#navi li#navi-ausstellungen a span.navi-middle img, ul#navi li#navi-ausstellungen a:hover span.navi-middle img {
	background:			url(../img/navi-ausstellungen-active.png) center left no-repeat; 
}
body#ausstellungen ul#navi li#navi-ausstellungen a span.navi-left {
	background:			url(../img/navi-left-active.png) center left no-repeat; 
}
body#ausstellungen ul#navi li#navi-ausstellungen a span.navi-right {	
	background:			url(../img/navi-right-active.png) center left no-repeat; 
}
ul#navi li#navi-ausstellungen a span.navi-middle img {
	background:			url(../img/navi-ausstellungen-inactive.png) center left no-repeat; 
}

/* Workshops */
body#workshops ul#navi li#navi-workshops a span.navi-middle img, ul#navi li#navi-workshops a:hover span.navi-middle img {
	background:			url(../img/navi-workshops-active.png) center left no-repeat; 
}
body#workshops ul#navi li#navi-workshops a span.navi-left {
	background:			url(../img/navi-left-active.png) center left no-repeat; 
}
body#workshops ul#navi li#navi-workshops a span.navi-right {	
	background:			url(../img/navi-right-active.png) center left no-repeat; 
}
ul#navi li#navi-workshops a span.navi-middle img {
	background:			url(../img/navi-workshops-inactive.png) center left no-repeat; 
}

/* Fuehrungen */
body#fuehrungen ul#navi li#navi-fuehrungen a span.navi-middle img, ul#navi li#navi-fuehrungen a:hover span.navi-middle img {
	background:			url(../img/navi-fuehrungen-active.png) center left no-repeat; 
}
body#fuehrungen ul#navi li#navi-fuehrungen a span.navi-left {
	background:			url(../img/navi-left-active.png) center left no-repeat; 
}
body#fuehrungen ul#navi li#navi-fuehrungen a span.navi-right {	
	background:			url(../img/navi-right-active.png) center left no-repeat; 
}
ul#navi li#navi-fuehrungen a span.navi-middle img {
	background:			url(../img/navi-fuehrungen-inactive.png) center left no-repeat; 
}
ul#navi li#navi-fuehrungen {
	margin-right:		0 !important;
}


body#start ul#navi li#navi-start a span.navi-middle, 
body#rundgang ul#navi li#navi-rundgang a span.navi-middle, 
body#ausstellungen ul#navi li#navi-ausstellungen a span.navi-middle, 
body#workshops ul#navi li#navi-workshops a span.navi-middle, 
body#fuehrungen ul#navi li#navi-fuehrungen a span.navi-middle {
	background-color:	#272522; 
}