body{
  padding:          0;
  margin:           0;
  background:       url('sivu.jpg');
}
  
#container{
  width:            800px;
  margin-left:      auto;
  margin-right:     auto;
}


#header{
  background:       url('yla1.jpg') no-repeat top left;
  height:           120px;
}

#header-en{
  background:       url('yla1eng.jpg') no-repeat top left;
  height:           120px;
}
#left{
  float:          left;
   border:      2px solid #000;
   background:  url('uutistausta.jpg') #fff;
   margin-top:   20px;
   width:         170px;
   text-align:      center;
   font-size:        12px;
}

#left hr{
    width:           60%;
    border:          1px solid green;
}
#main{
  background:       url('ala3.jpg') no-repeat #f2f2f2;
  min-height:       470px;
  border-left:      1px solid #333;
  border-right:     1px solid #333;
  border-bottom:    1px solid #333;
  margin:              0;
  padding:       15px;
}

#main h2{
   text-align: center;
}
#lang{
  float:                  right;
  margin:              0;
  padding:             0;
  padding-top:       8px;
  padding-right:     8px;
}

#lang img{
  border:               none;
}
#nav{
  padding-top:       105px;
  padding-left:         45px;
}
/*Galleria*/
.thumbnail{
position: relative;
z-index: 0;
margin: 5px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

#main_navi{
 float: left;
 width: 200px;
 margin-top: 50px;
}

#main_navi ul{
 list-style-type:none;
}

#main_navi il{
 display: inline;
}

#main_main{
 float: right;
 width: 500px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */