/* Yleisia */

body		{
		margin: 12px 0 20px 0;
		padding: 0px; 
		font: normal 0.9em verdana, helvetica, arial, sans-serif; 
		background: #dddce1;
		}

/* body.alasivu { background: white url(page_bgk.gif) repeat-y; } */

/* body.etusivu { background: white url(page_bgk.gif) repeat-y; } */



form { display: inline; margin: 0; padding: 0; }




/* clear ilman markupin lisaamista, jotta saadaan float-elementit "tayttamaan" isantaelementtinsa */

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {
		/* display: block; */
		clear: both;
		} 

/* seuraava lisätty clearfix div:n ie:ssä saaman oletuskorkeuden vuoksi */

#nostot div.clearfix, #palsta div.clearfix { display: block; clear: both; line-height:0;}

/* Lopetataan piilotus */



/* yleisia tyyleja */

.oikealle { margin: 2px 0 4px 6px; padding: 0; float: right; }

.vasempaan { margin: 2px 6px 4px 0; padding: 0; /*float: left;*/ }

.oikea-clear { clear: right; }

.vasen-clear { clear: left; }

.piilotettu, #tulostuskuva, #sisaltoon, #piilotettu, #paasite-linkki, #tunnus, #kriisi-ilmoitus-otsikko { display: none; }

img { border: none; }

a		{
		text-decoration: none;
		font-family: verdana, helvetica, arial, sans-serif;
		font-weight: bold;
		color: #324484;
		}
a:hover	{
		text-decoration: underline;
		}
a:visited	{
		font-color: #324484 !important;
		}

/* lomake-elementit */

.tekstikentta-label { display: block; float: right; }

.tekstikentta { width: 80px; margin-left: 10px; background: #f6f7f9; color: #555555; border: 1px solid #548d8f; }

.tekstikentta-palaute { width: 80px; float: right; margin-right: 0px; }

.lahetys { margin-top: 25px; }

.atticon { margin-right: 5px; }

#sisalto-wrapper { 
		position: relative;
		top: 0;
		width: 780px;
		margin: 0 auto;
		padding: 0;
		background-color: #fff !important;
		}
/* Ylatunniste */ 

/* IE hack */
#ylatunniste {
		width: 780px;
		max-height: 125px;
		margin: 0 auto;
		}
#ylatunniste-wrapper {
		background: url(/pics/banner2.jpg) 0 0 no-repeat;
		overflow: hidden;
		height: 120px;
		width: 780px;
		border-top: 0px solid #c0c5da;
		border-right: 0px solid #1e264c;
		border-bottom: 0px solid #1e264c;
		border-left: 0px solid #c0c5da;
		padding: 0;
		}
#otsikko 	{
		position: absolute;
		top: 12px;
		z-index: 100;
		height: 125px;
		width: 350px;
		margin-top: 0; 
		padding: 0;
		border: 0 solid #000;
		}		
#otsikko h2.sup	{
		position: relative;
		top: 14px;
		left: 150px;
		width: 340px;
		border: 0 solid #000; 
		margin: 0; 
		padding: 0;
		font-family: Georgia, 'Times New Roman', Times, serif;
		font-size: 11px !important;
		font-weight: normal;
		color: #c0c5da; 
		letter-spacing: 0;
		}
#otsikko h2	{
		position: relative;
		top: -16px;
		left: 34px;
		width: 340px;
		border: 0 solid #000;
		margin: 0;
		padding: 0;
		font-family: Georgia, 'Times New Roman', Times, serif;
		font-size: 82px !important;
		font-weight: normal;
		color: #fff;
/* 		letter-spacing: 0.1em; */
		letter-spacing: 0.05em;
		}
#otsikko h2.sub	{
		position: absolute;
		top: 76px;
		width: 240px;
		border: 0;
		margin: 0; 
		padding: 0;
		font-family: Georgia, 'Times New Roman', Times, serif;
		font-size: 36px !important;
		font-weight: normal;
		color: #fff; 
		letter-spacing: 1px;
		}

