/* YLÄKUVA ja SIVUN YLEISET ASETUKSET; taustaväriä (background: #EFEFD7;) ei kannata muuttaa, koska häivytetyt kuvat eivät GIF-muodossa */

.body {
font-family:Arial, Verdana, sans-serif;
background: #EFEFD7;
text-decoration : none;
color: #4C4B4B;
font-style: normal;
}
 
ol.desimaali {list-style-type: decimal;}
ol.pienet_aakkoset {list-style-type: lower-alpha;}
ol.isot_aakkoset {list-style-type: upper-alpha;}
ul.musta_pallo {list-style-type: disc;}
ul.ympyra {list-style-type: circle;}

.valkoinen_tausta {
background: #ffffff;
}

.nakymaton {
visibility: hidden;
}

.ylaosa_1 {
background: #EFEFD7 url('kuvat/sivupohjan_kuvat/ylaosa_kuva_teksti.jpg') repeat-y;
 }
 

/* ETUSIVU */

.laskuri {
color: #000000;
text-decoration: none;
text-align: left;
font-size: 70%;
letter-spacing: 1px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 7px;
}


.etusivu_tausta {
background: #ffffff url('kuvat/sivupohjan_kuvat/liukuvari_vasen_reuna.gif') repeat-y;
color: #000000;
text-decoration: none;
font-size: 75%;
}

.pohjan_teksti {
background: #ffffff;
color: #4C4B4B;
font-weight: normal;
text-decoration: none;
text-align: left;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10;
line-height: 18px;
font-size: 70%;
border-width: 1 1 1px;
border-style: solid;
}

