/***************************************
	Navigation
****************************************/

#navigation ul {
	/* background: transparent url('images/bg-navi.gif') no-repeat top left;*/
	height: 47px;
	margin: 0; padding: 0 0 0 221px; list-style-type: none;
}

#navigation ul li {
	display: block;	position: relative;	float: left; height: 47px;
	margin: 0; padding: 0; list-style-type: none;
}
#navigation ul li a {
	display: block; position: relative; width: auto; height: 47px; 
	color: white; font-size: 1em; font-weight: bold; text-decoration: none; outline: 0;
}
#site-intro #navigation ul li a { background: transparent url('images/bg-navi-intro.gif') no-repeat top left; }
#site-kuopio #navigation ul li a { background: transparent url('images/bg-navi-kuopio.gif') no-repeat top left; }
#site-tampere #navigation ul li a { background: transparent url('images/bg-navi-tampere.gif') no-repeat top left; }
#navigation a span { display: none; }

#site-kuopio #navigation li#menu-main-1 a { width: 219px; background-position: -220px 0px; }
#site-kuopio #navigation li#menu-main-1 a:hover,
#site-kuopio #navigation li#menu-main-1 a.active { background-position: -220px -47px; }
#site-kuopio #navigation li#menu-main-32 a { width: 154px; background-position: -439px 0px; }
#site-kuopio #navigation li#menu-main-32 a:hover,
#site-kuopio #navigation li#menu-main-32 a.active { background-position: -439px -47px; }
#site-kuopio #navigation li#menu-main-33 a { width: 77px; background-position: -593px 0px; }
#site-kuopio #navigation li#menu-main-33 a:hover,
#site-kuopio #navigation li#menu-main-33 a.active { background-position: -593px -47px; }
#site-kuopio #navigation li#menu-main-34 a { width: 77px; background-position: -671px 0px; }
#site-kuopio #navigation li#menu-main-34 a:hover,
#site-kuopio #navigation li#menu-main-35 a.active { background-position: -671px -47px; }
#site-kuopio #navigation li#menu-main-35 a { width: 125px; background-position: -748px 0px; }
#site-kuopio #navigation li#menu-main-35 a:hover,
#site-kuopio #navigation li#menu-main-35 a.active { background-position: -748px -47px; }

#site-tampere #navigation li#menu-main-44 a { width: 229px; background-position: -220px 0px; }
#site-tampere #navigation li#menu-main-44 a:hover,
#site-tampere #navigation li#menu-main-44 a.active { background-position: -220px -47px; }
#site-tampere #navigation li#menu-main-45 a { width: 166px; background-position: -449px 0px; }
#site-tampere #navigation li#menu-main-45 a:hover,
#site-tampere #navigation li#menu-main-45 a.active { background-position: -449px -47px; }
#site-tampere #navigation li#menu-main-46 a { width: 68px; background-position: -615px 0px; }
#site-tampere #navigation li#menu-main-46 a:hover,
#site-tampere #navigation li#menu-main-46 a.active { background-position: -615px -47px; }
#site-tampere #navigation li#menu-main-47 a { width: 68px; background-position: -683px 0px; }
#site-tampere #navigation li#menu-main-47 a:hover,
#site-tampere #navigation li#menu-main-47 a.active { background-position: -683px -47px; }
#site-tampere #navigation li#menu-main-48 a { width: 119px; background-position: -751px 0px; }
#site-tampere #navigation li#menu-main-48 a:hover,
#site-tampere #navigation li#menu-main-48 a.active { background-position: -751px -47px; }

#site-intro #navigation li#menu-main-57 a { width: 114px; background-position: -220px 0px; }
#site-intro #navigation li#menu-main-57 a:hover,
#site-intro #navigation li#menu-main-57 a.active { background-position: -220px -47px; }
#site-intro #navigation li#menu-main-58 a { width: 114px; background-position: -334px 0px; }
#site-intro #navigation li#menu-main-58 a:hover,
#site-intro #navigation li#menu-main-58 a.active { background-position: -334px -47px; }
#site-intro #navigation li#menu-main-59 a { width: 96px; background-position: -448px 0px; }
#site-intro #navigation li#menu-main-59 a:hover,
#site-intro #navigation li#menu-main-59 a.active { background-position: -448px -47px; }