body 
{ 
  background: #222;
/*   background: #000; */
  margin-top:0px;
  margin-bottom:0px;
  padding: 0px
}

.decorativeHeader {
/*   border:1px solid #fff; */
  position: absolute;
  left: 95px;
  top: 240px;
  color: #FFF;
  font-size: 35px;
}

.decorativeHeader2 {
/*   border:1px solid #fff; */
  position: relative;
  color: #FFF;
  font-size: 27px;
  margin-bottom:16px;
  margin-top:16px;
}

/* .decorativeHeader2 a { */
/*   color: #FFF; */
/* } */


/* .decorativeHeader2 { */
/* /\*   border:1px solid #fff; *\/ */
/*   position: relative; */
/*   color: #FFF; */
/*   font-size: 27px; */
/*   margin-bottom:16px; */
/*   margin-top:16px; */
/* } */



.pageFrame
{
  /* Ulomman tason kehys pitää olla 'positioned',
     jotta sisemmät voidaan sijoittaa suhteessa siihen  */
  position: relative;
  width:900px;
  margin-right:auto;
  margin-left:auto;
  margin-top:0px;
  padding:0px;
  background:#000;

/*   border:1px solid #913c00; */
}

.normalPageBannerEng
{
  height: 290px;
  position: relative;  
  padding:0px;
  margin-bottom:0px;
  margin-top:0px;
  background-image: url(ylakuva-eng.jpg);
  background-repeat: no-repeat;
}

.normalPageBanner 
{
  height: 290px;
  position: relative;  
  padding:0px;
  margin-bottom:0px;
  margin-top:0px;
  background-image: url(ylakuva.jpg);
  background-repeat: no-repeat;
}

img.transparent 
{
  /* Jättää muuten kuvan ja seuraavan lohkon väliin  */
  display: block;
  }

img.imageLeft 
{
  position: relative;
  float: left;
  padding: 2px;
  border-style:solid;
  border-width:1px;
  border-color:#d7c47b;
  margin-right:28px;
}

.framedImage 
{
  padding: 2px;
  border-style:solid;
  border-width:1px;
  border-color:#d7c47b;
}


img.imageNoMargin 
{
  position: relative;
  float: left;
  padding: 2px;
/*   padding-right: 30px; */
/*   padding-bottom: 10px; */
  border-style:solid;
  border-width:1px;
  border-color:#d7c47b;

/*   border-color:white; */
  margin-right:0px; 

/*   width: 200px; */
}


.captionImageLeft
{
  position: relative;
  float: left;
}

.captionImageRight
{
  position: relative;
  float: right;
}


.captionImageLeft2
{
  position: relative;
  float: left;
  margin-left: 0px;
  margin-right: 30px;
  margin-bottom: 10px;

}

.captionImageLeft3
{
  position: relative;
  float: left;
  margin-left: 0px;
  margin-right: 20px;
}

.captionImageRight2
{
  position: relative;
  float: right;
}

.captionImageRight3
{
  position: relative;
  float: right;
  margin-right: 13px;
}

img.small
{
  width: 320px;
  border-style:solid;
  border-width:1px;
  border-color:#d7c47b;
  padding:1px;
}

img.small2
{
  border-style:solid;
  border-width:1px;
  border-color:#d7c47b;
  padding:1px;
}

img.halfColumn
{
 /*  position: relative; */

  border-style:solid;
  border-width:1px;
  border-color:#d7c47b;
  padding:1px;
  width: 340px;
}


/* Värillisen alueen kehys. Ympäröi osaksi läpinäkyvän alueen
 ja todellisen sisällön */
.columnFrame 
{
  position:relative;  
  bottom:63px;
  width:749px;
  margin-left: 75px;
  border:1px solid gray;
  }

/* Sisältöalueen taustaväri. Sisältöä saa piirtää läpinäkyvän
alueen päälle, mutta ei taustavaäriä. */
.columnBackground 
{ 
  position:relative;
  margin-top: 62px;
/*   background: #2c491a; */
  background: #274217
 }

.mainContent
{
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  text-align:justify;
  color: white;
  font-family: Verdana, Arial;
  font-size: 13px;

}

.spacing
{  
  clear: both;        
}

.centered
{
  margin-left: 85px;
/*   margin-right: auto; */
/*   border:1px solid #f00; */
}

.trueCentered
{
/*   position: relative; */
/*   float: left; */
  display: block;
  margin-left: auto;
  margin-right: auto;
/*   border:1px solid #f00; */
}



.mainContent a 
{ color: #d7c47b;
}