body { scrollbar-face-color:#847448; 
scrollbar-arrow-color:#40371f;
scrollbar-track-color:#847448;
scrollbar-shadow-color:#40371f; 
scrollbar-highlight-color:#40371f; 
scrollbar-3dlight-color:#615636; 
scrollbar-darkshadow-Color:#6A4E3A; }




body {  text-align: center; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;  background-image: url('grafik/taustakuva3.png'); background-repeat: repeat-x; background-color: #afa165;}
table {  font-family: tahoma, Arial, Helvetica; font-size: 8pt}
td {  font-family: tahoma, verdana, Arial, Helvetica; font-size: 8pt; color: #2c2613}

a.fr:link { font-family: Arial, Tahoma, Verdana, Arial, Helvetica; font-size: 9pt; color: #4a4118; text-decoration: underline;}
a.fr:visited { font-family: arial, Tahoma, Verdana, Arial, Helvetica; font-size: 9pt; color: #4a4118; text-decoration: underline; }
a.fr:hover { font-family: arial, Tahoma, Verdana, Arial, Helvetica; font-size: 9pt; color: #4d452e; text-decoration: none; }

a.ga:link { font-family: Arial, Tahoma, Verdana, Arial, Helvetica; font-size: 8.5pt; font-weight: bold; color: #4a4118; text-decoration: none;}
a.ga:visited { font-family: arial, Tahoma, Verdana, Arial, Helvetica; font-size: 8.5pt; font-weight: bold; color: #4a4118; text-decoration: none; }
a.ga:hover { font-family: arial, Tahoma, Verdana, Arial, Helvetica; font-size: 8.5pt; font-weight: bold; color: #2c2613; text-decoration: none; }

a.vi:link { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11pt; font-weight: bold; color: #4f4428;  text-decoration: underline;}
a.vi:visited { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11pt; font-weight: bold; color: #4f4428;  text-decoration: underline;}
a.vi:hover { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11pt; font-weight: bold; color: #2c2613;  text-decoration: underline;}

.g { font-family: arial, Tahoma, Verdana, Arial, Helvetica; font-size: 8.5pt; font-weight: bold; font-style: italic; color: #4d452e; }

a:link { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt; color: #4a4118; text-decoration: underline;}
a:visited { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt; color: #4a4118; text-decoration: underline; }
a:hover { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt; color: #4d452e; text-decoration: none;}

.small {  font-family: Tahoma, Verdana, Arial; font-size: 8pt; font-weight: bold;}
.b {  font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt; color: #2c2613; font-weight: bold; }
.bc {  font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt; color: #4a4129; font-weight: bold; }
.iso {  font-family: Arial, Verdana, Arial, Helvetica; font-size: 11pt; color: #4a4129; font-weight: bold; }
.an  { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; color: #4a4127;  text-decoration: none; 
}
.ai  { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; font-style: italic; color: #4a4127; }
.abb  { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt; font-weight: bold; color: #4a4127; }
.arial  { font-family: Arial, Tahoma, Verdana, Helvetica; font-size: 9pt; font-weight: normal;}
.ab  { font-family: Arial, Tahoma, Verdana, Helvetica; font-size: 9pt; font-weight: bold;}
.abc  { font-family: Arial, Tahoma, Verdana, Helvetica; font-size: 9pt; font-weight: bold; color: #4a4129; }
.altxt1  { font-family:  Tahoma, Verdana, Arial, Helvetica; font-size: 8pt; font-weight: bold; color: #B59C84; }
.altxt2  { font-family: Verdana, Arial, Helvetica; font-size: 7pt; font-weight: normal; color: #B59C84; }
.s2 { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 7pt; font-weight: normal; color: #5f5232; }
.v  { font-family: Verdana, Tahoma, Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
.vi { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11pt; font-weight: bold; color: #4f4428; }
.vis { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt; font-weight: bold; color: #4f4428; }
.otsi { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11pt; font-weight: bold; color: #352d19; }
.et { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; color: #3f361e; }


.etusivuboksi{

font-family: Tahoma, verdana, lucida sans unicode, arial, Helvetica;
font-size: 8pt;
border-top: 2px solid #756742;
border-right: 2px solid #756742;
border-left: 2px solid #756742;
border-bottom: 2px solid #756742;
  background-image: url('grafik/boksinormitausta2.jpg');
}

#top-bar.kuva0 { background: #FFFFFF url( /images/110128_etus5.jpg) no-repeat top left; }
#top-bar.kuva1 { background: #FFFFFF url( /grafik/lippucne.jpg ) no-repeat top left; }
#top-bar.kuva2{ background: #FFFFFF url( /images/dpentsiv3.jpg ) no-repeat top left; }

.img {
	border: 1px solid #5c4f2f;
      background-color: #5c4f2f;
	}

.img2 {
	border: 1px solid #7d6d45;
padding: 2px;
spacing: 2px;
      background-color: #93845d;
	}
.frpic {
    border: 4px solid #6b5e3a;
    padding: 3 px;
  background-color: #756742;
	}
.pc {
 border: 2px solid #494026;
 padding: 0px;
}
.tdboxi{
font-family: tahoma, verdana, lucida sans unicode, arial, Helvetica;
font-size: 8pt;
padding: 2px;
  background-image: url('grafik/tdboxtaus.jpg');
}
.tdboxi2{
font-family: tahoma, verdana, lucida sans unicode, arial, Helvetica;
font-size: 8pt;
padding: 2px;
  background-image: url('grafik/boksivaaleatausta.jpg');
}
.taulukko{
font-family: tahoma, verdana, lucida sans unicode, arial, Helvetica;
font-size: 8pt;
padding: 1px;
border: 0px;
  background-color: #756742;

}
.rotuvalik{
font-family: tahoma, verdana, lucida sans unicode, arial, Helvetica;
font-size: 8pt;
border: 0px;
  background-color: #756742;

}

.taulukko2{
font-family: tahoma, verdana, lucida sans unicode, arial, Helvetica;
font-size: 8pt;
padding: 1px;
border: 2px solid #6b5e3a;
  background-color: #756742;


}
.tlk2{
font-family: tahoma, verdana, lucida sans unicode, arial, Helvetica;
font-size: 8pt;
border: 1px solid #6b5e3a;
  background-color: #756742;

}


.table3{
font-family: tahoma, verdana, lucida sans unicode, arial, Helvetica;
font-size: 8pt;
border: 2px solid #756742;
background-image: url('grafik/boksinormitausta2.jpg');
}

.tableres{
font-family: tahoma, verdana, lucida sans unicode, arial, Helvetica;
font-size: 8pt;
border: 2px solid #756742;
}

.news {
font-family: tahoma, verdana, lucida sans unicode, arial, Helvetica;
font-size: 8pt;
border: 2px solid #756742;
background-image: url('grafik/newstausta.jpg');
}



div#koko {
    width: 1100px;
    margin: 0 auto;
    background:#afa164;
    text-align: left;
}
div#kokoreunus {
position:absolute;
    width:1100px;
    margin:0 auto;
    background:#afa164;
}
h1 {
    margin:0;
    padding:10px;
}
div#heading {
    background-image: url('grafik/c_head_yla6_en.png');
    text-align:center;
    width:1100px;
    height:136px;
    background-color: #3f371f;
}
div#headingfi {
    background-image: url('grafik/c_head_yla_fi.png');
    text-align:center;
    width:1100px;
    height:136px;
}

div#right {
	 background-image: url('grafik/c_head_oikea2_en.png');
	 background-repeat: no-repeat;
	 background-color: #837348;
	 float:right;
	 width:63px;
	 height:451px;	
	 left: 1037px;
	 top: 136px;
	 position: absolute;
}
div#left {
	 background-image: url('grafik/c_head_vasen2_en.png');
	 background-repeat: no-repeat;
	 background-color: #837348;
	 float:right;
	 width:355px;
	 height:451px;	
	 left: 0px;
	 top: 136px;
	 position: absolute;
}


div#paatos {
    position: absolute;	
        top: 587px;
        left: 0px;
        background-image: url('grafik/c_head_ala3_en.png');
        text-align:center;
        width:1100px;
        height:13px;
     background-repeat: no-repeat;
}
div#teksti {
    background: #847448;
    position: absolute;	
        top:136px;
        left:355px;
        text-align:center;
        width:683px;
        height:451px;
        overflow:auto;
}



#lightbox{	position: absolute;	left: 0; width: 100%; top: 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: 100%; 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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: center; }	
#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; }


.reunat{
margin-left: 3px;
margin-right: auto;
font-family: Tahoma, verdana, lucida sans unicode, arial, Helvetica;
font-size: 8pt;
border: 2px solid #756742;
  background-color: #756742;
}



.taus {
      border: 0px  solid #afa165;
       background-color: #afa165;
}



	
.album {

	      background-image: url('grafik/albumtausta2.gif');
		background-repeat: repeat-x;
	}
	
.albumimg {
        border: 3px solid #ffffff;
	}
	
.imgtul {
	border: 1px solid #CCCCCC;
      padding: 1px;
	}
.imghar {
	border: 1px solid #675741;
      padding: 3px;
      background-image: url('grafik/imgtaus2.jpg');
	background-repeat: repeat-y;
	}
	
.ulkoreunat {
	border-style: normal;
	border-color: #B59971;
      border-right: 0px dashed #F5E8D5;
      border-left: 0px dashed #E3D5C9;
      border-top: 0px dashed #E3D5C9;
      border-bottom: 0px dashed #E3D5C9;
      margin-top: 0px;
      margin-bottom: 0px; 
      margin-left: 0px;
      margin-right: 0px;
       background-repeat: repeat-x;
      background-image: url('grafik/taustakuva1.jpg');
	}
.td {
      height : 15;
	border-style: normal;
	border-width: 0px;
	padding: 2px;
	background-repeat: no-repeat;
	background-image: url('grafik/tdtausta.jpg');   
}
.tdlong {
      height : 15;
	border-style: normal;
	border-width: 0px;
	padding: 2px;
	background-repeat: no-repeat;
	background-image: url('grafik/tdtausta_pitka.jpg');   
}
.norm {
margin-left: 3px;
margin-right: auto;
font-family: verdana, lucida sans unicode, arial, Helvetica;
font-size: 7pt;
  border-width: 1px;
  border-color: #6A4E3A;
  border-style: solid;
}


.otsikkostyle {
margin-left: 3px;
margin-right: auto;
font-family: verdana, lucida sans unicode, arial, Helvetica;
font-size: 8pt;
background-repeat: repeat-x;
background-image: url('taustakuva1.jpg') ;
}

.tr.a{
border-bottom: 2px solid #000000;
}


.linktab {
background-repeat: no-repeat;
  background-image: url('grafik/110422_linktausta.png');
background-position: center;
}

.ta {
margin-left: 3px;
margin-right: auto;
font-family: Tahoma, verdana, lucida sans unicode, arial, Helvetica;
font-size: 8pt;
border: 2px solid #eac8a0;
  background-image: url('grafik/boksinormitausta.jpg');
}


.etuta {
margin-left: 0px;
font-family: verdana, lucida sans unicode, arial, Helvetica;
font-size: 8pt;
  border-width: 0px;
  border-color: #DCBD9C;
  border-style: solid;
background-repeat: repeat-y;
background-image: url('grafik/etutable.jpg');
}

td.brb {
  border-right: 1px solid  #756742;
  border-bottom: 1px solid #756742;
}

td.br {
 border-right: 1px solid #756742;
}

td.bb {
  border-bottom: 1px solid #756742;
}


td.brbd {
  border: 0px solid  #756742;
  border-right: 1px solid #756742;
  border-bottom: 1px solid #756742;
}

td.brd {
 border-right: 1px solid #756742;
}
td.brl {
 border-right: 1px solid #756742;
 border-left: 1px solid #756742;
}

td.bbd {
  border-bottom: 1px solid #756742;
}
td.bt {
 border-top: 1px solid #756742;
}








td.kubrb {
  border-right: 1px solid  #756742;
  border-bottom: 1px solid #756742;
  
   background-image: url('grafik/newstausta.jpg');
}

td.kubr {
 border-right: 1px solid #756742;
   background-image: url('grafik/newstausta.jpg');
}

td.kubb {
  border-bottom: 1px solid #756742;
    background-image: url('grafik/newstausta.jpg');
}


td.kubrbd {
  border: 0px solid  #756742;
  border-right: 1px solid #756742;
  border-bottom: 1px solid #756742;
    background-image: url('grafik/newstausta.jpg');
}

td.kubrd {
 border-right: 1px solid #756742;
   background-image: url('grafik/newstausta.jpg');
}
td.kubrl {
 border-right: 1px solid #756742;
 border-left: 1px solid #756742;
   background-image: url('grafik/newstausta.jpg');
}

td.kubbd {
  border-bottom: 1px solid #756742;
    background-image: url('grafik/newstausta.jpg');
}
td.kubt {
 border-top: 1px solid #756742;
   background-image: url('grafik/newstausta.jpg');
}