body {
   background-color:#e5e5e5;
   padding:0;
   margin-top:20px;
   margin-bottom:0px;
   color:#3f3f3f;
   font-size:12px;
   font-family:Arial;
   line-height:18px;
   font-style:normal;
   text-align:justify;
}

div#koko {
   margin:0 auto;
   width:1000px;
   padding:0;
}

div#koko2 {
   background-color:#b5d083;
   margin:0;
   padding:0;
}

div#yla0 {
   background-image:url(http://i275.photobucket.com/albums/jj309/spjasl/fiktio/suokki1.jpg);
   background-repeat:no-repeat;
   background-position:right top;
   height:32px;
   margin:0px;
   padding:0px;
}

div#yla1 {
   background-image:url(http://i275.photobucket.com/albums/jj309/spjasl/fiktio/suokki2.jpg);
   background-repeat:no-repeat;
   background-position:right top;
   width:300px;
   height:100px;
   float:right;
   margin:0px;
   padding:0px;
}

div#yla2 {
   background-image:url(http://i275.photobucket.com/albums/jj309/spjasl/fiktio/vasenkulma.jpg);
   background-repeat:no-repeat;
   text-align:center;
   height:100px;
   margin-right:300px;
}

.otsikko {
   margin:20px;
}

div#oikea {
   background-image:url(http://i275.photobucket.com/albums/jj309/spjasl/fiktio/suokki3.jpg);
   background-repeat:no-repeat;
   background-position:right top;
   width:300px;
   height:100%;
   color: #f8fbf2;
   float:right;
   margin:0px;
   padding:0px;
}

div#oikea2 {
   padding-top:60px;
   padding-bottom:10px;
   padding-left:20px;
   padding-right:20px;
}

div#teksti {
   background-image:url(http://i275.photobucket.com/albums/jj309/spjasl/fiktio/tekstikulma.jpg);
   background-repeat:no-repeat;
   background-position:right top;
   border-left:1px dotted #b5d083;
   background-color:#ffffff;
   margin-right:300px;
}

div#teksti2 {
   padding-top:10px;
   padding-bottom:10px;
   padding-left:20px;
   padding-right:20px;
}

ul.linkit {
   font-size:13px;
   color: #edf5e0;
   list-style:square;
   width:200px;
   margin:0 auto;
}

ul.linkit li {
   text-indent:25px;
    list-style-position:outside;
    margin:0px;
}

ul.linkit li:hover {
   color:#8ca65e;
   background-image:url(http://i275.photobucket.com/albums/jj309/spjasl/fiktio/hover.png);
}

h1 {
   text-indent:15px;
   margin: 10px;
   color: #7f9a4e;
   font-family:Palatino;
   font-size: 15px;
   font-style:italic;
   text-align: left;
}

h2 {
   text-indent:15px;
   margin: 10px;
   color: #7f9a4e;
   font-family:Palatino;
   font-size: 13px;
   font-style:italic;
   text-align: left;
}

.okuva {
   border:3px double #e5e5e5;
   float:right;
   margin-left:20px;
   margin-bottom:10px;
}

.vkuva {
   border:3px double #e5e5e5;
   float:left;
   margin-right:20px;
   margin-bottom:10px;
}

.noborder {
   border:0px solid #000000;
}

.heppa {
   border:1px solid #cbe1a0;
   background-color: #ddefba;
   width:100%;
}

.pieni {
   font-size: 11px;
}

.kp {
   font-size: 11px;
}

.viiva {
   font-size: 1px; 
   border-bottom:1px solid #e5e5e5;
   margin-top:10px;
   margin-bottom:10px;
}

.wii {
   color: #7f9a4e;
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
}

.kuvanen {
   border:1px solid #e5e5e5;
   padding: 3px;
   margin-bottom: 10px;
   margin-left: 15px;
}

.kuvanen2 {
   border:1px solid #e5e5e5;
   padding: 3px;
   margin-bottom: 10px;
   margin-right: 15px;
}

.kuvanen3 {
   border:1px solid #e5e5e5;
   padding: 3px;
}

.kuva0 {
   border:1px solid #e5e5e5;
   float:right;
   padding:5px;
   margin-left: 15px;
}

.kuva {
   border:1px solid #e5e5e5;
   margin-bottom: 10px;
   margin-left: 15px;
}

.kuva1 {
   border:1px solid #e5e5e5;
}

.kuva2 {
   border:1px solid #e5e5e5;
   margin-right: 15px;
}

.kuva3 {
   border:1px solid #e5e5e5;
   height: 120px;
}

.kuva4 {
   border:1px solid #e5e5e5;
   margin-bottom: 10px;
   margin-right: 15px;
}

.kuva5 {
   border:1px solid #e5e5e5;
   height: 100px;
}

.kuva6 {
   border:1px solid #e5e5e5;
   height: 90px;
}

.voit {
   color: #A71F1D;
   font-weight: bold;
}

.pun {
   color:#c0494c;
}

.sin {
   color:#457d83;
}

A:link {
   color:#7f9a4e;
   text-decoration:none;
}

A:visited {
   color:#7f9a4e;
   text-decoration:none;
}

A:active {
   color:#7f9a4e;
   text-decoration:none;
}

A:hover {
   color:#7f9a4e;
   text-decoration:underline;
}

a.paalinkit, a.paalinkit:visited {
   color: #799449;
   text-decoration:none;
}

a.paalinkit:hover, a.paalinkit:active {
   color: #edf5e0;
   text-decoration:none;
}