/* Yleisia */
body { margin: 0px; padding: 0px; font: 12px/18px Arial, Helvetica, sans-serif; behavior: url(pics/behaviour.html) }
body.alasivu { background: white url(sivunavigaatio_tausta.gif) repeat-y; }
body.etusivu, body.kuvakertomus { background-color: white; }

form { margin: 0; padding: 0; }

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

/* yleisia tyyleja */
.oikealle { float: right; }
.vasempaan { float: left; }
.oikea-clear { clear: right; }
.vasen-clear { clear: left; }
.clear-molemmat { clear:both; }
.piilotettu { display: none; }

/* lomake-elementit */
.tekstikentta-label { display: block; float: left; width: 200px; }
.tekstikentta { width: 170px; float: right; }
.tekstikentta-palaute { width: 170px; float: right; margin-right: 75px; }
.lahetys { margin-top: 25px; }

#sisaltoon { display: none; }
#tulostuskuva { display: none; }

/* Ylatunniste */ 
#ylatunniste { background: #D3E193 url(ylatunniste_tausta.jpg) left top repeat-x; height: 10em; }
#ylatunniste-wrapper { width: 71em; } /* IE hack */

#osoite { position: absolute; top: 5px; left: 20px; font: 11px Arial; color: #381101; }
    #osoite a { font: 11px Arial; color: #296F2C; text-decoration: none; }
#apulinkit { position: absolute; font: 11px Arial, Helvetica, sans-serif; color: #296F2C; top: 6px; left: 519px; float: right; }
    #apulinkit a  { text-decoration: none; color: #000; }
    #apulinkit a:hover {  text-decoration: underline; }

#tunnus { background: url(tunnus.jpg) no-repeat bottom left; height: 10em; width: 659px; } 
#tunnus a { display: block; float: left; width: 280px; height: 10em; text-decoration: none; }
#tunnus img { display: none; float: right; margin-top: 4em; }

#ylatunniste-tyokalut { width: 188px; float: right; height: 8.5em; }
#kirjasin_toiminnot { margin: 4.4em 0 1em 0; text-align: right; float: right; }
#kirjasin_toiminnot img { margin-left: 6px; border: 0px }
    
#haku { display: none; font: 11px Arial; float: right; } 
    #haku td.ie_hack_margin { line-height: 0.1em; }
    #haku input { font: 11px Arial, Helvetica, sans-serif; }
    #haku input.hakutermi { font: 11px Arial, Helvetica, sans-serif; color: #555555; background-color: #FDF0BA; border: 1px solid #DA4D00; width: 152px }

      
/* Paanavigaatio */
#paanavigaatio-wrapper { background: #296f2c url(navigaatio_tausta.png) center left no-repeat; width: 100%; }
* html #paanavigaatio-wrapper {background: #296f2c url(navigaatio_tausta.gif) center left no-repeat;} /* IE saa GIF-kuvan */
#paanavigaatio-clear { display: none; } /* IE ei tarvitse tata tyylia, kts. seuraava rivi */
html>body #paanavigaatio-clear { display: block; clear: both; } /* Ei nayteta IE:lle */
#paanavigaatio { display: block; font: 11px Arial, Helvetica, sans-serif; width: 790px; }
    #paanavigaatio ul { height: 24px; margin: 0; padding: 0; border: none; list-style: none; clear: both; }
    #paanavigaatio ul li.taso1 { text-align: center; margin: 0; padding: 0 5px; border: 0; float: left; display: inline; position: relative; border-left: 1px solid white; width: 7em; }
    #paanavigaatio ul li:hover { color: white; background-color: #717d00; }
    /* 1-tason linkkivarit */
    #paanavigaatio ul li a { font: bold 13px/24px Arial, Helvetica, sans-serif; color: white; text-decoration: none; display: block; }
    #paanavigaatio ul li.valittu a { color: white; text-decoration: none; display: block; }
    /* Jotta wrappays toimii, annetaan ID kaikille elementeille */
    
    #paanavigaatio ul li#uutiset { margin-left: 10px; width:6em;}
	
    #paanavigaatio ul li#ilmastonmuutosjakehitys { width: 17em; }
    #paanavigaatio ul li#lainattavanayttely { width: 13em; }
    #paanavigaatio ul li#linkit { width: 5em; }
	#paanavigaatio ul li#kouluille{ width: 7em; }
    #paanavigaatio ul li#yhteystiedot { width: 9em;  border-right: 1px solid white;  }
	
/*    #paanavigaatio ul li#julkaisut { width: 6em; }
    #paanavigaatio ul li#kampanjat { width: 6em; }
    #paanavigaatio ul li#globaalikasvatus { width: 10em; }
    #paanavigaatio ul li#kirjasto { width: 5em; }
    #paanavigaatio ul li#keskustelut { width: 7em; }
    #paanavigaatio ul li#tietoameista { width: 9em; border-right: 1px solid white; }*/

