﻿/* ----- \ NAVIGAATIOTYYLI \ ----- */

A:link 				{color: #E89300; text-decoration: none;}
A:visited	 		{color: #E89300; text-decoration: none;}
A:active 			{color: #E89300; text-decoration: none;}
A:hover		 		{color: #E89300; text-decoration: underline;}		

.akt				{background:url('img/navigaatio_overlay.jpg'); color:#fff;}
A:link.akt 			{color: #fff;}
A:visited.akt 		{color: #fff;}
A:active.akt 		{color: #fff;}
A:hover.akt 			{color: #fff;}

A:link .nakt			{color: #000;}
A:visited.nakt	 	{color: #000;}
A:active.nakt 		{color: #000;}
A:hover.nakt 		{color: #fff; background:url('img/navigaatio_overlay.jpg');}			

#navigaatio A 		{
					text-align: left;
					display: block;
					width: 200px;
					height: 22px;
					text-indent: 10px;
					margin: 0 1px 6px 0;
					line-height: 22px;
					font-size: 13px;
					text-decoration: none;
					color: #fff;
					}

/* ----- / NAVIGAATIOTYYLI / ----- */
/* ----- \    SIVUPALKKI   \ ----- */

#sivupalkki			{
					width: 202px;
					background:url('img/sivupalkki.jpg');
					margin-left: 10px;
					float: left;
					font:12px arial;
					color: #fff;
					padding-top: 10px;
					}
#sivupalkki_ylaosa	{
					width: 202px;
					background:url('img/sivupalkki.jpg');
					}
.sponsori			{border: 0px;}
.sponsori:hover 		{
					filter:alpha(opacity=30);
					-moz-opacity:0.3;
					-khtml-opacity: 0.3;
					opacity: 0.3;
					}
#sivupalkki_alaosa	{
					width: 202px;
					height: 14px;
					background:url('img/sivupalkki_ala.jpg');
					}
#sivupalkki b		 {
					color: #E89300;
					}
#sivupalkki p		 {
					margin: 10px 10px 10px 10px;
					}
#sivupalkki a		{
					color: #fff;
					}
					
/* ----- /  SIVUPALKKI   / ----- */
/* ----- \ SISÄLTÖPALKKI \ ----- */

#sisaltolaatikko	{
					width: 560px;
					margin: 0 10px 0 10px;
					float: left;
					}
#sisalto			{
					width: 535px;
					background:url('img/sisalto_tausta.gif');
					padding: 0px 15px 0px 15px;
					text-align:justify;
					}
#sisalto p			{
					letter-spacing: 1px;
					width: 515px;
					margin: 0 15px 0 15px;
					padding-top: 0;
					padding-bottom: 10px;
					}
#sisalto_ala		{
					width: 565px;
					height: 27px;
					background:url('img/sisalto_alaosa.gif');
					}
					
/* ----- /  SISÄLTÖPALKKI  / ----- */
/* ----- \     LAYOUT      \ ----- */

body					{
					margin: 0px auto 0px auto;
					padding: 0px auto 0px auto;
					background:url('img/tausta2.gif') #275EBD repeat-x;
					font-size: 13px;
					font-family: arial, helvetica;
					color: #fff;
					line-height: 18px;
					}
#taustakuva			{
					width: 1200px;
					height: 900px;
					margin: 0px auto 0px auto;
					z-index: 0;
					background-image:url('img/tausta.jpg');
					}
#wrapper			{
					z-index: 1;
					width: 800px;
					margin: 0px auto 0px auto;
					clear: both;
					float: none;
					}
#header				{
					width: 800px;
					height: 265px;
					background:url('img/header3.jpg');
					}
#navigaatio			{
					font-family: arial;
					font-weight: bold;
					padding: 8px 1px 0 1px;
					text-align: center;
					width: 200px;
					height: 254px;
					background:url('img/navigaatio.gif');
					margin-left: 10px;
					float: left;
					line-height: 30px;
					margin-top: 11px;
					}
#ylasivu			{
					width: 558px;
					height: 265px;
					margin: 0 10px 0 10px;
					float: left;
					}
#content			{
					width: 800px;
					background:url('img/endwrap.gif') bottom no-repeat #162332;
					position:absolute;
					clear: both;
					float: none;
					padding-bottom: 20px;
					}
#logo				{
					width: 560px;
					height: 225px;
					}
#otsikko			{
					width: 565px;
					height: 51px;
					background:url('img/otsake.gif');
					}
#otsikko img			{
					margin: 10px 10px 10px 15px;
					}
#alaosa				{
					width: 800px;
					height: 30px;
					background:url('img/endwrap.gif');
					}
h2					{font-family: 'trebuchet MS', arial}

/* ----- /     LAYOUT      / ----- */
