/* hela.css */

/* (c) Anssi Alhonen 2006, 2007, 2008. */


body		{	
		background: #050063;
		font-family: Georgia, 'Times New Roman', serif; 
		font-size: 14px; 
		letter-spacing: 0px; 
		line-height: 1.5em;
		text-align: justify;
		}	


/* Linkit. */

a, a:visited	{
		color: #050063;
		text-decoration: none;
		border: none; 
		}
	
a:hover		{
		color: #000000;
		background-color: #f7fbde;
		text-decoration: underline;
		}



a img 		{ 
		display: block; 
		}


/* Perustagit. */


p		{
		font-family: Georgia, 'Times New Roman', serif;
                font-size: 14px;
                letter-spacing: 0px;
                line-height: 1.5em;
                text-align: justify;
                color: #000000;
                margin-top: 5px;
		margin-left: 10px;
		margin-right: 10px;
		}

blockquote	{
		background-color: #F3F3F3;
		margin-left: auto;
                margin-right: auto;
		width: 420px;
		font-style: italic;
		color: #666666;
		border: 1px solid #cccccc;
		}

.loota		{
		font-size: 14pt;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
		}

.loota2		{
		font-size: 13pt;
		line-height: 1.7em;
		margin-left: 10px;
		margin-right: 10px;
		}
		
.loota3		{
		font-size: 11pt;
		line-height: 1.7em;
		margin-left: 10px;
		margin-right: 10px;
		}

.keskitys	{
		text-align: center;
		}

.lootaotsikko	{
		text-align: center;
		color: #FF0000;
		}
		
b		{
		text-align: justify;
		}	

i		{
		font-family: Georgia, 'Times New Roman', serif; 
		font-size: 14px; 
		letter-spacing: 0px; 
		line-height: 1.5em;
		text-align: justify;
		color: #000000;
		padding: 0px 0px 10px 0px;
		margin-top: 5px;
		}

.valkoinen
		{
		color: #FFFFFF;
		}


/* Otsikot. */


h1, h2, h3,h4	{
		color: #050063;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: normal;
		text-align: left;
		}

h1		{
        	font-size:  18pt;
		}

h2		{
		font-size:  16pt;
		}

h3		{
		font-size: 15pt;
		}

h4		{
		font-size: 14pt;
		}

/* Taulukot. */


table		{
		background: #f7fbde;
		border: 0px solid black;
		border-spacing: 20px;
		}

table.center	{
		margin-left:auto; 
		margin-right:auto;
		background: #f7fbde;
		width: 532px;
		border-left: dashed 1px #086805;
		border-right: dashed 1px #086805;
		border-bottom: dashed 1px #086805;
		}

table.otsikko	{
		margin-left: auto;
		margin-right: auto;
		width: 532px;
		height: 280px;
		border-top: dashed 1px #086805;
		border-left: dashed 1px #086805;
		border-right: dashed 1px #086805;
		background-image:url('kuvat/talvennapa-otsikko.jpg')
		}

table.lomake	{
		border-spacing: 0px;
		margin-top: 2em;
		margin-bottom: 2em;
		}

.keski		{
		border: 0;
		width: 532px;
		}

.tietolaatikko	{
		background: #FFF000;
                border: 2px solid #FF0000;
		}

.tietolaatikko2	{
		background: #fbe3e6;
		border: 1px solid #000000;
		}

.otsikko	{
		border: 0;
		}


/* Kuvat. */


img		{
		border: 1px solid black;
		margin-top: 10px;
		margin-bottom: 10px;
		}

.eireunaa	{
		border: 0;
		border-style: none;
		text-decoration: none;
		border-color: #FFFFFF;
		}

.keskitetty	{
		display: block;
		margin-left: auto;
		margin-right: auto; 
		}

.float		{
		text-decoration: none;
                display: block;
                margin-left: 10px;
		margin-top: 0px;
		margin-bottom: 10px;
                margin-right: 10px;
		float: left;
		}


/* Listat. */


li		{
		list-style-type:none;
		font-size: 10pt;
		text-align: left;
		margin-top: 5px;
		margin-bottom: 5px;
		}

/* Näillä div-luokilla saadaan tyhjää tilaa sivulle. */


.pikkutila      {
		margin-top: 0.3cm;
		margin-bottom: 0.3cm;
		}

.paljontilaa 	{
                margin-top: 2cm;
                margin-bottom: 2cm;
                }

.hullustitilaa {
		margin-top: 3.5cm;
		margin-bottom: 4cm;
		}

/* "Sivun alkuun" -javascriptin ulkoasua säädetään CSS:n kautta. */


.bak2top        {
                border: 0px;
		border-color: transparent;
                color: #e7d6b5;
                padding: 2px;
		font-family: Georgia, 'Times New Roman', serif;
                font-size: 14px;
		font-weight: bold;
                }


.border		{
		border-style:solid;
		border-width:1px;
		border-color:#cccccc;color:#666666;
		background-color:#F2F2F2;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:160%;
		height:20px;
		width:320px;
		}

input:hover 	{
background-color:#fff;
		}

input.border:focus {
		background: #fff;
		border: 1px solid #595959;
		}

.borders {
		border-style:solid;
		border-width:1px;
		border-color:#cccccc;
		color:#666666;
		background-color:#F2F2F2;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:160%;
		height:130px;
		width:320px;
		}

textarea:hover {
		background-color:#fff;
		}

textarea.borders:focus {
		background: #fff;
		border: 1px solid #595959;
		}

    .formborder {
		color: #666666;
		background: #F3F3F3;
		border: 1px solid black; 
		}

    .formborder:hover {
	color: #000;
	background: #ffa20f;
	border: 2px outset #d7b9c9
    }

label {
      background-color: #f7fbde;
      }

#lomake legend {
	font-size: 1.3em;
	}