@charset "utf-8";
/* valikon tyylit */

#menu {
	background-image:url(kuvat/napikat-391.png);
	background-repeat:no-repeat;
	width: 216px;
	height: 411px;
}
#menu p {
	padding: 20px;
	font-weight: bold;
}
#menu ul {
	list-style: none;
	margin:0px;
	padding:8px;
}
#menu li a {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	height: 24px;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 32px;
	background: url(kuvat/valikko.png);
	background-repeat:no-repeat;
}
#menu li a:link, #menu li a:visited {
	color: #333333;
	display: block;
}
#menu li a:hover {
	color: #FF9900;
	background: url(kuvat/valikko.png) 0 -32px;
}
#menu li a:active {
	color: #FF6600;
	background: url(kuvat/valikko.png) 0 -32px;
	border: none;
}

/* alavalikko */
#menu ul ul {
	list-style: none;
	margin:0px 0px 6px 8px;
	padding:0 8px 2px 0;
	border: 1px solid #DDD;
}
#menu li li a {
	height: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url(kuvat/valikko24.png) -9px 0;
}
#menu li li a:link, #menu li li a:visited {
	color: #333333;
	display: block;
}
#menu li li a:hover {
	color: #FF9900;
	background: url(kuvat/valikko24.png) -9px -24px;
}
#menu li li a:active {
	color: #FF6600;
	background: url(kuvat/valikko24.png) -9px -24px;
	border: none;
}

/* alavalikko 2 rivia */
#menu li li.kaksirivia a {
	height: 28px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url(kuvat/valikko48.png) -9px -6px;
}
#menu li li.kaksirivia a:link, #menu li li.kaksirivia a:visited {
	color: #333333;
	display: block;
}
#menu li li.kaksirivia a:hover {
	color: #FF9900;
	background: url(kuvat/valikko48.png) -9px -54px;
}
#menu li li.kaksirivia a:active {
	color: #FF6600;
	background: url(kuvat/valikko48.png) -9px -54px;
	border: none;
}

/* 2 riviä korkea valikko */
#menu li.kaksirivia a {
	height: 34px;
	padding-top: 4px;
	background: url(kuvat/valikko48.png) 0 -5px;
}
#menu li.kaksirivia a:link, #menu li.kaksirivia a:visited {
	color: #333333;
	display: block;
}
#menu li.kaksirivia a:hover {
	color: #FF9900;
	background: url(kuvat/valikko48.png) 0 -53px;
}
#menu li.kaksirivia a:active {
	color: #FF6600;
	background: url(kuvat/valikko48.png) 0 -53px;
	border: none;
}

/* 3 riviä korkea valikko */
#menu li.kolmerivia a {
	height: 48px;
	padding-top: 4px;
	background: url(kuvat/valikko48.png);
}
#menu li.kolmerivia a:link, #menu li.kolmerivia a:visited {
	color: #333333;
	display: block;
}
#menu li.kolmerivia a:hover {
	color: #FF9900;
	background: url(kuvat/valikko48.png) 0 -48px;
}
#menu li.kolmerivia a:active {
	color: #FF6600;
	background: url(kuvat/valikko48.png) 0 -48px;
	border: none;
}

/* valittu valikko */
#menu li a.selected {
	color: #FF6600;
	background: url(kuvat/valikko.png) 0 -32px;
}
#menu li a.selected:link, #menu li a.selected:visited {
	color: #FF6600;
	background: url(kuvat/valikko.png) 0 -32px;
}
#menu li a.selected:hover {
	color: #FF6600;
	background: url(kuvat/valikko.png) 0 -32px;
}
#menu li a.selected:active {
	color: #FF6600;
	background: url(kuvat/valikko.png) 0 -32px;
	border: none;
}

/* valittu alavalikko */
#menu li a.selected2 {
	color: #FF6600;
	background: url(kuvat/valikko24.png) -9px -24px
}
#menu li a.selected2:link, #menu li a.selected2:visited {
	color: #FF6600;
	background: url(kuvat/valikko24.png) -9px -24px
}
#menu li a.selected2:hover {
	color: #FF6600;
	background: url(kuvat/valikko24.png) -9px -24px
}
#menu li a.selected2:active {
	color: #FF6600;
	background: url(kuvat/valikko24.png) -9px -24px;
	border: none;
}
#menu li.kaksirivia a.selected2 {
	color: #FF6600;
	background: url(kuvat/valikko48.png) -9px -54px;
}

#menu li.kaksirivia a.selected {
	color: #FF6600;
	background: url(kuvat/valikko48.png) 0 -53px;
}

#menu li.kolmerivia a.selected {
	color: #FF6600;
	background: url(kuvat/valikko48.png) 0 -48px;
}