@import url(/site/fontit.css);
@import url(/site/palsta.css);

img { border: none; }

body {
       background: white;
       }

a {
    color: #000000;
    text-decoration: none;
}
a:link {
    color: #006699;
}
a:visited {
    color: #006699;
}
a:active {
    color: #003366;
}
a:hover { 
       text-decoration: underline;
       color: #003366;
 }

/* Määritellään sivun palikat: */

#sivu_sisalto {
	margin-top: 12em;
	padding-bottom: 3em;
	/*border-left: 16em;*/ 
	/* width: 43em; */
	width: 42em;
	/*border-left: 18em solid white;*/
	margin-left: 18em;
	/*float: left;*/
}

#sivusto_navigaatio {
	width: 100%;
        /*min-width: 140em;*/
	/*background-repeat: repeat-x;*/
}

#sivusto_informaatio {
	clear: both;
	width: 100%;
        min-width: 74em;
        border-style: solid none none none;
        /*border-width: thick;*/
        border-color: #0099cc #ffffff #ffffff #ffffff;
        padding-top: 0.4em;
	margin-top: 1em;
}

/*------------------------------*/


 #paanavi {
	position: absolute;
	top: 5.3em;
	/*padding: 0;*/
	/*margin: 0;*/
        background: #0099cc;
        font-weight: bold;
	font-size: 1em;
        white-space: nowrap;
        background-repeat: repeat-x;
        width: 100%;
	min-width: 74em;
	/*margin-bottom: 10em;*/
	/*border-width: 0;*/
	/*white-space: nowrap;*/
}

#paanavi a { 
        color: white;
	/*margin-bottom: 1em;*/
        background: #0099cc;
        border-width: 0;
	border-style: none;
 	padding: 0.4em 1em 0.5em 1em;
	/*padding: 0.5em 0.5em 0.2em 0.5em;/*
  	white-space: nowrap;
	/*text-align: center;*/
	/*text-decoration:none;*/
	display: block;
	margin: 0;
        font-weight: bold;
 }

#paanavi a.paksu_padding { 
        /*padding: 0.5em 0.5em 0.2em 1.5em;*/
	padding: 0.4em 1em 0.5em 1em;
   	margin: 0;
	display: block;
 }

#paanavi a:hover {
	/*background: white;*/ 
	background: #006699;
	color: white;
        margin: 0;      
        padding: 0.4em 1em 0.5em 1em;
	display: block;
	white-space: nowrap;
	text-decoration:none;
 }

#paanavi a:hover.paksu_padding { 
        padding: 0.4em 1em 0.5em 1em;
	margin: 0;
	white-space: nowrap;
	display: block;
 }

#paanavi span.active {
	/*margin: 0;*/
        /*padding: 0.4em 1em 0.4em 1em;*/
	padding: 0.4em 1em 0.5em 1em;
        color: black;
	white-space: nowrap;
        background: #c8e1e8;
	display: block;
        font-weight: bold;
	/*border-width: 0;*/
}

#paanavi span.activesection a {
        color: #003366;
	padding: 0.4em 1em 0.5em 1em;
        background: #c8e1e8;
        margin: 0;
	white-space: nowrap;
	border-style: none;
	border-color: #c8e1e8;
	display: block;
	text-align: center;
 }
#paanavi span.activesection a:hover { 
	text-decoration: underline;
 }
#paanavi table {
	
	margin: 0;
        padding: 0;
}

#paanavi tr {
	margin: 0;
        padding: 0;
	/*display: block;*/
}

#paanavi td {
	/*margin-bottom: -1px;*/
	padding: 0;
        border-style: none solid none none;
        border-width: 2px;
        border-color: white;
	white-space: nowrap;
	/*display: block;*/
}

#paanavi span.activesection a:hover{
        color: #003366;
	white-space: nowrap;
        background: #c8e1e8;
	padding: 0.4em 1em 0.5em 1em;
        /*background: #006699;*/
        margin: 0;
	border-style: none none none none;
	border-width: 0;
	display: block;
 }



#leipateksti {
	
	float: right; 
	width: 40em;
    	/*margin-left: 0;*/
        padding: 0 2em 1em 0;
        background: white;
    	/*margin-bottom: 1em;*/
	/*clear: right;*/
	/*display: inline;*/
	/*clip: rect(0, 30em; 0 0);*/	
   
 	/*visibility: hidden;*/
}

#leipateksti dd { margin-top: -0.5em; }

#leipateksti a:visited {
    color: #993333;
}


/*              */
/* Vasen palkki */
/*              */


/*sivupalkki*/


#sivupalkki {
	float: left;
	width: 14em;
	margin: 0.3em 0 1em -17em;
  	position:relative;
	/* background: #e7f3f7; */
        color: #666666;
}

