body,html {
	height: 99%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#containeri {
	background-color: #ffffff;
	border: 1px solid #909090;
	margin-left: auto;
	margin-right: auto;
/*	width: 910px; */
	width: 785px;
/*	min-height: 100%; */
	/* alla tulee olla center, jonka jälkeen IE ymmärtää keskittää sivulle tulevat elementit */
	text-align: center;
	}

body {
	/* background-color: #FFFFFF; */
	background-color: #004101; 
	background-image: url("tausta.jpg"); 
	background-repeat: repeat-x; 
}
#headeri {
	text-align:center;
	margin-top:0.3em;  
	margin-bottom:0.5em;
	padding:0px;
	}
#yraami {
	text-align: center;
	margin-left: auto;
	margin-right: auto;

}

#yraami td{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: blue;
}
#yraami2 {
	color: red;
	text-align: center	;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
.info {
	margin: 8px px 8px 8px; /* ylös, oikealle, alas, vasemmalle */
	margin-left: 25px;
	font-weight: bold;
	font-family: verdana;
	font-size: 0.7em;
	text-align:center;
	background-color: #f0f0f0; 
	border: 1px solid #909090; 
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding: 0.05em;
	margin-right: auto;
	margin-left: auto;
	width: 750px;
}

.info td {
	font-size: 0.7em;
	color: black;
	padding: 0.3em;
	margin-right: auto;
	margin-left: auto;		
}

/* näiden tulee olla allekain toimiakseen */
.info a {
	font-weight: bold;
	font-size: 1em;
	color: #959595;
	text-decoration: none;
}

.info a:hover {
/*	color: #f29a79; */
	background-color: #d5d5d5;
	font-weight: bold;
/*	color: green; */
}
#vkuva {
	margin-top: 2em;
	align: center;
	margin-left: auto;
	margin-right: auto;
	width: 227px;
	margin-bottom: 2em;

}
#myImage {
	align: center;
	width: 219px;
	height: 165px;
	align: center;
}
#alaraami {
	background-color: #f0f0f0;
	color: #959595;
	/* border: 1px solid #909090; */
	margin-left: auto;
	margin-right: auto;
	width: 785px;
	font-weight: bold;
	text-align: center;
	font-size: 0.7em;
	font-family: verdana;
	}
#kteksti {
	align: center;
	text-align: left;	
	margin-left: auto;
	margin-right: auto;
	font-family: verdana;
	font-size; 1em;
}
#kteksti td {
	font-size: 0.8em;
/*	border: 1px solid#909090; */
}
#lomake {
	font-family: verdana;
	text-align: right;
	margin-left: 35%;
	margin-right: 35%;
}
.sisalto td{
	text-align: left;
	font-family: verdana;
	text-size:2em;
}
.laskuri
	{
	//margin: 20px;
	border: 1px solid #d5d5d5;
	background-color: #f0f0f0;
	margin-left: 40%;
	margin-right: 40%;
	font-family: verdana;
	font-size: 0.7em;
}

.liite {
	margin: 8px 8px 8px 8px; /* ylös, oikealle, alas, vasemmalle */
	font-weight: bold;
	font-family: verdana;
	font-size: 1.3em;
	text-align:left;
	background-color: #f0f0f0; 
	border: 1px solid #909090;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding: 0.5em;
}

.liite td {
	font-size: 0.7em;
	color: black;
		
}

/* näiden tulee olla allekain toimiakseen */
.liite a {
	font-weight: bold;
	font-size: 1.3em;
	color: black;
	text-decoration: none;
}

.liite a:hover {
	color: white;
	background-color: blue;
	font-weight: bold;
}
.etuteksti
	{
	// border: 2px dotted #e54b4b;
	border: 3px dashed #cf9c98;
	background-color: #f0f0f0;
	margin-left: 20%;
	margin-right: 20%;
	text-align: left;
	img-align: center;
	font-family: verdana;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.8em;
}

.mediateksti
	{
/*	border: 2px dotted #e54b4b; 
//	border: 1px solid #cf9c98;
//	border: 3px inset #909090;
//	background-color: #f0f0f0; */
	margin-left: 20%;
	margin-right: 20%;
	text-align: left;
	img-align: center;
	font-family: verdana;
	font-size: 0.8em;
	font-weight: regular;
	padding: 1em;
}

.mediateksti td {
/*	border: 1px solid #909090; */
	width: 70%;
	padding: 0.8em;
}

.mediateksti a {
	font-weight: regular;
	font-size: 1em;
	color: black;
	text-decoration: none;
}

.mediateksti a:hover {
/*	color: #f29a79; */
	background-color: #d5d5d5;
	font-weight: regular;