body				{ font-size: 12px; font-family: Arial, Verdana, "Trebuchet MS"; margin: 0px; padding: 0px; background-color: #ffffff; }
BODY				{ font-size: 12px; font-family: Arial, Verdana, "Trebuchet MS"; margin: 0px; padding: 0px; background-color: #ffffff; }

.body_bg			{ background: #0f75bc url(images/bodybg.jpg) repeat-x; }
.tekstialue, td		{ font-size: 12px; line-height: 18px; font-family: Arial, Verdana, "Trebuchet MS"; }
.tekstialue			{ margin-right: 35px; margin-left: 25px; }

.body_hakemus		{ font-size: 12px; font-family: Myriad, Myriad Pro, Arial, Verdana, "Trebuchet MS"; margin: 0px; padding: 0px; background: WHITE url(images/hakemus_bg.jpg) repeat-x; background-position: center top; }

#paa_otsikko		{ color: #25aae1; font-size: 14px; font-weight: bold; visibility: visible; z-index: 200; position: relative; top: 154px; padding-right: 47px; width: 400px; height: 100px; }

.sivutausta			{ background-color: #e5f6fe; }
.oikeasivutausta	{ background: #e5f6fe url(images/vsyp_oikea_tausta.jpg) repeat-y; }

.etuhaive			{ font-size: 12px; font-family: Arial, Verdana, "Trebuchet MS"; margin: 0px; padding: 0px; background: WHITE url(images/etuhaive.jpg) repeat-x; background-position: center bottom; }


/********************************** Navigation *********************************/

/**** navigation ***/
.navigation								{ margin: 0px; padding: 0px; width: 130px; }
.navigation li							{ list-style-type: none; margin: 0px; padding: 0px; padding-left: 12px; background-color: #ffffff; border-bottom: 1px solid #e1e1e1; }
.navigation li:hover					{ list-style-type: none; background-image: url(images/level0_over.jpg); background-repeat: repeat-y; background-position: left bottom; }
.navigation li.current					{ list-style-type: none; background-image: url(images/aktiivinen_level0.jpg); background-repeat: repeat-y; background-position: left bottom; }
.navigation li.current:hover			{ list-style-type: none; background-image: url(images/level0_over.jpg); background-repeat: repeat-y; background-position: left bottom; }
.navigation li.level0					{ display: none; }

.navigation li a:hover					{ color: gray; }
.navigation li a:hover					{ color: gray; }
.navigation li.current a:hover			{ color: gray; }
.navigation li.current a				{ font-weight: bolder; color: #0f75bc; }
.navigation li a						{ font-weight: normal; text-decoration: none; color: #0f75bc; }

.navigation li.level1 a					{ margin-left: 10px; font-size: 100%; color: #0f75bc; }
.navigation li.level1_current			{ color: #0f75bc; background-image: url(images/aktiivinen_level1.jpg); background-repeat: repeat-y; background-position: left bottom;}
.navigation li.level1_current a			{ margin-left: 10px; font-weight: normal; }
.navigation li.level1_current a:hover	{ margin-left: 10px; color: gray; font-weight: normal; }
.navigation li.level1 a:hover			{ margin-left: 10px; font-size: 100%; color: #gray; }
.navigation li.level1:hover				{ font-size: 100%; color: #gray; background-image: url(images/level1_over.jpg); background-repeat: repeat-y; background-position: left bottom; }

.navigation li.level2 a					{ margin-left: 20px; font-size: 95%; font-weight: normal; color: #0f75bc; }
.navigation li.level2_current			{ color: #0f75bc; background-image: url(images/aktiivinen_level2.jpg); background-repeat: repeat-y; background-position: left bottom;}
.navigation li.level2_current a			{ margin-left: 20px; font-size: 95%; font-weight: normal; }
.navigation li.level2_current a:hover	{ font-size: 95%; margin-left: 20px; color: gray; font-weight: normal; }
.navigation li.level2 a:hover			{ margin-left: 20px; font-size: 95%; color: #gray; }
.navigation li.level2:hover				{ font-size: 95%; background-image: url(images/level1_over.jpg); background-repeat: repeat-y; background-position: left bottom; }


.navigation li.level3 a					{ margin-left: 25px; font-size: 80%; }
.navigation li.level3_current a			{ margin-left: 25px; font-size: 80%; font-weight: bold;  color: #0f75bc; }

.navigation li.level4 a					{ margin-left: 25px; font-size: 70%; }
.navigation li.level4_current a			{ margin-left: 0px; font-size: 70%; font-weight: bold;  color: #0f75bc; }

/* IE6.0 Hack for additional spaces between li's */
* html li a  { height: 100%; } 

/*******************************************************************************/



/* Ajankohtaista -osioon liittyvŠt tyylimŠŠrittelyt alkavat */
.uutiset_otsikko	{ color: #0f75bc; font-size: 18px; font-weight: bold; padding-top: 0em; padding-right: 0.5em; padding-left: 0em; padding-bottom: 0.5em; padding: 0px; margin: 0px; border-bottom: 0px solid #e1e1e1; margin-top: 5px; }
#uutinen_top		 { color: #3589a3; color: #0272BA; border-top: 0px solid #e1e1e1; padding: 0px; margin-top: 5px; padding-top: 3px; text-align: right; }
#uutinen_top td		 { color: #3589a3; font-size: 12px; }
#uutinen_top a		 { color: #25aae1; font-weight: normal; text-decoration: none; font-size: 12px; font-style: normal; margin-right: 15px; }
#uutinen_top a:hover { color: #1579a3; font-weight: normal; text-decoration: none; font-size: 12px; font-style: normal; }
/* Ajankohtaista -osioon liittyvŠt tyylimŠŠrittelyt loppuvat */



/* Hakulomakkeeseen/lomakkeisiin liittyvŠt tyylimŠŠrittelyt alkavat */
input				{ color: #000000; border: 1px solid #c9c8c8; padding: 2px; font-size: 10px; }
input.radio			{ border: none; }
input.image			{ border: none; background-color: #ffffff; }

textarea			{ color: #000000; border: 1px solid #c9c8c8; padding: 2px; font-size: 10px; }

.ehto_patteri		{ margin: 0px; padding: 0px; margin-top: 8px; margin-bottom: 8px; font-size: 11px; }
/* Hakulomakkeeseen/lomakkeisiin liittyvŠt tyylimŠŠrittelyt loppuvat */


.otsikko			{ color: #0f75bc; font-size: 18px; font-weight: bold; padding-top: 0em; padding-right: 0.5em; padding-left: 0em; padding-bottom: 0.5em; }
.paa_otsikko		{ color: WHITE; font-size: 18px; font-weight: normal; }


.margin_lr			{ margin: 10px; }
.margin_lr_content	{ margin: 10px; }

.uutiset_pvm		{ color: #000;font-size: 11px;}
.uutinen			{ margin: 5px; width: 95%; color: #000; font-size: 11px; text-decoration: none;}
.navi_ajankohtaista { padding-left: 5px;	color: #000000;	font-size: 11px;	text-decoration: none;}
.kuva_edit			{ float: right; margin-top: 100px;}
.ajankohtaista		{ padding-bottom: 5px;}


.haku_jarjestys_nro { font-weight: bold; font-size: 12px; padding-top: 5px; width: 15px; }

.ryhmaotsikko     { font-weight: bold; }

.alaryhma         { text-indent: 1em; }

td { font-size: 12px; background-color: #ffffff; }
/* img { border: 0px; } */

#tuote_kuva			 { background-image: url(images/icons/infoa_tausta.gif); background-repeat: no-repeat; background-position: top left; color: #000000; font-size: 10px; visibility: hidden; display: none; z-index: 100; position: absolute; width: 290px; height: 200px; padding: 5px; }
.kuvaus_teksti		 { color: #000000; font-size: 9px; }


.navi_otsikko		 { color: #FFFFFF; font-size: 12px; font-weight: bold; border-bottom: 1px dotted #FFFFFF; width: 100%; margin-top: 2px; margin-bottom: 10px; padding-top: 2px; padding-bottom: 4px; }

.navi_tausta		 { background-image: url(alakuva_oikea.jpg); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 120px; height: 100%; }

.navi_harmaa		 { color: #FFFFFF; font-size: 12px; font-weight: normal; width: 100%; margin-top: 4px; margin-bottom: 6px; padding-top: 4px; /* background-image: url(../images/paa_kiinni.gif); background-repeat: no-repeat; background-position: bottom right; */ }
.navi_tuotteet		 { color: #000000; font-size: 12px; font-weight: bold; border-top: 1px dotted #909090; width: 230px; margin-top: 3px; margin-bottom: 3px; padding-top: 3px; background-image: url(../images/paa_auki_2.gif); background-repeat: no-repeat; background-position: bottom right; }
.navi_harmaa a		 { color: #FFFFFF; }

.navi_ala_viiva		 { font-size: 10px; font-weight: bold; border-top: 1px dotted #FFFFFF; width: 100%; margin-top: 10px; margin-bottom: 15px; padding-top: 2px; padding-bottom: 4px; }
#navi a				 { color: #25aae1; font-weight: normal; text-decoration: none; font-size: 12px; }
#navi a:hover		 { color: #1579a3; font-weight: normal; text-decoration: none; font-size: 12px; }
.linkki				 { margin: 0px; padding: 0px; color: #0272BA; font-size: 12px; }

a					 { text-decoration: none; margin: 0px; padding: 0px; color: #25aae1; font-size: 12px;}
a:hover				 { text-decoration: none; color: #1579a3; }

table.mt {background: #0f75bc;}
a.mt	{ text-decoration: none; margin: 0px; padding: 0px; color: #25aae1; font-size: 12px;}
a.mt:hover  { text-decoration: none; color: #1579a3; }