/* malli.css*/
H1 { font-size:1.3rem; color :#003399 ; 
     text-shadow: 2px 2px 3px #ccc;   }
H2 { font-size:1.1rem; color :#003399 ;   
     text-shadow: 1px 1px 3px #bbb;   }
H3 { font-size:1.1rem; color :#003399 ;  }
H4 { font-size:1.0rem; color :#003399 ; }
H5 { font-size:0.97rem; color :#003399 ; }

A { text-decoration: underline; font-weight: normal; }
  A:link{color:#0808f0; }
  A:visited{color:#0808f0; }
  A:active{color: #088fff; }
  A:hover{color:#088fff; }


TABLE.tss { border-collapse: collapse;
 vertical-align:top ;
 empty-cells: show ;
 border: 0px ridge #cc0033 ;
 border-top:  none;
 }
TD.tss  { border: 1px solid gray; padding: 1px; 
           vertical-align:top ;}
 TD.tss.solid-blue  { border: 2px dashed blue; }
 TD.tss.solid-green { border: 2px solid green; }

.ts1r { font-family: arial, helvetica ; font-size: 0.9em ;
  color: #1F1F1F; text-align:right ; vertical-align:top ;
  background-color: #fff ;
  background-image: url(/"doc/pic/banner_pun.gif");
  }
.ts1m { font-family: arial, helvetica , sans-serif, serif; font-size: 0.9em ;
  color: #1F1F1F; text-align:left ; vertical-align:top ;
  background-color: #fff ;
  background-image: url("/doc/pic/banner_pun.gif");
 }
.ts1c {
  color: #000000; font-weight: bold; font-size: 0.9em;
  font-family:  Arial, Helvetica, sans-serif;
  padding-top: 5px; padding-left: 10px;
  background-image: url("/doc/pic/banner_pun.gif");
  }

.ts1 { font-family: arial, helvetica , sans-serif, serif; 
  font-size: 1.0em ; text-align:left ; vertical-align:top ;
  /*border: 1px solid #fbfbfb;*/
  /*background-color: #fbfbfb ;*/
  padding-left: 8px; padding-top: 2px;
  }
ts1 A { text-decoration: none;
  border: 1px solid #fbfbfb;
  border-left: 6px solid #ffffff;
  padding-left: 8px; padding-top: 2px;
  background-color: #fff ;
  }
A.ts1:link{ text-decoration: none; 
  border: 1px solid #fbfbfb;
  color: #003399;
  border-left: 6px solid #ffffff;
  padding-left: 8px; padding-top: 2px;
  background-color: #fff ;
  }
A.ts1:visited{ text-decoration: none; 
  border: 1px solid #fbfbfb;
  color: #003399;
  border-left: 6px solid #ffffff;
  padding-left: 8px;
  padding-top: 2px;
  background-color: transparent;
  }
A.ts1:hover{color: navy    ;
  border: 1px solid #fbfbfb;
  color: #4888ff;
  border-left: 6px solid #e0eae6;
  background-color: transparent ;
  padding-top: 2px;
  padding-left: 8px;
  text-decoration: none;
 }

.lomake { font-family: sans-serif, arial, helvetica ; font-size: 1.1em ;
   color: #000000; text-align:left ; vertical-align:top ;
   background-color: #fff ;
   border-bottom: solid gray 1px;
   }

/*Trebuchet MS,Verdana */
.palkki, .palkki1st { font-family: verdana, tahoma, arial, helvetica ; font-size: 1.0em ;
   color: #003399; text-align:left ; vertical-align:top ;
   border: 0px solid #fbfbfb;
   white-space: nowrap;
   }

.palkki A,.palkki1st A { /*display:block; */
   margin: 9px 0px 2px 0px;
   padding: 0px 0 2px 0;
   border: 0px solid #fbfbfb;
   border-left: 6px solid #ffffff; /*# ie ei voi olla transp.*/
   text-decoration: none;
   white-space: nowrap;
   }
  A.palkki1st{color: #f0f0f0; font: bold 0.95rem Verdana,Arial,Helvetica;
  border-left: 6px solid #e8eeff;
  }
  A.palkki:link{color: #003399; }
  A.palkki1st:link{color: #003399; }
  A.palkki:visited{color: #003399; }
  A.palkki1st:visited{color: #003399; }
  A.palkki:active{color: #003399; }
  A.palkki1st:active{color: #4888ff; }
  A.palkki:hover, A.palkki1st:hover{color: #4888ff    ;
          border: 0px solid #ffcf31;
          border-left: 6px solid #e0eae6;
          background-color: transparent ;
          padding-top: 0px;
          text-decoration: none;
          }
  A.palkki1st:hover{color: #4888ff    ;
	}

.palkki a span {display: none;}
.palkki a:hover span {display: block;
   position: absolute; width: 350px; left: 200px; top: 50px;
   padding:  5px; margin: 0px 0px -20px; z-index: 10;
   color: #111; 
   font: 10px Arial,helvetica, Verdana, sans-serif; text-align: left;
   background: #e4e6ec url("/im/sin_20.gif") repeat-x top;
  margin:0 10px 0 0;
  padding:20px 2px 2px 2px;
  border: 3px ridge #ebf4ff ;
  -moz-border-radius:8px;
  border-radius:8px;
   }

.palkkiots { font-family: verdana, tahoma, arial, helvetica ; font-size: 1.1em ;
  color: #0F0F0F; text-align:left ; vertical-align:top ;
  background-color: #fff ;
   white-space: nowrap;
  }


.bc { font-family: verdana,helvetica,arial ; font-size: 1.3em ;
  font-weight: bold;
  color: #000000; text-align:left ; vertical-align:top ;
  background-color: #003399 ;
  }

.white {font-color: #ffffff; }
.white:link{color:#ffffff; }
.white:visited{color:#ffffff; }
.white:active{color:#000000; }
.white:hover{color:#000000; background-color: transparent; 
   text-decoration: none ;}
   }
.menu  {font-family :Verdana,Arial,Helvetica ;
   text-decoration: none;
   font-weight: normal;
   font-size: 1.0em; 
   }
  .menu:link{color:#fff; }
  .menu:visited{color:#fff; }
  .menu:active{color:#000; hover:none ; }
  .menu:hover{color:#000; background-color: none; 
      text-decoration: none ;}

.tss { font-family: verdana, tahoma, arial, helvetica ; 
	font-size: 0.95rem ; line-height: 1.1rem;
   color: #111111;
   text-align:left ; vertical-align:top ;
   }

.tssdoc { font-family: arial, helvetica , sans-serif, serif; font-size: 0.95rem ;
   color: #1F1F1F; text-align:left ;
   background-color: #f8f8f8 ;
   border: 2px ridge gray ;
   }
.tssdoc2 { font-family: arial, helvetica , sans-serif, serif; font-size: 0.95rem ;
   color: #1F1F1F; text-align:left ;
   background-color: #dcdcdc ;
   border: 2px ridge #CC0033 ;
   }
.tssdoc3 { font-family: arial, helvetica , sans-serif, serif; font-size: 8pt ;
   color: #1F1F1F; text-align:left ;
   background-color: #fbfbfb ;
   vertical-align:top ;
   border: 2px ridge #CC0033 ;
   }

.box1 {
        vertical-align:center ;
        border: 2px ridge gray ;
        background-color: #fff ;
        padding-left: 5px;
        padding-right: 5px;
        }
.box2 {
  border-top: hidden ; border-left: hidden ;
  border-top: groove gray;
  border-left: groove gray;
  border-right: ridge gray;
  border-bottom: ridge gray;
  border-width:2px;
  border:1px dotted #0f0f0f;
  background:#e8e8e8;
  -moz-border-radius:8px;
  border-radius:8px;
  }
.box2txt { font-family: verdana, tahoma, arial, helvetica , sans-serif, serif ; font-size: 1.1em ;
  color: #666666; text-align:left ; vertical-align:top ;
  white-space: nowrap;
  }
.story { font-family: verdana, tahoma, arial, helvetica , sans-serif, serif ; font-size: 1.1em ;
  color: #666666; text-align:left ; vertical-align:top ;
  /*white-space: nowrap;*/
  }
  .story a {backgroundcolor:#000000; text-decoration: none ;}
  .story a:link{color:#003399; }
  .story a:visited{color:#003399; }
  .story a:active{color:#0c0c0c; hover:none ; }
  .story a:hover{color:#ffffff; background-color: #003399; 
      text-decoration: none ;}

COL,COLGROUP,TABLE,TBODY,TD,TR {
  text-decoration:        normal;
  border-color:   navy;
  text-align: left;
  vertical-align:top ;
  border-style:   none;
  }

.menuleft  {text-decoration: none;
  color: #000000; font-weight: normal;
  font-family:  Arial, Helvetica, sans-serif;
  padding-left: 10px;
  background-color: #e8e8e8; /* harmaa */
  background-image: url("/doc/pic/kartat/nayte/fin5_2006_nayte_ohut_pysty.gif"); 
  background-repeat: no-repeat;
  background-position: top center;
  }
 .menuleft:link{color:#666666; }
 .menuleft:visited{color:#666666; }
 .menuleft:active{color:#000000;  }
 .menuleft:hover{color:#000000;  }
.menuitem  {text-decoration: none;
  color: #000000; font-weight: normal;
  font-family:  Arial, Helvetica, sans-serif;
  padding-left: 10px; padding-top: 4px;
  background-color: #e8e8e8; /* harmaa */
  display:block;
  height: 21; width: 150;
  font-size:0.95rem;
  background-image: url("/doc/pic/banner_pun.gif"); 
  border-left: 2px ridge #cccccc ;
  border-right: 2px ridge #cc0033 ;
  }
  .menuitem:link{color:#666666; }
  .menuitem:visited{color:#666666; }
  .menuitem:active{color:#000000; text-decoration: none;}
  .menuitem:hover{color:#000000; 
     background-image: url("/doc/pic/banner_pun_act.gif"); 
     text-decoration: none;}


.kuva  {text-decoration: none;
  background-color: #f8f8f8; /* harmaa */
  ./*background-image: url("/doc/pic/newsbg.jpg"); */
  } 

img {
   border-style:   none;
   }

.fin5head { color: #ffffff; font-weight: bold; font-size:1.0rem;
  font-family:  Arial, Helvetica, sans-serif;
  padding-left: 10px;
  background-color: #266443; /* vihr*/
  }

/*b { font-weight: bold ; color: #507E3F; }*/

/*strong{ color: #507E3F; } */

.otsikko2 { font-family:  Arial, Helvetica, sans-serif;
 font-size: 1.2rem; color: #FFFFFF; font-weight: bold;
 display:block;
 width: 200px;
 background-color: #266443;
 padding-left: 10px;
}

.docheader  {  display:block; top-margin: 0px; padding-top: 0px;
  height:18px;
  font: normal 1.1em Verdana, Tahoma, Arial, Helvetica;
  padding-left: 0px; color: #f8f8f8 ; font-weight: bold;
  background: #003399 url("/icon/gui/sin_30.gif"); 
  }

/*other data*/
#data h1, #data h2, #data h3 {
/*width:80%;*/
padding-left:.5rem;
padding:2px 1px 1px 0px;
margin:0;
/* yla oikea ala vasen */
background-color: transparent;
background: #e7eefe url("/icon/gui/sinvaal_20.gif");
color:#003399;
-Moz-Border-Radius: 4px;
/*-moz-opacity:.7;
filter:alpha(opacity=70);*/
font-family: Verdana ;
}
#data h4, #data h5 {
padding-left:.5rem;
padding:2px 1px 1px 0px;
margin:0;
background-color: transparent;
color:#003399;
font-family: Verdana ;
}
#banner h1, #banner h2, #leftblock h1, #leftblock h2, #leftblock h3 {
margin-top:0;}
/*div {border:1px solid red! important;}*/

/* yla oikea ala vasen */
ul { margin:0 1px 0 2px; padding:0 0 0 3px; }
ul,li { margin:0 1px 0 2px; padding:0 0 0 8px; }


code { 
font-family: monospace ;
white-space: pre;
display: block ;
unicode-bidi: embed ;
background-color: #ddd;
border: 1px dotted #ddd;
margin-left:20px;
padding-left:10px;
padding-right:10px;
/*width:600px;*/
}