body {
  text-align: center;   /* Keskitä sivu IE:ssä */
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-family: sylfaen, Verdana, Helvetica;
  color: #FFFFFF;
  background-color: #2e497f;
  background-image: url('rakenne/bg_alaosa.png');
  background-repeat: repeat;
  
  
 
 
  
}
#bg
{
width: 100%;
height: 100%;
  background-image: url('rakenne/bg.jpg');
  background-repeat: repeat-x;
  float:right;
}
A:link {border:none;
border-style:none;
text-decoration: none;
font-weight:normal;
background-color: transparent;
color:#96c7fb;
margin: 0 0 0 0;
padding: 0 0 0 0;


}


A:IMG {
border-style:none;
}
A:active {text-decoration: none}
A:hover {text-decoration: underline}
A {
border-style:none;
border:none;
text-decoration: none;
font-weight:normal;
background-color: transparent;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

A:visited {
border-style:none;
border:none;
text-decoration: none;
font-weight:normal;
background-color:transparent;
color:#96c7fb;

}

#container {
  width: 900px;

  margin: auto;         /* Keskitä IE:ssä ja Firefoxissa  17*/
  text-align: left;     /* Teksti vasempaan reunaan kaikissa */
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
    background-image: url('rakenne/sivusto_tausta.jpg');
	  background-repeat: repeat;
  min-height: 100%;
  
}
#container2 {
  width: 900px;
  float:left;
  margin: auto;         /* Keskitä IE:ssä ja Firefoxissa 17*/
  text-align: left;     /* Teksti vasempaan reunaan kaikissa */
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
    background-image: url('rakenne/sivusto_tausta.jpg');
	  background-repeat: repeat;
  min-height: 100%;
  
}

#testi{
background-color:#FF66FF;
width: 160px;
height: 30px;
border-bottom: 1px solid #333;
border-top: 1px solid #33FF00;
font-size: 20pt;
}
#banner {
  margin-top: 0;
  height: 189px;
  background-color: #424f79; /* tumma sini */
  
}		
#nav {
  float: left;
  width: 160px;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 16pt;
  }	
#nav_right {
float: right;
  width: 154px;
  /* margin-top: 20px; width: 147px;
   /*  margin: 20px 268px 30px 0px;  muuta tätä jos muutat navigaation leveyttä */
  font-size: 16pt;
  }			
#content {
  width: 550px;
  float: left;
  padding-top: 1em;
  padding-left: 8px;
  padding-right: 20px;
    
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left:0px; 
  margin-right: 5px; /* 268px 30px 170px;  kork muuta tätä jos muutat navigaation leveyttä */

 /* background-color: #314d81;  vaalea sini */
  border-left: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 0px solid #000000;
   border-top: 0px solid #000000;
}				
#footer {
float: right;
  width: 900px;
  height: 30px; 
  text-align: right; 
  padding-top: 12px; 
  color:#000000;
  font-size:13px;
  background-image: url('rakenne/alapalkki.jpg');
}
h1 {
  padding: 0.2em 0 0;
  margin: 0 0 0 0;
  text-align: center;
}
h2 {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-size: 140%;
}
h3 {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-size: 100%;
  font-weight:bolder;

}


img.ylapalkki { 
  float: left;
  padding: 0px 0px 0px 0px;
  border: none; 
  margin: 0px 0px 0 0;
 }
 img.ylapalkki2 { 
  float: left;
  padding-top: 177px;
  border: none; 
 
 }
img.perus2 { 
  float: left;
  padding: 0px 0px 0px 0px;
  border-bottom: solid 0px #000000; 
  border-right: solid 0px #000000;
  margin: 0px 0px 0px 0px;
  border-top: 0px solid #000000;
}
img.perus2 { 
  float: right;
  padding: 0px 0px 0px 0px;
  border-bottom: solid 0px #000000; 
  border-right: solid 0px #000000;
  margin: 0px 0px 0px 0px;
  border-top: 0px solid #000000;
}
img.sivukuvat { 
  float: left;
  padding: 2px 4px 2px 4px;
  border-bottom: solid 0px #000000; 
  border-right: solid 0px #000000;
  margin: 0px 0px 0px 0px;
  border-top: 0px solid #000000;
}
img.liput { 
  float: left;
  padding: 0px 0px 0px 12px;
  border-bottom: solid 0px #000000; 
  border-right: solid 0px #000000;
  margin: 0px 0px 0px 0px;
  border-top: 0px solid #000000;
}
img.floatpix { 
  float: left;
  padding: 10px 1px 10px 10px;
  border: dashed 1px; 
  margin: 10px 10px 0 0;
}
img.floatpix2 { 
  float: right;
  padding: 2px 2px 2px 2px;
  border: solid 1px;
  border-color:#000066;
  margin: 10px 0 0 0;
  background-color:#FFFFFF;
}
div.widget {
  float: left;
  border-top: dashed 1px;
  border-right: dashed 1px;
  border-bottom: dotted 1px;
  border-left: dashed 1px;
  margin: 5px 5px 5px 0px;
  padding: 3px 3px 3px 5px; 
  width: 94%;
}
div.widget img {
  float: left; margin: 3px; border: 0;
}

IMG.img-picture{ 
  padding: 2px 2px 2px 2px;
  border: solid 1px;
  border-color:#000066;
  margin: 0px 0 0 0;
  background-color:#FFFFFF;
}
IMG.img-thumbnail { 
  padding: 2px 2px 2px 2px;
  border: solid 1px;
  border-color:#000066;
  margin: 0px 0 0 0;
  background-color:#FFFFFF;
}
IMG.img-thumbnail-selected { 
  padding: 2px 2px 2px 2px;
  border: solid 1px;
  border-color:#000066;
  margin: 0px 0 0 0;
  background-color:#FFFFFF;
}