/*
		Created by Pirkka Rannikko @ Trainers' House (pirkka.rannikko@trainershouse.fi)
		0. Muokattava väritys
		1. Yleiset tyylit
		2. Sivun taitto
		3. Etusivu
		4. Sisältösivut
		5. CSS "häkit"
*/

/* 0. Muokattava väritys
***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */

/* Sivun taustakuvan liukuvärin tulee päättyä samaan väriin mikä on asetettu HTML elementille. */

/* Vihreä = #b0cd58
html {background: #fff url(sivun-tausta-vihrea.gif) left top repeat-x;}

#ajankohtaista-linkit .linkkilaatikko h4, 
#tyokalut div {background: #b0cd58 url(otsikko-tausta-vasen-vihrea.png) left top no-repeat;}

#ajankohtaista-linkit .linkkilaatikko h4 span, 
#tyokalut div .otsikko,
#tyokalut div h4 {background: #b0cd58 url(otsikko-tausta-oikea-vihrea.png) right top no-repeat;}

#modulit-etusivu h4 {background: #b0cd58 url(otsikko-tausta-196x28px-vihrea.png) left top no-repeat;}
*/

/* Sininen = #b0c8d0 */

html {background: #fff url(sivun-tausta-sininen.gif) left top repeat-x;}

#ajankohtaista-linkit .linkkilaatikko h4, 
#tyokalut div {background: #b0c8d0 url(otsikko-tausta-vasen-sininen.png) left top no-repeat;}

#ajankohtaista-linkit .linkkilaatikko h4 span, 
#tyokalut div .otsikko,
#tyokalut div h4 {background: #b0c8d0 url(otsikko-tausta-oikea-sininen.png) right top no-repeat;}

#modulit-etusivu h4 {background: #b0c8d0 url(otsikko-tausta-196x28px-sininen.png) left top no-repeat;}



/* 1. Yleiset tyylit
***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */

/* Oletusyyylien resetointi */
* {margin: 0px; padding: 0px;} 
abbr, fieldset, img {border: none;} 
button {cursor: pointer; overflow: visible;}
fieldset, img {display: block;}
table {border-collapse: collapse; border-spacing: 0px;}
th, td {/*text-align: left;*/ vertical-align: top;}
ul {list-style-type: none;}

/* Perusasetukset */
body {font: 75% Arial, Helvetica, sans-serif; margin: 0px 0px 0px 40px; position: relative;} /* 16px × 0.75 = 12px = 1em */
.saavutettava {display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -9000px;}
.piilotettu {display: none; visibility: hidden;}
.oikealle {float: right; margin: 0px 0px 0px 20px;} .vasempaan {float: left; margin: 0px 20px 0px 0px;} .oikea-clear {clear: right;} .vasen-clear {clear: left;}

/* Linkit */
a:link {color: #003366; text-decoration: none;}
a:visited {color: #800080; text-decoration: none;}
a:hover {color: #003366; text-decoration: underline;}
a:focus {color: #003366; text-decoration: underline;}
a:active {color: #003366; text-decoration: underline;}

/* Fontit */
#konsulaatti-otsikko h2 {font-size: 1.2em;} /* Ei skaalata */
#apulinkit, #paasite-linkki a, #vasempaan #haku input {font-family: Arial, Helvetica, sans-serif; font-size: 1em;} /* Ei skaalata */
#yhteystiedot #yhteystiedot-sivulle, p#yhteystiedot-sivulle {font-size: 1em; font-weight: bold;} 
#yhteystiedot {font-size: 0.9em;} /* Ei skaalata */
#palsta li li, #palsta-levea li li {font-size: 0.9em;} /* Ei skaalata */

h1 {font-size:1.8em;} 
h2 {font-size:1.2em;} 
h3 {font-size:1.1em;} 
h4, h5, h6 {font-size: 1em;}

#modulit-etusivu h4, .linkkilaatikko h4 {font-size: 1em; font-weight: bold;}

#sivunavigaatio a.valittu, #palsta-levea .sarakeotsikko, #palsta-levea .sarakeotsikkooikeatasaus {font-weight: bold;}

.nostot p, #palsta p, #palsta-levea p, #palsta td, #palsta-levea td, 
#palsta li, #palsta-levea li, #palsta ol, #palsta-levea ol, #palsta dl, #palsta-levea dl
{font-size: 1em; line-height: 1.5; }

 #sivunavigaatio a {font-size: 1em; line-height: 1.2; } 

#uutiset li, #uutiset li, #modulit-etusivu p, #modulit-etusivu li,  #palsta .linkkilaatikko li, #palsta-levea .linkkilaatikko li, 
#dokumenttipolku, #tyokalut #tyokalualatunniste p, #tyokalut div li, 
.caption, #palsta .kuvitusoikealla, #palsta-levea .kuvitusoikealla, #palsta .kuvitusvasemmalla, #palsta-levea .kuvitusvasemmalla, #palsta .kuvituskeskella, #palsta-levea .kuvituskeskella, 
.linkkilaatikko li,  #alatunniste, #alatunniste-artikkeli, 
#palsta #info0 {font-size: 0.9em;} /* hieman pienempi kuin 12px */

#palsta #info0 h1, #palsta #info0 h2, #palsta #info0 h3, #palsta #info0 h4
{font-size: 1.1em }

#palsta caption, #palsta-levea caption, palsta blockquote, #palsta-levea blockquote, #palsta blockquote p, #palsta-levea blockquote p  {font-style: italic;}

#etusivu-palsta .paanosto h1, #kriisi-ilmoitus #palsta2 h1, #kriisi-ilmoitus #palsta1-levea h1 {font-size: 1.4em;}
#etusivu-palsta .paanosto p {font-size: 1.1em;}
.nostot h4, #uutiset h4 {font-size: 1.2em;}
.linkkilaatikko strong {font-weight: normal;}

#teemanosto-wrapper h4 {font-family: Georgia, Times, serif; font-size: 1.425em; font-weight: normal;}
#teemanosto-wrapper span, #teemanosto-wrapper p {font-size: 0.85em; line-height: 1.6;}

#tyokalut div .otsikko, #tyokalut div h4 {font-size: 1em; font-weight: bold;}
#palsta p.ingressi, #palsta-levea p.ingressi, #palsta p.ingress, #palsta-levea p.ingress {font-size: 1.2em; line-height: 1.5;}
th, #info0 p {font-weight: normal;}
#palsta-levea pre, #palsta-levea math, #palsta-levea code, #palsta-levea code sample {font-size: 0.9em; font-family: "Andale mono", courier, "MS Courier New", "Courier New", monospace;} 

/* Fontti vaaleampi harmaa*/
#palsta p, #palsta-levea p, #palsta td, #palsta-levea td, 
#palsta li, #palsta-levea li, #palsta ol, #palsta-levea ol, #palsta dl, #palsta-levea dl,
#palsta #info0 p, #palsta #info0 li, 
#tyokalut #tyokalualatunniste p, #alatunniste, #alatunniste-artikkeli 
{color: #333;}


/* Lomakkeet */
.tekstikentta-label {display: block; float: left;}
.tekstikentta {width: 170px; margin-left: 10px; background: #f6f7f9 url(haku_bkg_top.gif) repeat-x; color: #555555; border: 1px solid #80869a;}
.tekstikentta-palaute {width: 170px; float: right; margin-right: 75px;}
.lahetys {margin-top: 25px;}

/* Uutiskirjetta varten */
#palsta td h2 {margin: 0px 0px 0px 0px; } 
#palsta td .kuvitusvasemmalla {margin: 0px; padding-right: 1px;}


/* 2. Sivun taitto
***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */
#tulostuskuva {display: none;}

/* Ylätunniste */
#ylatunniste {margin: 40px 0px 0px 0px; height: 174px; overflow: hidden; width: 900px;}
#ylatunniste-wrapper {margin: 73px 0px 0px 17px;}
#paasite-linkki {height: 40px; left: 0px; line-height: 40px; overflow: hidden; position: absolute; top: 0px; width: 300px; z-index: 2;}
#paasite-linkki a {color: #fff;}
#tunnus {background: url(tunnus.png) left top no-repeat; float: left; margin: 0px 10px 21px 0px; width: 40px; height: 54px;} /*for <ie8 you have to have some bottom margin to other elements float nicely*/
#tunnus a {display: block; height: 54px; text-decoration: none; width: 40px;}
#konsulaatti-otsikko {height: 34px; overflow: hidden; padding: 10px 0px 10px 0px;}
#konsulaatti-otsikko span {display: block;}
#yhteystiedot {height: 20px; overflow: hidden; padding: 15px 0px 10px 0px;}
div#yhteystiedot {height: auto; margin: -25px 0px 0px 0px; padding: 0px;}
#yhteystiedot li {display: inline; float: left; padding: 0px 35px 0px 0px;}
#yhteystiedot li strong {display: block;}
#yhteystiedot li a, #yhteystiedot-sivulle a {color: #000;}
#yhteystiedot #yhteystiedot-sivulle {float: right; padding: 5px 14px 0px 0px;}
#yhteystiedot .osoite {float: left; padding: 0px 35px 0px 0px;}
p#yhteystiedot-sivulle {float: right; padding: 20px 14px 20px 0px;}

/*Apunavi*/
#apunavi {color: #fff; float: left; height: 40px; left: 300px; line-height: 40px; overflow: hidden; position: absolute; top: 0; width: 600px; z-index: 1;}
#apunavi a {color: #fff;}
#apunavi-wrapper {float: left; width: 600px;}
#apulinkit {float: left; padding: 2px 20px 0px 0px; text-align: right; width: 326px;}
#vasempaan {float: left; width: 234px;}
#vasempaan #kirjasin_toiminnot {float: left; padding: 11px 0px 0px 0px; width: 62px;}
#vasempaan #kirjasin_toiminnot img {float: left; height: 22px; margin: 0px 5px 0px 0px; width: 26px;}
#vasempaan #haku {float: right; padding: 0px 0px 0px 15px; position: absolute; right: 0px; top: -30px; width: 172px;}
#vasempaan #haku input {padding: 3px 0px 0px 0px;}
#vasempaan #haku .hakutermi {font: 1em Arial, Helvetica, sans-serif; color:#333333; Background: #f6f7f9 url(haku_bkg_top.gif) left top repeat-x; border: 1px solid #f9fcff; height: 18px; padding: 2px 0px 0px 2px; width: 150px;}

#sisalto-wrapper {
	background: #fff url(sisalto-wrapper-tausta.gif) left top repeat-y; 
	border-right: #fff solid 2px; border-bottom: #fff solid 2px; border-left: #fff solid 2px; 
	float: left; width: 896px;}
	
#sisalto-etusivu, #sisalto {float: left; margin: 20px 12px 0px 0px; width: 664px;}
#dokumenttipolku {background: #fff url(erotin.gif) 0 bottom repeat-x; float: left; padding: 0px 0px 10px 0px; width: 664px;}
#alatunniste, #alatunniste-artikkeli {float: left; margin: 12px 0px 0px 0px; padding: 8px 0px 20px 0px; text-align: center; width: 664px; background: #fff url(erotin.gif) 0 top repeat-x; }

/* Sivunavigaatio */
#sivunavigaatio {background: url(navi_bkg_gradient.jpg) left top no-repeat; border-right: #d4dae6 solid 2px; float: left; margin: 0px 23px 0px 0px; min-height: 440px; width: 193px;}
#sivunavigaatio-hattu {background: url(navi_hat_bkg.png) 0px -2px no-repeat; height: 16px; width: 193px;}
#sivunavigaatio ul {background: url(navi_lion_bkg.jpg) left top no-repeat; float: left; min-height: 422px; padding: 8px 0px 8px 0px;}
#sivunavigaatio ul li {float: left; margin: 0px 6px 0px 12px; width: 175px;}
#sivunavigaatio ul li a {background: url(navi_link_bkg_gradient.png) left top no-repeat; color: #000; display: block; padding: 3px 0px 2px 0px; text-decoration: none;}
#sivunavigaatio ul li a.valittu {background: url(navi_link_bkg_selected.png) right top no-repeat;}
#sivunavigaatio ul li a:hover, #sivunavigaatio ul li a:focus {background: url(navi_link_bkg_selected.png) right top no-repeat;}

#sivunavigaatio ul li ul {background: none; min-height: 0px; padding: 0px;}
#sivunavigaatio ul li ul li {margin: 0px; padding: 0px 0px 0px 14px; width: 161px;}
#sivunavigaatio ul li ul li ul li {margin: 0px; padding: 0px 0px 0px 14px; width: 147px;}

#sivunavigaatio ul li ul li.valittu {background: url(sivunavigaatio_nuoli.gif) 0em 0.5em no-repeat;}

#sivunavigaatio ul li#etusivu a {background: none;}
#sivunavigaatio ul li#etusivu a.valittu {background: url(navi_link_bkg_selected.png) right top no-repeat;}
#sivunavigaatio ul li#etusivu a:hover, #sivunavigaatio ul li a:focus {background: url(navi_link_bkg_selected.png) right top no-repeat;}


/* 3. Etusivu
***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */

/* Etusivupalsta */
#etusivu-palsta {float: left; width: 664px;}

	/* Kriisi-ilmoitus */
	#kriisi-ilmoitus-otsikko {background-color: #990000; color: #fff; float: left; margin: 10px 0px 0px 0px; text-align: center; width: 664px;}
	#kriisi-ilmoitus-otsikko a {color: #fff; display: block; padding: 5px 0px 5px 0px; }
	
	#kriisi-ilmoitus {background: url(bg_kriisi_keltainen.gif) top right repeat-y; border-left: 3px solid #990000; border-right: 3px solid #990000; border-bottom: 3px solid #990000; margin: 0px 0px 10px 0px; float: left; width: 658px;}
    #kriisi-ilmoitus #palsta1-levea {margin: 0px 5px 3px 3px; float: left; width: 420px;}
    #kriisi-ilmoitus #palsta1 {float: left; margin: 0px 5px 3px 3px;}
  /*  #kriisi-ilmoitus #palsta2 {float: left; padding: 5px; width: 380px;} */
    #kriisi-ilmoitus #palsta2 {float: left; padding: 5px; width: 650px;}
    #kriisi-ilmoitus #palsta3 {float: right; padding: 5px; width: 209px;}

    #kriisi-ilmoitus #palsta2 p, #kriisi-ilmoitus #palsta1-levea p {margin: 0px; padding: 0px;}
    #kriisi-ilmoitus #palsta2 h1, #kriisi-ilmoitus #palsta1-levea h1 {margin: 0px 0px 5px 0px; padding: 0px;}
    #kriisi-ilmoitus #palsta2 ul, #kriisi-ilmoitus #palsta1-levea ul {list-style-type: square; color: #333; margin: 10px 0px 0px 10px; padding: 0px 0px 0px 10px;}
    #kriisi-ilmoitus #palsta2 li, #kriisi-ilmoitus #palsta1-levea li {margin: 0px; padding: 0px;}
    #kriisi-ilmoitus #palsta2 img {border: none; margin: 2px 5px 2px 5px;}
    #kriisi-ilmoitus a {color: #003399;}

	#kriisi-ilmoitus #palsta2 table td {min-width: 200px; padding-right: 10px;} /* HACK */

	/* Päänosto */
	#etusivu-palsta .paanosto {background: #fff url(erotin.gif) left bottom repeat-x; padding: 10px 0px 10px 0px; width: 664px;}
	#etusivu-palsta .paanosto h1 {margin: 0px 0px 10px 0px;}
	#etusivu-palsta .paanosto p {background: none;}
	#etusivu-palsta .paanosto img {float: left; margin: 0px 20px 0px 0px;}
	
	/* Lisää nostoja */
	.nostot-wrapper {background: #fff url(nostot-tausta.gif) left top repeat-y; float: left; width: 458px;}
	.nostot {background: transparent url(erotin.gif) left bottom repeat-x; float: left; padding: 10px 0px 10px 0px; width: 458px;}
	.nostot h4 {margin: 0px 10px 10px 0px;}
	.nostot p {padding: 0px 10px 0px 0px;}
	.nostot img {float: left; margin: 0px 20px 0px 0px;}


	/* Modulit */
	#modulit-etusivu {/*background: #fff url(modulit-tausta.gif) left top repeat-y;*/ float: right; margin: 0px 1px 0px -1px; padding: 15px 0px 0px 10px; width: 196px;}
	#modulit-etusivu div {background: #fff url(erotin.gif) left top repeat-x; margin: 0px 0px 4px 0px; padding: 5px 0px 5px 0px; width: 196px;}
	#modulit-etusivu div.viimeinen, 
	#modulit-etusivu div.linkkilaatikko {background: none; float: none; padding: 0px 0px 10px 0px; margin: 0px 0px 5px 0px;}
	#modulit-etusivu div div, #modulit-etusivu p div {background: none; margin: 0; padding: 0;}
	#modulit-etusivu p {background: none; margin: 0 0 15px 10px; padding: 0; color: #333333;}
	#modulit-etusivu h3, #modulit-etusivu h5 {background: none; margin-left: 10px;}

	#etusivu-palsta #modulit-etusivu div.linkkilaatikko h4 {background: #c4ae51 url(otsikko-tausta-196x28px-ruskea.png) left top no-repeat;}
	#modulit-etusivu h4 {display: block; margin: 0px 0px 5px 0px; padding: 7px 13px 7px 13px;}
	#modulit-etusivu ul {float: none; padding: 0px 0px 0px 10px;}
	#modulit-etusivu li {background: #fff url(poiminnot-lista-tausta.png) left bottom no-repeat; padding: 5px 0px 5px 0px;}
	#modulit-etusivu li.viimeinen {background: none;}

	#modulit-etusivu img {display: block; float: none; margin: 5px 0 10px 0; padding: 0px;}

/* Bannerit */

#modulit-etusivu #bannerit {float: none; padding: 5px 0px 0px 0px; width: 196px;}
#modulit-etusivu #bannerit p {margin: 0px; padding: 0px;} 

	/* Ajankohtaiset otsikkonostot etusivulla */
	#uutiset {background: #fff url(nostot-tausta.gif) left top repeat-y;  float: left; padding: 10px 15px 0px 0px; width: 443px;}
	#uutiset .linkkilaatikko {background: none; margin: 0px;}
	#uutiset .linkkilaatikko {width: 443px;}	/*.levea*/
	#uutiset h4 {background: none; margin: 0px 0px 5px 0px; padding: 0px;}
	#uutiset h4 span {background: none; padding: 0px;}
	#uutiset ul {padding: 0px;}
	#uutiset li {background: none; margin: 0px 0px 5px 0px; padding: 0px;}
	#uutiset li.viimeinen {margin: 0px 0px 15px 0px;}
	#uutiset .lisaa {float: left; width: 222px;}
	#uutiset .lisaa {float: left; width: 222px;}
	#uutiset .tilaa {float: right; text-align: right; width: 221px;}
	/*#uutiset*/ .rss {background: #fff url(rss-icon-small.gif) right center no-repeat; padding: 0px 20px 0px 0px;}	
	
	/* Ajankohtaiset linkit etusivulla */
	#ajankohtaista-linkit {background: #fff url(nostot-tausta.gif) left top repeat-y; float: left; margin: 0px; padding: 10px 0px 0px 0px; width: 458px;}
	#linkki-wrapper {float: left; width: 458px;}
	.linkkilaatikko {background: #fff url(erotin.gif) left bottom repeat-x; float: left; margin: 0px 0px 15px 0px; padding: 0px 0px 1px 0px; width: 242px;}
	.linkkilaatikko.otsikkonostot {float: right; margin: -7px 10px 15px 0px; width: 196px;}
	.linkkilaatikko h4 {clear: left; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 13px;}
	.linkkilaatikko.otsikkonostot h4 {float: left; margin: 7px 0px 5px 0px; width: 183px;}
	.linkkilaatikko h4 span {display: block; padding: 7px 13px 7px 0px;}
	.linkkilaatikko ul {float: left; list-style-type: none; padding: 0px 0px 0px 10px;}
	.linkkilaatikko li {background: #fff url(poiminnot-lista-tausta.png) left bottom no-repeat; padding: 5px 0px 5px 0px;}
	.linkkilaatikko .viimeinen {background: none;}
	.linkkilaatikko .lisaa, 
	.linkkilaatikko .tilaa {background: #fff url(erotin.gif) left top repeat-x; float: left; margin: 0px 0px 0px -10px; width: 121px;}
	.linkkilaatikko .tilaa {/*margin: 0px;*/ text-align: right;}
	/*.linkkilaatikko .nextpage {background: #fff url(erotin.gif) left top repeat-x; float: left; margin: 0px 0px 0px -10px; width: 121px; text-align: right;}*/
	.linkkilaatikko .rss {background: #fff url(rss-icon-small.gif) right center no-repeat; padding: 0px 20px 0px 0px;}
    /*.linkkilaatikko.otsikkonostot .lisaa {width: 121px;}*/
	.linkkilaatikko.tiedotteet strong {display: block;}
	/*.linkkilaatikko.tiedotteet .tilaa {width: 121px;}*/

	
	.linkkilaatikko.kalenteri li {float: left;}
	.linkkilaatikko.kalenteri .lisaa {width: 242px;}
	.linkkilaatikko.kalenteri .lisaa a {display: block; width: 100%;}
	.linkkilaatikko.kalenteri a {display: block; float: right; width: 150px;}
	.linkkilaatikko.kalenteri strong {float: left; overflow: hidden; width: 72px;}
	.linkkilaatikko.otsikkonostot ul {padding: 0px 10px 0px 10px;}

	/* Leveä laatikko etusivulle (käytössä jos ei ole otsikkonostoja */
	.levea .linkkilaatikko { margin: 0px 10px 15px 0px; width: 438px;}
	.levea .linkkilaatikko .lisaa, .levea .linkkilaatikko .tilaa, .levea .linkkilaatikko .nextpage {width: 219px;}
	.levea .linkkilaatikko.kalenteri .lisaa {width: 438px;}
	.levea .linkkilaatikko.kalenteri a {width: 354px;}
	.levea .linkkilaatikko.kalenteri .lisaa a {width: 438px;}
	
	#teemanosto {background: url(teemanosto-tausta.png) left bottom no-repeat; float: left; margin: 20px 0px 0px 0px; padding: 0px 0px 5px 0px; width: 664px;}	
	#teemanosto-wrapper {background: url(teemanosto-wrapper-tausta.png) left top repeat-y; float: left; width: 664px;}
	#korostukset {background: url(teemanosto-korostukset-tausta.png) left top no-repeat; float: left; padding: 15px 0px 15px 15px; width: 354px;}
	#uutishuone {background: url(teemanosto-uutishuone-tausta.png) right top no-repeat; float: right; padding: 15px 35px 15px 20px; width: 240px;}
	#teemanosto-wrapper h4 {margin: 0px 0px 10px 0px;}
	#korostukset li {float: left; padding: 0px 0px 10px 0px; width: 354px;}
	#korostukset img {float: left; width: 66px;}
	#korostukset span {float: left; padding: 5px 0px 0px 12px; width: 276px;}
	#uutishuone img {margin: 0px 0px 5px 0px;}

/* 4. Sisältösivut
***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */
#palsta {float: left; padding: 30px 0px 20px 0px; width: 477px;}
#palsta-levea {float: left; padding: 30px 0px 20px 0px; width: 655px;}
	#palsta h2, #palsta-levea h2, #palsta h3, #palsta h4, #palsta h5, #palsta h6,
    #palsta-levea h2 #palsta-levea h3, #palsta-levea h4, #palsta-levea h5, #palsta-levea h6,
    #osioetusivu-palsta h2 #osioetusivu-palsta h3, #osioetusivu-palsta h4, #osioetusivu-palsta h5, #osioetusivu-palsta h6 {margin: 20px 0px 0px 0px;}
	#palsta h5.osio, #palsta-levea h5.osio {margin: 0px; padding: 0px;}
	#palsta h1, #palsta-levea h1, #osioetusivu-palsta h1 {margin: 0px 0px 15px 0px;} 
	#palsta p, #palsta-levea p, #osioetusivu-palsta p {margin: 15px 0px 0px 0px;}

    #palsta table, #palsta-levea table {border-right: 1px solid #8C94AA; border-top: 1px solid #8C94AA; clear: both; empty-cells: show; margin: 15px 0px 10px 0px; padding: 0px; width: 100%;}
    #palsta tr, #palsta-levea tr {margin: 0px; padding: 0px;}
    #palsta td, #palsta tbody td, #palsta-levea td, #palsta-levea tbody td {border-left: 1px solid #8C94AA; border-bottom: 1px solid #8C94AA; margin: 0px; padding: 5px;}
    #palsta thead td, #palsta tfoot td, #palsta-levea thead td, #palsta-levea tfoot td {background: #f1f6f8; border-bottom: 1px solid #8C94AA; margin: 0px; padding: 5px; text-align: center;}
    #palsta caption, #palsta-levea caption {margin: 10px 0px 0px 20px; caption-side: top; text-align: left; width: auto;}
    #palsta .sarakeotsikko, #palsta .sarakeotsikkooikeatasaus, #palsta-levea .sarakeotsikko, #palsta-levea .sarakeotsikkooikeatasaus {background-color: #e6e8ee; color: #111; vertical-align: bottom;}
    #palsta .summasolu, #palsta .summasoluoikeatasaus, #palsta-levea .summasolu, #palsta-levea .summasoluoikeatasaus { border-top: 2px solid #8C94AA; }
    #palsta .raamiton .summasolu, #palsta .raamiton .summasoluoikeatasaus, #palsta-levea .raamiton .summasolu, #palsta-levea .raamiton .summasoluoikeatasaus {border-top: 2px solid #8C94AA;}
    #palsta .oikeatasaus, #palsta .summasoluoikeatasaus, #palsta .sarakeotsikkooikeatasaus, #palsta-levea .oikeatasaus, #palsta-levea .summasoluoikeatasaus, #palsta-levea .sarakeotsikkooikeatasaus {text-align: right}
	#palsta table input, #palsta-levea table input {margin: 0px 5px 0px 0px;}

    #palsta ul, #palsta-levea ul {margin: 0 0 0 1em; padding: 0 0 0 1em; list-style-type: square;}
    #palsta ul ul, #palsta-levea ul ul {margin: 0px 0px 0px 6px; padding: 1px 0px 3px 6px; list-style-type: circle;}
    #palsta ol, #palsta-levea ol { margin: 0 0 0 1em; padding: 0 0 0 1em;}
    #palsta ol ol, #palsta-levea ol ol {margin: 0px 0px 0px 6px; padding: 0px 0px 3px 6px; list-style-type: upper-roman;}
    #palsta ol ul, #palsta-levea ol ul {margin: 0px 0px 0px 6px; padding: 0px 0px 3px 6px; list-style-type: circle;}
    #palsta li, #palsta-levea li {margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px;}

    #palsta dl, #palsta-levea dl {margin: 10px 0px 15px 0px; }  
    #palsta dt, #palsta-levea dt {margin: 10px 0px 5px 0px;}  
    #palsta dd, #palsta-levea dd {border-left: 1px solid #ECEBE4; padding: 0px 0px 5px 5px; margin: 0px;}  

    #palsta blockquote, #palsta-levea blockquote {background: #f1f1f1; border: 1px dotted #ECEBE4; margin: 10px 30px 0px 10px; padding: 10px;}
    #palsta blockquote p, #palsta-levea blockquote p {margin: 10px 0px 0px 0px; padding: 0px;}
    #palsta pre, #palsta math, #palsta code, #palsta code sample, #palsta-levea pre, #palsta-levea math, #palsta-levea code, #palsta-levea code sample {margin: 1px 0px 0px 0px;} 
    #palsta abbr, #palsta-levea abbr {border-bottom: 1px dotted #8C94AA}    
    #palsta blink, #palsta-levea blink {text-decoration: none}
    #palsta hr, #palsta-levea hr {background: none; border: none; border-top: 3px double #999999; margin: 20px 0px 20px 0px; padding: 0px; text-align:center }
    #palsta img, #palsta-levea img {border: 0px; float: right; margin: 0px 0px 2px 20px;}
    #palsta img.vasempaan, #palsta-levea img.vasempaan {border: 0px; float: left; margin: 0px 20px 2px 0px;}
   
    /* Kuvaboksit */
    .caption {color: #555; margin: 13px auto; width: 215px;}
    #palsta .kuvitusoikealla, #palsta-levea .kuvitusoikealla {color: #555; float: right; clear: right; margin: 1em 0 1em 1.4em;; width: 215px;}
    #palsta .kuvitusvasemmalla, #palsta-levea .kuvitusvasemmalla {color: #555;float: left;clear:left; margin: 1em 1.4em 1em 0; padding-right: 1px; width: 215px;}
    #palsta .kuvituskeskella, #palsta-levea .kuvituskeskella {color: #555; float: none; margin: 13px auto; text-align: center; }
	#palsta .kuvituskeskella img {margin: 0px auto; }
    #palsta .kuva, #palsta-levea .kuva {border: none; display: block; float: none; margin: 0px; padding: 0px 0px 5px 0px;} 

    #palsta .raamiton, #palsta-levea .raamiton {border: none;}
    #palsta .raamiton table, #palsta-levea .raamiton table, #palsta .raamiton table td, #palsta-levea .raamiton table td, #palsta .raamiton tbody td, 
	#palsta .raamiton tfoot td, #palsta .raamiton thead td, #palsta-levea .raamiton tbody td, #palsta-levea .raamiton tfoot td, 
	#palsta-levea .raamiton thead td { border: none; }  

	#palsta .henkilo, #palsta-levea .henkilo {float: left; margin: 0px 0px 25px 0px; padding: 0px; width: 457px;}
	#palsta .henkilo .hlokuva, #palsta-levea .henkilo .hlokuva {float: left; padding: 0px 24px 0px 0px; width: 76px;}
	#palsta .henkilo img, #palsta-levea .henkilo img {float: left; margin: 0px; padding: 0px; /*width: 76px;*/}
	#palsta .henkilo .tiedot, #palsta-levea .henkilo .tiedot {float: left; width: 357px;}
	#palsta .henkilo .tiedot a, #palsta-levea .henkilo .tiedot a {color: #003399;}
	#palsta .henkilo .tiedot h6, #palsta-levea .henkilo .tiedot h6 {border-bottom: 1px solid #d4d6dd; padding: 0px 0px 8px 0px; margin: 6px 0px 0px 0px;}
	#palsta .henkilo .tiedot ul, #palsta-levea .henkilo .tiedot ul {margin: 10px 0px 0px 0px; padding: 0px; list-style-type: none;}
	#palsta .henkilo .tiedot ul li, #palsta-levea .henkilo .tiedot ul li {background: url(bullet.gif) 0px 3px no-repeat; margin: 0px; padding: 0px 0px 0px 15px;}

	/* henkilökuntaboksi taulukko*/
	#palsta table.thenkilo, #palsta-levea table.thenkilo { padding: 0; margin: 10px 0 25px 0; border: none; }
		#palsta table.thenkilo .thlokuva, #palsta-levea table.thenkilo .thlokuva { padding: 0 8px 0 0; margin: 0; width: 92px; border: none;}
		#palsta table.thenkilo .ttiedot, #palsta-levea table.thenkilo .ttiedot { padding: 0; margin: 0; width: 357px; border: none; }
		#palsta table.thenkilo .ttiedot a, #palsta-levea table.thenkilo .ttiedot a { color: #003399; }
		#palsta table.thenkilo .ttiedot h6, #palsta-levea table.henkilo .tiedot h6 { border-bottom: 1px solid #d4d6dd; padding: 0 0 4px 0; margin: 3px 0 0 0; }
		#palsta table.thenkilo .ttiedot ul, #palsta-levea table.henkilo .tiedot ul { margin: 6px 0 0 0; padding: 0; list-style: none; }
		#palsta table.thenkilo .ttiedot ul li, #palsta-levea table.henkilo .tiedot ul li { margin: 0; padding: 0 0 0 18px; background: url(bullet.gif) 3px 3px no-repeat; }
		
	#palsta .atticon, #palsta-levea .atticon, #modulit-etusivu img.atticon { float: none; vertical-align: middle; margin: 0 0.5em 0 0; display: inline; }

	/* Lisainfoboksi */
	#palsta #info0 {background: #f7f8fa; border: 3px double #a9adbc; float: right; width: 215px; padding: 5px; margin: 4px 0px 0px 5px; }
	#palsta #info0 h1, #palsta #info0 h2, #palsta #info0 h3, #palsta #info0 h4, #palsta #info0 h5, #palsta #info0 h6 {border-bottom: 1px solid #333333;  margin: 10px 0px 0px 0px; padding: 0px; }
	#palsta #info0 p {margin: 10px 0px 10px 0px; }
	#palsta #info0 a {text-decoration: none;}
	#palsta #info0 li, #palsta #info0 li p { margin-bottom: 0.9em;}


	/* Ajankohtaista-linkit */
	#palsta #ajankohtaista-linkit {background: none; width: 477px;}
	#palsta #linkki-wrapper {width: 477px;}
	#palsta #ajankohtaista-linkit .linkkilaatikko {margin: 15px 0px 0px 0px; width: 477px;}
	#palsta #ajankohtaista-linkit strong, #palsta-levea #ajankohtaista-linkit strong {display: inline;}
	#palsta #ajankohtaista-linkit h4 {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 13px;}
	#palsta #ajankohtaista-linkit ul {list-style-type: none; margin: 0px; padding: 0px 0px 0px 10px; width: 467px;}
	#palsta #ajankohtaista-linkit li {margin: 0px; padding: 5px 0px 5px 0px; border: none;}
	#palsta #ajankohtaista-linkit li.lisaa {margin: 0px 0px 0px -10px; width: 249px;}
	#palsta #ajankohtaista-linkit .linkkilaatikko.matkustustiedote .tilaa {margin: 0px 0px 0px -10px; width: 477px;}
	#palsta #ajankohtaista-linkit .linkkilaatikko.tiedotteet .tilaa {width: 228px;}

	/* Sivukartta */    
	#sivukartta {  }
	#sivukartta a {color: #1B2E60;}
	#sivukartta img {float: none; height: 1px; margin: 0px 0px -1px 0px; width: 10px; }
	#sivukartta ul, #sivukartta ul ul, #sivukartta ul ul ul, #sivukartta ul ul ul ul, #sivukartta ul ul ul ul ul {list-style-type: none;}
	
	/* Kalenteri */
	#kalenteri {width: 655px;}
	#kalenteri form table  { width: auto; clear: none;}
	#kalenteri table td.sarakeotsikko a {background: url(jarjesta.gif) center right no-repeat; display: block; padding-right: 15px;}
	#kalenteri table td.sarakeotsikko a:hover {background: transparent url(jarjesta.gif) center right no-repeat;}
	#kalenteri select {margin: 0px 0px 0px -5px; width: 200px;}
	
	/* Jutun alun ankkurilinkit */
	#ankkurit {border-top: 1px dotted #8091BE; border-bottom: 1px dotted #8091BE; font-size: 0.9em; margin: 1em 0 0 0; padding: 5px 0px 0px 0px; width: 477px;}
	#ankkurit ul {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 20px; xwidth: 457px;}
	#ankkurit ul li {line-height: 1.1; xwidth: 452px;}
	
	/* hakutulos */
	#searchresults {margin-top: -10px;}
	#searchresults a {color: #1B2E60;}
    #searchresults h3 {margin-top: 10px; padding: 0px;}
    #searchresults p {margin: 0px; padding: 0px;}
    #searchresults .type {color: #009900;}
    #searchresults .domain {color: #666;}	
	

#tyokalut {float: right; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 21px; width: 166px;}
#tyokalut img {display: inline; text-align: center;}
#tyokalut img.viimeinen { border: none; margin-left: 5px; } /* Luokkamaare tassa siksi, etta saadaan valistys kahden kuvan valiin */
#tyokalut div {margin: 20px 0px 0px 0px; padding: 0px 0px 0px 13px; width: 153px;}
#tyokalut div .otsikko, #tyokalut div h4 {margin: 0px; padding: 7px 13px 7px 0px; width: 140px;}
#tyokalut div ul, #tyokalut div form {background: #fff; margin: 0px 0px 0px -13px; padding: 0px 0px 0px 13px; width: 153px;}
#tyokalut div li {background: #fff url(poiminnot-lista-tausta.png) left bottom no-repeat; margin: 0px; padding: 5px 0px 5px 0px; width: 153px;}
#tyokalut div li.viimeinen {background: none; background: #fff;}
#tyokalut div form table {margin-top: 5px;}
#tyokalut div select {color: black; font-family: Arial,Helvetica,sans-serif; font-size: 11px; width: 135px;}
#tyokalut div option {padding-left: 3px;}

#sisalto #tyokalut #tyokalualatunniste {background: #fff url(erotin.gif) left top repeat-x; margin: 20px 0px 0px 0px; padding: 5px 5px 0px 5px; width: 156px;}

/*Alimpana olevat tulosta ja lähetä napit*/
#painikkeet {float: right; text-align: right; width: 644px;}
#painikkeet img {display: inline; text-align: right;}
#painikkeet img.viimeinen { border: none; margin-left: 5px; }

/* Uutiskirje tilauslomake */
#ctl00_Canvas1_ctl01_ctl00_lblMailFormatTitleNew, #ctl00_Canvas1_ctl01_ctl00_rblMailFormatNew, #ctl00_Canvas1_ctl01_ctl01_lblNodesNewTitle, #ctl00_Canvas1_ctl01_ctl00_cblNodesNew, #ctl00_Canvas1_ctl01_ctl01_cblNodesNew, #ctl00_Canvas1_ctl01_ctl01_lblNodesCancelTitle, #ctl00_Canvas1_ctl01_ctl01_lblNodesCancel {display: none;}

/* Maatiedosto */
#palsta .tiivistetty p { margin: 0px; }
#palsta .tiivistetty img { border: 1px solid #ddd; float: none; margin: 0.4em 0 0.4em 0 }
#palsta #lisalinkit { margin-top: 16px; }

/* TiF kuvat */
#palsta .topimage img {width: 464px; float:none;}

/* blogi */					
    #palsta .blogi-info { display: block; width: 100%; padding-bottom: 7px; margin-bottom: 10px;  border-bottom: solid 1px #c0c0c0; } 
    #palsta .blogi-info p { display:block; float:left; } 
    #palsta .blogi-info p.kommentit-linkki { float:right; } 

    #palsta #blogi-sivunumerot ol, #palsta #blogi-sivunumerot p { display:block; float:left; padding:0; margin:0; }
    #palsta #blogi-sivunumerot ol { list-style-type: none; margin-left: 1.5em; }
    #palsta #blogi-sivunumerot li { display: block; margin: 0.1em 0.5em 0 0; float:left; }
    #palsta #blogi-sivunumerot li.valittu a { font-weight: bold; color: #333; }

    #palsta div { display:block; width:100%;}
    /*#blogi-kommentit h3 { font-size: 1.2em; display: block; width: 100%; margin: 2.5em 0 0; padding: 0.5em 0; margin-bottom: 1em; border-bottom: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; }*/

    #blogi-kommentit {margin: 2em 0 3em 0; /*border-bottom: 1px solid #c0c0c0;*/}

    .blogi #palsta form {  }
    .blogi #palsta form p strong { font-weight:normal;  }

#blogi-kommentit div {
     background-color: #F7F8FA;
     border-top: 1px solid #c0c0c0;
     padding: 1em;
}


.someicon {
display: inline;
margin: 2px 3px -3px 4px;
}
.kainalo {
border:1px solid #CECECE;
margin:1em 0 1em 0;
color:#333333;
padding:0 0.5em 0.5em 0.5em;
background:#ecebe4;
width: 100%;
}

/* Lisainfoboksi 2 */
#palsta #info99 {background: #f7f8fa; padding: 0; margin:0; }

a.fbicon {
    background: url("https://web.archive.org/web/20120505111311im_/http://formin.finland.fi/images/icons/Facebook.png") no-repeat scroll 0 0 transparent;
    padding: 2px 0 0 20px;
}

			
/* 5. CSS "häkit" 
***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */

/* clear ilman markupin lisaamista, jotta saadaan float-elementit "tayttamaan" isantaelementtinsa */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Piilotetaan MAC-IE:lta \*/
* html .clearfix {height: 1%;}
.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 */
/*
     FILE ARCHIVED ON 11:13:11 May 05, 2012 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:28:24 Feb 17, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.617
  exclusion.robots: 0.021
  exclusion.robots.policy: 0.01
  esindex: 0.01
  cdx.remote: 11.418
  LoadShardBlock: 305.032 (3)
  PetaboxLoader3.datanode: 525.389 (4)
  PetaboxLoader3.resolve: 910.751 (3)
  load_resource: 1312.578
*/