.vali_ots {
	color: black;
        border-style: solid none solid none;
	border-width: 1px 0 1px 0;
	padding: 0.1em 0 0.1em 1em;
	margin-top: 0.6em;
	border-color: #999999;
	/*font-weight: bold;*/
	font-size: 0.9em;
	background: #c8e1e8;
}

#sivupalkki a { 
        display: block;
	width: 11em;
 }

/* #sivupalkki a:hover {  */
/*         color: #003366; */
/*         text-decoration: underline; */
/*  } */

#sivupalkki hr {
	display: none;
}

#sivupalkki p.section_name {
	background-color: #b4ee85;
	color: black;
        font-weight: bold;
        padding: 0.3em 1em 0.3em 0.3em;
        border-style: solid none solid none;
        border-width: 1px 0 1px 0;
	border-color: #999999;
}

#sivupalkki p.section_name a {
        color: #003366;
                               }                                      
#sivupalkki p.current_page {
	background-color: #b4ee85;
	color: black;
}

#sivupalkki p.current {
        color: black;
	background-color: white;
        border-style: none none solid none;
        border-width: 0 0 1px 0;
        /*border-color: #cccccc;*/
	border-color: #999999;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0.2em 0 0.2em 1em;
	font-weight: bold;
	background-image: url(kuvat/nuoli_sivu.gif); 
        background-repeat: no-repeat; 
        background-position: 0.2em 0.5em; 
}

#sivupalkki p.name { 
        border-style: none none solid none;
        border-width: 0 0 1px 0;
	border-color: #999999;
	margin-bottom: 0; 
	margin-top: 0;
        padding: 0.2em 1em 0.2em 1em;
	background-color: #c8e1e8;
	font-weight: bold;
 }

#sivupalkki p.heading { 
	background: #e7f3f7;
        color: #666666;
        font-weight: bold;
        padding: 0 0 0 1.2em;
        }

#sivupalkki ul {
	
	margin: 0 0 0 0;
	padding: 0.2em 0 0.2em 0;
	background: #e7f3f7;
	border-style: none none solid none;
	border-width: 1px 0 1px 0;
	border-color: #999999;
 }

#sivupalkki ul br { margin-top: -0.8em; }

#sivupalkki li {
	border-style: none none none none;
	border-width: 0 0 0 0;
	border-color: #999999;
	/* padding: 0.2em 1em 0.2em 1.7em;*/
        padding: 0 0.2em 0 1.7em;
  }

#sivupalkki li.current_page { 
        color: black;
        background: white;   
        background-image: url(kuvat/nuoli_sivu.gif); 
        background-repeat: no-repeat;  
        background-position: 0.7em 0.3em;
}

#sivupalkki li.inactive { 
        font-style: italic;
 }

#sivupalkki p { 
        background: white;
        padding-top: 2em;
 }

#sivupalkki p.valkoinen { 
        background: white;
        padding-top: 2em;
 }

#sivupalkki p.inline { 
	background: #e7f3f7;
        padding: 0 0 0 1.5em;
 }

#sivupalkki p.inline a { 
        padding: 0;

 }

#sivupalkki p.aihealue_name {
        border-style: none none solid none;
        border-width: 0 0 1px 0;
	border-color: #999999;
	margin-bottom: 0;
	margin-top: 0;
        padding: 0.2em 1em 0.2em 0.7em;
	background-color: #c8e1e8;
	font-weight: bold;
 }
#sivupalkki form  { 
        background: white;
                   }

/*              */
/* Oikea palkki */
/*              */

#sivu_apulinkit {
	/*border-style: solid solid solid solid;*/
	position: absolute;
   	width: 10em;
	top: 8.5em;
   	/* left: 62em; */
        left: 63em;
        margin: 0 1em 0 1em;
        text-align: right;
        vertical-align: middle;
}

#kuva {
        /*border-style: solid solid solid solid;*/
        position: absolute;
        width: 10em;
        top: 13em;
        /* left: 62em; */
        left: 61em;
        margin: 0 1em 0 1em;
        text-align: right;
        vertical-align: middle;
}


#sivu_apulinkit a { 
        display: block;
}
#sivu_apulinkit span { 
        display: block;

 }

#sivun_kieliversiot { 
        margin-bottom: 0.5em;
 }
/*       */
/* Murut */
/*       */

#murut {
	position: absolute;
	top: 8.6em;
        left: 1em;
        width: 62em;
        /*font-size: small;*/
	font-size: 0.9em;
        font-style: italic;
}
       
#murut a { 
/*         color: #0099cc; */
        color: #006699;
 }

