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

/***** navigation *****/

#index-submenu div.navigation {
	width:200px;
	border:0px solid;
}
#index-submenu a {
	display:block;
	text-decoration:none;
	font-size:0.75em;
	color:#000000;
	padding-left:35px;
}
#index-submenu div.navigation.level2 {
	display:block;
	background:white url(img/submenu_level1_bg.gif) no-repeat left top;
	height:25px;
	width:200px;
	padding-top:13px;
	margin:2px 0 2px 0;
	text-decoration:none;
}
/*
#index-submenu div.navigation.level2:hover {
	background:white url(img/submenu_it_ja_viestinta_bg.gif) no-repeat left top;
}
*/
#index-submenu div.navigation.level2.current {
	display:block;
	background:white url(img/submenu_teknologia_bg.gif) no-repeat left top;
	height:27px;
	width:200px;
	font-weight:bold;
	text-decoration:none;
}
#index-submenu div.navigation.level2.current a {
	text-decoration:none;
}
#index-submenu div.navigation.level3 {
	display:block;
	background-color:#f1f9ff;
	border-bottom:2px solid #fff;
	height:23px;
}
#index-submenu div.navigation.level3.current {
	display:block;
	background:white url(img/submenu_teknologia_ala.gif) no-repeat left top;
	font-weight:bold;
}
#index-submenu div.navigation.level3 a {
	display:block;
	padding-top:5px;	
	text-decoration:none;
}
#index-submenu .navigation.level4 {
	width:170px;
	margin-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}
#index-submenu .navigation.level4.current a {
	font-size:0.75em;
	text-decoration:underline;
	font-weight:bold;
}

/********************************** Onnellisuusympäristö *********************************/

#onnellisuus {
	width: 410px; 
	height: 307px;
	background: url(img/onnellisuus_all.jpg);
	margin: 0px; 
	padding: 0;
	position: relative;
}
#onnellisuus li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	display: block;
}
#onnellisuus a {
	display: block;
	height:50px;
	border:0px solid #FF0000;
}
#onnellisuus span {
	display:none;
}

#koulutus {
	height:50px;
	left:40px;
	top:30px;
	width:200px;
}
#koulutus a:hover {
	background: transparent url(img/onnellisuus_all.jpg) -40px -337px no-repeat;
}
#asuminen {
	height:50px;
	left:0px;
	top:80px;
	width:200px;
}
#asuminen a:hover {
	background: transparent url(img/onnellisuus_all.jpg) -0px -387px no-repeat;
}
#palvelut {
	height:50px;
	left:0px;
	top:160px;
	width:200px;
}
#palvelut a:hover {
	background: transparent url(img/onnellisuus_all.jpg) -0px -467px no-repeat;
}
#turvallisuus {
	height:50px;
	left:40px;
	top:225px;
	width:175px;
}
#turvallisuus a:hover {
	background: transparent url(img/onnellisuus_all.jpg) -40px -532px no-repeat;
}

#tyoelama {
	height:50px;
	left:190px;
	top:30px;
	width:170px;
}
#tyoelama a:hover {
	background: transparent url(img/onnellisuus_all.jpg) -190px -644px no-repeat; /*614*/
}
#luonto {
	height:50px;
	left:180px;
	top:80px;
	width:220px;
}
#luonto a:hover {
	background: transparent url(img/onnellisuus_all.jpg) -180px -694px no-repeat;
}
#sosiaaliset {
	height:50px;
	left:180px;
	top:160px;
	width:220px;
}
#sosiaaliset a:hover {
	background: transparent url(img/onnellisuus_all.jpg) -180px -774px no-repeat;
}
#harrastus {
	height:50px;
	left:140px;
	top:225px;
	width:250px;
}
#harrastus a:hover {
	background: transparent url(img/onnellisuus_all.jpg) -140px -839px no-repeat;
}