@charset "utf-8";
body {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	background-color: #626961;
	background-image: url(../img/Metla-vk2008-taustakuva-v7d.jpg);
	background-repeat: repeat-x;
	background-position: left 70px;
}
#logobanner {
	background-image: url(../img/metla-logobanner-v4-en.png);
	position: fixed;
	height: 48px;
	width: 460px;
	top: 32px;
	background-repeat: no-repeat;
	background-position: center;
	left: 40px;
}

td a:link, td a:visited {
	color: #FFFFCC;
	text-decoration: none;
}
td a:hover, td a:hover a:visited {
	color: #E9E673;
}

.taulukko1 {
	vertical-align: middle;
	z-index: 1;
}
.taso1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
}
.taso2 {
	padding-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.4em;
}
.taso3 {
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.4em;
}

/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/


.popup {
	z-index: 2;
	list-style-type: circle;
	color: #FFFFCC;

}

.popup a:link, .popup a:visited {
	position: relative;
	text-align: left;
	margin: 0;
	color: #FFFFCC;
	text-decoration: none;
	padding-top: 0;
	padding-bottom: 0;
	}
	
.popup a:hover, .popup a:hover a:visited {
	color: #E9E673;
	text-decoration: none;
	z-index: 2;
	}

.popup a span {
	display: none;
}

.popup a:hover span, .popup a:hover a:visited span{
	display: block;
	position: absolute;
	width: 280px;
	margin: 0px;
	color: #000000; /* popupin fontin väri */
	font-size: small;
	text-align: left;
	top: 1.7em;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 2;
	left: 3em;
	padding: 1em;
	background-image: url(../img/bg-pup-kelt3.png);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F8F9D9;
	border-right-color: #626961;
	border-bottom-color: #626961;
	border-left-color: #F8F9D9;
}
/* popup2 avautuu ylemmäs kuin popup */
.popup2 a:link, .popup2 a:visited {
	position: relative;
	text-align: left;
	margin: 0;
	color: #FFFFCC;
	text-decoration: none;
	padding-top: 0;
	padding-bottom: 0;
	}
	
.popup2 a:hover, .popup2 a:hover a:visited {
	color: #E9E673;
	text-decoration: none;
	z-index: 2;
	}

.popup2 a span {
	display: none;
}
.popup2 a:hover span, .popup2 a:hover a:visited span {
	display: block;
	position: absolute;
	width: 280px;
	margin: 0px;
	color: #000000; /* popupin fontin väri */
	font-size: small;
	text-align: left;
	top: -200px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 2;
	left: 3em;
	padding: 1em;
	background-image: url(../img/bg-pup-kelt3.png);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F8F9D9;
	border-right-color: #626961;
	border-bottom-color: #626961;
	border-left-color: #F8F9D9;
}
/* popup3 on eri värinen */
.popup3 a:link, .popup3 a:visited {
	position: relative;
	text-align: left;
	margin: 0;
	color: #FFFFCC;
	text-decoration: none;
	padding-top: 0;
	padding-bottom: 0;
	}
	
.popup3 a:hover, .popup3 a:hover a:visited {
	color: #E9E673;
	text-decoration: none;
	z-index: 2;
	}

.popup3 a span {
	display: none;
}
.popup3 a:hover span, .popup3 a:hover a:visited span {
	display: block;
	position: absolute;
	width: 280px;
	margin: 0px;
	color: #FFFFCC; /* popupin fontin väri */
	font-size: small;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 2;
	left: 4em;
	padding: 1em;
	background-image: url(../img/bg-pup2.png);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9CA9F;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #C9CA9F;
	top: -100px;
}
/* popup4 on pienempi */
.popup4 a:link, .popup4 a:visited {
	position: relative;
	text-align: center;
	margin: 0;
	color: #FFFFCC;
	text-decoration: none;
	padding-top: 0;
	padding-bottom: 0;
	}
	
.popup4 a:hover, .popup4 a:hover a:visited {
	color: #E9E673;
	text-decoration: none;
	z-index: 2;
	}

.popup4 a span {
	display: none;
}
.popup4 a:hover span, .popup4 a:hover a:visited span {
	display: block;
	position: fixed;
	width: 360px;
	margin: 0px;
	color: #FFFFCC; /* popupin fontin väri */
	/*	font-size: 0.9em; */
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 2;
	background-color: #626961;
	/*	left: 4em; 
	padding: 1em;
	background-image: url(../img/bg-pup2.png); 
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9CA9F;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #C9CA9F;*/
	top: 670px;
	right: 40%;
}
span p .ens-kpl {
	margin-top: -1em;
	padding-top: 0px;
}

.plus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-weight: normal;
	vertical-align: 20%;
	padding-left: 0.36em;
}