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

body { text-align: center; 
font-family: Verdana, Geneva, sans-serif; }

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	margin-bottom:1px;
	background: #e2e3e5;
	background-image:url(images/bg.jpg);
	background-position: top;
	background-repeat: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: 55px;
}
#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: 55px; 
}
img.etusivu {
	border:1px solid #424242;
	}
	
h1 	{
	margin-top:0px;
	font-size:22px;
	color: #000000;
	font-weight:normal;
}
h2 	{
	margin-top:0px;
	font-size:18px;
	color: #000000;
	font-weight:normal;
}	
p  	{
	font-size: 14px;
	color:#221c22;
}
p.normi  	{
	font-size: 14px;
	color:#221c22;
	font-weight: normal;
}
 table 	{
	font-size: 14px;
	color:#221c22;
	font-weight: normal;
	border:1 solid #000000;
}
td {
border:1 solid #000000;
}
a.pdf 	{
	font-size: 14px;
	color:#221c22;
	font-weight: normal;
	text-decoration:none;
}
p.etusivu{
	font-size: 14px;
	line-height:1.5;
	color:#221c22;
}
		
.header {
	font-size: 18px;
	color:#221c22;
	text-decoration:none;	
}
.header_active {
	font-size: 18px;
	color:#f09e14;
	text-decoration:none;
}
.footer1 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight:normal;
}

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

ul {
	vertical-align:middle;
	margin-left: 0px;
	padding-left:15px;
}
li	{
	font-size: 14px;
	line-height:1.5;
	color:#221c22;
	margin-left: 0px;
	padding-left:0px;
}
li.pienempi	{
	font-size: 14px;
	line-height:1.2;
	color:#221c22;
	margin-left: 0px;
	padding-left:0px;
}
.lista {
	font-size: 14px;
	line-height:1.5;
	color:#221c22;
	text-decoration:none;
	}
div.hr {
  height: 15px;
}
div.hr hr {
  display: none;
}
A:hover {
	color: #000000; 
}
A {
	color: #214ca5; 
	text-decoration:underline;
}
.linkki {
	color: #caab1c;
	font-size: 18px;
}
a.linkki {
	color: #214ca5;
	font-size: 18px;
}