@charset "ISO-8859-1";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #3F4442;
	}

A:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px; 
	font-weight: normal;
	text-decoration: none; 
	
	}

A:hover { 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-decoration: none; 
	background-color: #22AA00;
	}

A:visited {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-decoration: none; 	
	}

.harmaa {
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-decoration: none; 
	background-color: #3F4442;
	height: 12px;
	}

.musta {
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-decoration: none; 
	background-color: #3F4442;
	height: 12px;
	}

A:active { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-decoration: none; 
	
	}

/*
.italic_otsikko {  
	font-family: "Times New Roman", Times, serif; 
	font-size: 30px; 
	font-style: italic; 
	font-weight: normal; 
	color: #FFFFFF
	}

.Courier {  
	font-family: "Courier New", ,mono, Courier; 
	font-size: 12px; 
	font-style: normal; 
	color: #FFFFFF
	}

.koe {
	color: #FFFFCC;
	font-size: 12px;
	background-color: #3F4442;
	border-color: #3F4442;
	border-width: 0px;
	}
*/
.select {
	color: #FFFFDD;
	font-size: 12px;
	background-color: #3F4442;
	border-color: #3F4442;
	border-width: 0px;
	}

.numero {
	color: #FF0000;
	font-size: 10px;
	background-color: #3F4442;
	text-align: right;

	}

.option {
	color: #FFFFCC;
	font-size: 12px;
	background-color: #3F4442;
	border-color: #3F4442;
	border-width: 0px;
	}

.form {
	background-color: #3F4442;
	border-color: #3F4442;
	border-width: 0px;
	}

.perusteksti { 
	max-width: 600px;  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF;
	}

.palsta { 
	margin-left:40px;
	width: 560px;
	max-width:560px;  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF;
	}

.lomake {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF;
	margin: 0px 30px 0px 50px;
	}

.greenrivi {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #00FF00;
	margin: 0px 10px 0px 10px;
	}

.redrivi {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FF3300;
	margin: 0px 10px 0px 10px;
	}

.lokero {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #888888;
	padding-top: 7px;
	margin-right: 1px;
	margin-left: 20px;
	vertical-align: bottom;
	}

.aputeksti {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal; 
	color: #AAAAAA;
	padding-top: 0px;
	margin-right: 1px;
	margin-left: 2px;
	}

.info {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal; 
	color: #DDDDDD;
	}

.info-otsikko {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal; 
	font-weight: normal; 
	color: #EEEEEE;
	}

.selite {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF;
	margin-top: 29px;
	}

.pieni {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF;
	}

.form {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF;
	
	background-color: #3F4442;
		border-color: #3F4442;
		border-width: 0px;
	}

.sisennys {
	margin-left: 20px;
	}

.perusleft {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF;
	margin-left: 30px;
	margin-right: 200px;
	}

.kursiivi_pikkuinfo {  
	font-family: "Times New Roman", Times, serif; 
	font-size: 12px; 
	font-style: italic; 
	color: #FFFFFF
	}

.iso_leuku_fi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px; 
	font-style: normal; 
	font-weight: bold; 
	color: #FFCC00
	}

.Otsikko {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold;
	margin-left: 0px; 
	color: #DDDDDD;
	}

.Otsikko2 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold;
	padding-top: 20px;
	padding-left: 4px;
	margin-left: 0px; 
	color: #DDDDDD;
	}

.perusteksti_musta {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000;	
	}

.Otsikko_musta {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	color: #000000
	}

.perustekstiCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF ; 
	background-color: #009966 ; 
	line-height: 12px; 
	text-decoration: none
	}

.leukulinkki {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	font-style: normal; 
	font-weight: bold; 
	color: #FFCC00
	}

.peruskeltainen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;  
	color: #FFCC00;
	}

.perus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;  
	color: #FFFFFF;
	height: 12px;
	width: 130px;
	padding-bottom:3px;
	display:inline-block;
	}

.perus2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;  
	color: #FFFFFF;
	width: 130px;
	padding-bottom:3px;
	
	}

