@charset "utf-8";

/*
	arkkikiven verkkosivujen tyylitiedosto
	eero tuovinen 2004, 2005, 2009
	w3c-css
*/

/*
#################################################################################
html-elementtien universaaleja oletusarvoja
#################################################################################
*/

body {
	background-image: url(tausta1.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	color: #ffffff;
	background-color: #000000;
}

img { border-width: 0em;}

a {text-decoration: none;}
a:link {color: #ffffff}
a:visited {color: #ad9536}
a:hover {color: #cfd251}
a:active {color: #ad9536}

h1, h2, h3, h4, h5, h6 {
	text-align: center;
	color: #d4d644;
	margin: 0em;
	padding: 0em;
}

/*näkymättömät elementit*/
div, table, caption, colgroup, col, form, label {
	background: none;
	border: none;
	padding: 0em;
	margin: 0em;
	vertical-align: top;
}

li {list-style: url(lista.gif) outside;}

address {
	font-style: normal;
}

/*
#################################################################################
typografisia tyylejä
#################################################################################
*/

/*otsikkomainen tekstityyli.*/
.isku {
	font-size: larger;
	color: #d4d644;
	text-decoration: none;
}

/*
#################################################################################
vakioelementit
#################################################################################
*/

/*valikot on sivun valikkoalueen taulukko*/
#valikot {
	padding: 0em;
	margin: 0em 0em 10px 3px;
	width: 1026px;
	overflow: hidden;
	clear: none;
	text-align: left;
	border-collapse: collapse;
	background-color: transparent;
	border: 0px;
}
#valikot tbody {background-color: transparent;}
#valikot td {vertical-align: middle;}

/*logo on vasemman yläkulman logosolu*/
#logo {
	background-color: #000000;
	overflow: hidden;
	border: thick gray ridge;
	height: 10px;
	width: 150px;
	padding: 0em;
}

/*ylalaita on ylävalikko*/
#ylalaita {
	border: thick gray ridge;
	text-align: center;
	background-color: black;
	background-image: url(tekstuuri_musta.gif);
	background-repeat: repeat;
}

/*vasenlaita on vasemman laidan valikko*/
#vasenlaita {
	margin: 8px 0 10px 0;
	width: 150px;
}
#vasenlaita h3 {
	text-align: left;
}

/*ensisijainen sisältöalue, sis. oikean laidan*/
#lehti {
	position: absolute;
	top: 145px;
	left: 207px;
	width: 800px;
}

/**/
#oikeafixed {
	position: fixed;
	left: 780px;
	bottom: 10px;
	width: 240px;
	font-size: smaller;
}
#oikeafixed>* {
	float: right;
	clear: both;
	margin-bottom: 10px;
}

/*
#################################################################################
taittoelementtejä
#################################################################################
*/

/*näkyvät laatikot*/
.laatikko {
	border: thick gray ridge;
	padding: 10px;
}

/*vasenlaita on sivuvalikon alle ryhmittyvä elementti*/
.vasenlaita {
	margin: 0px 0px 10px 0em;
	width: 150px;
	float: left;
	clear: left;
	font-size: smaller;
}

/*hoverilla lisättävä taitto*/
.paljastuva {
	display: none;
}
:hover>.paljastuva {
	display: block;
}
.piiloutuva {
	display: block;
}
:hover>.piiloutuva {
	display: none;
}

/*hoverilla oikeaan palstaan paljastuva kommentaari; toiminnallisuus javascriptillä*/
.avautuva {
	display: none;
	position: fixed;
	bottom: 1em;
	left: 780px;
	width: 220px;
}

/*palsta on päätekstialue*/
.palsta {
	margin-right: 275px;
}

/*oikealaita on pääalueen vieressä, lehden sisällä*/
.oikealaita {
	float: right;
	clear: right;
	width: 220px;
	font-size: smaller;
}

/*
#################################################################################
ruskea tyyli
#################################################################################
*/

