body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%;
  min-width: 625px;  
  background: #ffffff; !#f0f0f0; /* #53829d; #eee;*/ 
  font-family: sans-serif, arial, verdana; 
  font-size:76%;
  overflow: hidden; 
  }

  
#freeleft {
  position:absolute;  
  left:0; 
  width:15%; 
  height:100%;
  background-image: url(images/vasenreunus.png);
  background-position: right;
  background-repeat: repeat-y;  
  }

#freeright {
  position:absolute;  
  left:85%;   
  width:35px;  
  height:100%;
  background-image: url(images/oikeareunus.png);
  background-position:left;
  background-repeat: repeat-y; 
  border:4px;
  border-radius:4px;  
  }

#header {
  position:absolute; 
  top:2px; 
  left:15%; 
  width:70%;
  min-width: 625px;  
  height:120px; 
  overflow:auto; 
  background:#001542;
  color:#fff;
  text-align:left;
  /*background-image: url(images/finnautomation.jpg);
  background-position: left top;
  background-repeat: no-repeat;*/
  border:4px;
  border-radius:4px; 

  }

  #navigation {
  position:absolute; 
  top:124px; 
  left:15%; 
  width:70%;
  max-height: 25px;
  min-width: 625px;
  height:27px; 
  background:#0033cc;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  background-image: url(images/mbar.jpg);
  background-position: lext top;
  background-repeat: repeat-x;
  	!border:4px;
    border-radius: 4px;
  }
  
  #kieli{
  position: absolute;
  right:0;
  margin-right:5px;
  }
  
  #footer {
  position:absolute; 
  bottom:0; 
  left:15%;
  width:70%; 
  min-width: 625px; 
  height:28px; 
  overflow:auto;  
  text-align:right;
  background:#b5b9bf;    /*#73a2bd;*/
  background-image: url(images/footer.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
  border-radius: 4px;
  }
  
 
  #content {
  position:fixed; 
  top:151px;
  left:15%;
  width:70%;
  min-width: 625px; 
  bottom:40px;  
  overflow:auto; 
  background:#fff;
  !background-image: url(images/tausta1.gif);
  !background-position: left bottom;
  !background-repeat: no-repeat;
  }
  
  p {width:500px; margin-left:5px}

 

/*----------------------------------------------------------------------------*/
ul#list-nav {
list-style:none;
margin:0px;
padding:0;
width:525px;

}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#0033cc; /* #485e49;*/
color:#eee;
float:left;
text-align:center;
border-right:1px solid #000;
background-image: url(images/mbar.jpg);
background-position: lext top;
background-repeat: repeat-x;
}

ul#list-nav li a:hover {
background:#3d5d9f; /*#fffff0; #a2b3a1;*/
color:#000;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  
  h1 { color: black; font-size: 25pt; font-weight: bold;text-shadow: #6374AB -1px 1px 1px; }
  
  h2 { color: black; font-size: 18pt; font-weight: bold;text-shadow: #6374AB -1px 1px 1px; }
  
  h3{ color: black; font-size: 8pt; margin-right: 50px;text-shadow: #6374AB -1px 1px 1px; }
  
  h4 { color: #fbfaf9; font-size: 15pt; font-weight: bold;text-shadow: #6374AB -1px 1px 1px; }
  
  a.lan{ 
		font-size: 11pt;
		/*font-family:"Times New Roman", Times, serif;*/
		text-decoration:none;
		padding:4px 0px;
		width:100px;
		/*background:#0033cc;  #485e49;*/
		/*color:#eee;*/
		float:left;
		text-align:center;
		margin-left:0px;
		border-left:1px solid #000;
		margin-right:0px;
		margin-top:0px;
		margin-bottom:1px;
		}
  a.lan:link {color: white;} /* linkissä ei ole vierailtu */
  a.lan:visited {color: white;} /* linkissä on vierailtu */
  a.lan:hover {background-color: #3d5d9f; color: black} /* käyttäjä osoittaa linkkiä hiirellä (hover=CSS2 omin.)*/
  a.lan:active {text-decoration: blink;} /*linkki on aktiivinen */
  
  table tr th{ text-align: left;}