/* LINKKIEN TYYLEJÄ */

a:link{text-decoration: none; font: bold 10.2pt Helvetica, Sans-serif; color: #98a147; line-height: 1.5em;}
a:visited{text-decoration: none; font: bold 10.2pt Helvetica, Sans-serif; color: #98a147; line-height: 1.5em;}
a:hover{text-decoration: underline; font: bold 10.2pt Helvetica, Sans-serif; color: #98a147; line-height: 1.5em;}
a:active{text-decoration: none; font: bold 10.2pt Helvetica, Sans-serif; color: #98a147; line-height: 1.5em;}

a.sisainen:link{text-decoration: none; font: normal 17px Lucida Sans Unicode, Lucida Grande, Verdana, Sans-serif; color: #000000; line-height: 1.0em;}
a.sisainen:visited{text-decoration: none; font: normal 17px Lucida Sans Unicode, Lucida Grande, Verdana, Sans-serif; color: #000000; line-height: 1.0em;}
a.sisainen:hover{text-decoration: none; font: normal 17px Lucida Sans Unicode, Lucida Grande, Verdana, Sans-serif; color: #000000; line-height: 1.0em;}
a.sisainen:active{text-decoration: none; font: normal 17px Lucida Sans Unicode, Lucida Grande, Verdana, Sans-serif; color: #000000; line-height: 1.0em;}

a.kuvalinkki:link{text-decoration: none; font: bold 10.2pt Helvetica, Sans-serif; color: #000000; line-height: 1.5em;}
a.kuvalinkki:visited{text-decoration: none; font: bold 10.2pt Helvetica, Sans-serif; color: #000000; line-height: 1.5em;}
a.kuvalinkki:hover{text-decoration: none; font: bold 10.2pt Helvetica, Sans-serif; color: #000000; line-height: 1.5em;}
a.kuvalinkki:active{text-decoration: none; font: bold 10.2pt Helvetica, Sans-serif; color: #000000; line-height: 1.5em;}

html, body, #pohja {
  height:100%;
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
}
#pohja{
  margin: 0 auto;
  text-align: left;
  vertical-align: middle;
}

body.runko{
  background-color: #e1dfdb;
  background-image: url('../kuvat/taustakuvat/body.gif');
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: 0px 0px;
}

/* TAULUKOIDEN TYYLEJÄ */

table.valineisto{
  border-collapse: collapse;
  border: 1px solid #E0DEDE;
}

tr.valineisto{
  background-color: #E5E3E3;
}

td.varjo_vasen{
  background-image: url('../kuvat/taustakuvat/varjo_vasen.png');
  background-repeat: repeat-y;
  background-position: 0px 0px;
}

td.varjo_oikea{
  background-image: url('../kuvat/taustakuvat/varjo_oikea.png');
  background-repeat: repeat-y;
  background-position: 0px 0px;
}

td.ylatunniste{
  background-image: url('../kuvat/taustakuvat/ylatunniste_orig.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

td.ylatunniste_etusivu{
  background-image: url('../kuvat/taustakuvat/ylatunniste_orig.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

td.ylareuna{
  background-image: url('../kuvat/taustakuvat/ylareuna.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-right: 1px solid #d3d1d1;
  border-left: 1px solid #d3d1d1;
}

td.marginaali{
  background-image: url('../kuvat/taustakuvat/karppimafia_fi.gif');
  background-color: #f2f2f2;
  background-repeat: repeat-y;
  background-position: 25px 0px;
  background-color: #f2f2f2;
  border-left: 1px solid #d3d1d1;
  border-right: 1px dashed #d3d1d1;
  margin: 0px;
}

td.marginaali_tekstit{
  margin: 0px;
  padding-top: 0px;
  padding-left: 15px;
  padding-right: 10px;
}

td.marginaali_tekstit_sisennys{
  padding-left: 15px;
  padding-right: 15px;
}

td.marginaali_poikkiviiva{
  padding-left: 15px;
  padding-right: 15px;
}

td.sisalto{
  background-color: #f2f2f2;
  background-image: url('../kuvat/taustakuvat/vesileima.gif');
  background-repeat: no-repeat;
  background-position: 100% 100%;
  border-right: 1px solid #d3d1d1;
  margin: 0px;
}

td.sisalto_etusivu{
  background-color: #f2f2f2;
  background-image: url('../kuvat/taustakuvat/etusivu.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-left: 1px solid #d3d1d1;
  border-right: 1px solid #d3d1d1;
  margin: 0px;
}

td.sisalto_tekstit{
  background-color: transparent;
  padding-left: 60px;
  padding-right: 90px;
  line-height: 1.5em;
}

td.alatunniste{
  background-image: url('../kuvat/taustakuvat/alatunniste2.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

td.alatunniste_etusivu{
  background-image: url('../kuvat/taustakuvat/alatunniste_etusivu.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}


/* MUITA TYYLEJÄ */

p{
  margin: 0px;
  padding: 0px;
}

p.otsikko{
  font: normal normal 17px Lucida Sans Unicode, Lucida Grande, Verdana, Sans-serif;
  line-height: 1.0em;
  padding-bottom: 15px;
}

p.otsikko_marg{
  font: normal normal 17px Lucida Sans Unicode, Lucida Grande, Verdana, Sans-serif;
  line-height: 1.4em;
}

p.otsikko_name_linkit{
  font: bold 10.2pt Tahoma, Geneva, Verdana, Sans-serif;
  line-height: 1.6em;
  margin: 0px;
  padding: 0px;  
}

p.kappale{
  font: normal 10.2pt Helvetica, Sans-serif;
  line-height: 1.5em;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 12px;
}

p.valineisto{
  font: normal 10.2pt Helvetica, Sans-serif;
  line-height: 1.5em;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 3px;
  text-align: normal;
}

p.kappale_info{
  font: normal 10.2pt Helvetica, Sans-serif;
  color: #98a147;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 12px;
}

ul.lista{
  font: normal 10.2pt Helvetica, Sans-serif;
  line-height: 1.5em;
  margin: 0px;
  padding-left: 30px;
  padding-top: 0px;
  padding-bottom: 12px;
  text-align: justify;
  list-style-type: decimal;
}

ul.lista_rapsat{
  font: normal 10.2pt Helvetica, Sans-serif;
  line-height: 1.5em;
  margin: 0px;
  padding-left: 30px;
  padding-top: 0px;
  padding-bottom: 12px;
  text-align: justify;
  list-style-type: decimal;
}

ul.lista2{
  font: normal 10.2pt Helvetica, Sans-serif;
  line-height: 1.5em;
  margin: 0px;
  padding-left: 24px;
  padding-top: 0px;
  padding-bottom: 12px;
  text-align: justify;
  list-style-type: circle;
}

ul.lista_kiitos{
  font: normal 10.2pt Helvetica, Sans-serif;
  line-height: 1.5em;
  margin: 0px;
  padding-left: 15px;
  padding-top: 0px;
  padding-bottom: 12px;
  text-align: justify;
  list-style-type: circle;
}

li.lista{
  padding-bottom: 5px;
}

span.paivitetty{
  color: #000000;
}

div.testi{
  margin: 0px;
  padding:0px;
  background-image: url('../kuvat/taustakuvat/tausta_testi.jpg');
  background-repeat: repeat-x;
  background-position: 0px 0px;
  background-attachment: fixed;
}

div.kappale{
  font: normal 10.2pt Helvetica, Sans-serif;
  line-height: 1.5em;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 12px;
  position: relative;
}

div.menu{
  position: relative;
  float: right;
  top: 0px;
  right: 0px;
}

div.copyright{
  position: relative;
  float: left;
  top: 1px;
  left: 15px;
}

div.siteby{
  position: relative;
  float: right;
  top: 11px;
  right: 15px;
}

div.etusivu{
  width: 700px;
  position: static;
}

div.jasenet{
  position: relative;
  float: left;
  width: 142px;
  left: 0px;
}

div.karppi{
  font: normal 10.2pt Helvetica, Sans-serif;
  line-height: 1.5em;
  text-align: justify;
  position: relative;
  top: 0px;
  bottom: 0px;
}

div.banneri{
  position: relative;
  z-index: 9999;
  float: left;
  top: 11px;
  left: 279px;
  width: 119px;
  height: 59px;
  border: 0px solid #000000;
  color: #ffffff;
  cursor: pointer;
}

div.kuva{
  position:relative;
  float:right;
  margin-left: 5px;
}

div.raportti{
  position: relative;
  bottom: 7px;
}


input.kentta{
  background-color: #FFFFFF;
  font: normal 10.2pt Helvetica, Sans-serif;
  color: #000000;
  width: 250px;
  border: 1px solid #a7a7a7;
  padding-left: 4px;
}

textarea.kentta{
  background-color: #FFFFFF;
  border: 1px solid #a7a7a7;
  font: normal 10.2pt Helvetica, Sans-serif;
  color: #000000;
  padding-left: 4px;
  width: 400px;
  height: 150px;
  overflow: auto;
}

img.thumb{
  border: 1px solid #000000;
  margin-left: 20px;
}

img.thumb2{
  border: 0px solid #000000;
  margin-left: 30px;
}

hr.viiva{
  border: none 0; border-top: 1px dashed #a8a8a8; height: 1px; margin-top: 0px; background-color: transparent;
}


#sisainen a{
    font: normal normal 17px Lucida Sans Unicode, Lucida Grande, Verdana, Sans-serif;
    padding-bottom: 7px;
    margin: 0px;
    float: left;
    line-height: 1.4em;
    position:relative;
}

#sisainen2 a{
    font: normal normal 17px Lucida Sans Unicode, Lucida Grande, Verdana, Sans-serif;
    padding-bottom: 7px;
    margin: 0px;
    float: left;
    line-height: 1.4em;
    position:relative;
}

.img-shadow{
  background: url('../kuvat/shadow.png') no-repeat bottom right !important;
  background: url('../kuvat/shadow.gif') no-repeat bottom right;
  margin: 10px -7px 0px 20px !important;
  position: relative;
  float: right;
}

.img-shadow img{
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #a7a7a7;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

/* jäsensivulla oleville kuville */

.img-shadow-2{
  background: url('../kuvat/shadow.png') no-repeat bottom right !important;
  background: url('../kuvat/shadow.gif') no-repeat bottom right;
  margin: 7px 20px 13px 5px !important;
  margin: 7px 20px 13px 5px;
  float: left;
}

.img-shadow-2 img{
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #a7a7a7;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/code/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/code/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10.2pt Helvetica, Sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }