html {
	margin: 0;
	width: 100%;
	height: 100%;
	background: url("bg.jpg") center no-repeat;
}

body {
	margin: 0;
	width: 100%;
	height: 100%;
	background: url("clarilogo.jpg") center no-repeat;
}

#kielet {
	width: 360px;
	height: 60px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 100px;
	margin-left: -225px;
}

#years10 {
	width: 150px;
	height: 131px;
	background: url("images/10years_small.png") center no-repeat;
	position: absolute;
	top: -300px;
	left: 50%;
	margin-left: -75px;
}

a#fi {
	background: url("fi.png") center no-repeat;
	display: block;
	outline: none;
	width: 98px;
	height: 60px;
	text-indent: -9999px;
	margin: 5px;
	float: left;
	filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6;
}

a#fi:hover {
	background: url("fi.png") center no-repeat;
	display: block;
	outline: none;
	width: 98px;
	height: 60px;
	text-indent: -9999px;
	margin: 5px;
	float: left;
	filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;
}

a#de {
	background: url("de.png") center no-repeat;
	display: block;
	outline: none;
	width: 100px;
	height: 60px;
	text-indent: -9999px;
	margin: 5px;
	float: left;
	filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6;
}

a#de:hover {
	background: url("de.png") center no-repeat;
	display: block;
	outline: none;
	width: 100px;
	height: 60px;
	text-indent: -9999px;
	margin: 5px;
	float: left;
	filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;
}

a#en {
	background: url("en.png") center no-repeat;
	display: block;
	outline: none;
	width: 120px;
	height: 60px;
	text-indent: -9999px;
	margin: 5px;
	float: left;
	filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6;
}

a#en:hover {
	background: url("en.png") center no-repeat;
	display: block;
	outline: none;
	width: 120px;
	height: 60px;
	text-indent: -9999px;
	margin: 5px;
	float: left;
	filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;
}