body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#fff; 
  font-family:verdana, arial, sans-serif; 
  font-size:76%;
  overflow: hidden; 
  }

/* for internet explorer */
* html body {
  padding:50px 0 20px 0; 
  }
  
  
#container {
  font-family:georgia, serif; 
  font-size:12;
  font-weight:normal;
  position:fixed; 
  top:50px;
  left:0;
  bottom:20px; 
  right:0; 
  overflow:auto; 
  background:#213E0F;
  padding:12px;
  text-align:center;
  border-top:1px solid #213E0F;
  border-bottom:1px solid #213E0F;
  background-image:url('kuvat/taus.gif')

  }
  
* html #container {
  height:100%; 
  width:100%; 
  }

#ulo{
 position:relative;
 -moz-box-sizing: padding-box;
 padding:3px;
 border:1px solid black;
 text-align:center;
 width:750px;
 margin-left:auto;
 margin-right:auto;  
 background:#889B1D;
 }
  
  
#sisu{
 position:relative;
 -moz-box-sizing: padding-box;
 padding:10px;
 border:1px solid black;
 text-align:center;
 margin-left:auto;
 margin-right:auto;  
 background:white;
 }


#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:48px; 
  overflow:auto; 
  background:#213E0F;
  border-bottom:2px solid #889B1D;
  overflow:hidden;
  }
* html #header {height:50px;}


#footer {
  color:#889B1D;
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:18px; 
  overflow:auto; 
  text-align:center; 
  background:#213E0F;
  border-top:2px solid #889B1D;
  }
* html #footer {height:20px;}

/* end of bit that does the work */

h1 {
 font-family:verdana, arial, sans-serif; 
 font-size:18px;
 color:#213E0F;
 }



  
  


#header ul {

  text-align:center; 
  margin:0; 
  padding:0; 
  list-style-type:none; 
  background:transparent; 
  }

#header ul li {
  display:inline; 
  color:white;
  }
  
.vasenkulma{
position:absolute;
bottom:3px;
left:3px;
}

.oikeakulma{
position:absolute;
bottom:3px;
right:3px;
}

.vkuva {
 float: left;
 margin: 0 10px 10px 0;
  }
  
.okuva {
 float: right;
 margin: 0 0 10px 10px;
  }


#sisu img {
margin:5px;

}

table.center {margin-left:auto; margin-right:auto; text-align:center;   position:relative;}

a.tab:link {color: black; text-decoration: none;   position:relative;}
a.tab:visited {color: black; text-decoration: none;   position:relative;}
a.tab:hover { text-decoration: none;   position:relative; top:1px;}


a.head		{ position:relative; text-decoration:none; color:silver; }
a.head:hover 	{ top:1px; color:white; }

.thumbnail{cursor: pointer}