/* Taustaväri */

body {
background-color: #abcd6f;
}

/* Taulukko, jossa 8 pikselin reunus */

.yksi {
 width: 700px;
 border-color: #829f58;
 border-collapse: collapse;
 border-width: 10px;
 border-style: solid;
 background-color: #ffffff;
 }

/* Pop-up sivuja varten, myöhempään käyttöön :) */

.kapeayksi {
 width: 500px;
 border-color: #9EA9AA;
 border-collapse: collapse;
 border-width: 8px;
 border-style: solid;
 background-color: #E2E3E5;
 }

/* Linkkien table */

.kaksi {
 width: 700px;
 border-collapse: collapse;
}

/* Table etusivuille, johon määritelty taustakuva */

.etusivukolme {
 width: 700px;
 height: 434px;
 background-image:url('grafiikka/etusivu10.jpg');
 background-position: right top;
 background-repeat: no-repeat;
 background-color: #ffffff;
}

/* Muiden sivujen normaali kehys, jossa sivujen teksti ja kuvat */

.kolme {
 border-collapse: collapse;
 background-color: #ffffff;
 width: 600px;
}

/* Sukutauluille */

.sukutaulu {
 border-collapse: collapse;
 background-color: #ffffff;
 width: 600px;
 font-size: 12px; 
 font-family: tahoma, arial, Sans-Serif; 
 color: #526164;
 border-color: #829f58;
 border-width: 2px;
 border-style: solid;
}

.titteli {
	font-size: 10px;
}


.kolme2 img {
       float : right;
       margin : 2px 10px;
}


/* Tästä alkaa fonttimäärittelyt. Hieman erilaisia, erilaisiin tarpeisiin. */


div.perusfontti {
font-size: 12px; 
font-family: tahoma, arial, Sans-Serif; 
color: #586d3a;
line-height: 19px; 
letter-spacing: normal;
}


div.perusfontti2 {
font-size: 12px; 
font-family: tahoma, arial, Sans-Serif; 
color: #567d47;
line-height: 15px; 
letter-spacing: normal;
font-weight: bold;
}

div.italy {
font-size: 12px; 
font-family: tahoma, arial, Sans-Serif; 
color: #4B713E;
line-height: 15px; 
letter-spacing: normal;
font-style: italic;
}

div.väliotsikko {
font-size: 13px; 
font-family: tahoma, arial, Sans-Serif; 
color: #96b963;
line-height: 18px; 
letter-spacing: normal;
font-weight: bold;
}

div.otsikko {
font-size: 18px; 
font-family: arial, tahoma, Sans-Serif; 
color: #829f58;
line-height: 15px; 
letter-spacing: normal;
font-weight: bold;
}

div.pieni {
font-size: 11px; 
font-family: arial, tahoma, Sans-Serif; 
color: #4B713E;
line-height: 15px; 
letter-spacing: normal;
}


div.pieni2 {
font-size: 11px; 
font-family: arial, tahoma, Sans-Serif; 
color: #4B713E;
line-height: 15px; 
letter-spacing: normal;
font-weight: bold;
}

div.linkkifontti {
font-size: 12px; 
font-family: arial, tahoma, Sans-Serif; 
color: #96b963;
line-height: 15px; 
letter-spacing: normal;
font-weight: bold;
}

div.tiedot {
font-size: 12px; 
font-family: arial, tahoma, Sans-Serif; 
color: #4B713E;
line-height: 15px; 
letter-spacing: normal;
font-weight: bold;
}

/* Linkkien määrittelyt, halusin linkit joiden väri muuttuu kursorin siirtyessä linkin päälle. */


a:link, a:visited {
color: #000000;
font-size: 12px; 
font-family: arial, tahoma, Sans-Serif; 
line-height: 15px; 
letter-spacing: normal;
font-weight: bold;
text-decoration: none;
cursor: crosshair;
}

a:hover {
color:#6e9b5b;
text-decoration:none;
font-size: 12px; 
font-family: arial, tahoma, Sans-Serif; 
line-height: 15px; 
font-weight: bold;
cursor:crosshair;
}

a:active {
text-decoration: none; 
color:#000000; 
font-size: 12px; 
font-family: arial, tahoma, Sans-Serif; 
line-height: 15px; 
font-weight: bold;
cursor: crosshair
} 

/* Katkoviiva */


div.viiva {
border-bottom: 1px dashed #9bc789;
}