/* Yleisia */
body { margin: 0px; padding: 0px; font: 13px/17px Arial, Helvetica, sans-serif; behavior: url(/Public/gfx/gfx_2/global.finland.fi/behaviour.htc) }
body.alasivu { background-color: white; }
body.etusivu { background-color: white; }

form { margin: 0; padding: 0; }

/* clear ilman markupin lisaamista, jotta saadaan float-elementit "tayttamaan" isantaelementtinsa */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: 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; }
.piilotettu { display: none; }

/* lomake-elementit */
.tekstikentta-label { display: block; float: left; width: 200px; line-height: 22px; }
.tekstikentta { width: 200px; float: right; margin-right: 55px; }
.lahetys { margin-top: 25px; }

#sisaltoon { display: none; }
#tulostuskuva { margin: 20px 0 0px 40px; }
#sivu { }

/* Ylatunniste */ 
#ylatunniste { display: none; }

#tunnus { display: none; } 
#tunnus a { display: none; }
#apulinkit { display: none; }
#kirjasin_toiminnot { display: none; }
#yhteystiedot { display: none; }

#haku { display: none; } 

      
/* Paanavigaatio */            
#paanavigaatio { display: none; }
    
/* 2-tason navigaatio eli osionavigaatio */        
#sivunavigaatio { display: none;  } /* Koska IE ei tue min-height -maaretta */
      
/* Sisalto */

/* etusivu MUISTA STYLET ETUSIVUN PRINTTAUKSEEN */
#sisalto-etusivu { position: absolute; top: 154px; left: 0; width: 850px; _width: 870px; padding: 0px; z-index: 500; backround-color: white; }

/* Kriisi-ilmoitus */
#kriisi-ilmoitus-otsikko { text-align: center; font: normal 1.0em/1.6em Arial, Helvetica, sans-serif; color: white; background-color: #990000; margin: 10px 0 0 10px; }
#kriisi-ilmoitus-otsikko a, #kriisi-ilmoitus-otsikko a:link, #kriisi-ilmoitus-otsikko a:visited, #kriisi-ilmoitus-otsikko a:hover, #kriisi-ilmoitus-otsikko a:active { color: white; text-decoration: none; }

#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; z-index: 500; margin: 0 0 10px 10px; }
    #kriisi-ilmoitus #palsta1 { margin: 0 5px 3px 3px; float: left; }
    #kriisi-ilmoitus #palsta2 { padding: 5px; float: left; width: 280px; }
    #kriisi-ilmoitus #palsta3 { float: right; padding: 5px; }

    #kriisi-ilmoitus #palsta2 p { margin: 0; padding: 0; font: normal 1em/1.2em Arial, Helvetica, sans-serif; }
    #kriisi-ilmoitus #palsta2 h1 { font: bold 1.4em/1.6em Arial, Helvetica, sans-serif; margin: 0 0 5px 0px; padding: 0; }
    #kriisi-ilmoitus #palsta2 ul { margin: 1em 0 0 1em; padding: 0 0 0 1em; list-style-type: square; font: 1em/1.3em Arial, Helvetica, sans-serif; color: #333333 }
    #kriisi-ilmoitus #palsta2 li { margin: 0; padding: 0; }
    #kriisi-ilmoitus a { color: #00207c; }
    #kriisi-ilmoitus a:link { text-decoration: none; } 
    #kriisi-ilmoitus a:visited { text-decoration: none; }
    #kriisi-ilmoitus a:hover { text-decoration: underline; } 
    #kriisi-ilmoitus a:active { text-decoration: none; }

    
#etusivu-palsta { width: 619px; float: left; margin: 20px 0 15px 10px; }
html>body #etusivu-palsta { width: 629px; float: left; margin: 20px 0 15px 10px; } /* IE-piilotus */

