@charset "iso-8859-1";

body {
	font: 14px arial, helvetica, sans-serif;
	text-align: center;
	line-height: 125%;
	margin: 0 auto;
	overflow-x: hidden;
	background: #f8f8f8 url('kuvat/taustaliuku.jpg') top left repeat-x; /*919191*/
}
#sivu {
	text-align: center;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 0;
	width: 1020px;
	height: 850px;
	z-index: 1;
}
#top	{
	position: absolute;
	text-align: left;
	left: 0px;
	top: 0px;
	width: 1020px;
	height: 80px;
	/*border-bottom: 1px dotted #919191;*/
}
#center	{
	position: absolute;
	left: -50px;
	top: 67px;
	width: 1120px;
	height: 380px; 
	background: /*#0a8ff5;*/
	z-index: 1;
}
#leveatausta	{
	position: absolute;
	top: 85px;
	left: -1000px;
	width: 3000px;
	height: 380px;
	/*background: #1479c3;*/
}
#temp_kuva_vasen	{
	position: absolute;
	top: 85px;
	left: -36px;
	top: 40px;
	width: 200px;
	height: 380px;
	background: url('kuvat/temp_kuva_vasen.pn') top left no-repeat;
	z-index: 200;
}
#oikeahaive	{
	position: absolute;
	width: 200px;
	height: 200px;
	left: 1016px;
	top: 250px;
	background: url('kuvat/temp_kuva_haive.pn') top left no-repeat;
	z-index: 20;
}
#alavasen	{
	position: absolute;
	text-align: left;
	color: #666666;
	top: 460px;
	left: 0px;
	width: 750px;
	height: 355px;
	margin: 10px 0 0 0;
	/*border-left: 1px dotted #919191;*/
	border-bottom: 1px dotted #919191;
}
#alaoikea	{
	position: absolute;
	text-align: left;
	top: 460px;
	right: 0px;
	width: 260px;
	height: 354px;
	margin: 10px 0 0 0;
	border: 1px dotted #919191;
	background: #c9c9c9 url('kuvat/tausta_palauteboksi.jpg') top left no-repeat;
}
#yhteystiedot	{
	position: absolute;
	text-align: center;
	color: #666666;
	bottom: 0px;
	width: 750px; 
}

/* VALIKKOTYYLI ALKAA */

#valikko {
	position: absolute;
	top: 85px;
	left: 0px;
	height: 26px;
	z-index: 10;
}
.menu {
	padding: 0;
	width: 100%;
}
.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	display: inline; /*IE:tä varten*/
	margin: 0;
	padding: 0;
}
.menu a {
	float: left;
	display: block;
	font: 14px Arial;
	color: #ffffff;
	height: 26px;
	text-decoration: none;
	margin: 0 0 0 0; /*valikkopalkkien väli*/
	padding: 6px 30px 0 30px; /*valikkotekstien väli*/
	background: url('kuvat/tausta50_musta.png') top left repeat;
}
.menu a:hover {
	background: url('kuvat/tausta50.png') top left repeat;
}
.menu a.on { 
	background: url('kuvat/tausta50.png') top left repeat;
}
.menu a.on:hover { 
	color: #ffffff;
}

/* VALIKKOTYYLI LOPPUU */

/* KALENTERITYYLI ALKAA */

#paivays	{
	position: absolute;
	float: left;
	text-align: right;
	color: #666666;
	top: 66px;
	right: 0;
	width: 200px;
	height: 64px;
	padding: 0;
	/*background: #009ee0 url('kuvat/tausta50.pn') top left repeat;*/
	z-index: 20;
}
#paiva {
	font: 14px arial, helvetica, sans-serif;
	margin: 0;
	text-align: right;
	line-height: 100%;
}
#paivanumero {
	font: 14px arial, helvetica, sans-serif;
	margin: 0 4px 0 0;
	text-align: right;
	font-weight: bold;
	line-height: 100%;
}
#kuukausivuosi {
	font: 14px arial, helvetica, sans-serif;
	text-align: right;
	line-height: 100%;
}

/* KALENTERITYYLI LOPPUU */

/* TEKSTITYYLIT ALKAA */

p	{
	font: 14px arial, helvetica, sans-serif;
	text-align: left;
	line-height: 125%;
	padding: 0 10px 0 10px;
}
p.harmaa	{
	font: 14px arial, helvetica, sans-serif;
	color: #666666;
	text-align: left;
	line-height: 125%;
	margin: 0 0 6px 0;
	padding: 0 10px 0 10px;
}
p.lomakenapit	{
	font: 14px arial, helvetica, sans-serif;
	color: #ffffff;
	text-align: left;
	margin: 0;
	padding: -6px 10px 0 10px;
}
h1	{ /*sininen*/
	font: 20px arial, helvetica, sans-serif;
	color: #167bc3;
	font-weight: bold;
	text-align: left;
	line-height: 125%;
	padding: 0 10px 0 10px;
}
h2	{ /* harmaa */
	font: 20px arial, helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	text-align: left;
	line-height: 125%;
	padding: 0 10px 0 10px;
}
.sininen {
	color: #167bc3;
}

/* TEKSTITYYLIT LOPPUU */

/* LINKKITYYLIT ALKAA */

a.linkki {
	text-decoration: none;
	color: #167bc3;
}
a.linkki:hover {
	color: #ffb400;	
}

/* LINKKITYYLIT LOPPUU */

.text	{
	width: 234px;
	overflow-x: hidden;
	overflow-y: auto;
}

/* KUVATYYLIT ALKAA */

.logo	{
	padding: 10px 0 0 0;	
}

/* KUVATYYLIT LOPPUU */