@charset "iso-8859-2";


body {
	margin: 0 0 0 0;
	/*background-color: #320504;*/
	background-color: #000;	
	font: 16px helvetica, arial, myriad, sans-serif;
	text-align: center; /* for IE */
	background-image: url('kuvat/taustakuva.jpg'); /*taustaliuku.png*/
	background-repeat: repeat-x;
	background-position: top left;
}
#div_sivu {
	margin: 0 auto;   /* align for good browsers */
	text-align: center; /* counter the body center */
	color: #fff;
	width: 100%;
	position: relative;
	left:0px;
	right:0px;
	top:0px;
	width:760px;
	height:340px;	
	/*background-image: url('kuvat/sivutausta.png');
	background-repeat: repeat-x repeat-y;
	background-position: top left;*/
	z-index:1;
}
#div_banneri {
	position:relative;
	text-align: center;
	left:0px;
	top:60px;
	width:760px;
	height:100px;
	z-index:7;
}

/* valikon tyyli alkaa. */

#div_valikko {
	position: absolute;
	margin: 0 0 0 136px;
	width: 494px;
	height: 23px;
	top: 195px;
	left: 0px;
	background-image: url('kuvat/valikkotausta.png');
	background-repeat: repeat-x repeat-y;
	background-position: top left;
	z-index: 20;
}
.menu {
	padding: 0;
	width: 100%;
}
.menu ul {
	margin: 0;
	margin-left: 8px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}
.menu li {
	display: inline; /*IE:tä varten*/
	margin: 0 2px 0 0;
	padding: 0;
}
.menu a {
	font: 14px helvetica, arial, myriad, sans-serif;
	float: left;
	display: block;
	letter-spacing: 0px;
	color: #a27349;
	text-decoration: none;
	margin: 0 0 0 0; /*valikkopalkkien väli*/
	padding: 3px 8px 6px 8px; /*valikkotekstien väli*/
}
.menu a:hover {
	color: #dbc3ad;
	text-decoration: underline;

}
.menu .current a { 
	background-color: #fff; /*taustaväri*/
}

/* valikon tyyli loppuu. */

#div_kuvio {
	position: absolute;
	text-align: center;
	top: -150px;
	left: -450px;
	width: 60px;
	height: 400px;
	z-index: 2;
}
#div_hahmot {
	position: absolute;
	text-align: center;
	top: 120px;
	left: -120px;
	width: 60px;
	height: 400px;
	z-index: 6;
}
#div_otsikot {
	position: absolute;
	left:0px;
	top:310px;
	width:760px;
	height:70px;
	text-align: center;
	padding: 0 0 0 0;
	z-index:11;
}
#div_ajankohtaista {
	display: block;
	position:absolute;
	left: 0px;
	top:340px;
	width:760px;
	height:328px;
	margin-left: 10px;
	padding: 0 0 0 0;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index:7;
}
#div_ajankohtaista_tausta {
	display: block;
	position:absolute;
	left: 0px;
	top:340px;
	width:760px;
	height:328px;
	margin: 0;
	padding: 0 0 0 0;
	background-image: url('kuvat/ajankohtaistatausta.png');
	background-repeat: repeat-x;
	background-position: top left;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	z-index:1;
}
#div_footer {
	position: absolute;
	left:0px;
	top:680px;
	width:760px;
	height:60px;
	text-align: center;
	padding: 0 0 0 0;
	z-index:6;
}
#div_kohtaus {
	position: absolute;
	left:0px;
	top:720px;
	width:760px;
	height:80px;
	text-align: center;
	padding: 0 0 0 0;
	z-index:6;
}
a:link.kohtaus img {
	text-decoration: none;
	border: 0;
}
a:visited.kohtaus img {
	text-decoration: none;
	border: 0;
}
a:hover.kohtaus img {
	text-decoration: none;
	border: 0;
}
p {
	font-family: helvetica, arial, myriad, sans-serif;
	padding: 0 0 8px 0;
	margin: 0 100px 0 100px;
	color: #ccc;
	font-size: 80%;
	line-height: 150%;
}
b	{
	color: #f2f2f2;
}
.otsikko	{
	font-family: helvetica, arial, myriad, sans-serif;
	color: #a27349;
	font-size: 180%;
	font-weight: bold;
	letter-spacing: -2px;
	text-decoration: none;
}
.valiotsikko	{
	font-family: helvetica, arial, myriad, sans-serif;
	color: #6f543c; 
	font-size: 135%;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
}
.muuotsikko	{
	font-family: helvetica, arial, myriad, sans-serif;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 4px;
	text-decoration: none;
}
a {
	font: 14px Arial;
	letter-spacing: 0px;
	color: #a27349;
	text-decoration: none;
}
a:hover {
	color: #dbc3ad;
	text-decoration: underline;
}
a img	{
	margin: 6px;
	border: 1px solid #000;
	opacity:0.7;
	filter:alpha(opacity=70);
}
a img:hover	{
	margin: 6px;
	border: 1px solid #a27349;
	opacity:1.0;
	filter:alpha(opacity=100);
}
.kuvat {
	padding: 6px 0 6px 0;
	margin: 0 100px 0 100px;
}
.img100 {
	opacity:1.0;
	filter:alpha(opacity=100);
}