@charset "utf-8";
/* CSS Document */
@media screen
{
body
{
	margin: 0px;
	background-color: #CCC;
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	text-align: left;
}
table
{
	text-align: left;
}
img
{
	border:none;
}
td.nappi
{
	font-weight: bold;
	font-size: 0.7em;
	text-align: center;
	border:none;
}
td.nappi a, td.nappi a img
{
	text-decoration: none;
	color:#333;
}
div#container
{
	widht:100%;
 	height:110%;
}
table#asettelu
{
	background-color: #FFF;
}

div#vasen
{
	float:left;
	width:520px;
}
div#oikea
{
	float:left;
	width:440px;
}
div#vasen div#teksti
{
	width:450px;
	position:relative;
	top:20px;
	margin:auto;
	padding:20px;
	font-size:11pt;
	background-color:#b5dbf2;
}
div#oikea div#kuvitus
{
	width:354px;
	position:relative;
	top:20px;
	margin:auto;
}

div#vasen_portaat
{
	float:left;
	width:140px;
}
div#oikea_portaat
{
	float:left;
	width:820px;
}
div#vasen_portaat div#kuvitus
{
	width:38px;
	position:relative;
	top:5px;
	left:80px;
}
div#oikea_portaat div#teksti
{
	width:650px;
	position:relative;
	top:20px;
	padding:20px;
	font-size:11pt;
	background-color:#b5dbf2;
}

td#nro0
{
	background-color: #FF6633;
	color: #FF0000;
}
td#nro1
{
	background-color: #FFBB30;
}
td#nro2
{
	background-color: #66CC66;
}
td#nro3
{
	background-color: #3366FF;
}
td#nro4
{
	background-color: #32C3FC;
}
td#nro5
{
	background-color: #CD66FF;
}
td#main0
{
	background-image:url('images/tausta_nro0.jpg');
	background-repeat:repeat-x;
}
td#main1
{
	background-image:url('images/tausta_nro1.jpg');
	background-repeat:repeat-x;
}
td#main2
{
	background-image:url('images/tausta_nro2.jpg');
	background-repeat:repeat-x;
}
td#main3
{
	background-image:url('images/tausta_nro3.jpg');
	background-repeat:repeat-x;
}
td#main4
{
	background-image:url('images/tausta_nro4.jpg');
	background-repeat:repeat-x;
}
td#main5
{
	background-image:url('images/tausta_nro5.jpg');
	background-repeat:repeat-x;
}
td.main_left
{
	padding: 20px;
	vertical-align: top;
}

td.main_left div
{
	display: block;
	background-color: #FFF;
	padding: 20px;
	vertical-align: top;
	font-size: 0.8em;
}
td.main_right
{
	padding: 20px;
	vertical-align: top;
}
td.main_right p
{
	display: block;
	background-color: #FFF;
	padding: 20px;
	vertical-align: top;
}
td.main_right div#etusivuteksti
{
	font-size: 0.8em;	
}

td.method_left
{
	padding: 20px;
	vertical-align: top;
}

td.method_left div
{
	display: block;
	background-color: #FFF;
	padding: 20px;
	vertical-align: top;
	font-size: 0.8em;
}
td.method_right
{
	padding: 20px;
	vertical-align: top;
}
td.method_right div.metoditeksi
{
	display: block;
	background-color: #FFF;
	background-repeat:no-repeat;
	background-position:right top;
	padding: 20px;
	vertical-align: top;
	font-size: 0.9em;
}
td.method_right div.metoditeksi h2
{
	font-size: 1em;
}
td.method_right div.metoditeksi p.viittaus
{
	font-size: 0.8em;
	font-style: italic;
}
table#table1 td.method_right div.metoditeksi
{
	background-image:url('images/a/kulta.jpg');
}
table#table2 td.method_right div.metoditeksi
{
	background-image:url('images/b/vihrea.jpg');
}
table#table3 td.method_right div.metoditeksi
{
	background-image:url('images/c/sininen.jpg');
}
table#table4 td.method_right div.metoditeksi
{
	background-image:url('images/d/turkoosi.jpg');
}
table#table5 td.method_right div.metoditeksi
{
	background-image:url('images/e/purple.jpg');
}
td.method_right div.metoditeksi h2
{
	font-size: 1.0em;
}
d.method_right div.metoditeksi p, d.method_right div.metoditeksi ul
{
	font-size: 0.8em;
}
a.listalinkki
{
	text-decoration: none;
	color: #000;
}
table.listaobjekti
{
	font-size: 0.8em;
	margin-bottom:20px;
}
table.listaobjekti td.listakuva
{
	vertical-align: top;
	text-align:center;
}
table.listaobjekti td.listaotsikko
{
	font-weight: bold;
	text-decoration: underline;
}
table.listaobjekti td.listateksti

{
	vertical-align: top;
}

.main_ingressi, .method_korostus
{
	padding: 10px 0px 10px 0px;
	border-top: 1px #999 dotted;
	border-bottom: 1px #999 dotted;
	color: #FF0000;
	/*font-style:italic;*/
}

div#whiteout
{
	display:block
	width:960px;
	height:50px;
	background-color:#FFF;
}
div#footer
{
	text-align:center;
	font: 8pt arial,sans-serif;	
}
}
@media print
{
	img, td.method_left, td.nappi 
	{
		display: none;
	}
}