/*sv*/
    #paanavigaatio ul li#nyheter { margin-left: 10px; width:6em;}
	
    #paanavigaatio ul li#klimatforandringochutveckling { width: 19em; }
    #paanavigaatio ul li#utstallningen { width: 8em; }
    #paanavigaatio ul li#lankar{ width: 5em; }
    #paanavigaatio ul li#kontaktuppgifter{ width: 10em;  border-right: 1px solid white;  }



    /* Valitun taustavari */
    #paanavigaatio ul li.valittu, 
    #paanavigaatio ul li.valittu:hover, 
    #paanavigaatio ul li.taso1 ul li.valittu, 
    #paanavigaatio ul li.taso1 ul li.valittu:hover { background-color: #717d00; color: black; } 
    
    #paanavigaatio ul li.valittu ul li a { color: black; font: 11px/14px Arial,Helvetica,sans-serif; }
    #paanavigaatio ul li.valittu ul li.valittu a, 
    #paanavigaatio ul li.valittu ul li.valittu a:hover { color: white; font: 11px/14px Arial,Helvetica,sans-serif; }

    /* Alanavi */
    #paanavigaatio ul li.taso1 ul { text-align: left; position: absolute; top: 2.55em; list-style: none; padding: 0px; margin-top: -5px; border: none; background-color: #fff; visibility: hidden; z-index: 1000; } 

    /* Alanavin mouseover */
    #paanavigaatio ul li:hover ul, 
    #paanavigaatio ul li:hover li:hover ul, 
    #paanavigaatio ul li:hover li:hover li:hover ul { visibility: visible; color: white; }

    /* Alanavin yleiset ominaisuudet */
    #paanavigaatio ul li ul { text-align: left; position: absolute; top: 35px; left: 0px; list-style: none; padding: 0px; border: none; background-color: #717d00; visibility: hidden; z-index: 1000; } 
    #paanavigaatio ul li ul li { text-align: left; display: block; float: left; position: static; background-color: #cedf91; color: black; width: 180px; border-left: 1px solid #717d00; border-right: 1px solid #717d00; }
    #paanavigaatio ul li ul li.ensimmainen { border-top: 1px solid #717d00; border-right: 1px solid #717d00; }
    #paanavigaatio ul li ul li.viimeinen { border-bottom: 1px solid #717d00; border-right: 1px solid #717d00; }
    #paanavigaatio ul li ul li a { display: block; font: 11px/14px Arial,Helvetica,sans-serif; margin: 5px; color: black; width: 170px; }
    #paanavigaatio ul li ul li a:hover, 
    #paanavigaatio ul li ul li:hover a { color: white; }
    
/* 2-tason navigaatio eli osionavigaatio */        
#sivunavigaatio { background: url(taustaleijona.gif) top center no-repeat; float: left; width: 197px; font: 0.9em Arial, Helvetica, sans-serif; height: 300px; overflow: visible; } /* Koska IE ei tue min-height -maaretta */
      #sivunavigaatio #osionimi { font: 1.2em Arial, Helvetica, sans-serif; font-weight: bold; color: #144417; margin: 10px 0px 5px 10px; padding: 0px; font-weight: bold; border: none; }
      #sivunavigaatio div { margin: 9px; border-top: 1px solid #296f2c; } 
      #sivunavigaatio a { color: #144417; text-decoration: none; font-weight: normal; } 
      #sivunavigaatio a:hover { text-decoration: underline; } 
      #sivunavigaatio a.valittu { color: black; text-decoration: none; font-weight: bold; } 
      #sivunavigaatio a.valittu:hover { text-decoration: underline; } 
      #sivunavigaatio ul { margin: 0; padding: 0; list-style: none; }
      #sivunavigaatio ul li { margin: 0; padding: 2px; border-bottom: 1px solid #296f2c; font-weight: bold; }
      #sivunavigaatio ul li ul { margin: 0; padding: 0; }
      #sivunavigaatio ul li ul li { margin: 0; padding: 0 0 0 10px; list-style: none; border: none; background: url(sivunavigaatio_nuoli.gif) no-repeat; }
      #sivunavigaatio ul li ul li.sel { margin: 0; padding: 0 0 0 10px; list-style: none; border: none; background: url(sivunavigaatio_nuoli_sel.gif) no-repeat; }
      #sivunavigaatio ul li ul li ul li { margin: 0; padding: 0 0 0 10px; list-style: none; border: none; background: url(sivunavigaatio_nuoli.gif) no-repeat; }
      #sivunavigaatio ul li ul li.sel ul li { margin: 0; padding: 0 0 0 10px; list-style: none; border: none; background: url(sivunavigaatio_nuoli.gif) no-repeat; }
      #sivunavigaatio ul li ul li.sel ul li.sel { margin: 0; padding: 0 0 0 10px; list-style: none; border: none; background: url(sivunavigaatio_nuoli_sel.gif) no-repeat; }


      
/* Sisalto */

/* etusivu */
#sisalto-etusivu { width: 870px; padding: 0px; z-index: 500; background: white url(etusivu_tausta.jpg) no-repeat; }

#etusivu-palsta { width: 619px; float: left; margin: 20px 0 15px 10px; min-height: 579px;}
* html #etusivu-palsta {height: 579px;}
html>body #etusivu-palsta { width: 629px; float: left; margin: 20px 0 15px 10px; } /* IE-piilotus */