#apunavi.clearfix {
		position: absolute;
		top: 108px;
		height: 24px;
		width: 780px;
		margin: 0 auto; 
		padding: 0;
		} 
#apunavi-wrapper 	{ 
		float: right;
		height: 24px;
		width: 593px;
		margin: 0 auto;
		padding: 1px 2px 0 0;
		background-color: #324484;
		/* for IE */
		filter:alpha(opacity=80);
		/* CSS3 standard */
		opacity:0.8;
		/* for Mozilla */
		-moz-opacity:0.8;
		border: 0 solid #000;
		text-align: right;
		font-weight: bold;
		font-size: 12px !important;
		color: #fff !important;
		}
#apunavi-wrapper a	{
		white-space: nowrap;
		padding: 1px 8px 1px 2px;
		text-decoration: none;
		font-family: verdana, helvetica, arial, sans-serif;
		font-weight: bold;
		font-size: 12px !important;
		color: #fff !important;
		}
#apunavi-wrapper a:hover	{
		text-decoration: underline !important;
		}
#apunavi-wrapper a:visited	{
		text-decoration: none;
		color: #fff !important;
		}
#apunavi-wrapper input {
		font: 11px verdana, helvetica, arial, sans-serif !important;
		}

#apunavi-wrapper input	{
                 height: 13px;
                 }
.hakulaatikko      {
                   }
.hakunappi      {
                display: none;
                vertical-align: bottom;
                height:13px;
                }

/* 2-tason navigaatio eli osionavigaatio */


#sivunavigaatio {
		float: left;
		border-right: 1px solid #ccc;
		background-color: transparent;
		width: 186px;
		margin: 0;
		padding: 0;
		font: 12px verdana, helvetica, arial, sans-serif !important;
/* 		background-color: #324484; */
		}


#sivunavigaatio .polku { color: black !important; }

/* #sivunavigaatio #etusivu { background: url(navi_unselected_first_bkg_top.gif) no-repeat; } */

#sivunavigaatio ul li a {
		border-top: 1px solid #ccc;
		border-bottom: 0px solid #ccc;
		width: 170px;
		padding: 2px 8px;
		color: #333;
		text-decoration: none;
		font-weight: bold;
		display: block;
		}
#sivunavigaatio ul li a.valittu { 
		background-color: #b6dcff; 
		text-decoration: none; 
		color: #fff !important; 
		font-weight: bold;
		}
#sivunavigaatio ul li a:visited {
		color: #333 !important;
		font-weight: bold;
		} 
#sivunavigaatio ul li a:hover { 
		background: #b6dcff;
		display: block;
		}
#sivunavigaatio ul li a.uusin {
		border-top: 0 solid #ccc !important;
		}
#sivunavigaatio ul { 
		padding: 0; 
		margin: 0; 
		list-style: none; 
		background: #cad6e6;
		}

/* #sivunavigaatio ul li { margin: 0; background: url(navi_unselected_bkg_top.gif) no-repeat top left; } */

#sivunavigaatio img {
		max-width: 180px;
		margin: 20px 0 0 4px;
		padding: 0;
		border: 0 solid #000;
		}
#uusin 	{
		margin: 20% 0 0 0;
		padding: 0;
		}
/* Osioetusivu */

#sisalto-etusivu, #sisalto {
		float: left;
		margin: 0;
		padding: 0;
 		background-color: #fff;
		/* margin: 0px 0 0 15px;
		padding: 12px 10px 0 0; */
		}
#palsta, #palsta-levea, #osioetusivu-palsta, #etusivu-palsta  {
		width: 417px;
                }
#palsta table, #palsta-levea table {
		border-collapse:collapse;
		border-right:1px solid #8C94AA;
		border-spacing:0;
		border-top:1px solid #8C94AA;
		clear:both;
		color:#333333;
		width:100%;
}
#nostot h1, #palsta h1, #palsta-levea h1, #osioetusivu-palsta h1 {
/* 		width: 403px; */
		font-size: 1.4em;
		line-height: 99%;
		margin: 12px 0 0 12px; /* 12px 0 12px 12px */
		padding: 0;
		color: #333;
		}
