.body { 
background : #ffffff url(kuvat_pohja/koivut.jpg) repeat-x; 
color : #000000; 
font : normal 100% arial, sans-serif;
margin : 3% 0; 
} 

.body2 { 
background : #ffffff url(kuvat_pohja/koivut2.jpg) repeat-x; 
color : #000000; 
font : normal 100% arial, sans-serif;
margin : 3% 0; 
} 



/* Taulukko, kuvakaruselli */
table .kuvakaruselli
{
	margin: 0;
    padding: 0;
    border-width: 0 0 0 0;
    background-color: #373333;
	text-align : center;
}

/* Lomake, kuvakaruselli */

form
{
	float : right;
}



/* päävalikon muotoiluja */

.paavalikko .currentpage { 
color : #000000;
border-color: #ffdd46;
border-style: solid;
border-width: 0 0 15px 0;
text-align:left;
}

.paavalikko a:link {
color : #111111;
background : #ffffff;
font-size: 70%;
font-weight : bold;
letter-spacing : 0.1em;
padding : 4px 12px 4px 12px;
margin-right : 0.5em;
text-decoration : none;
border-color: #ffffff;
border-style: solid;
border-width: 0 0 5px 0;
text-align:left;
} 

.paavalikko a:visited { 
color : #111111;
background : #ffffff;
font-size: 70%;
font-weight : bold;
letter-spacing : 0.1em;
padding : 4px 12px 4px 12px;
margin-right : 0.5em;
text-decoration : none;
border-color: #ffffff;
border-style: solid;
border-width: 0 0 5px 0;
text-align:left;
} 

.paavalikko a:hover { 
background : #819f72;
font-size: 70%;
font-weight : bold;
color : #ffffff;
border-color: #819f72;
border-style: solid;
border-width: 0 0 5px 0;
text-align:left;

}


.sivun_nimi { 
font-family : Arial, sans-serif; 
text-transform : uppercase; 
font-size : 220%; 
font-style : italic;
color : #c0dcad; 
font-weight : bold; 
letter-spacing : 1px; 
padding-left : 0px; 
padding-top : 0px;
padding-bottom : 20px; 
}


/* background-attachment: fixed; paikallaan pysyvä */
/* background-attachment: scroll; vierivä */


/* sisältöalueen muotoiluja */

.palsta_viivalla {
background: #ffffff;
border-color: #b7bfbf;
border-style: dashed;
border-width: 0 2px 2px 1px;
padding-top: 10px;
padding-bottom: 10px;
}


