 
/******************** picture styles *`*******************/
 
div.jasKuvaBorder img
{
    margin: 0 0 0 0;
    background-color: #FFF;
    padding: 2px;
    border: 1px solid #adadad;
}
 
 
/******************** list styles ************************/
 
 
.jasListStyle 
{ 
    font-size: 80%; 
    font-family: Arial, sans-serif; 
    color: #3333; 
    margin-bottom: 15px; 
}
 
.jasListStyle ul {
    list-style: disc;
}
 
.jasListStyle ul li {
    margin-left: 25px;
    line-height: 20px;
}
 
 
.jasListStyleArchive {
    padding-top: 10px;
}
 
.jasListStyleArchive ul li {
    padding-left: 15px;
    line-height: 20px;
}
 
 
/******************** text styles **************************/
 
 
p.jasPageDescription 
{ 
    font-size: 13px; 
    font-family: Arial, sans-serif; 
    color: #3333; 
    line-height: 16px;
    margin-bottom: 15px; 
}
 
 
p.jasbyLine { display:block; font-size: 13px; color: #707070; margin-left: 117px; }
 
 
 
/********************* header styles **************************/
 
 
.otsikko_vihrea
{
   line-height: 31px;
    font-size: 28px; font-weight: normal; color: #267711;
    margin-bottom:25px;
}
 
/********************* form styles **************************/
 
.jasFormFont
{    
    font-size: 16px; 
    font-family: Arial, sans-serif; 
}
 
.jasFormFont p
{    
    font-size: 16px; 
    font-family: Arial, sans-serif; 
}
 
/* etusivun tyohyvinvoinnin lis�ys News-osaan */
 
.subsectionHead a.highlightLinkjas { 
  text-decoration: none; 
  color: #67a72d; 
  font-weight: bold; 
  text-transform: uppercase; 
  font-size: 12px; 
  border:none; 
  background-image: url('/files/metsateho/img/link_arrowbutton_11x11.png'); 
  background-position: 0 2px; 
  background-repeat: no-repeat; 
  padding-left: 14px; 
  position: relative; 
  left: 500px; /* oli 820px */
  top: -20px; 
}
 
.subsectionHead a.highlightLinkjas2 { 
  text-decoration: none; 
  color: #67a72d; 
  font-weight: bold; 
  text-transform: uppercase; 
  font-size: 12px; 
  border:none; 
  background-image: url('/files/metsateho/img/link_arrowbutton_11x11.png'); 
  background-position: 0 2px; 
  background-repeat: no-repeat; 
  padding-left: 14px; 
  position: relative; 
  left: 700px; 
  top: -20px; /* oli -20px */
}
 /* ---------------------- Oppaiden sivutason muotoilut ----------------------------------------------- */
 
 .contentOpas {
    width: 960px; 
/*    height:auto; */ 
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff; 
     /* background-color: red;*/ }
 
.contentOpas p {
    margin-top:15px;
    margin-bottom:10px;
    line-height:1.3em;
}

.bicolumnNoBackgroundOpas { 
/*    min-height: 624px; */
    float: right;
    width: 729px; 
    margin-left:0;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px; 
    border-left: 1px solid #dcdcdc;
  /*  background-color: #fff; */
  /*  background-color: cyan;*/
 
}
.bicolumnNoBackgroundOpas p {
    font-size:80%;
    font-family: Arial,sans-serif;
    line-height:18px;
 } 
 
.bicolumnNoBackgroundOpas ul {
    font-size:80%;
    font-family: Arial,sans-serif;
    line-height:18px;    
	list-style: disc;
}
 
.bicolumnNoBackgroundOpas ul li {
    margin-left: 25px;
    line-height: 20px;
}
 
 
.bicolumnWrapOpas {
    width:675px;
    margin-left:15px;
    margin-top:0px;
    margin-right:auto;
    padding-top:20px;
  }
 
.biSidebarWithBorderOpas { 
    float: left;
    width: 210px;
/*    min-height: 540px;*/
/*    border-right: 1px solid #dcdcdc;*/
    margin-top:0px;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-top: 99px;
    padding-left: 20px;
  /*  background-color: #fff;*/
  /*  background-color: yellow; */
}
 
/* ----- NAVIGATION ----- */
 
.navigaatioOppaat {
    font-size:80%;
    float: right;
    width: 216px;
    padding-bottom: 60px;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
 /*   background-color: red; */
}
 
.navigaatioOppaat ul {
  /*  padding-top:30px */
}
 
/*.navigaatioOppaat ul ul ul { 
    padding-left:20px;
    padding-top:10px;
    
}*/
 
.navigaatioOppaat ul ul li { 
    padding-top:10px;
}
 
 
.navigaatioOppaat li {
    padding-top: 5px;
    padding-bottom: 5px;
}
 
.navigaatioOppaat li .current {
   color: red;
}
 
.navigaatioOppaat li li {
    padding-left:20px;
}
 
.navigaatioOppaat a {
    position: relative; top: 1px;
    color: #267711;
 /*   font-weight: bold;*/
    text-decoration: none;
}
 
.navigaatioOppaat a:hover {
   color:#90EE90;
}
 
.navigaatioOppaat a:active {
   color: #267711;
}
 
 
.navigaatioOppaat a.currentPage {
   color: red;
}

/* n�m� ovat tyhyst� */

.navigaatio {
    font-size:100%;
}
 
.navigaatio ul {
  /*  padding-top:30px */
}
 
.navigaatio ul ul ul { 
    padding-left:20px;
    padding-top:10px;
    
}
 
.navigaatio ul ul { 
    padding-top:10px;
}
 
 
.navigaatio li {
    padding-top: 5px;
    padding-bottom: 5px;
}
 
.navigaatio a {
    position: relative; top: 1px;
    color: #267711;
 /*   font-weight: bold;*/
    text-decoration: none;
}
 
.navigaatio a:hover {
   color:#90EE90;
}
 
.navigaatio a:active {
   color: #267711;
}
 
 
.navigaatio a.currentPage {
   color: red;
}
 
/********************************** v�rej� *********************************/
 
.punainen
{
   background-color:#D35D5A;
color:#FFF;
}
 
.oranssi
{
   background-color:#F7C662;
}
 
.valkoinen
{
   background-color:#FFF;
}
 
 
/*************************  taulukkotyylit ********************************/
 
table#opastaulukko
{
   border-collapse:collapse;
   width:100%;
   border:1px solid black;
   background-color:#FBE6A6;
   font-family:Arial,Helvetica,sans-serif;
}
 
table#opastaulukko th
{
 /*  height:30px; */
   font-weight:bold;
}
 
table#opastaulukko th, td
{
   text-align:left;
   padding:5px;
}

/* ************************************************************************ */

.joulunpunainen
{
/*color: #228B22;*/
text-transform: none;
/*background-coloR: #FFFAFA;*/
color:#FFF;
font-size:220%;
font-weight:bold;
/* text-outline: 2px 2px #000;*/
padding-left:20px
}
