﻿@charset "utf-8";
/* CSS Document */

body { text-align: center; font-family: Arial, Helvetica, sans-serif; }
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	margin-bottom:1px;
	background: url(images/bg.jpg) top repeat-x;
}
#kokosivu {
	/* sisällön keskittäminen */
	position: relative;
	min-height: 100%;
	/* seuraavat kaksi riviä vanhemmille selaimille, säilytä järjestys */
	height: auto !important;
	height: 100%;
}
#bigwrapper {
	/* annetaan leveys niin että mahtuu 1024x768 näytölle */
	width: 1000px;
	/* sisällön keskittäminen */
	margin-right: auto; 
	margin-left: auto;
	text-align: left; 
	position: relative;
	min-height: 100%;
	/* seuraavat kaksi riviä vanhemmille selaimille, säilytä järjestys */
	height: auto !important;
	height: 100%;
}

#sisalto {
	
}

#alatunniste {
	clear: both;
	/* sijoitetaan #alatunniste #kokosivun alareunaan */
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%; /* absolute vie leveyden */
	background-image: url(images/footer_bg.jpg);
    height: 101px;
}
#extra {
	/* koska #navigointi ja #wrapper kellutettiin, ei #kokosivulla 
	ole korkeutta, näitä seuraavan #extran 'clear: both' lisää elementin 
	niiden alapuolelle ja antaa #kokosivulle korkeuden */ 
	clear: both; 
	/* tehdään samalla tyhjää tilaa vähintään #alatunnisteen korkeuden 
	verran ettei #alatunniste tule #sisallön tai #navigoinnin päälle */
	height: 101px; 
}
img.etusivu {
	border:1px solid #424242;
	}
	
h1 	{
	font-size:16px;
	color: #2172a1;
	text-transform:uppercase;
}
h2 	{
	font-size:14px;
	color: #2172a1;
	text-transform:uppercase;
}	
p, table 	{
	font-size: 14px;
	color:#000000;
}

p.etusivu{
	font-size: 14px;
	color:#000000;
}
a.teksti_linkki{
	font-size:14px;
	color: #2172a1;
}
p.alateksti{
	font-size: 12px;
	color:#000000;
}	
form{
	font-size: 12px;
	color:#000000;
}		
.header {
	font-size: 14px;
	color:#FFFFFF;
	text-decoration:none;	
}
.header_active {
	font-size: 14px;
	color:#f09e14;
	text-decoration:none;
}
.footer1 {
	font-size: 12px;
	color: #FFFFFF;
}

.footer2 {
	font-size:11px;
	color: #FFFFFF;
	text-decoration:none;
}	

ul {

}
li	{
	font-size: 12px;
}
.lista {
	font-size: 14px;
	line-height:1.5;
	color:#424242;
	font-weight: bold;
	text-decoration:none;
	}
div.hr {
  height: 2px;
  _height: 15px;
  vertical-align:middle;
  background: url(images/hr.jpg) repeat-x;
}
div.hr hr {
  display: none;
}
A:hover {
	color: #f09e14; 
}