#nostot h2, #palsta h2, #osioetusivu-palsta h2 {
/* 		width: 403px; */
		font-size: 1.1em;
		line-height: 99%;
		margin: 12px 0 12px 12px;
		padding: 0;
		color: #333;
		}
#nostot h3, #palsta h3, #osioetusivu-palsta h3 {
/* 		width: 403px; */
		font-size: 1.0em;
		margin: 12px 0 12px 12px;
		padding: 0;
		color: #333;
		}

#nostot p, #palsta p, #palsta-levea p, #osioetusivu-palsta p {
		padding: 0 0 0 12px;
		font-size: 0.9em;
		}
#palsta td, #palsta-levea td, #osioetusivu-palsta td, #palsta th, #palsta-levea th, #osioetusivu-palsta th {
		font-size: 0.9em;
		}
#nostot img {
		float: left;
		max-width: 215px;
		border: 0; 
		margin: 1em 4px 0.2em 12px;
		}
.linkkilaatikko h4 { 
		width: 356px; 
		margin: 12px 0 0 25px;
		padding: 6px 0 4px 12px !important;
		font-size: 1.0em !important;
		font-weight: normal !important;
		background: transparent url(/pics/otsikko_tausta.jpg) 0 0 no-repeat;
		}
.linkkilaatikko div ul  {
		width: 350px; 
		margin: 0 0 0 25px;
		padding: 8px 4px 24px 12px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px dotted #ccc;
		background-color: #fff;
		font-size: 0.9em !important;
		list-style-type: none;
		list-style-position: outside;
		}
#etusivu-palsta .linkkilaatikko div ul  {
		border-bottom: 1px solid #ccc;
		}
#ajankohtaista-linkit li {
		margin: 0 0 6px 0; 
		}
.lisaa 	{ 
		width: 362px;
		margin: 0 0 12px 25px;
		text-align: right; 
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc; 
		padding: 2px;
		font-size: 0.8em;
		}
.lisaa a.vasempaan	{
		float: left;
		padding: 0;
		color: #666;
		font-weight: normal;
		}
.lisaa a.vasempaan:visited	{
		color: #666;
		}
.lisaa a.img	{
		padding: 0;
		border: 0;
		vertical-align: text-bottom;
		}
#palsta .kuvitusoikealla, #osioetusivu-palsta .kuvitusoikealla, #palsta-levea .kuvitusoikealla {
		float: right;
		margin: 20px 0 4px 2px; 
/*		width: 200px; */
		font: 0.6em verdana, Arial, Helvetica, sans-serif;
		color: #555;
		}
#palsta .kuvitusoikealla img, #osioetusivu-palsta .kuvitusoikealla img, #palsta-levea .kuvitusoikealla img {
/* 		width: 200px; */
		margin: 0 0 2px 0;
		padding: 0;
		}
#palsta .kuvitusvasemmalla, #osioetusivu-palsta .kuvitusvasemmalla, #palsta-levea .kuvitusvasemmalla { 
		float: left; 
		margin: 20px 6px 4px 12px; 
		padding: 0; 
/*		width: 200px; */
		font: 0.7em verdana, Arial, Helvetica, sans-serif;
		color: #555; 
		}
#palsta .kuvitusvasemmalla img, #osioetusivu-palsta .kuvitusvasemmalla img, #palsta-levea .kuvitusvasemmalla img {
/* 		width: 200px; */
		margin: 0 0 2px 0;
		padding: 0;
		}
#palsta .kuvituskeskella, #osioetusivu-palsta .kuvituskeskella, #palsta-levea .kuvituskeskella { 
		float: none; 
		margin: 1.3em auto; 
		font: 0.8em/1.1em verdana, Arial, Helvetica, sans-serif; 
		color: #555555; 
		text-align: center; 
		}
#palsta .kuvituskeskella img { 
		margin: 0 auto; 
		}
#palsta .kuva, #palsta-levea .kuva {
		float: none;
		display: block;
		}
#palsta h5.osio, #palsta-levea h5.osio {
		margin: 6px 0 0 12px;
		padding: 0;
		color: #999;
		}