.palsta_vasen {
background: #cdc8cb;
font-size: 80%;
font-weight: normal;
color: #000000;
text-align: center;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

.palsta_vasen h1 {
font-family: Arial, sans-serif;
font-size: 140%;
color: #000000;
text-transform:uppercase;
font-weight: bold;
line-height: 20px;
letter-spacing: 1px;
margin : 0 0 3px 0;
}

.palsta_keski {
background: #ffffff;
font-weight: normal;
font-size: 70%;
color: #000000;
text-align: left;
}

.palsta_keski a:link { 
color: #0066af;
font-weight: bold;
text-decoration: none;
}

.palsta_keski a:visited { 
color: #004084;
font-weight: bold;
text-decoration: none;
} 

.palsta_keski a:hover { 
color: #000000;
font-weight: bold;
text-decoration: underline;
} 

.palsta_keski a:active { 
text-decoration: none;
background-color: #d5d2fd;
text-decoration: none;
} 

.palsta_keski h1 {
font-family: Arial, Sans-serif;
font-size: 140%;
color: #008a5a;
text-transform: uppercase;
font-weight: bold;
line-height: 25px;
letter-spacing: 1px;
margin : 0 0 0 0;
padding : 0 3px 3px 0;
}

.palsta_keski h2 {
font-family: Arial, Sans-serif;
font-size: 100%;
color: #000000;
background : #ebe4ff;
text-transform:uppercase;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 3px;
padding : 2px 3px 3px 10px;
border-right : 1px dashed #d5d2fd;
border-bottom : 1px dashed #d5d2fd;
}

.palsta_keski h3 {
font-family: Arial, Sans-serif;
font-size: 110%;
color: #000000;
font-weight: bold;
text-decoration: none;
margin: 5px 0 0 0;
letter-spacing: 0;
}


.palsta_oikea {
background: #bad9a9;
font-size: 80%;
font-weight: normal;
color: #000000;
text-align: left;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

.palsta_oikea a:link { 
color: #0066af;
font-weight: bold;
text-decoration: none;
}

.palsta_oikea a:visited { 
color: #004084;
font-weight: bold;
text-decoration: none;
} 

.palsta_oikea a:hover { 
color: #000000;
font-weight: bold;
text-decoration: underline;
} 

.palsta_oikea a:active { 
text-decoration: none;
background-color: #d5d2fd;
text-decoration: none;
} 

.palsta_oikea h1 {
font-family: Arial, Sans-serif;
font-size: 120%;
color: #000000;
text-transform:uppercase;
font-weight: bold;
letter-spacing: 1px;
margin : 0 0 3px 0;
padding : 0 3px 3px 0;
}

.palsta_oikea h2 {
font-family: Arial, Sans-serif;
font-size: 100%;
color: #ffffff;
background : #5f7b50;
text-transform:uppercase;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 3px;
padding : 2px 3px 0 10px;
}

.palsta_oikea h3 {
font-family: Arial, Sans-serif;
font-size: 110%;
color: #000000;
font-weight: bold;
text-decoration: none;
margin: 5px 0 5px 0;
letter-spacing: 0;
}



.palsta_oikea_kuvilla {
background: #ffffff;
font-size: 80%;
font-weight: normal;
color: #000000;
text-align: left;
}

.palsta_oikea_kuvilla a:link { 
color: #0066af;
font-weight: bold;
text-decoration: none;
}

.palsta_oikea_kuvilla a:visited { 
color: #004084;
font-weight: bold;
text-decoration: none;
} 

.palsta_oikea_kuvilla a:hover { 
color: #000000;
font-weight: bold;
text-decoration: underline;
} 

.palsta_oikea_kuvilla a:active { 
text-decoration: none;
background-color: #d5d2fd;
text-decoration: none;
} 

.palsta_oikea_kuvilla h1 {
font-family: Arial, Sans-serif;
font-size: 120%;
color: #000000;
text-transform:uppercase;
font-weight: bold;
letter-spacing: 1px;
margin : 0 0 3px 0;
padding : 0 3px 3px 0;
}

.palsta_oikea_kuvilla h2 {
font-family: Arial, Sans-serif;
font-size: 100%;
color: #ffffff;
background: #cecbce;
text-transform:uppercase;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 3px;
padding : 2px 3px 3px 10px;
}

.palsta_oikea_kuvilla h3 {
font-family: Arial, Sans-serif;
font-size: 110%;
color: #000000;
font-weight: bold;
text-decoration: none;
margin: 5px 0 5px 0;
letter-spacing: 0;
}


/* esim. "vanhimmat tunnetut ilvoset"-taulukko */


.vari
{
    margin: 0;
    padding: 5px;
    border-bottom : 1px solid #4f4e00;
    background-color: #e7e7e7;
	text-align : left;
	font-size: 70%;
}

.valk
{
    margin: 0;
    padding: 5px;
    background-color: #ffffff;
	text-align : left;
	font-size: 70%;
}




/* kuvamuotoiluja */



.vasemmalle { 
float : left; 
margin-right : 1.2em; 
} 
.oikealle { 
float : right; 
margin-left : 1.2em; 
}

.kuva_keski, .kuva_oikea, .kuva_vasen { 
text-align : center; 
color : #000000; 
background : #ffffff; 
border : 1px solid #b7b7b7; 
margin-top : 5px; 
margin-bottom : 5px; 
} 

.kuva_keski img, .kuva_oikea img, .kuva_vasen img { 
margin-left : 4px; 
margin-right : 4px; 
margin-top : 4px; 
margin-bottom : 2px; 
} 

.kuva_vasen { 
float : left; 
margin-right : 8px; 
margin-left : 0; 
} 
.kuva_oikea { 
float : right; 
margin-right : 0; 
margin-left : 8px; 
} 
.kuva_keski { 
margin-right : 5px; 
margin-left : 5px; 
} 
.kuva_keski p, .kuva_oikea p, .kuva_vasen p { 
font-size : 80%; 
font-weight : bold; 
color : #000000; 
border-top : 1px solid #b7b7b7; 
text-align : center;
margin : 0;
padding : 2px; 
} 




/* tekstimuotoiluja */


.lisatieto {
font-size: 10px;
color: #6a6a6a;
}

.lisatieto_musta {
font-size: 10px;
color: #000000;
}

.kursiivi {
font-size: 110%;
font-style: italic;
font-weight: bold;
text-align: center;
line-height: 17px;
}

.isommalla {
font-size: 110%;
color: #4d4d4d;
font-weight: bold;
line-height: 17px;
}

.sisennetty {
font-size: 110%;
font-style: italic;
font-weight: bold;
text-align: left;
line-height: 17px;
margin : 0 0 3px 0;
padding : 10px 3px 0 60px;
}


.pienemmalla {
font-size: 80%;
color: #4d4d4d;
font-weight: bold;
line-height: 17px;
}

.punainen {
color: #c10013;
}

.hide {
visibility: hidden;
}

/* viivoja */

hr.d { 
border : 0 none; 
border-top : 1px solid #ccc; 
border-bottom : 1px solid #efefef; 
width : 100%; 
height : 2px; 
margin : 10px auto 0 0; 
text-align : left; 
} 
hr.ee { 
border : 0 none; 
border-top : 4px dotted #4a4d4a;
border-bottom : 2px solid #4a4d4a; 
width : 100%; 
height : 5px; 
margin : 10px auto 0 0; 
text-align : left; 
} 
hr.e { 
border : 0 none; 
border-top : 1px dashed #000; 
border-bottom : 1px dashed #ccc; 
width : 100%; 
height : 2px; 
margin-top : 15px; 
margin-bottom : 15px; 
text-align : left; 
} 
hr.f { 
border : 0 none; 
border-top : 3px double #c00; 
width : 100%; 
height : 3px; 
margin : 10px auto 0 0; 
text-align : left; 
} 
hr.g { 
border : 3px inset #777; 
width : 100%; 
height : 6px; 
margin : 10px auto 0 0; 
text-align : left; 
} 
hr.h { 
border : 3px ridge #cf0; 
width : 100%; 
height : 6px; 
margin : 10px auto 0 0; 
text-align : left; 
}