/* Osioetusivu */
#sisalto { width: 410px; padding: 0 40px; z-index: 500; }
#osioetusivu-palsta { width: 619px; padding-top: 20px; float: left; margin: 0 0 50px 10px; }
html>body #osioetusivu-palsta { width: 629px; padding-top: 20px; float: left; margin: 0 0 50px 10px; } /* IE-piilotus */
    #nostot { border: 3px double #C6CEE7; padding: 0 17px 17px 17px; margin: 0 0 15px 0; }
    #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 a { color: #00237D; }
            #nostot a:link { text-decoration: none; } 
            #nostot a:visited { text-decoration: none; }
            #nostot a:hover { text-decoration: underline; } 
            #nostot a:active { text-decoration: none; }

    #nostot img { border: 0; float: right; margin: 0.2em 0 0.2em 0.2em; }
    
    .nosto-erotin { width: 100%; padding: 10px 0px; font-size: 1px; line-height: 1px; border-bottom: 1px dotted #C6CEE7; }
    
    #ajankohtaista-linkit { width: 619px; margin-top: 15px; }
    html>body #ajankohtaista-linkit { width: 629px; } /* IE-piilotus */

        #ajankohtaista-linkit #linkki-wrapper { float: left; }
        html>body #ajankohtaista-linkit #linkki-wrapper { float: left; } /* IE-piilotus */

            #ajankohtaista-linkit .linkkilaatikko { width: 48%; float: left; margin-bottom: 15px; }
            #ajankohtaista-linkit .linkkilaatikko .lisaa { text-align: right; border-top: 1px dotted #00237D; border-bottom: 1px dotted #00237D; padding: 2px; }
            #ajankohtaista-linkit .linkkilaatikko .lisaa img { margin-bottom: -2px; }

            #ajankohtaista-linkit #linkit { width: 48%; float: right; }
            #ajankohtaista-linkit #linkit-etusivu { width: 48%; float: right; }

        /* 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; } 
            #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: 1em; } 
            
            #ajankohtaista-linkit .linkkilaatikko a, #ajankohtaista-linkit #linkit a, #ajankohtaista-linkit #mainospaikka a, #ajankohtaista-linkit #linkit-etusivu a  { color: #00237D; }
            #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 0 5px 5px; padding: 0;  }

            #ajankohtaista-linkit #linkicokut .ryhma { border: 1px dotted #00237D; margin-bottom: 10px; }
            #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: normal 0.9em/1em Arial, Helvetica, sans-serif; margin: 0px; padding: 6px; background-color: #F1E7E7; }

            #ajankohtaista-linkit #linkit-etusivu .ryhma { border: 1px dotted #00237D; 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: normal 1.1em/1.0em Arial, Helvetica, sans-serif; margin: 0px; padding: 4px; background-color: #ECEBE4; color: #313131; }                
            
        #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: 610px; padding: 20px 0 20px 0; float: left; }
#palsta-levea { width: 665px; padding: 20px 0 0 0; float: left; }
    #palsta h1, #palsta-levea h1, #osioetusivu-palsta h1 { font: 2em/1.2em Arial, Helvetica, sans-serif; margin-top: 0px; font-weight: bold; }
    #palsta h2, #palsta-levea h2, #osioetusivu-palsta 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 a, #palsta-levea a { color: #002aff; }
    #palsta a:link, #palsta-levea a:link { text-decoration: none; } 
    #palsta a:visited, #palsta-levea a:visited { text-decoration: none; color: #800080; }
    #palsta a:hover, #palsta-levea a:hover { text-decoration: underline; background: #F7F7F4 } 
    #palsta a:active, #palsta-levea 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: 5; 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: #FDF3C7; 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: #00237d; }

    #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 }
    #palsta img.vasempaan, #palsta-levea img.vasempaan { border: 0; float: left; margin: 0 2em 0.2em 0 }
    
    /* Kuvaboksit */
    
    #palsta .kuvitusoikealla, #palsta-levea .kuvitusoikealla { float: right; margin: 1.3em 0.2em 1em 2em; width: 215px; font: 0.9em/1.1em Arial, Helvetica, sans-serif; color: #555555 }
    #palsta .kuvitusvasemmalla, #palsta-levea .kuvitusvasemmalla { float: left; margin: 1.3em 2em 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; text-align: center; }
        #palsta .kuvituskeskella img { margin: 0 auto; }
    #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 #00237D; border-bottom: 1px dotted #00237D; 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; }

	#palsta .atticon, #palsta-levea .atticon { float: none; vertical-align: middle; margin: 0 0.5em 0 0; }
    
/* 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&ouml;s etusivun modulit) */
#modulit-etusivu { width: 195px; float: right; margin: 0px 0 15px 10px; }

#tyokalut { display: none; font: 11px/12px Arial, Helvetica, sans-serif; width: 166px; float: right; margin-top: 15px; }
    #modulit-etusivu div.moduli { border: none; border-bottom: 1px dotted #01247E; line-height: 1.2em; margin: 18px 0px; padding: 0px 0px 10px 0px; }
    #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: #00207C; text-decoration: none; }
    #modulit-etusivu div.moduli a:hover { text-decoration: underline; }

    #dokumenttipolku { border-bottom: 1px solid #eda882; font: 11px/13px Arial, Helvetica, sans-serif; padding: 5px 0; }
    #dokumenttipolku a { font: 11px/13px Arial, Helvetica, sans-serif; color: #1B2E60; text-decoration: none; }
    #dokumenttipolku a:hover { text-decoration: underline; }

    #sisalto p.ingressi, #sisalto p.ingress { font: 1.2em/1.6em Arial, Helvetica, sans-serif; color: #000000; margin-bottom: 15px; }
    #sisalto p { font: 1em/1.5em Arial, Helvetica, sans-serif; color: #000000; margin: 1em 0 0 0 }

/* Jutun alun ankkurilinkit */
#ankkurit { border-top: 1px dotted #8091BE; border-bottom: 1px dotted #8091BE; font: 0.9em/1.1em Arial, Helvetica, sans-serif; padding: 5px 0px; margin: 1em 0 0 0; }
    #ankkurit ul { margin: 0px; padding: 0px; color: #00207C; list-style: square inside; }
    #ankkurit ul li { margin: 0px; padding: 0px; }
    #ankkurit ul li a { text-decoration: none; color: #00207C; }
    #ankkurit ul li a:hover { text-decoration: underline; }

/* Lisainfoboksi */
	/**KORJAUS - ALKU **/
    div #info0, #info1, #info2, #info3, #info4, #info5, #info6, #info7, #info8, #info9 { color: #666; float: right; width: 215px; padding: 5px !important; /* margin: 1.2em 0 0 0.5em;*/ margin:10px 0 10px 10px; border: 1px solid #cecece; border:2px solid #ff9966;}
    /** KORJAUS - LOPPU **/
    #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 { color:#333; font-size:14px; border-bottom: 1px solid #333333;  margin: 10px 0 0 0; padding: 0  0 0 5px; }
    #info0 p {  color: #666; margin: 10px 5px; }
    #info0 a:hover { text-decoration: underline; background: none; }
    #info0 li, #info0 li p {  color: #666; margin-bottom: 0.5em 0 0 0; line-height: 1.1em;}

/* Sivukartta */    
#sivukartta {  }
    #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; }    
    
/* Etusivun alaosan bannerit */    
#bannerit { width: 100%; margin: 10px; padding-top: 10px; border-top: 1px solid #939CB5; clear: both; }
    #bannerit img { border: none; display: inline; margin-left: 10px; }
    #bannerit img.ensimmainen { margin: 0; }
    
/* Ennen alatunnistetta tulevat tulosta ja laheta-painikkeet */
#painikkeet { display: none; margin: 30px 0px; text-align: right; clear: both; }
 
#alatunniste { margin: 0 0 10px 10px; padding: 0 0 0 15px; font: 11px/16px Arial, Helvetica, sans-serif; clear: both; }
      #alatunniste a, #alatunniste-yhteystiedot a { color: #00207C; text-decoration: none; }
      #alatunniste a:hover, #alatunniste-yhteystiedot a:hover { text-decoration: underline; }

#alatunniste-osioetusivu { margin-bottom: 30px; padding: 5px 0px 0px 0px; font: 11px/12px Arial, Helvetica, sans-serif; border-top: 3px solid #ed5300; clear: both; }
      #alatunniste-osioetusivu a { color: #00207C; text-decoration: none; }
      #alatunniste-osioetusivu a:hover { text-decoration: underline; }

#alatunniste-artikkeli { text-align: center; margin: 0 0 30px 9px; padding: 5px 0px 0px 0px; font: 11px/12px Arial, Helvetica, sans-serif; border-top: 3px solid #ed5300; clear: both; }
      #alatunniste-artikkeli a { color: #00207C; 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: #0f4679; text-decoration: none; }
    #keskustelu a:hover { text-decoration: underline; }
    #keskustelu a:link { color: #0f4679; }
    #keskustelu a:active { color: #0f4679; }
    #keskustelu a:visited { color: #800080; }

    #keskustelu input.painike { background-color: #ed5300; color: white; font-weight: bold; border-left: 2px solid #ffcdb1; border-top: 2px solid #ffcdb1; border-right: 2px solid #963601; border-bottom: 2px solid #963601; }
    #keskustelu #keskusteluPuu { width: 97%; margin-bottom: 15px; }
    #keskustelu #keskusteluPuu .rowHeader {  }
        #keskustelu #keskusteluPuu .rowHeader td { background-color: #8a0505; font: bold 13px/17px Arial, Helvetica, sans-serif; color: white; padding: 2px; }
    #keskustelu #keskusteluPuu .row {  }
        #keskustelu #keskusteluPuu .row td { background-color: #fef7dc; font: normal 13px/17px Arial, Helvetica, sans-serif; }
    #keskustelu #keskusteluPuu .rowAlternate { }
        #keskustelu #keskusteluPuu .rowAlternate td { background-color: #fbe895; 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 #eda882; font: normal 12px/14px Arial, Helvetica, sans-serif; }
    #kuvakertomukset .kertomus img { float: left; display: block; margin: 0 0.5em 1em 0; }
    #kuvakertomukset a { color: #0f4679; text-decoration: none; font-weight: bold; }
    #kuvakertomukset-esikatselu #lisainfo a { color: #0f4679; text-decoration: none; }
    #kuvakertomukset a:hover, #kuvakertomukset-esikatselu #lisainfo a:hover { text-decoration: underline; }
    #kuvakertomukset a:link, #kuvakertomukset-esikatselu #lisainfo a:link { color: #0f4679; }
    #kuvakertomukset a:active, #kuvakertomukset-esikatselu #lisainfo a:active { color: #0f4679; }
    #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 { border: none; border-collapse: collapse; width: 100%; empty-cells: show; margin: 0; padding: 0; font: 12px/18px Arial, Helvetica, sans-serif; color: #333333; clear: both; text-align: center; }    
    #kuvakertomukset-esikatselu table tr { margin: 0; padding: 0 }
    #kuvakertomukset-esikatselu table td { margin: 0; padding: 0; vertical-align: top; width:116px; height:139px; border: 1px solid #eda882; font: normal 11px Arial, Helvetica, sans-serif; color: #222222; text-align: center; }
    #kuvakertomukset-esikatselu table td img { float: none; display: block; width: 100px; height: 75px; 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: 1.5em 0; }
        #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; }

/* blogit */					
			
    #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; }

    .blogi #palsta div { display:block; /*width:100%;*/ margin-bottom: 0.8em; }
    .blogi #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 #palsta form {  }
    .blogi #palsta form p strong { font-weight:normal;  }

.kainalo {
border:1px solid #CECECE;
margin:1em 0 1em 0;
color:#333333;
padding:0 0.5em 0.5em 0.5em;
background:#EFEFEF;
width: 100%;
}