.valittu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;  
	color: #FFFFFF;
	background-color: #182;
	height: 12px;
	width: 130px;
	padding-bottom:3px;
	display:inline-block;
	border-top:2px;
	border-top-color:#3f4442;
	border-top-style:solid;
	}

.perus12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;  
	color: #FFFFFF;	
	}

.peror12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;  
	color: #EEEEEE;	
	}

.otsikko12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;  
	color: #FFCC00;		
	}



.bc_harmaa {
	font-size:11px;
	color:#000000;
	background-color: #CAD5DD;
	}

.bc_valikko {
	font-size:11px;
	color:#000000;
	background-color: #CAD5DD;
	margin-bottom:5px;
	width:160px;	
	}

.bc_opac {
	font-size:11px;
	color:#000000;
	background-color: #3F4442;
	padding-left:5px;
	padding-right:10px;
	margin-left:15px;
	}
	
.bc_valik {
	font-size:11px;
	padding-left:5px;
	padding-right:10px;
	margin-left:15px;
	}

.bc_green {
	font-size:11px;
	color:#000000;
	background-color: #44BB55;
	padding-left:5px;
	padding-right:10px;
	margin-left:15px;
	}

.bc_pink {
	font-size:11px;
	color:#000000;
	background-color: #DD00CC;
	padding-left:5px;
	padding-right:10px;
	margin-left:15px;
	}	
	
.bc_red {
	font-size:11px;
	color:#000000;
	background-color:#FF0000;
	padding-left:5px;
	padding-right:10px;
	margin-left:15px;
	border-bottom-width: thick;
	}		

.bc_oranssi {
	font-size:11px;
	color:#000000;
	background-color: #FFCC00;
	padding-left:5px;
	padding-right:10px;
	margin-left:15px;
	}		

.bc_selit {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #88DD88;
	}

.valikko_harmaa {
	height:14px;
	width:160px;
	font-size:11px;
	color: #FF0000;
	background-color: #CAD5DD;
	margin-bottom: 5px;
	}
	
.vharmaa {
		color:#DDDDDD;
		}
	
.tharmaa {
		color:#AAAAAA;
		}
		
.oranssi {
		color:#FFCC00;
		}

.kellert {
		color:#CCC8AA;
		}	

.ph_teksti {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal; 
	color: #AAAAAA;
	}
	
.pk_teksti {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal; 
	color: #CCC8AA;
	}
	
.pth_teksti {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	color: #777777;
	}
	
.ptk_teksti {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	color: #777777;
	}
	
.thumb {
	background-color: #333333;
	width: 210px;
	height: 300px;
	vertical-align: text-bottom;
	}
	
.asiakas {
	color:#00CCFF;
	}
	
.sis{
	width: 650px;
	color:#FFFFFF;
	margin-left: 350px;
 	
	}

.vihr_tausta_sis{
	width: 600px;
	color:#FFFFFF;
	background-color: #229933;
	height:14px;
	padding-top:3px;
	margin-left: 300px;
	padding-left: 10px;
	}

table.navbar {
	/*margin-left:28px;
	margin-right:25px; */
	border-collapse:collapse;
	border:none;
	background-color:#4A607A;
	}

table.navbar td a {
	/*alignment-baseline:central;*/
	white-space:nowrap;
	display:block;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:3px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	}

table.navbar td a:link {
	color:#FFF;
	/*background-color:#4A607A;*/
	}

table.navbar td a:visited {
	color:#FFF;
	background-color:#4A607A;
	}

table.navbar td a:hover,table.navbar td a:active {
	color:#000;
	background-color:#AAA;
	}

table.navbar_palikat {
	margin-left:24px;
	margin-right:25px;
	border-collapse:collapse;
	border:none;
	}

table.navbar_palikat td a {
	/*alignment-baseline:central;*/
	white-space:nowrap;
	display:block;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:3px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#666;
	}

table.navbar_palikat td a:link {
	color:#FFF;
	background-color:#666;
	}

table.navbar_palikat td a:hover,table.navbar_palikat td a:active {
	color:#000;
	background-color:#AAA;
	}