.ruskea {
	background-color: white;
	background-image: url(tekstuuri_ruskea.gif);
	background-repeat: repeat;
	color: #000000;
}
/*tyylin otsikot*/
.ruskea h1 {color: #000000;}
.ruskea h2, .ruskea h3, .ruskea h4, .ruskea h5, .ruskea h6 {color: #000000;}
/*tyylin linkit*/
.ruskea a:link {color: #6e3130; text-decoration: underline;}
.ruskea a:visited {color: #34547a; text-decoration: underline;}
.ruskea a:hover {color: #91930c; text-decoration: underline;}
.ruskea a:active {color: #1f3421; text-decoration: underline;}
.ruskea h1 a, .ruskea h2 a, .ruskea h3 a, .ruskea h4 a, .ruskea h5 a, .ruskea h6 a {text-decoration: none;}
.ruskea h1 a:link, .ruskea h2 a:link, .ruskea h3 a:link, .ruskea h4 a:link, .ruskea h5 a:link, .ruskea h6 a:link {color: #d4d644; text-decoration: none;}
.ruskea h1 a:visited, .ruskea h2 a:visited, .ruskea h3 a:visited, .ruskea h4 a:visited, .ruskea h5 a:visited, .ruskea h6 a:visited {color: #d4d644; text-decoration: none;}
.ruskea h1 a:hover, .ruskea h2 a:hover, .ruskea h3 a:hover, .ruskea h4 a:hover, .ruskea h5 a:hover, .ruskea h6 a:hover {color: #000000; text-decoration: none;}
.ruskea h1 a:active, .ruskea h2 a:active, .ruskea h3 a:active, .ruskea h4 a:active, .ruskea h5 a:active, .ruskea h6 a:active {color: #000000; text-decoration: none;}
/*tyylin taulukot ynnä muut härpäkkeet*/
table.ruskea		{
	background-image: none;
}
table.ruskea thead		{
	background-image: url(tekstuuri_ruskea.gif);
}
table.ruskea tfoot		{
	background-image: url(tekstuuri_ruskea.gif);
}
table.ruskea tbody		{
	background: #deb887;
}
table.ruskea thead th {border-bottom: medium gray ridge;}
table.ruskea tfoot th {border-top: medium gray ridge;}
table.ruskea tbody th {background-image: url(tekstuuri_ruskea.gif);}

/*
#################################################################################
valkea tyyli
#################################################################################
*/

.valkea {
	background-color: white;
	background-image: url(tekstuuri_valkea.gif);
	background-repeat: repeat;
	color: #000000;
}
/*tyylin otsikot*/
.valkea h1 {}
.valkea h2, .valkea h3, .valkea h4, .valkea h5, .valkea h6, .valkea .isku {color: #000000;}
/*tyylin linkit*/
.valkea a:link {color: #91930c; text-decoration: underline;}
.valkea a:visited {color: #34547a; text-decoration: underline;}
.valkea a:hover {color: #6e3130; text-decoration: underline;}
.valkea a:active {color: #1f3421; text-decoration: underline;}
.valkea h1 a, .valkea h2 a, .valkea h3 a, .valkea h4 a, .valkea h5 a, .valkea h6 a {text-decoration: none;}
.valkea h1 a:link, .valkea h2 a:link, .valkea h3 a:link, .valkea h4 a:link, .valkea h5 a:link, .valkea h6 a:link {color: #d4d644; text-decoration: none;}
.valkea h1 a:visited, .valkea h2 a:visited, .valkea h3 a:visited, .valkea h4 a:visited, .valkea h5 a:visited, .valkea h6 a:visited {color: #d4d644; text-decoration: none;}
.valkea h1 a:hover, .valkea h2 a:hover, .valkea h3 a:hover, .valkea h4 a:hover, .valkea h5 a:hover, .valkea h6 a:hover {color: #000000; text-decoration: none;}
.valkea h1 a:active, .valkea h2 a:active, .valkea h3 a:active, .valkea h4 a:active, .valkea h5 a:active, .valkea h6 a:active {color: #000000; text-decoration: none;}
/*tyylin taulukot ynnä muut härpäkkeet*/
table.valkea		{
	background-image: none;
	border: thick gray ridge;
	border-collapse: collapse;
}
table.valkea thead		{
	background-image: url(tekstuuri_valkea.gif);
}
table.valkea tfoot		{
	background-image: url(tekstuuri_valkea.gif);
}
table.valkea tbody		{
	background: white;
}
table.valkea thead th {border-bottom: medium gray ridge;}
table.valkea tfoot th {border-top: medium gray ridge;}
table.valkea tbody th {background-image: url(tekstuuri_valkea.gif);}
table.valkea>tbody>tr.parillinen {background-color: #dddddd;}

/*
#################################################################################
vihreä tyyli
#################################################################################
*/

.vihreä {
	background-color: black;
	background-image: url(tekstuuri_vihrea.gif);
	background-repeat: repeat;
	color: #000000;
}
/*vihreä-tyylin otsikot*/
.vihreä h1 {}
.vihreä>h2, .vihreä h3, .vihreä h4, .vihreä h5, .vihreä h6 {color: #000000;}
/*vihreä-tyylin linkit*/
.vihreä a:link, .ruskea .vihreä a:link {color: #ffffff; text-decoration: underline;}
.vihreä a:visited, .ruskea .vihreä a:visited {color: #ad9536; text-decoration: underline;}
.vihreä a:hover, .ruskea .vihreä a:hover {color: #cfd251; text-decoration: underline;}
.vihreä a:active, .ruskea .vihreä a:active {color: #ad9536; text-decoration: underline;}
/*linkit otsikoissa*/
.vihreä h1 a, .vihreä h2 a, .vihreä h3 a, .vihreä h4 a, .vihreä h5 a, .vihreä h6 a {text-decoration: none;}
.vihreä h1 a:link, .vihreä h2 a:link, .vihreä h3 a:link, .vihreä h4 a:link, .vihreä h5 a:link, .vihreä h6 a:link {color: #d4d644; text-decoration: none;}
.vihreä h1 a:visited, .vihreä h2 a:visited, .vihreä h3 a:visited, .vihreä h4 a:visited, .vihreä h5 a:visited, .vihreä h6 a:visited {color: #d4d644; text-decoration: none;}
.vihreä h1 a:hover, .vihreä h2 a:hover, .vihreä h3 a:hover, .vihreä h4 a:hover, .vihreä h5 a:hover, .vihreä h6 a:hover {color: #ffffff; text-decoration: none;}
.vihreä h1 a:active, .vihreä h2 a:active, .vihreä h3 a:active, .vihreä h4 a:active, .vihreä h5 a:active, .vihreä h6 a:active {color: #ffffff; text-decoration: none;}
/*vihreä-tyylin taulukot ynnä muut härpäkkeet*/
table.vihreä		{
	background-image: none;
	border: thick gray ridge;
}
table.vihreä>thead		{
	background-image: url(tekstuuri_vihrea.gif);
	border: medium gray ridge;
}
table.vihreä>tfoot		{
	background-image: url(tekstuuri_vihrea.gif);
	border: medium gray ridge;
}
table.vihreä>tbody		{
	background: black;
	border: medium gray ridge;
}
table.vihreä>thead th {border-bottom: medium gray ridge;}
table.vihreä>tfoot th {border-top: medium gray ridge;}
table.vihreä>tbody th {background-image: url(tekstuuri_vihrea.gif);}
table.vihreä>caption {background-image: url(tekstuuri_vihrea.gif); border: medium gray ridge;}
table.vihreä>tbody>tr.parillinen {background-color: #333333;}

/*
#################################################################################
musta tyyli
#################################################################################
*/

.musta {
	background-color: black;
	background-image: url(tekstuuri_musta.gif);
	background-repeat: repeat;
	color: #ffffff;
}
/*musta-tyylin otsikot*/
.musta h1 {}
.musta>h2, .musta h3, .musta h4, .musta h5, .musta h6 {color: #ffffff;}
/*musta-tyylin linkit*/
.musta a:link, .ruskea .musta a:link {color: #ffffff; text-decoration: underline;}
.musta a:visited, .ruskea .musta a:visited {color: #ad9536; text-decoration: underline;}
.musta a:hover, .ruskea .musta a:hover {color: #cfd251; text-decoration: underline;}
.musta a:active, .ruskea .musta a:active {color: #ad9536; text-decoration: underline;}
/*linkit otsikoissa*/
.musta h1 a, .musta h2 a, .musta h3 a, .musta h4 a, .musta h5 a, .musta h6 a {text-decoration: none;}
.musta h1 a:link, .musta h2 a:link, .musta h3 a:link, .musta h4 a:link, .musta h5 a:link, .musta h6 a:link {color: #d4d644; text-decoration: none;}
.musta h1 a:visited, .musta h2 a:visited, .musta h3 a:visited, .musta h4 a:visited, .musta h5 a:visited, .musta h6 a:visited {color: #d4d644; text-decoration: none;}
.musta h1 a:hover, .musta h2 a:hover, .musta h3 a:hover, .musta h4 a:hover, .musta h5 a:hover, .musta h6 a:hover {color: #ffffff; text-decoration: none;}
.musta h1 a:active, .musta h2 a:active, .musta h3 a:active, .musta h4 a:active, .musta h5 a:active, .musta h6 a:active {color: #ffffff; text-decoration: none;}
/*musta-tyylin taulukot ynnä muut härpäkkeet*/
table.musta		{
	background-image: none;
	border: thick gray ridge;
}
table.musta>thead		{
	background-image: url(tekstuuri_musta.gif);
	border: medium gray ridge;
}
table.musta>tfoot		{
	background-image: url(tekstuuri_musta.gif);
	border: medium gray ridge;
}
table.musta>tbody		{
	background: black;
	border: medium gray ridge;
}
table.musta>thead th {border-bottom: medium gray ridge;}
table.musta>tfoot th {border-top: medium gray ridge;}
table.musta>tbody th {background-image: url(tekstuuri_musta.gif);}
table.musta>caption {background-image: url(tekstuuri_musta.gif); border: medium gray ridge;}
table.musta>tbody>tr.parillinen {background-color: #333333;}

/*
#################################################################################
bugien tiimoilta
#################################################################################
*/

/*box modelien korjaamiseksi, lisää kaikkiin laatikoihin*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}