.pohjan_teksti A:link {color:#4C4B4B; text-decoration: none; font-weight: normal; letter-spacing: 1px;}
.pohjan_teksti A:visited {color:#4C4B4B; text-decoration: none; font-weight: normal; letter-spacing: 1px;}
.pohjan_teksti A:hover {background:#ece9d2; color:#000000; text-decoration: normal; font-weight: normal; letter-spacing: 1px;}
.pohjan_teksti A:active {color:#000000; text-decoration: none; font-weight: bold; letter-spacing: 1px;}

.ajankohtaista_kuva {
background: #373333;
color: #4C4B4B;
font-weight: normal;
text-decoration: none;
text-align: center;
}

.ajankohtaista_teksti {
background: #FAEEBD;
color: #000000;
text-decoration: none;
text-align: left;
font-size: 70%;
letter-spacing: 1px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 7px;
}

.ajankohtaista_teksti A:link {color:#000000; text-decoration: none; font-weight: normal; letter-spacing: 1px;}
.ajankohtaista_teksti A:visited {color:#000000; text-decoration: none; font-weight: normal; letter-spacing: 1px;}
.ajankohtaista_teksti A:hover {background:#ffffff; color:#000000; text-decoration: normal; font-weight: normal; letter-spacing: 1px;}
.ajankohtaista_teksti A:active {color:#000000; text-decoration: none; font-weight: normal; letter-spacing: 1px;}


.ajankohtaista_pystyviiva {
background: #A80000;
}

.ajankohtaista_otsikko
{
background: #FAEEBD url('kuvat/sivupohjan_kuvat/palkki2.jpg') no-repeat;
color: #ffffff;
font-weight: bold;
text-decoration: none;
text-align: left;
padding-left: 10px;
font-size: 100%;
letter-spacing: 3px;
}

.ajankohtaista_luekaikki {
background: #FAEEBD;
color: #ffffff;
font-weight: normal;
text-decoration: none;
text-align: left;
line-height: 15px;
padding-left: 10px;
font-size: 70%;
}

.ajankohtaista_luekaikki A:link {font-size: 100%; color:#cc3300; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.ajankohtaista_luekaikki A:visited {font-size: 100%; color:#cc3300; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.ajankohtaista_luekaikki A:hover {background:#EBC269; font-size: 100%; color:#000000; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.ajankohtaista_luekaikki A:active {font-size: 100%; color:#000000; text-decoration: none; font-weight: bold; letter-spacing: 1px;}

.ajankohtaista_taustavari {
background: #FAEEBD ;
}

/* OTSIKOT CBE2A0 FC7700*/
 
h1 {
font-family: Arial, Verdana, sans-serif;
font-size: 130%;
text-indent: 0;
color: #000000;
font-weight: bold;
letter-spacing: 9px;
text-transform: uppercase;
border-width: 0 0 1px;
border-style: solid; }

h2 {
font-family: Arial, Verdana, sans-serif;
font-size: 110%;
text-indent: 0;
color: #000000;
font-weight: bold;
letter-spacing: 0;
text-transform: uppercase; }

h3 {
font-family: Arial, Verdana, sans-serif;
font-size: 105%;
text-indent: 0;
color: #000000;
font-weight: bold;
border-width: 0 0 1px;
border-style: solid; }

h4 {
font-family: Arial, Verdana, sans-serif;
font-size: 105%;
text-indent: 0;
color: #000000;
font-weight: bold; }

/* KUVAT muualla kuin albumissa: esim. <div class="vasemmalla">lisää kuvan osoite tähän väliin</div> */

.isommalla {
font-family: Arial, Verdana, sans-serif;
font-size: 105%;
font-style: italic;
text-indent: 0;
color: #000000;
text-align: left;
font-weight: normal;
}

.punainen {
font-family: Arial, Verdana, sans-serif;
font-size: 105%;
text-indent: 0;
color: red;
text-align: center;
font-weight: bold;
}

.keskella {
font-family: Arial, Verdana, sans-serif;
font-size: 105%;
text-indent: 0;
text-align: center;
}

.oikealla {
float: right;
margin-left: 20px;
margin-right: 0;
margin-top: 15px;
margin-bottom: 15px;
}

.vasemmalla {
float: left;
margin-left: 0;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 15px;
}

.oikealla_tyhjaa {
float: none;
margin-left: 0;
margin-right: 0;
margin-top: 15px;
margin-bottom: 15px;
}
 
/* KESKIALUE, johon sivun varsinainen sisältö tulee */

/* vaakasuuntainen linkkirivi */
.linkkialue {
background: #ffffff;
font-size: 75%;
color: #000000;
font-weight: bold;
font-style: normal;
text-align: left;
letter-spacing: 1px;
padding-right: 15px;
padding-left: 20px;
padding-top: 30px;
}

.linkkialue A:link {color:#2e7056; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.linkkialue A:visited {color:#c28046; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.linkkialue A:hover {color:#c28046; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}
.linkkialue A:active {color:#f7971b; text-decoration: none; font-weight: bold; letter-spacing: 1px;}

/* pystysuuntainen linkkirivi */
.linkkialue2 {
background: #ffffff;
font-size: 75%;
color: #000000;
font-weight: bold;
text-align: left;
line-height: 18px;
letter-spacing: 1px;
padding-right: 15px;
padding-left: 20px;
padding-top: 0;
font-size: 70%;
}

.linkkialue2 A:link {color:#2e7056; text-decoration: none; font-weight: bold; letter-spacing: 1px; line-height: 18px;}
.linkkialue2 A:visited {color:#E28600; text-decoration: none; font-weight: bold; letter-spacing: 1px; line-height: 18px;}
.linkkialue2 A:hover {color:#c28046; background:#EFEFD7; text-decoration: underline; font-weight: bold; letter-spacing: 1px; line-height: 18px;}
.linkkialue2 A:active {color:#f7971b; text-decoration: none; font-weight: bold; letter-spacing: 1px; line-height: 18px;}

.kirjoitusalue {
text-decoration: none;
text-align: left;
padding-right: 15px;
padding-left: 20px;
padding-top: 35px;
line-height: 18px;
background: #ffffff;
font-size: 70%; }

.kirjoitusalue A:link {color:#5075a4; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}
.kirjoitusalue A:visited {color:#c28046; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}
.kirjoitusalue A:hover {color:#549ea0; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}
.kirjoitusalue A:active {color:#f7971b; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}

.kirjoitusalue2 {
text-decoration: none;
text-align: left;
padding-right: 15px;
padding-left: 20px;
padding-top: 15px;
line-height: 18px;
background: #dddddd;
font-size: 70%; }

.kirjoitusalue2 A:link {color:#5075a4; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}
.kirjoitusalue2 A:visited {color:#c28046; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}
.kirjoitusalue2 A:hover {color:#549ea0; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}
.kirjoitusalue2 A:active {color:#f7971b; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}

.kirjoitusalue3 {
text-decoration: none;
text-align: left;
padding-right: 15px;
padding-left: 20px;
padding-top: 15px;
line-height: 18px;
background: #ead5b7;
font-size: 70%; }

.kirjoitusalue3 A:link {color:#5075a4; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}
.kirjoitusalue3 A:visited {color:#c28046; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}
.kirjoitusalue3 A:hover {color:#549ea0; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}
.kirjoitusalue3 A:active {color:#f7971b; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}

.kirjoitusalue_harv {
text-decoration: none;
text-align: left;
padding-right: 15px;
padding-left: 20px;
padding-top: 35px;
line-height: 30px;
background: #ffffff;
font-size: 75%; }



.kettusetalue {
text-decoration: none;
text-align: left;
padding-right: 15px;
padding-left: 20px;
padding-top: 35px;
line-height: 18px;
background: #fbedbc;
font-size: 70%; }

.kettusetalue A:link {color:#5075a4; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.kettusetalue A:visited {color:#c28046; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.kettusetalue A:hover {color:#549ea0; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}
.kettusetalue A:active {color:#f7971b; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}



.menestyvanuorialue{
text-decoration: none;
text-align: left;
padding-right: 15px;
padding-left: 20px;
padding-top: 35px;
line-height: 18px;
background: #fce2db;
font-size: 70%; }

.menestyvanuorialue A:link {color:#5075a4; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.menestyvanuorialue A:visited {color:#c28046; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.menestyvanuorialue A:hover {color:#549ea0; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}
.menestyvanuorialue A:active {color:#f7971b; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}




.lomakealue {
background: #ded9b2;
}

.albumi {
text-decoration: none;
text-align: left;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
background: #ffffff;
font-size: 65%; }

.albumi2 {
text-decoration: none;
text-align: left;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
background: #ffffff;
font-size: 70%; }

/* "PAPERIREUNAT" */

.paperi_ylakulma {
background: url('kuvat/sivupohjan_kuvat/paperireunus_ylakulma.jpg')  no-repeat;
 }
 
.paperi_oik {
background: url('kuvat/sivupohjan_kuvat/paperireunus_sivupala.jpg') repeat-y;
 }

.paperi_alh {
background: url('kuvat/sivupohjan_kuvat/paperireunus_alapala.jpg')  no-repeat;
 }

 .paperi_alh_etusivu {
background: url('kuvat/sivupohjan_kuvat/paperireunus_alapala_etusivu.jpg')  no-repeat;
 }
 
 /* OIKEAN REUNAN VALIKKO */

.valikko_oik {
background: #c5d9d1;
font-size: 70%;
color: #000000;
font-style: normal;
letter-spacing: 2px;
text-align: left;
padding-left: 10px;
}

.valikko_oik A:link {color:#000000; text-decoration:none; font-weight: normal; letter-spacing: 1px;}
.valikko_oik A:visited {color:#000000; text-decoration:none; font-weight: normal; letter-spacing: 1px;}
.valikko_oik A:hover {background:#92b6a8; color:#ffffff; text-decoration:none; font-weight: bold; letter-spacing: 1px;}
.valikko_oik A:active {color:#cc3300; text-decoration:none; font-weight: normal; letter-spacing: 1px;}
 
.talla_sivulla {
background: #92b6a8;
color: #ffffff;
font-size: 120%;
font-weight: bold;
}
 
/* INFOLAATIKKO */

.infolaatikkoA_yla {
background: url('kuvat/sivupohjan_kuvat/infolaatikkoyla.gif') no-repeat; }

.infolaatikkoA_keski {
background: url('kuvat/sivupohjan_kuvat/infolaatikkokeski.gif') repeat-y;
font-size: 70%;
text-decoration : none;
color: #000000;
font-style : normal;
letter-spacing: 1px;
padding: 0.3cm }

.infolaatikkoA_ala {
background: url('kuvat/sivupohjan_kuvat/infolaatikkoala.gif') no-repeat; }

.infolaatikkoA_keski A:link {font-size: 100%; color:#cc3300; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.infolaatikkoA_keski A:visited {font-size: 100%; color:#cc3300; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
.infolaatikkoA_keski A:hover {font-size: 100%; color:#cc3300; text-decoration: underline; font-weight: bold; letter-spacing: 1px;}
.infolaatikkoA_keski A:active {font-size: 100%; color:#000000; text-decoration: none; font-weight: bold; letter-spacing: 1px;}

/* ALAREUNAN VALIKKO */

.valikko_ala {
font-size: 75%;
text-decoration : none;
letter-spacing: 2px;
text-align: center;
color : #000000;
font-style : normal;
}

.valikko_ala A:link {color: #000000; text-decoration: none; font-weight: normal;}
.valikko_ala A:visited {color: #000000; text-decoration: none; font-weight: normal;}
.valikko_ala A:hover {color: #ffffff; text-decoration: none; font-weight: bold;}
.valikko_ala A:active {color: #f5ed70; text-decoration: none; font-weight: bold;}

.vari {
background: #d9d9ff;
text-align: center;
}