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

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

/* Perusasetukset */
html { background: #e8eaf0 url(tausta.png) repeat-x scroll center top; 
/* background: #D3D8De url(tausta.png) center top repeat;*/ }
body {font: 62.5% Arial, Helvetica, sans-serif; color: #000; margin: 0px 0px 0px 0px; position: relative; text-align: center;} /* 12px = 1.2em */
.saavutettava {display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -9000px;}
.piilotettu {display: none !important; visibility: hidden;}
.oikealle {float: right; padding: 0px 0px 0px 20px;}
.vasempaan {float: left; padding: 0px 20px 0px 0px;}
.oikea-clear {clear: right;}
.vasen-clear {clear: left;}

input { border: 1px solid #CFD6E0; }

/* Linkit */
a:link {color: #0f5c9e; text-decoration: none;}
a:visited {color: #7f8292; text-decoration: none;}
#bannerit a:visited {color: #0f5c9e; text-decoration: none;}
a:hover {color: #0f5c9e; text-decoration: underline;}
a:focus {color: #0f5c9e; text-decoration: underline;}
a:active {color: #0f5c9e; text-decoration: underline;}

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

h1 {font-size: 2.2em; line-height: 1.3;}
h2 {font-size: 1.4em; line-height: 1.3;}
h3 {font-size: 1.3em; line-height: 1.3;} h4, h5, h6 { font-size: 1.2em; line-height: 1.3;}
td, th { font-size: 1.2em; line-height: 1.5;}

#palsta table.thenkilo .ttiedot ul li, #palsta-levea table.henkilo .tiedot ul li,  #palsta .henkilo .tiedot ul li,
#palsta-levea .henkilo .tiedot ul li, #palsta li, #palsta-levea li, #kriisi-ilmoitus p, #kriisi-ilmoitus li,
#kriisi-ilmoitus-otsikko a {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em;}

#modulit-etusivu h4 span, .linkkilaatikko h4 span {font-size: 1.2em; font-weight: bold;}
.linkkilaatikko h4 {font-size: 1.4em; }
#etusivu-palsta #oikeapalsta a { color: #000; }

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

.korostettu li, .korostettu li, #modulit-etusivu p, #modulit-etusivu li, #palsta .linkkilaatikko li, .linkkilaatikko dt, .linkkilaatikko dd, #palsta-levea .linkkilaatikko li, #dokumenttipolku, #tyokalut p, #tyokalut div li, .caption, .linkkilaatikko li, #sivunavigaatio a, #vaakanavi a,  #searchbox {font-size: 1.2em;}

#oikeapalsta p, #oikeapalsta li, #palsta .kuvitusoikealla, #palsta-levea .kuvitusoikealla,
#palsta .kuvitusvasemmalla, #palsta-levea .kuvitusvasemmalla, #palsta .kuvituskeskella, #palsta-levea .kuvituskeskella, .rsslinkki, .lisaalinkki, .lisaa, .rsslinkki, #tyokalut #tyokalualatunniste p, #searchbox {font-size: 1.1em;}

#apulinkit a {font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #fff; } /* Ei skaalata */
#apulinkit { font-size: 1.1em; color:#fff; }

#alatunniste, #alatunniste-artikkeli {font-size: 1.0em;}

.nostot p  {font-size: 1.2em; line-height: 1.4;}
.kakkosnosto p, #palsta p, #palsta-levea p, #osioetusivu-palsta p, .info h1, .info h2, .info h3, .info h4, .info h5, .info h6, .info p {font-size: 1.2em; line-height: 1.4;}

#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.8em;}
#etusivu-palsta .paanosto p {font-size: 1.4em;}
.nostot h4, .korostettu h4 {font-size: 1.5em;}
.linkkilaatikko strong {font-weight: normal;}
#teemanosto-wrapper h4 {font-family: Georgia, Times, serif; font-size: 1.9em; font-weight: normal;}
#teemanosto-wrapper span, #teemanosto-wrapper p {font-size: 1.1em; line-height: 1.6;}
#tyokalut div .otsikko {font-size: 1.1em; font-weight: bold;}
#tyokalut div .isootsikko {font-size: 1.3em; font-weight: bold;}
#palsta p.ingress, #palsta p.ingressi {font-size: 1.2em; line-height: 1.4;}
th, .info p {font-weight: normal;}
#palsta-levea pre, #palsta-levea math, #palsta-levea code, #palsta-levea code sample {font-size: 1.1em; font-family: "Andale mono", courier, "MS Courier New", "Courier New", monospace;}

/* 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;}


/* 2. Sivun taitto
***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */
#page-wrapper {
	background: #fff;
	border: 1px solid #cfd6e0;
        width: 1024px;
	overflow: hidden;
        margin: 20px auto 0px auto;
}

#tulostuskuva {display: none;}

/* Ylätunniste */
#ylatunniste { padding: 30px 0 20px 0; /* margin: 30px auto 20px auto; */ text-align: left; /* ZZZheight: 195px; */ overflow: hidden; width: 1024px;}
#ylatunniste-wrapper {margin: 0px 0px 0px 0px; padding: 0 0 0 40px;}
/* #paasite-linkki {height: 40px; left: 0px; line-height: 40px; overflow: hidden; position: absolute; top: 0px; width: 200px; z-index: 2;} */
#ylatunniste-wrapper div {float: left; }
#paasite-linkki {display: none;}
#paasite-linkki a {color: #fff;}
/* #tunnus {float: left; margin: 0px 10px 0px 0px; width: 160px; height: 130px} */
#tunnus {display: none;}
#tunnus a {display: block; height: 130px; text-decoration: none; width: 160px;}
#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;}
#yhteystiedot li {display: inline; float: left; padding: 0px 35px 0px 0px;}
#yhteystiedot li strong {display: block;}
#yhteystiedot li a {color: #000;}
#yhteystiedot #yhteystiedot-sivulle {float: right; padding: 5px 14px 0px 0px;}

/*Apunavi*/
/* #apunavi {margin: 48px auto 0px auto; text-align: left; color: #fff; line-height: 40px; overflow: hidden; position: absolute; top: 4px; width: 1024px; padding-left: 420px; z-index: 1;} */
#apunavi {margin: 20px 0 0 100px; }
#apunavi a {color: #fff;}
/* #apunavi-wrapper {float: left; width: 1024px;} */
#searchandfont {float: left; color: #000; }
#searchbox, #kirjasintoiminnot {float: none !important; }
#searchandfont td {text-align: left; vertical-align: middle; padding: 2px;}
.btn { border: none; text-indent: -9999px; background: url('nuoli_oik.gif') no-repeat top left; width: 40px; height: 25px;}
.ie_hack_margin { line-height: 0; height: 0; margin: 0; padding: 0!important;}
#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 {background: #f6f7f9 url(haku_bkg_top.gif) left top repeat-x; border: 1px solid #f9fcff; height: 18px; padding: 2px 0px 0px 0px; width: 150px;}

#vaakanavi {    width: 1024px;
		height: 2em;
		overflow: hidden;
	        margin: 8px auto 0px auto;
		border-top: #CFD6E0 solid 1px; 
		/* text-transform: uppercase; */
		letter-spacing: 0.03em; 
		background: #0f5c9d url(navipalkki.png) left top repeat-x;}

#vaakanavi ul {  /* width: 100%; */ margin: 0; padding: 4px 0 0 151px; border: none; list-style: none; clear: both; }
#vaakanavi ul li { text-align: center; margin: 0; color: #5D3D1E; padding: 0 17px; border: 0; float: left; display: inline; position: relative; line-height: 1em; height: 2em; }
/* #vaakanavi ul li:hover { background-color: #ACD9EC;} */
#vaakanavi ul li a { color: #fff; text-decoration: none; display: block; }
#vaakanavi ul li a:hover { text-decoration: underline;}
#vaakanavi ul li.valittu a { color: #fff; text-decoration: underline; display: block; }
/* #vaakanavi ul li.valittu, 
#vaakanavi ul li.valittu:hover, 
#vaakanavi ul li.taso1 ul li.valittu, 
#vaakanavi ul li.taso1 ul li.valittu:hover { background-color: #ACD9EC; color: #fff; }  */
#vaakanavi1, #vaakanavi2 { float: left; }
#apulinkit { width: 245px; float: right; padding: 2px 0px 0px 0px; text-align: left; }

    #paanavigaatio ul li.valittu ul li a,
    #paanavigaatio ul li.valittu ul li.valittu a, 
    #paanavigaatio ul li.valittu ul li.valittu a:hover { color: #5d3d1e; font: 1.2em Arial,Helvetica,sans-serif; text-decoration: underline; }


#sisalto-wrapper {
	background: #fff;
/* 	border-right: #fff solid 2px; border-bottom: #fff solid 2px; border-left: #fff solid 2px; */
        width: 1024px;
/*        margin: 48px auto 0px auto; */
        margin: 0px auto 0px auto;
        text-align: left;
	overflow:hidden;
        border-right: #CFD6E0 solid 1px;
        border-top: #CFD6E0 solid 1px;}

#pagefooter {
background: #ffffff url(alapalkkitausta.png) repeat scroll center top;
	/* background: #E6E8EE; #fff #346b9d; */
	color: #333;
        /* width: 1024px; */
        margin: 0px auto 0px auto;
	padding: 10px 200px 10px 200px;
        text-align: left; 
border-top: #CFD6E0 solid 1px;
}
#pagefooter a {
	color: #333; /* #fff; */ }
#pagefooter td { padding: 10px; font-size: 1.1em;}
#pagefooter ul { /* padding-left: 10px; */}
#pagefooter ul li { padding-bottom: 10px; font-weight: bold; }
#pagefooter ul li ul li { padding-bottom: 0; font-weight: normal; }

/* #sisalto-etusivu, #sisalto {float: left; margin: 0px 19px 0px 0px; width: 813px; border-left: #CFD6E0 solid 1px; } */
#sisalto-etusivu, #sisalto {float: left; margin: 0px; padding: 0 0 0 0; width: 870px; border-left: #CFD6E0 solid 1px; /* border-right: 1px solid #CFD6E0; */ }
#dokumenttipolku { width: 580px; /* float: left; position: absolute; */ margin-bottom: -50px;}
#alatunniste, #alatunniste-artikkeli {display: none; float: left; margin: 0px -3px 0px 0px; padding: 35px 0px 20px 15px; width: 870px; border-top: #CFD6E0 solid 1px;}

/* Sivunavigaatio */
#sivunavigaatio {float: left; margin: 0px 0px 0px 0px; padding-left: 0px; /* min-height: 440px; */ width: 152px;}
#sivunavigaatio-hattu {height: 14px; width: 152px;}
#sivunavigaatio ul {float: left; min-height: 248px; padding: 8px 0px 8px 0px; width: 152px;}
#sivunavigaatio ul li {float: left; margin: 0px 0px 0px 0px; width: 152px;}
#sivunavigaatio ul li a {color: #5d3d1e; display: block; padding: 3px 0px 2px 15px; text-decoration: none;}
#sivunavigaatio ul li a.valittu {text-decoration: underline; /* background: #ACD9EC; color: #FFFFFF; */ }
#sivunavigaatio ul li a:hover, #sivunavigaatio ul li a:focus { text-decoration: underline; /* background: #ACD9EC; */ }
#sivunavigaatio ul li ul {background: none; min-height: 0px; padding: 0px;}
#sivunavigaatio ul li ul li {background: none; margin: 0px; padding: 0px 0px 0px 14px; width: 138px;}
#sivunavigaatio ul li ul li ul li{background: none; margin: 0px; padding: 0px 0px 0px 14px; width: 124px;}
/* #sivunavigaatio ul li ul li.valittu {background: #ACD9EC;} */
#sivunavigaatio ul li#etusivu a {background: none;}
#sivunavigaatio ul li#etusivu a.valittu {text-decoration: underline; /* background: #ACD9EC; */ }
#sivunavigaatio ul li#etusivu a:hover, #sivunavigaatio ul li a:focus {text-decoration: underline; /* background: #ACD9EC; */ }


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

/* Etusivupalsta */
#etusivu-palsta {float: left; width: 855px; padding-left: 15px; /* padding-top: 25px; padding-bottom: 20px; */ }
#etusivukeskipalsta { padding-top: 10px; /* padding-bottom: 50px; */ float: left; width: 580px; border-right: 1px solid #CFD6E0;}

#osioetusivu-palsta { padding-top: 50px; }

#osioetusivu-palsta p.ingressi2 { display: none; }

	/* Kriisi-ilmoitus */
	#kriisi-ilmoitus-otsikko {background-color: #990000; color: #fff; float: left; margin: 0; text-align: center; width: 814px;}
	#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: 707px;}
    #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 #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;}

    .nosto-erotin { padding:0; height: 3px; margin: 0 0 0 -15px; background:#FFFFFF url(erotin.gif) repeat-x scroll left bottom; clear: both;}

	/* Päänosto */
	#etusivu-palsta .paanosto {background: #fff url(erotin.gif) left bottom repeat-x; padding: 10px 0px 10px 0px; width: 814px;}
	#etusivu-palsta .paanosto h1 {margin: 0px 0px 10px 0px;}
	#etusivu-palsta .paanosto p {background: none;}
	#etusivu-palsta .paanosto img {float: left; padding: 0px 20px 0px 0px;} /*UM* Lisätty */

	/* Lisää nostoja */
	.nostot-wrapper {float: left; width: 513px;} /*UM*Tätä ei käytetä*/
	.nostot { /* background: #fff url(nostot-tausta.gif) left top repeat-y; float: left; */ padding: 10px 0px 0px 0px; } 
        #etusivu-palsta .nostot { /* width: 850px; */}
	.nostot h4 {margin: 0px 0px 0px 0px;}
	.nostot p { /* background: #fff url(erotin.gif) left bottom repeat-x; */ padding: 10px 15px 10px 0px; overflow: hidden; }
        .nostot img { float: right;  padding: 0px 0px 10px 10px;}
        .kakkosnosto img { float: left; padding: 10px 10px 0px 0;}

	/* Korostettu */
	.korostettu {background: #fff url(nostot-tausta.gif) left top repeat-y;  float: left; padding: 10px 15px 10px 0px; width: 498px;}
	.korostettu h4 {margin: 0px 0px 10px 0px;}
	.korostettu li {margin: 0px 0px 10px 0px;}
	.korostettu .lisaa {float: left; width: 249px;}
	.korostettu .tilaa {float: right; text-align: right; width: 247px;}
	.korostettu .rss {background: #fff url(rss-icon-small.gif) right center no-repeat; padding: 0px 20px 0px 0px;}

        #oikeapalsta { border-top: 1px dotted #ECEBE4; margin-left: -15px; padding-left: 15px;}
        #oikeapalsta div { float: left; width: 285px; }
        #oikeapalsta h4 { padding-top: 10px; padding-bottom: 5px;}
        #oikeapalsta div.oikeapalstavasen { padding-bottom: 50px; border-right: 1px dotted lightgray; width: 270px; padding-right:5px; margin-right: 10px; } 

	/* Modulit */
	#modulit-etusivu { display: inline; /* background: #fff url(modulit-tausta.gif) left top repeat-y; float: right; */ margin: 0px 0px 0px -1px; padding: 15px 0px 15px 15px; width: 340px;}
	#modulit-etusivu div { /* background: #fff url(erotin.gif) left bottom repeat-x; margin: 0px 0px 20px 0px; padding: 0px 0px 5px 0px; width: 186px; overflow: hidden; */ }
	#modulit-etusivu div.viimeinen {background: none;}
	#modulit-etusivu h4 { /* background: url(otsikko-tausta-vasen.png) left top no-repeat; */ margin: 0px 0px 5px 0px; padding: 0px 0px 0px 13px;}
	#modulit-etusivu h4 span { /* background: url(otsikko-tausta-oikea.png) right top no-repeat; */ display: block; line-height: 1.0; padding: 7px 13px 7px 0px;}
	#etusivu-palsta #modulit-etusivu div.vakio h4 { /* background: #c4ae51 url(otsikko-tausta-vasen-ruskea.png) left top no-repeat; */ }
	#etusivu-palsta #modulit-etusivu div.vakio h4 span { /* background: #c4ae51 url(otsikko-tausta-oikea-ruskea.png) right top no-repeat; */}
	#modulit-etusivu p {padding: 5px 0px 5px 10px;}
	#modulit-etusivu ul {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 {margin: 0px 0px 25px 0px;}

	/* Ajankohtaista */
	#ajankohtaista-linkit { /* float: left; width: 513px; */}
	#etusivu #ajankohtaista-linkit { /* float: left; width: 400px; */ padding-top:10px;}
	#linkki-wrapper { /* float: left; width: 513px; */}
	.linkkilaatikko { /* float: left; */ margin: 0px 0px 15px 0px; padding: 0px 0px 1px 0px; /* width: 282px; */}
	.linkkilaatikko.tapahtumat {float: right; margin: 0px 15px 0px 25px; width: 191px;}
	.linkkilaatikko h4 {margin: 0px 0px 5px 0px; padding: 0;}
	.linkkilaatikko h4 span {background: url(otsikko-tausta-oikea.png) right top no-repeat; display: block; padding: 7px 13px 7px 0px;}
	.linkkilaatikko ul { /* float: left; */ list-style-type: none; padding: 0;}
	.linkkilaatikko li {padding: 5px 0px 5px 0px;}
	.linkkilaatikko .viimeinen {background: none;}
	.linkkilaatikko .lisaa {margin: 0.5em 0 0 0; }
	.linkkilaatikko dt {float: left; clear: left; padding: 1px 0px 3px 0px !important; border: 0 !important; margin:0 !important;}
	.linkkilaatikko dd {padding: 1px 0px 3px 0px !important; border: 0 !important; margin: 0 0 0 6em !important;}
	.kakkosnosto {padding-top:10px;}
	#etusivu .linkkilaatikko .lisaa {float:right;}
	.linkkilaatikko .lisaalinkki {float: left;}
	.linkkilaatikko .rsslinkki {float: right; text-align: right;}
	.linkkilaatikko .rss {background: #fff url(rss-icon-small.gif) right center no-repeat; padding: 0px 20px 0px 0px;}
	.linkkilaatikko.kalenteri li {float: left;}
	.linkkilaatikko.kalenteri .lisaa {width: 282px;}
	.linkkilaatikko.kalenteri .lisaa a {display: block; width: 100%;}
	.linkkilaatikko.kalenteri a {display: block; float: right; width: 200px;}
	.linkkilaatikko.kalenteri strong {float: left; overflow: hidden; width: 72px;}
	.linkkilaatikko.tapahtumat ul {padding: 0px 10px 0px 10px;}
	.linkkilaatikko.tapahtumat .lisaa {width: 191px;}
	.linkkilaatikko.tiedotteet strong {display: block;}
	.linkkilaatikko.tiedotteet .tilaa {width: 146px;}

	.linkkilaatikko.levea {float: left; margin: 0px 15px 15px 0px; width: 498px;}
	.linkkilaatikko.levea .lisaa, .linkkilaatikko.levea .tilaa {width: 249px;}
	.linkkilaatikko.kalenteri.levea .lisaa {width: 498px;}
	.linkkilaatikko.kalenteri.levea a {width: 416px;}
	.linkkilaatikko.kalenteri.levea .lisaa a {width: 498px;}
	.date {color: #666;}
	.ryhma {margin-bottom: 10px;}
	.linkkilaatikko img { float:none!important; }

	#teemanosto {background: url(teemanosto-tausta.png) left bottom no-repeat; float: left; margin: 20px 0px 0px 0px; padding: 0px 0px 5px 0px; width: 814px;}
	#teemanosto-wrapper {background: url(teemanosto-wrapper-tausta.png) left top repeat-y; float: left; width: 814px;}
	#korostukset {background: url(teemanosto-korostukset-tausta.png) left top no-repeat; float: left; padding: 15px 0px 15px 15px; width: 363px;}
	#uutishuone {background: url(teemanosto-uutishuone-tausta.png) right top no-repeat; float: right; padding: 15px 35px 15px 60px; width: 240px;}
	#teemanosto-wrapper h4 {margin: 0px 0px 10px 0px;}
	#korostukset li {float: left; padding: 0px 0px 10px 0px; width: 363px;}
	#korostukset img {float: left; width: 66px;}
	#korostukset span {float: left; padding: 5px 0px 0px 12px; width: 285px;}
	#uutishuone img {margin: 0px 0px 5px 0px;}

        .lainaus { color: #666; font-style: italic; font-size: 1.3em !important; line-height: 1.3 !important; padding-top: 10px; padding-bottom: 10px;}
        .teematausta { /* background: #e6e8ee; padding: 5px; */ }

/* Bannerit */
#bannerit { float: right ; padding: 20px 0px 0px 0px; width: 263px!important; /* clear:both; border-top: 1px dotted #ECEBE4; */ }
#bannerit img {float: left; padding: 0px 16px 0px 16px;}

#osioetusivu-palsta #artikkeli { float: left; width: 150px; margin-right: 20px; height:180px;}
#osioetusivu-palsta #artikkeli p { margin: 0; }

.kuvanosto {
  position: relative;
  margin-bottom: 10px;
}
.kuvanostonteksti {
  position: absolute;
  bottom: 0;
  background-color: rgba(255,255,255,0.8);
  font-size: 12px;
  padding: 5px 10px;
}

/* 4. Sisältösivut
***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */
#dokumenttipolku {padding: 25px 0px 10px 15px; }

#palsta, #osioetusivu-palsta {float: left; padding: 25px 10px 50px 15px; /* padding: 30px 15px 20px 15px */; width: 570px; border-right: 1px solid #CFD6E0;}
#palsta-levea {float: left; padding: 50px 10px 50px 15px;  width: 840px; }
	#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 10px 0px;}
	#palsta h5.osio, #palsta-levea h5.osio {margin: 0 0 5px 0; padding: 0px;}
	#palsta h1, #palsta-levea h1, #osioetusivu-palsta h1 {margin: 0px 0px 0px 0px;}
	#palsta p, #palsta-levea p {margin: 15px 0px 0px 0px;}
	#osioetusivu-palsta p {margin: 0px 0px 10px 0px; font-size: 12px;}

	#palsta div div ul li span { padding-right: 5px;  color: #666; display: block; float: left;}
	#palsta div div ul li { clear: both;}
	#palsta div div ul { list-style-type: none; padding: 0; margin: 0;}
	#palsta div div ul li { padding: 0; }

    .picturesTable td, .picturesTable table {border: 0 !important;}

    #palsta table, #palsta-levea table {/* border-right: 1px solid #8C94AA; border-top: 1px solid #8C94AA; */ clear: both; color: #333; 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: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; list-style-type: square; color: #333}
    #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 {color: #333; margin: 0px 0px 0px 20px;}
    #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; color: #333}
    #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: 2px 5px 2px 5px;}
    #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: #666; float: right; margin: 13px 2px 10px 20px; width: 215px;}
    #palsta .kuvitusvasemmalla, #palsta-levea .kuvitusvasemmalla {color: #666; float: left;  margin: 13px 20px 10px 0px; padding-right: 1px; width: 215px;}
    #palsta .kuvituskeskella,   #palsta-levea .kuvituskeskella   {color: #666; float: none;  margin: 13px auto; text-align: center; }
    #osioetusivu-palsta .kuvitusoikealla   {color: #666; float: right; margin: 0 2px 10px 20px; }
    #osioetusivu-palsta .kuvitusvasemmalla {color: #666; float: left;  margin: 0 20px 10px 0px; padding-right: 1px; }
    #osioetusivu-palsta .kuvituskeskella   {color: #666; float: none;  margin: 0 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 {color: #333; float: left; margin: 0px 0px 25px 0px; padding: 0px; width: 498px;}
	#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: 398px;}
	#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: 3px 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ökuntaboxi taulukko*/
	#palsta table.thenkilo, #palsta-levea table.thenkilo {margin: 10px 0px 25px 0px; border: none; padding: 0px;}
	#palsta table.thenkilo .thlokuva, #palsta-levea table.thenkilo .thlokuva {border: none; margin: 0px; padding: 0px; width: 100px;}
	#palsta table.thenkilo .ttiedot, #palsta-levea table.thenkilo .ttiedot {border: none; padding: 0px 0px 0px 10px; width: 357px;}
	#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; margin: 3px 0px 0px 0px; padding: 0px 0px 4px 0px;}
	#palsta table.thenkilo .ttiedot ul, #palsta-levea table.henkilo .tiedot ul {list-style: none; margin: 6px 0px 0px 0px; padding: 0px;}
	#palsta table.thenkilo .ttiedot ul li, #palsta-levea table.henkilo .tiedot ul li {background: url(bullet.gif) 3px 3px no-repeat; margin: 0px; padding: 0px 0px 0px 16px;}
		
    #palsta .atticon, #palsta-levea .atticon {float: none; vertical-align: middle; margin: 0px 5px 0px 0px;}

/* Jutun alun ankkurilinkit */
#ankkurit { border-top: 1px dotted #0F5C9D; border-bottom: 1px dotted #0F5C9D; font: 0.9em/1.1em Arial, Helvetica, sans-serif; padding: 5px 0px; margin: 1em 0 0 0; }
    #ankkurit ul { margin: 0px; padding: 0px; color: #0F5C9E; list-style: square inside; }
    #ankkurit ul li { margin: 0 0 2px 0; padding: 0; }
    #ankkurit ul li a { text-decoration: none; color: #0F5C9E; }
    #ankkurit ul li a:hover { text-decoration: underline; }


	/* Lisainfoboksi */
	.info {background: #f7f8fa; border: 3px double #a9adbc; color: #660000; float: right; width: 215px; padding: 5px; margin: 12px 0px 0px 5px; }
	.info h1, .info h2, .info h3, .info h4, .info9 h5, .info h6 {border-bottom: 1px solid #333333; color: #333333; margin: 10px 0px 0px 0px; padding: 0px; }
	.info p {color: #333333; margin: 10px 0px 10px 0px; }
	.info a {color: #00207c; text-decoration: none;}
	.info li, .info li p { font: 0.9em/1.6em Arial, Helvetica, sans-serif; color: #333333; margin-bottom: 0.9em;}

    #info0, #info1, #info2, #info3, #info4, #info5, #info6, #info7, #info8, #info9 {
	background: #E6E8EE;
	border: 1px solid #0F5C9D;
	float: right;
	margin: 1.2em 0 0 0.5em;
	padding: 5px;
	width: 240px;
	}

	/* Ajankohtaista-linkit */
	#palsta #ajankohtaista-linkit {background: none;}
	#palsta #ajankohtaista-linkit .linkkilaatikko {margin: 15px 0px 0px 0px;}
	#palsta #ajankohtaista-linkit strong, #palsta-levea #ajankohtaista-linkit strong {display: inline;}
	#palsta #ajankohtaista-linkit h4 {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;}
	#palsta #ajankohtaista-linkit ul {list-style-type: none; margin: 0px; padding: 0px 0px 0px 10px; width: 488px;}
	#palsta #ajankohtaista-linkit li {margin: 0px; padding: 5px 0px 5px 0px; border: none;}
	#palsta #ajankohtaista-linkit li.lisaa {margin: 0px 0px 0px -10px;}
	#palsta #ajankohtaista-linkit .linkkilaatikko.matkustustiedote .tilaa {margin: 0px 0px 0px -10px; width: 498px;}

	/* Sivukartta */    
	#sivukartta {  }
	#sivukartta a {color: #1B2E60;}
	#sivukartta img {float: none; height: 12px; margin: 0px 0px -1px 0px; width: 12px; }
	#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: 814px;}
	#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 {background: #fff url(erotin.gif) left top repeat-x; padding: 5px 0px 0px 0px; width: 498px;}
	#ankkurit ul {background: #fff url(erotin.gif) left bottom repeat-x; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 20px; width: 478px;}
	#ankkurit ul li {width: 472px;}
	
	/* hakutulos */
	#searchresults {margin-top: -10px;}
	#searchresults a {color: #1B2E60;}
    #searchresults h3 {margin-top: 10px; padding: 0px; font-weight: normal;}
    #searchresults p {margin: 0px; padding: 0px;}
    #searchresults h3 p {font-size: 0.8em;}
    #searchresults .type {color: #009900;}
    #searchresults .domain {color: #666;}
	#searchCriteria p {color:#fff; margin: 0;}
	#searchCriteria p strong, #searchCriteria p span, #searchCriteria p input  {color: #000;}
	#searchCriteria p input.checkbox, #searchCriteria p input[type="checkbox"] {display:none;}


#tyokalut {float: right; margin: 0px 0px 0px 0px; padding: 20px 0 0 0px; width: 272px; /* 263px; */}
#tyokalut img {display: inline; text-align: center;}
#tyokalut img .piilotettu {display: none !important;}
#tyokalut div { /* margin: 3px 0px 0px 0px; padding: 1px 0px 1px 15px; */ }
#tyokalut div { /* background: #fff url(erotin.gif) left top repeat-x;  width: 248px; */}
#tyokalut div.painikkeet {  margin: 3px 0px 0px 0px; padding: 1px 0px 1px 15px; background: #fff url(erotin.gif) left bottom repeat-x; /* width: 256px; */ }
#tyokalut #share { display: inline; background: #fff; }
#tyokalut div .otsikko, #tyokalut div .isootsikko {margin: 0px; padding: 7px 13px 3px 15px; /* width: 235px; */ background: #fff;}
#tyokalut div ul {background: #fff; margin: 4px 0px 0px 2px; padding: 0px 0px 0px 13px; width: 173px;}
#tyokalut div li {background: #fff; margin: 0px; padding: 3px 0px 3px 0px; width: 173px;}
#tyokalut div li.viimeinen {background: none; background: #fff;}
/* #sisalto #tyokalut #tyokalualatunniste {background: #fff url(erotin.gif) left top repeat-x; margin: 20px 0px 0px 0px; padding: 5px 5px 0px 5px; width: 176px;} */
#tyokalut #tyokalualatunniste {background: #fff url(erotin.gif) left top repeat-x;  color: #888; text-align: right; padding: 5px; }
#tyokalut p, #tyokalut h1, #tyokalut h2, #tyokalut h3, #tyokalut h4, #tyokalut h5 { margin: 10px 10px 10px 15px; }
#tyokalut h2 {
	font-size: 1.8em;
}
#tyokalut h3 {
	font-size: 1.5em;
}
#tyokalut h2, #tyokalut h3, #tyokalut h4, #tyokalut h5{
	/* padding-left: 15px; */
	padding-top: 10px;
}
ul.ranskis {
    list-style: none;
    padding-left: 1em;
	margin-left: 20px !important;
}
ul.ranskis li:before {
    display: inline-block;
    content: "-";
    width: 13px;
    margin-left: -15px;
}

#painikkeet {float: right; text-align: right; width: 814px;}
#painikkeet img {display: inline; text-align: right;}





/* 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 */



/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/* PrettyPhoto */
div.oma a.pp_next, div.oma a.pp_previous {outline:0;}
div.oma .pp_left, div.oma .pp_middle, div.oma .pp_right, div.oma .pp_content { background: #fff; }
div.oma .pp_content .ppt { color: #000; }
div.oma .pp_content { background: #fff; }
div.oma .pp_expand { background: url(prettyPhoto/oma/sprite.png) -31px -26px no-repeat; cursor: pointer; }
div.oma .pp_expand:hover { background: url(prettyPhoto/oma/sprite.png) -31px -47px no-repeat; cursor: pointer; }
div.oma .pp_contract { background: url(prettyPhoto/oma/sprite.png) 0 -26px no-repeat; cursor: pointer; }
div.oma .pp_contract:hover { background: url(prettyPhoto/oma/sprite.png) 0 -47px no-repeat; cursor: pointer; }
div.oma .pp_close { width: 22px; height: 22px; background: url(prettyPhoto/oma/sprite.png) -1px -1px no-repeat; cursor: pointer; }
div.oma #pp_full_res .pp_inline { color: #000; }
div.oma .pp_loaderIcon { background: url(prettyPhoto/oma/loader.gif) center center no-repeat; }
div.oma .pp_gallery a.pp_arrow_previous,
div.oma .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.oma .pp_arrow_previous { background: url(prettyPhoto/oma/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; }
div.oma .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.oma .pp_arrow_next { background: url(prettyPhoto/oma/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; }
div.oma .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.oma .pp_nav { margin-top: 0; }
div.oma .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.oma .pp_nav .pp_play { background: url(prettyPhoto/oma/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.oma .pp_nav .pp_pause { background: url(prettyPhoto/oma/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
div.oma .pp_next:hover { background: url(prettyPhoto/oma/btnNext.png) center right no-repeat; cursor: pointer; }
div.oma .pp_previous:hover { background: url(prettyPhoto/oma/btnPrevious.png) center left no-repeat; cursor: pointer; }div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;font-size: 1.2em;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;position: relative;}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}.pp_gallery li.default a{background: url(prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url(prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}

.kuvitus1 {
    color: #666666;
    float: left;
    font-size: 1.1em;
    line-height: 1.6em;
    margin: 1.3em 2em 1em 0;
    padding-right: 0.1em;
    width: 215px;
}

.kuvitus2 {
    color: #666666;
    float: right;
    font-size: 1.1em;
    line-height: 1.6em;
    margin: 1.3em 0.2em 1em 2em;
    width: 215px;
}

.kuvitus3 {
    color: #666666;
    font-size: 1.1em;
    line-height: 1.6em;
    margin: 1.3em 0.2em 1em 0;
    width: 100%;
}

.kuvitus4 {
    color: #666666;
    float: left;
    font-size: 1.1em;
    line-height: 1.6em;
    margin: 1.3em 2em 1em 0;
    padding-right: 0.1em;
    width: 165px;
}
.kuvitus6 {
    color: #666666;
    float: right;
    font-size: 1.1em;
    line-height: 1.6em;
    margin: 1.3em 0.2em 1em 2em;
    width: 165px;
}

img.kuva1
{
    width: 215px;
}
img.kuva2
{
    width: 215px;
}
img.kuva3
{
    width: 565px;
}
img.kuva4
{
    width: 165px;
}
img.kuva6
{
    width: 165px;
}