/* Osioetusivu */
#sisalto-wrapper { width: 74em;; background: url(sisalto-wrapper_tausta.gif) repeat-y 0 0; }
#sisalto { margin-left: 197px; width: 665px; padding: 0px 0px 0px 12px; z-index: 500; background: url(sisalto_tausta.gif) no-repeat 0 0; }

#osioetusivu-palsta { width: 619px; padding-top: 20px; float: left; margin: 0 0 50px 10px; min-height: 300px;}
* html #osioetusivu-palsta {height: 300px;}
html>body #osioetusivu-palsta { width: 629px; padding-top: 20px; float: left; margin: 0 0 50px 10px; } /* IE-piilotus */
    #nostot { border: 0px solid #fff; padding: 0 17px 17px 40px; margin: 0 0 15px 0; width: 500px;}
    #nostot h1 { font: bold 1.4em/1.6em Arial, Helvetica, sans-serif; margin: 5px 0px; }
    #nostot h2, #nostot h3, #nostot h4, #nostot h5, #nostot h6 { font: bold 1em/1.1em Arial, Helvetica, sans-serif; }
	#nostot span {font-size: 1.2em;}
            #nostot a { color: #296F2C; }
            #nostot a:link { text-decoration: none; } 
            #nostot a:visited { text-decoration: none; }
            #nostot a:hover { text-decoration: underline; } 
            #nostot a:active { text-decoration: none; }

	/*Lisätty tasonesittelyä varten*/
	#etusivu-palsta span {font-size: 1.2em;}
            #etusivu-palsta p a { color: #296F2C; }
            #etusivu-palsta p a:link { text-decoration: none; } 
            #etusivu-palsta p a:visited { text-decoration: none; }
            #etusivu-palsta p a:hover { text-decoration: underline; } 
            #etusivu-palsta p a:active { text-decoration: none; }

    #nostot img { float: right; border: 0; margin: 0.2em 0.6em 0.2em 0.2em; }
    
    .nosto-erotin { width: 100%; padding: 10px 0px; padding: 0; font-size: 1px; line-height: 1px; border-bottom: 1px solid #007B7E; }
    
    #ajankohtaista-linkit { width: 619px; margin-top: 15px; }
    html>body #ajankohtaista-linkit { width: 629px; } /* IE-piilotus */

        #etusivu-palsta #ajankohtaista-linkit #linkki-wrapper { float: left; padding: 0px 0px 0px 35px;}
        #ajankohtaista-linkit #linkki-wrapper { float: left;}
        html>body #ajankohtaista-linkit #linkki-wrapper { float: left; } /* IE-piilotus */

            #ajankohtaista-linkit .linkkilaatikko { width: 48%; float: left; margin: 0px 0px 15px 0px;}
			#etusivu-palsta #ajankohtaista-linkit .linkkilaatikko {display: inline; margin: 0px 0px 15px 280px;}
            #ajankohtaista-linkit .linkkilaatikko .lisaa { text-align: right; border-top: 1px dotted #296F2C; border-bottom: 1px dotted #296F2C;  padding: 0.3em 0 0.5em 0; }
            #ajankohtaista-linkit .linkkilaatikko .lisaa img { margin-bottom: -2px; }

            #ajankohtaista-linkit #linkit { width: 48%; float: right; xbackground-color: #EBF6F4; }
            #ajankohtaista-linkit #linkit-keskustelu { width: 99%; float: right; }
            #ajankohtaista-linkit #linkit-etusivu { width: 48%; float: right; background-color: #EBF6F4;}

        /* linkkinostojen sisallon marginaali */
        #ajankohtaista-linkit .linkkilaatikko div, #ajankohtaista-linkit #linkit div, #ajankohtaista-linkit #linkit-etusivu div { margin: 5px; }
            /* Ryhmitellaan linkkilaatikoiden linkit luettavuuden parantamiseksi */
            #ajankohtaista-linkit .linkkilaatikko div ul { margin: 0; padding: 0; list-style: none; font-size: 1em; }
            #ajankohtaista-linkit .linkkilaatikko div ul li { margin: 0.5em 0; padding: 0; line-height: 1.3em; } 

            #ajankohtaista-linkit #linkit .ryhma div ul, #ajankohtaista-linkit #linkit-etusivu .ryhma div ul { margin: 0; padding: 0; list-style: none; font-size: 0.9em; }
            #ajankohtaista-linkit #linkit .ryhma div ul li, #ajankohtaista-linkit #linkit-etusivu .ryhma div ul li { margin: 0.5em 0; padding: 0; line-height: 1.3em; border-bottom: 1px solid #007B7E; } 
            #ajankohtaista-linkit #linkit .ryhma div ul li a, #ajankohtaista-linkit #linkit-etusivu .ryhma div ul li a { margin: 0.5em 0; padding: 0; font-size: 1.1em; font-weight: bold; } 
            
            #ajankohtaista-linkit .linkkilaatikko a, #ajankohtaista-linkit #linkit a, #ajankohtaista-linkit #mainospaikka a, #ajankohtaista-linkit #linkit-etusivu a  { color: #296F2C; }
            #ajankohtaista-linkit .linkkilaatikko a:link, #ajankohtaista-linkit #linkit a:link, #ajankohtaista-linkit #mainospaikka a:link, #ajankohtaista-linkit #linkit-etusivu a:link { text-decoration: none; } 
            #ajankohtaista-linkit .linkkilaatikko a:visited, #ajankohtaista-linkit #linkit a:visited, #ajankohtaista-linkit #mainospaikka a:visited, #ajankohtaista-linkit #linkit-etusivu a:visited { text-decoration: none; }
            #ajankohtaista-linkit .linkkilaatikko a:hover, #ajankohtaista-linkit #linkit a:hover, #ajankohtaista-linkit #mainospaikka a:hover, #ajankohtaista-linkit #linkit-etusivu a:hover { text-decoration: underline; } 
            #ajankohtaista-linkit .linkkilaatikko a:active, #ajankohtaista-linkit #linkit a:active, #ajankohtaista-linkit #mainospaikka a:active, #ajankohtaista-linkit #linkit-etusivu a:active { text-decoration: none; }
            
            #ajankohtaista-linkit #linkit a { font-size: 0.9em; }
            
            #ajankohtaista-linkit .linkkilaatikko h1, #ajankohtaista-linkit .linkkilaatikko h2, #ajankohtaista-linkit .linkkilaatikko h3, #ajankohtaista-linkit .linkkilaatikko h4, #ajankohtaista-linkit .linkkilaatikko h5, #ajankohtaista-linkit .linkkilaatikko h6 { font: bold 1em/1.2em Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 0 5px;  }

            #ajankohtaista-linkit #linkit .ryhma { margin-bottom: 10px; }
            #ajankohtaista-linkit #linkit-keskustelu .ryhma { margin-bottom: 10px; }
            #ajankohtaista-linkit #linkit-keskustelu .ryhma h1, #ajankohtaista-linkit #linkit-keskustelu .ryhma h2, #ajankohtaista-linkit #linkit-keskustelu .ryhma h3, #ajankohtaista-linkit #linkit-keskustelu .ryhma h4, #ajankohtaista-linkit #linkit-keskustelu .ryhma h5, #ajankohtaista-linkit #linkit-keskustelu .ryhma h6 { font: bold 1em/1em Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
            #ajankohtaista-linkit #linkit h1, #ajankohtaista-linkit #linkit h2, #ajankohtaista-linkit #linkit h3, #ajankohtaista-linkit #linkit h4, #ajankohtaista-linkit #linkit h5, #ajankohtaista-linkit #linkit h6 { font: bold 0.9em/1em Arial, Helvetica, sans-serif; color: white; margin: 0px; padding: 6px; background-color: #007B7E; }

            #ajankohtaista-linkit #linkit-etusivu .ryhma { margin-bottom: 10px; }
            #ajankohtaista-linkit #linkit-etusivu h1, #ajankohtaista-linkit #linkit-etusivu h2, #ajankohtaista-linkit #linkit-etusivu h3, #ajankohtaista-linkit #linkit-etusivu h4, #ajankohtaista-linkit #linkit-etusivu h5, #ajankohtaista-linkit #linkit-etusivu h6 { font: bold 1.1em/1.0em Arial, Helvetica, sans-serif; margin: 0px; padding: 4px 4px 4px 5px; background-color: #007B7E; color: white; }
            
        #ajankohtaista-linkit #mainospaikka-wrapper { width: 140px; float: right; }
        #ajankohtaista-linkit #mainospaikka { width: 140px; float: left; text-align: center; line-height: 1.1em; }
        #ajankohtaista-linkit #mainospaikka img { display: block; margin-bottom: 10px; }
    
/* Artikkelisivun formatointi */
#palsta { width: 467px; padding: 32px 0 20px 10px; float: left; min-height: 300px;}
* html #palsta {height: 300px;}
#palsta-levea { width: 665px; padding: 20px 0 0 10px; float: left; min-height: 300px;}
* html #palsta-levea {height: 300px;}
    #palsta h1, #palsta-levea h1 { font: 2em/1.2em Arial, Helvetica, sans-serif; margin-top: 0px; font-weight: bold; }
    #palsta h2, #palsta-levea h2 { font: bold 1.15em/1.2em Arial, Helvetica, sans-serif; margin: 2em 0 0 0; padding: 0px; color: #333333; }
    #palsta h3, #palsta h4, #palsta h5, #palsta h6,
    #palsta-levea h3, #palsta-levea h4, #palsta-levea h5, #palsta-levea h6 { font: bold 1em/1.2em Arial, Helvetica, sans-serif; margin: 2em 0 0 0; padding: 0px; color: #333333; }
    #palsta h5.osio, #palsta-levea h5.osio { margin: 0; padding: 0; }
    #palsta h5.kuvakertomus, #palsta-levea h5.kuvakertomus { margin: 0; padding: 0; }
    
    #palsta a, #palsta-levea a, #osioetusivu-palsta a { color: #296F2C; }
    #palsta a:link, #palsta-levea a:link, #osioetusivu-palsta a:link{ text-decoration: none; } 
    #palsta a:visited, #palsta-levea a:visited, #osioetusivu-palsta a:visited { text-decoration: none; color: #800080; }
    #palsta a:hover, #palsta-levea a:hover, #osioetusivu-palsta a:hover { text-decoration: underline; background: none; } 
    #palsta a:active, #palsta-levea a:active, #osioetusivu-palsta a:active { text-decoration: none; }

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

    #palsta table, #palsta-levea table { border-right: 1px solid #8C94AA; border-top: 1px solid #8C94AA; border-spacing: 0; border-collapse: collapse; width: 100%; empty-cells: show; margin: 1em 0 1em 0; padding: 0; font: 12px/18px Arial, Helvetica, sans-serif; color: #333333; clear: both; }
    #palsta tr, #palsta-levea tr { margin: 0; padding: 0 }
    #palsta td, #palsta tbody td, #palsta-levea td, #palsta-levea tbody td { margin: 0; padding: 5px; border-left: 1px solid #8C94AA; border-bottom: 1px solid #8C94AA; vertical-align: top }
    #palsta thead td, #palsta tfoot td, #palsta-levea thead td, #palsta-levea tfoot td { margin: 0; padding: 5px; border-bottom: 1px solid #8C94AA; background: #ECEBE4; vertical-align: top; text-align:center }
    #palsta caption, #palsta-levea caption { margin: 1em 0 0 2em; caption-side: top; width: auto; text-align: left; font-style: italic }
    #palsta .sarakeotsikko, #palsta .sarakeotsikkooikeatasaus,
    #palsta-levea .sarakeotsikko, #palsta-levea .sarakeotsikkooikeatasaus { background-color: #d4e193; color: #111; font-weight: bold; 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 ul, #palsta-levea ul { margin: 0 0 0 1em; padding: 0 0 0 1em; list-style-type: square; font: 1em/1.3em Arial, Helvetica, sans-serif; color: #333333 }
    #palsta ul ul, #palsta-levea ul ul { margin: 0 0 0 0.6em; padding: 0.1em 0 0.3em 0.6em; list-style-type: circle; }
    #palsta ol, #palsta-levea ol { font: 1em/1.3em Arial, Helvetica, sans-serif; color: #333333 }
    #palsta ol ol, #palsta-levea ol ol { margin: 0 0 0 0.6em; padding: 0em 0 0.3em 0.6em; list-style-type:  upper-roman; }
    #palsta ol ul, #palsta-levea ol ul { margin: 0 0 0 0.6em; padding: 0em 0 0.3em 0.6em; list-style-type: circle; }
    #palsta li, #palsta-levea li { margin: 0.6em 0 0 0; padding: 0 0 0 0; }

    #palsta ul a, #palsta-levea ul a { color: #296F2C; }

    #palsta dl, #palsta-levea dl { margin: 1em 0 0 0; font: 1em/1.3em Arial, Helvetica, sans-serif; color: #333333 }  
    #palsta dt, #palsta-levea dt { margin: 1em 0 0.5em 0; }  
    #palsta dd, #palsta-levea dd { border-left: 1px solid #ECEBE4; padding: 0 0 0.5em 0.5em; margin: 0 }  

    #palsta blockquote, #palsta-levea blockquote { margin: 1em 3em 0 1em; padding: 1em; font-style: italic; background: #F7F7F4; border: 1px dotted #ECEBE4}
    #palsta blockquote p, #palsta-levea blockquote p { margin: 1em 0 0 0; padding: 0; font-style: italic; }

    #palsta pre, #palsta math, #palsta code, #palsta code sample,
    #palsta-levea pre, #palsta-levea math, #palsta-levea code, #palsta-levea code sample { margin: 1em 0 0 0; font: 1em/1.3em "Andale mono", courier, "MS Courier New", "Courier New", monospace } 
    #palsta abbr, #palsta-levea abbr { border-bottom: 1px dotted #8C94AA }
    
    #palsta blink, #palsta-levea blink { text-decoration: none }    

    #palsta hr, #palsta-levea hr { margin: 2em 0 2em 0; padding: 0; border: none; border-top: 3px double #999999; background: none; text-align:center }

    #palsta img, #palsta-levea img  { border: 0; float: right; margin: 0.2em 0 0.2em 0.2em }
    
    /* Kuvaboksit */
    
    #palsta .kuvitusoikealla, #palsta-levea .kuvitusoikealla { float: right; margin: 1.3em 0.2em 1em 2em; width:290px; font: 0.9em/1.1em Arial, Helvetica, sans-serif; color: #555555 }
	#palsta .kuvitusoikealla2 { float: right; margin: 1.3em 0.2em 1em 2em; width:200px; font: 0.9em/1.1em Arial, Helvetica, sans-serif; color: #555555 }
    #palsta .kuvitusvasemmalla, #palsta-levea .kuvitusvasemmalla { float: left; margin: 1.3em 02em 1em 0; padding-right: 0.1em; width: 215px; font: 0.9em/1.1em Arial, Helvetica, sans-serif; color: #555555 }
    #palsta .kuvituskeskella, #palsta-levea .kuvituskeskella { float: none; margin: 1.3em auto; font: 0.9em/1.1em Arial, Helvetica, sans-serif; color: #555555; xtext-align: center;  }
    #palsta .kuva, #palsta-levea .kuva { display: block; float: none; border: none; margin: 0; padding-bottom: 0.5em } 

    #palsta .lisaa, #palsta-levea .lisaa { text-align: right; border-top: 1px dotted #9A2135; border-bottom: 1px dotted #9A2135; padding: 2px; margin: 15px 0; }

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

/* Maat a-z -sivulla IE:n tueksi jaetaan sivu kahtia */
    #palsta #maat-vasen { float: left; width: 49%; }
    #palsta #maat-oikea { float: right; width: 49%; }
    #palsta #maat-vasen div, #palsta #maat-oikea div { margin-bottom: 15px; }
    
/* tyokalut, aiheeseen liittyvat jne boksit, yleensa oikealla (myös etusivun modulit) */
#modulit-etusivu { width: 195px; float: right; margin-bottom: 15px; }

#tyokalut { font: 11px/12px Arial, Helvetica, sans-serif; width: 166px; float: right; margin-top: 15px; }
    #tyokalut img, #modulit-etusivu img { border: none; }
    #tyokalut img.viimeinen, #modulit-etusivu img.viimeinen { border: none; margin-left: 5px; } /* Luokkamaare tassa siksi, etta saadaan valistys kahden kuvan valiin */
    #tyokalut div { margin: 18px 0px; padding: 0px 0px 3px 0px; background-color: #dee398; }
	
    #tyokalut div.otsikko, #modulit-etusivu div.otsikko {background-color: #296f2c; margin: 0px; padding: 0px 5px; font: bold 11px/21px Arial, Helvetica, sans-serif; color: white; border: none; }  
    #tyokalut div.otsikko2 {background-color: #296f2c; margin: 0px; padding: 4px 5px; font: bold 11px/13px Arial, Helvetica, sans-serif; color: white; border: none; }  
    
	#modulit-etusivu div.moduli { border: none; line-height: 1.2em; margin: 18px 0px; padding: 0px 0px 10px 0px; border-bottom: 0px solid #296F2C }
    #modulit-etusivu div.raamit { border: 1px dotted #01247E; } /* Jos modulilla on raamit, tata kaytetaan */

    #modulit-etusivu div.moduli p { margin: 5px; }
    #modulit-etusivu div.moduli img { display: block; margin-bottom: 10px; }
    #modulit-etusivu div.moduli a { color: #296F2C; text-decoration: none; }
    #modulit-etusivu div.moduli a:hover { text-decoration: underline; }
    #tyokalut ul, #modulit-etusivu ul { margin: 0.5em 5px 0.5em 5px; padding: 0px; color: #296F2C; list-style: disc inside; }
    #tyokalut ul li, #modulit-etusivu ul li { margin: 0.5em 0 0 0; padding: 0 0 0.5em 0; border-bottom: 1px solid #296f2c; }
    #tyokalut ul li a, #modulit-etusivu ul li a { text-decoration: none; color: #296F2C; }
    #tyokalut ul li a:hover, #modulit-etusivu a:hover { text-decoration: underline; }
    #tyokalut form {display:none;} /*piilotetaan muut kielivaihdot kuin pääkielet koska ne eivät toimineet oikein*/
    #tyokalut select, #modulit-etusivu select { font: 11px Arial, Helvetica, sans-serif; color: black; width: 142px; margin: 0px 0px 0px 3px; }
    #tyokalut #tyokalualatunniste { border: none; border-top: 3px solid #007B7E;  }
    #tyokalut #tyokalualatunniste p { font: 11px/12px Arial, Helvetica, sans-serif; margin-top: 6px; padding: 0px 6px; }
    #tyokalut #tyokalualatunniste a { color: #296F2C; text-decoration: none; }
    #tyokalut #tyokalualatunniste a:hover { color: #296F2C; text-decoration: underline; }

    #dokumenttipolku { border-bottom: 1px solid #2b6827; font: 11px/13px Arial, Helvetica, sans-serif; padding: 10px 0px; }
    #dokumenttipolku a { font: 11px/13px Arial, Helvetica, sans-serif; color: #144417; text-decoration: none; }
    #dokumenttipolku a:hover { text-decoration: underline; }

    .ingress { font: 1.2em/1.6em Arial, Helvetica, sans-serif; color: #333333; margin-bottom: 15px; }
    #sisalto p { font: 1em/1.6em Arial, Helvetica, sans-serif; color: #333333; margin: 1em 0 0 0 }

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

/* Lisainfoboksi */
#info0, #info1, #info2, #info3, #info4, #info5, #info6, #info7, #info8, #info9 { color: #000; float: right; width: 215px; padding: 5px; margin: 1.2em 0 0 0.5em; border: 1px solid #296F2C; background-color: #DEE398; }
    #info0 h1, #info0 h2, #info0 h3, #info0 h4, #info0 h5, #info0 h6,
    #info1 h1, #info1 h2, #info1 h3, #info1 h4, #info1 h5, #info1 h6,
    #info2 h1, #info2 h2, #info2 h3, #info2 h4, #info2 h5, #info2 h6,
    #info3 h1, #info3 h2, #info3 h3, #info3 h4, #info3 h5, #info3 h6,
    #info4 h1, #info4 h2, #info4 h3, #info4 h4, #info4 h5, #info4 h6,
    #info5 h1, #info5 h2, #info5 h3, #info5 h4, #info5 h5, #info5 h6,
    #info6 h1, #info6 h2, #info6 h3, #info6 h4, #info6 h5, #info6 h6,
    #info7 h1, #info7 h2, #info7 h3, #info7 h4, #info7 h5, #info7 h6,
    #info8 h1, #info8 h2, #info8 h3, #info8 h4, #info8 h5, #info8 h6,
    #info9 h1, #info9 h2, #info9 h3, #info9 h4, #info9 h5, #info9 h6 { font: bold 1em/1.6em Arial, Helvetica, sans-serif; border-bottom: 1px solid #333333; color: black; margin: 10px 0 0 0; padding: 0px; }
    #info p { font: 0.9em/1.6em Arial, Helvetica, sans-serif; color: black; margin: 10px 0px; }
    #info a { color: #296F2C; text-decoration: none; }
    #info a:hover { text-decoration: underline; background: none; }

/* Sivukartta */    
#sivukartta {  }
#sivukartta ul{font-weight:bold;}
#sivukartta ul ul, #sivukartta ul ul ul{font-weight:normal}

/*
    #sivukartta img { float: none; margin-bottom: -0.1em; height: 1em; width: 1em; }
    #sivukartta ul, #sivukartta ul ul, #sivukartta ul ul ul, #sivukartta ul ul ul ul, #sivukartta ul ul ul ul ul { list-style: none; }
*/
	
	
/* hakutulos */
h1#noDate { font: 2em/1.2em Arial, Helvetica, sans-serif; font-weight: bold; }
#searchresults { margin-top: -1em; }
    #searchresults h3 { margin-top: 1em; padding: 0; }
    #searchresults p { margin: 0; padding: 0; }
    #searchresults .type { color: #009900; }
    #searchresults .domain { color: #666; }

/* Kalenteri */
#kalenteri { width:655px }
    #kalenteri table td.sarakeotsikko a { padding-right: 15px; background: url(jarjesta.gif) center right no-repeat; display: block; }
    #kalenteri table td.sarakeotsikko a:hover { background: transparent url(jarjesta.gif) center right no-repeat; }    
    
    
/* Ennen alatunnistetta tulevat tulosta ja laheta-painikkeet */
#painikkeet { margin: 30px 0px; text-align: right; clear: both; }
    #painikkeet img { border: none; margin-left: 6px; }
 
#alatunniste { text-align: center; margin: 0 0 10px 0; padding: 0px 0px 0px 15px; height: 30px; font: 11px/30px Arial, Helvetica, sans-serif; clear: both; border-top: 1px solid #fff; background-color: #d4e193; }
      #alatunniste a, #alatunniste-yhteystiedot a { color: #296F2C; text-decoration: none; }
      #alatunniste a:hover, #alatunniste-yhteystiedot a:hover { text-decoration: underline; }
      .etusivu #alatunniste { margin-left: 10px }

#alatunniste-osioetusivu { margin-bottom: 30px; padding: 5px 0 6px 0; font: 11px/12px Arial, Helvetica, sans-serif; border-top: 1px solid #9dc024; clear: both; background-color: #9dc024; }
      #alatunniste-osioetusivu a { color: #296F2C; text-decoration: none; }
      #alatunniste-osioetusivu a:hover { text-decoration: underline; }

#alatunniste-artikkeli { text-align: center; margin: 0 0 30px 9px; padding: 5px 0 6px 0; font: 11px/12px Arial, Helvetica, sans-serif; border-top: 1px solid #9dc024; clear: both; background-color: #9dc024; }
      #alatunniste-artikkeli a { color: #296F2C; text-decoration: none; }
      #alatunniste-artikkeli a:hover { text-decoration: underline; }
      
/* Keskustelu */
#keskustelu { margin: 0 0 15px 10px; }
    #keskustelu table { font: normal 13px/17px Arial, Helvetica, sans-serif; }
    #keskustelu a { color: #296F2C; text-decoration: none; }
    #keskustelu a:hover { text-decoration: underline; }
    #keskustelu a:link { color: #296F2C; }
    #keskustelu a:active { color: #296F2C; }
    #keskustelu a:visited { color: #800080; }

    #keskustelu input.painike { background-color: #296F2C; color: white; font-weight: bold; border-left: 2px solid #996666; border-top: 2px solid #996666; border-right: 2px solid #330000; border-bottom: 2px solid #330000; }
    #keskustelu #keskusteluPuu { width: 97%; margin-bottom: 15px; }
    #keskustelu #keskusteluPuu .rowHeader {  }
        #keskustelu #keskusteluPuu .rowHeader td { background-color: #9A2135; font: bold 13px/17px Arial, Helvetica, sans-serif; color: white; padding: 2px; }
    #keskustelu #keskusteluPuu .row {  }
        #keskustelu #keskusteluPuu .row td { background-color: #EBF6F4; font: normal 13px/17px Arial, Helvetica, sans-serif; }
    #keskustelu #keskusteluPuu .rowAlternate { }
        #keskustelu #keskusteluPuu .rowAlternate td { background-color: #D9EDE9; font: normal 13px/17px Arial, Helvetica, sans-serif; }
        
/* Kuvakertomukset */

#kuvakertomukset, #kuvakertomukset-esikatselu { margin: -20px 0 15px 5px; padding: 20px 0px; float: left; }
    /* kuvakertomukset etusivu */
    #kuvakertomukset td { margin: 0; padding: 0.6em 5px 0.6em 0; border-bottom: 1px solid #B86371; font: normal 12px/14px Arial, Helvetica, sans-serif; }
    #kuvakertomukset .kertomus img { float: left; display: block; margin: 0 0.5em 1em 0; }
    #kuvakertomukset a { color: #296F2C; text-decoration: none; font-weight: bold; }
    #kuvakertomukset-esikatselu #lisainfo a { color: #296F2C; text-decoration: none; }
    #kuvakertomukset a:hover, #kuvakertomukset-esikatselu #lisainfo a:hover { text-decoration: underline; }
    #kuvakertomukset a:link, #kuvakertomukset-esikatselu #lisainfo a:link { color: #296F2C; }
    #kuvakertomukset a:active, #kuvakertomukset-esikatselu #lisainfo a:active { color: #296F2C; }
    #kuvakertomukset a:visited, #kuvakertomukset-esikatselu #lisainfo a:visited { color: #800080; }
    #kuvakertomukset a.ed_seur { display: inline-block; margin-right: 15px; }
    
    #kuvakertomukset h1, #kuvakertomukset h2, #kuvakertomukset h3, 
    #kuvakertomukset h4, #kuvakertomukset h5, #kuvakertomukset h6 { font: bold 12px/14px Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: black; }   

    #kuvakertomukset td p { margin: 0; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; }
    #kuvakertomukset td.raamiton { border: none; }
    
    /* kuvakertomusten thumbnailit */
    #kuvakertomukset-esikatselu table { text-align: center; }    
    #kuvakertomukset-esikatselu table td { width:116px; height:139px; border: 1px solid #B86371; font: normal 11px Arial, Helvetica, sans-serif; color: #222222; text-align: center; }
    #kuvakertomukset-esikatselu table td img { display: block; text-align: center; margin: 2em auto 0 auto; }    

    #kuvakertomukset-esikatselu #apu { font: 1em/1.2em Arial, Helvetica, sans-serif; color: #666666; margin: 0 0 0 7px; }
    #kuvakertomukset-esikatselu #lisainfo { font: 1em/1.2em Arial, Helvetica, sans-serif; margin-top: 15px; }
        #kuvakertomukset-esikatselu h1, #kuvakertomukset-esikatselu h2, #kuvakertomukset-esikatselu h3, 
        #kuvakertomukset-esikatselu h4, #kuvakertomukset-esikatselu h5, #kuvakertomukset-esikatselu h6 { font: bold 12px/14px Arial, Helvetica, sans-serif; margin: 0 0 0 8px; padding: 0; color: black; }   
        #kuvakertomukset-esikatselu #lisainfo ul { margin: 0 0 0 1em; padding: 0 0 0 1em; list-style-type: square; font: 1em/1.3em Arial, Helvetica, sans-serif; color: #333333 }
        #kuvakertomukset-esikatselu #lisainfo ul ul { margin: 0 0 0 0.6em; padding: 0.1em 0 0.3em 0.6em; list-style-type: circle; }
        #kuvakertomukset-esikatselu #lisainfo li { margin: 0.6em 0 0 0; padding: 0 0 0 0; }

    /* kuvakertomukset popup */
#kuvakertomukset-katselu { margin: 10px auto; width: 80%; }
    #kuvakertomukset-katselu h5.kuvakertomus-ylaotsikko { font: normal 0.9em Arial, Helvetica, sans-serif; color: #666666; margin-bottom: -1em; }
    #kuvakertomukset-katselu table#kuvakertomus-ylatunniste td { font: normal 0.9em Arial, Helvetica, sans-serif; color: black; }
    #kuvakertomukset-katselu table#kuvakertomus-ylatunniste a { color: #296F2C; text-decoration: none; }
    #kuvakertomukset-katselu table#kuvakertomus-ylatunniste a:hover { text-decoration: underline; }
    #kuvakertomukset-katselu table#kuvakertomus-ylatunniste a:link { color: #296F2C; }
    #kuvakertomukset-katselu table#kuvakertomus-ylatunniste a:active { color: #296F2C; }
    #kuvakertomukset-katselu table#kuvakertomus-ylatunniste a:visited { color: #800080; }

    #kuvakertomukset-katselu table#kuvataulukko { border-top: 1px solid black; border-bottom: 1px solid black; }
    #kuvakertomukset-katselu img#kuva { border: 1px solid #576169; }
    #kuvakertomukset-katselu #kuvateksti { padding: 1em; }
    #kuvakertomukset-katselu h2 { font-size: 14px; }
    #kuvakertomukset-katselu p { font-size: 12px; }
	
	
/* extra kuvastylet */


.send-error{color:red;}

.global_pic	{float: right; margin: 1.3em 0.2em 1em 2em; width:290px; font: 0.9em/1.1em Arial, Helvetica, sans-serif; color: #555555 }

#sendpage textarea{ width:200px;margin-left:25px; }