#marqueecontainer{
position: relative;
width: 280px; /*marquee width */
height: 400px; /*marquee height */
background-color: B3AFB0;
overflow: hidden;
border: 0px solid #FFFFFF;
#padding: 2px;
#padding-left: 4px;
}


body {
	background-color: #00326d;
	margin: 0px;
	margin-top: 16px;
	padding: 0px;
}
.vasen {
	background-image:url(vasen.jpg);
	background-repeat:repeat-y;
}
.logo {
	margin-right: 200px;
}
.keltainen_ala {
	background-image:url(keltainen_ala.jpg);
	background-repeat:no-repeat;
}
.vali {
	background-image:url(vali.jpg);
	background-repeat:no-repeat;
}
.vali2 {
	background-image:url(vali2.jpg);
	background-repeat:no-repeat;
	padding-left: 12px; padding-top: 6px;
	color: #00316c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
.footer {
	background-image:url(footer_tausta.jpg);
	background-repeat:no-repeat;
	padding-top: 15px;
	padding-left: 0px;
}

.content {
	padding-left: 20px;
	padding-top: 10px;

}
.content2 {
	padding-left: 12px;
	padding-top: 10px;
}
.content_tuotteet {
	padding-left: 20px;
	padding-top: 30px;
}
.style1 {
	color: #00316c;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
.style2 {color: #00316c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.viiva {
	padding-top: 5px;
	padding-bottom: 5px;	
}
.kampanjat {
	margin-bottom: 5px;
}
.submit {
	background-color: #E5E5E5;
	border: 0px;
	color: #00316c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image:url(nuoli_pieni.jpg);
	background-repeat:no-repeat;
	background-position:right;
}
.haku {
	margin-left: 10px;
}
.ala {
	background-image:url(ala.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}


.body_bg			/***{ background-color: #9ab3d0; }***/ { background: #9ab3d0 url(images/tausta.gif); }
.tekstialue, td		{ font-size: 12px; line-height: 18px; font-family: Arial, Verdana, "Trebuchet MS", "Myriad Pro", ; }
.tekstialue			{ margin-right: 35px; margin-left: 25px; margin-top: 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: #ffffff; font-size: 20px; font-weight: bold; visibility: visible; z-index: 200; position: relative; top: 184px; 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; }
.vasen_reuna		{ background-image: url(images/vasen_reuna.jpg); background-repeat: repeat-y; background-position: left top; width: 34px; }
.oikea_reuna		{ background-image: url(images/oikea_reuna.jpg); background-repeat: repeat-y; width: 29px; }

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

/**** navigation ***/
.navigation					{ font-size: 12; margin: 0px; margin-top: 32px; margin-bottom: 32px; padding: 0px; width: 170px; padding-top: 3px; padding-bottom: 3px; }
.navigation li					{ list-style-type: none; margin: 0px; padding: 0px; padding-left: 12px; padding-top: 3px; border-bottom: none; }
.navigation li:hover				{ list-style-type: none; background-color: #f1f1f1; }
.navigation li.current				{ list-style-type: none; background-color: #f1f1f1; }
.navigation li.current:hover			{ list-style-type: none; background-color: #f1f1f1; }
.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: 0px; font-size: 100%; color: #0f75bc; }
.navigation li.level1_current			{ color: #0f75bc; background-color: #f1f1f1; }
.navigation li.level1_current a			{ margin-left: 0px; font-weight: normal; }
.navigation li.level1_current a:hover	{ margin-left: 0px; font-size: 100%; color: gray; font-weight: normal; }
.navigation li.level1 a:hover			{ margin-left: 0px; font-size: 100%; margin-left: 0px; color: gray; }
.navigation li.level1:hover				{ background-color: #f1f1f1; }

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


.navigation li.level4 a					{ margin-left: 25px; font-size: 80%; }
.navigation li.level4_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; }


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

/* Ajankohtaista -osioon liittyv?t tyylim??rittelyt alkavat */
.uutiset_otsikko	{ color: #00326d; 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: #00318a; 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 */


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: #00318a; font-size: 20px; font-weight: bold;  margin-top: 2px; width: 645px; hr width: 645px; height: 1px; color: #00318a;
                        }

.alaotsikko			{ color: #0f75bc; font-size: 16px; font-weight: bold; padding-top: 0em; padding-right: 0.5em; padding-left: 0em; padding-bottom: 0.5em; padding: 0px; margin: 0px; border-bottom: 1px solid #e1e1e1; margin-top: 2px; width: 100%;
                                  hr width: 630Px; height: 1px;
                                }

.palaute_vastaus		{ color: 00318a; font-size: 16px; font-weight: bold; }
.paa_otsikko		{ color: WHITE; font-size: 18px; font-weight: normal; }

#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; }

.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; }

.linkki				 { margin: 0px; padding: 0px; color: #0272BA; font-size: 12px; }

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