#hakupalkki {
	position: absolute;
	/*top: 4%;*/
	top: 3em;
	/* left: 42em; */
	left: 43em;
	width: 31em;
        margin: 0 1em 0 -2px;
        padding-right: 0.2em;
        text-align: right;
        white-space: nowrap;
	border: 1px;
   }

#hakunappi { 
        /*background: #0099cc;*/
	background: #c8e1e8;
        color: #003366;
	height: 1.7em;
        font-weight: bold;
        font-size: 1em;
        border-width: 1px;
	/* shadow: none; */
        border-color: #c8e1e8 #006699 #006699 #c8e1e8;
 }

#logopalkki {
	top: 1em;
        padding: 0 0 0 0.8em;
	position: absolute;
        vertical-align: top;
}

#sivusto_apulinkit {
	position: absolute;
	top: 0.3em;
	/* left: 42em; */
        left: 43em;
        width: 31.2em;
        text-align: right;
        white-space: nowrap;
	}

#sivusto_apulinkit a { 
        padding: 0.2em;
 }

/* Perustyylejä */

body, div, img, p, ul, ol, form, h1, h2, h3, dd, dt {
    margin: 0;
    padding: 0;
}

img {
	border-width: 0 0 0 0;
	padding: 0;
	/*margin-top: 1px;*/
	/*margin-bottom: 10em;*/
}

#sivupalkki img {
	margin-top: 1px;
	padding: 0 0 0 0;
	margin: 1px 0 0 0;
	margin-bottom: 0;
}

h1 {
    margin: 0 0 0.8em 0;
}

h2 {
    margin: 1.5em 0 0.8em 0;
}

h3 {
    margin: 1em 0 0 0;
}

ul {
    margin-left: 4px;
    list-style: none;
}

hr {
    color: #cccccc;
    height: 1px;
    margin: 0.5em 0 0.5em 0;
    padding: 0;
    display: block;
}

/* Alapalkin tyylit */

#alapalkki {
	margin: 0 0 2em 0.5em;
        padding-left: 16.5em;
        /* width: 100%; */
}

#alapalkki span, #alapalkki a {
    margin: 0 0.5em 0 0.2em;
}

#css_validator { 

 }

#xhtml_validator { 
 
 }
.noshow { 
 position: absolute; 
 display: none; 
 visibility: hidden; }

.block { 

 display: block;
 }

#kielikotisivut {
        position: absolute;
        top: 0.3em;
        left: 30em;
        width: 10em;
        white-space: nowrap;
}

#kielikotisivut a { 
        padding: 0.5em;
 }

#contents dd ul { 
       list-style-type: none;
       list-style-image: none;
}

/* span.capitalize:first-letter {  */
/*        text-transform: uppercase; */
/*  } */

/* span.capitalize {  */
/*        text-transform: capitalize; */
/*  } */

#sivupalkki_oikea {
	position: absolute;
   	width: 14em;
	/* top: 15em; */
        top: 6.2em;
   	/* left: 60em; */
        right: 0em;
        margin: 0;
        padding: 0 0.2em 0.5em 0;
        text-align: left;
        /* vertical-align: middle; */
	background: #e7f3f7;
        border-style: solid;
        border-width: 1px;
	border-color: #999999;
        white-space: normal;

}

#sivupalkki_oikea p {

    padding: 1em 0 0 0.5em;
    font-weight: bold;
    font-size: small;
}


#sivupalkki_oikea ul {

    padding: 0.5em 0 0.5em 0.5em;
}

#sivupalkki_oikea ul li { 
    list-style-image: none;
    list-style-type: none;
    padding: 0.2em 0 0 0;
    margin: 0;
    /* margin-bottom: 0.5em; */
}

#sivupalkki_oikea ul li a { 
    font-size: small;
    padding: 0;
    margin: 0;
    display: inline;
    /* margin-left: -1em; */
}

#oikea_palkki {
        position: absolute;
   	width: 14em;
	/* top: 15em; */
   	/* left: 60em; */
        top: 31em;
        right: 0em;
        margin: 0;
        padding: 0 0 0.5em 0;
        text-align: left;
        /* vertical-align: middle; */
	background: #e7f3f7;
        border-style: solid;
        border-width: 1px;
	border-color: #999999;
        white-space: normal;
}

#oikea_palkki p {

    padding: 1em 0 1em 0.5em;
    font-weight: bold;
    font-size: small;
}

#oikea_palkki table#artikkelit td.linkki { width: 12em; }
.nobr { white-space: nowrap; }

span.lowercase { text-transform: lowercase;
                 font-size: inherit; }

#leipateksti .korjaus { color: #FF0000; 
                        font-size: inherit; 
                        font-weight: inherit; }

span.additional_info { font-size: 0.85em; color: #666666; }