.ingress        {
                font-style: italic;
                font-family: georgia, times new roman, serif;
                font-size: 1em !important;
                padding-left: 24px !important;
                padding-right: 12px !important;
                }


/* tyokalut, aiheeseen liittyvat jne boksit, yleensa oikealla */

#tyokalut { 
		position: absolute;
		top: 0px;
		right: 0;
		width: 176px;
		margin: 0;
		padding: 0;
		background: #fff;
		border: 0 solid #ccc;
		}
#tyokalut a, #tyokalut a:visited {
		color: #333;
		}
#tyokalut img {
		position: relative;
		max-width: 174px;
		padding: 0 0 0 4px;
		}
#tyokalut p {
		padding: 0 0 0 4px;
		font-size: 11px !important;
		}
#box1		{
		width: 176px;
		background: transparent url(/pics/h4abg.jpg) 0 0 no-repeat;
		padding: 0;
		margin: 14px 0 0 0;
		}
#box1 img {
		float: right !important;
		margin: 0;
                width: 50px;
                }
#box2		{
		width: 176px;
		background: transparent url(/pics/h4bbg.jpg) 0 0 no-repeat;
		padding:  0;
		margin: 14px 0 0 0;
		}
#box1 p, #box2 p	{
		margin: 0;
		padding: 8px 4px;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size: 11px !important;
		}
#box4		{
		width: 176px;
		background: transparent url(/pics/h4abg.jpg) 0 0 no-repeat;
		border-bottom: 1px solid #ccc;
		padding: 10px 0 0 0;
		margin: 14px 0 0 0;
		}
#box4 p	        {
		margin: 0;
		padding: 8px 4px;
		border-left: 1px solid #ccc;
/* 		border-bottom: 1px solid #ccc; */
		font-size: 11px !important;
		}
#box4 img {
		position: relative;
		max-width: 175px;
		padding: 0;
		margin: 0 0 0 -4px;
		}
input 	{
		padding: 2px 4px;
		border: 1px solid #ccc;
 		background-color: #ffffdd;
		}
#tyokalut h4 {
		margin: 0;
		padding: 0 0 0 4px;
		font-size: 16px !important;
		font-weight: bold;
		}
#box1 h4, #box2 h4 	{
		margin: 0;
		padding: 8px 4px 0 6px;
		font-size: 14px !important;
		font-weight: bold;
		}
#vke		{
		width: 176px;
		height: 52px;
		background: transparent url(/pics/vke_tausta.jpg) 0 0 no-repeat;
		padding:  0;
		margin: 14px 0 0 0;
		}
#vke p	{
		margin: 0;
		padding: 4px 4px;
		border: 0px solid #ccc;
		font-size: 12px !important;
		text-align: center;
		}
#bannerit {
		float: left;
		width: 780px;
		height: 70px;
		margin: 0;
		padding: 12px 0 0 0;
		border-top: 1px solid #ccc;
		text-align: center;
		}
#bannerit img { 
		border: none; 
		margin: 0;
		padding:  0 12px 0 12px; 
		}

/* #bannerit img.ensimmainen { margin: 0; } */

/* I THINK YOU HAVE A BUG RISTO... :-D */

.bug {
	background: #fff url(bug.gif) 50px 12px no-repeat;
	}


#alatunniste, #alatunniste-artikkeli { 
		width: 780px;
		height: 80px;
		margin: 0 auto 0 auto;
		padding: 24px 0 0 0;
		font: 0.8em Arial, Helvetica, sans-serif;
		color: #333333;
		border-top: 1px solid #ccc;
		background: #dddce1 url(/pics/alatunniste.jpg) 0 0 no-repeat;
		text-align: center; 
		}
#dokumenttipolku {
		display: none;
		}
#searchresults { margin-top: -1em; }

	#searchresults a { color: #1B2E60; }

    #searchresults h3 { margin-top: 1em; padding: 0; }

    #searchresults p { margin: 0; padding: 0; }

    #searchresults .type { color: #009900; }

    #searchresults .domain { color: #666; }

#share { margin-top: 35px; }
#share a { font-weight: normal; }