body {
  font-size: 100%;
}

.wrapper {

  width:600px;
  height:100%;
  position:relative;
  margin:auto;

}

.container {

  margin: auto;
  top:0;
  bottom:0;
  position: absolute;
  border: 1px solid #000000;
  width: 600px;
  height: 300px; 
  background: #c0c0c0; 


}

.right {

  position:relative;
  float:right;
  background: url(koivut.jpg) no-repeat;
  height:300px;
  width: 225px;


}

.left {

  background-color:#FFFFFF;
  border:1px solid #c0c0c0;
  float:left;
  height:280px;
  margin-left:10px;
  margin-top: 10px;
  /* for IE */
  filter:alpha(opacity=60);
  opacity:0.6;
  position:absolute;
  width:580px;
  z-index:20;
}

.title {

  font-family: Verdana, Arial, sans-serif;
  font-size:1.5em;
  font-weight: bold;
  color: #000000;
  margin-top: 55px;
  margin-left: 55px;

  

}
.right-content {

  float: right;
  width: 200px;
  font-family: Verdana, Arial, sans-serif;
  font-size:1em;
  font-weight: bold;
  color: #000000;
}

.left-content {

  float: left;
  font-family: Verdana, Arial, sans-serif;
  font-size:1em;
  font-weight: bold;
  color: #000000;
}

ul {
  list-style: none;
  margin-left: 55px;

}