
/*                  */
/*    Perus tagit   */
/*                  */
  body
  {
    margin:0px;
    padding:0px;
    background-image: url(../pics/bg.gif);
    background-repeat: repeat-x;
    background-color: #fff;
    font:normal normal 12px arial,verdana,sans-serif;
  }
  
  form, input, ul, li
  {
    padding:0px;
    margin:0px;
  }
   
  p
  {
    margin:0px;
    padding:0px;
    font:normal normal 12px arial,verdana,sans-serif;
    color:#000;
  }
  h1
  {
    margin:0px;
    padding:0px;
  }

/*                  */   
/* Erikoismuotoilut */
/*                  */
  
  div#page, div#footer, div#header, div#sisalto
  {
    clear:both;
  }
  
  div#header
  {
    height: 100px;
    width: 805px;
    background-image: url(../pics/bg-header.gif);
    background-repeat: no-repeat;
  }
  
div#header-japan
  {
    height: 100px;
    width: 805px;
    background-image: url(../pics/bg-header2.gif);
    background-repeat: no-repeat;
  }
  
  .es-otsikko
  {
    padding-top: 30px;
    padding-right: 30px;
    float: right;
  }  
  
  .es-otsikko-japan
  {
    padding-top: 30px;
    padding-right: 70px;
    float: right;
  }  
  
  .kielivalinta
  {
   padding-left: 23px;
   padding-top: 7px;
  }  
   
  div#page
  {
    width: 763px;
  }
  
  div#navi
  {
    position: absolute;
    width:177px;
    padding-top: 8px;
    background-color: #fff;
    float: left;
  }
   
  div#frontpage
  {
    float: left;
    width: 563px;
  }
  
  div#subpage
  {
    float: left;
    width: 562px;   
  }  
  
  div#subpage-index
  { 
    float: left;   
    width: 561px;
    padding-left: 1px;
    margin-right: 1px;
  }
       
  .page-bg
  {
    background-image: url(../pics/page-bg.gif);
    background-repeat: repeat-y;    
  }
  
 
  div#left-column
  {
    float: left;
    width: 343px; 
    border-right: solid 1px #C7C7C7 ;  
    padding-bottom: 15px;      
  }
  

  div#footer
  {  
    height: 1px;
    width: 100%;
    background-color: #C7C7C7;
  }
  
  #footer p
  {
    margin-left: 200px;
    font: normal normal 11px arial,verdana,helvetica; 
    color: #404040; 
    padding-top: 5px
  }

.sininentausta { font: normal normal 12px arial,verdana,helvetica,serif; color: #323232; background-color: #8AC4E7; }
.vaaleanharmaatausta { font: normal normal 12px arial,verdana,helvetica,serif; color: #323232; background-color: #F5F5F5; }
.tummanharmaatausta { font: normal normal 12px arial,verdana,helvetica,serif; color: #323232; background-color: #EBEAE9; }

.txtpieni 
    {
       font: normal normal 11px Arial,Verdana,Helvetica, serif; color: #000000; 
      margin-top: 5px;
      margin-bottom: 5px;
      margin-right: 15px;
      margin-left: 15px;       
    }
    
.txtleipa 
    { 
      font: normal normal 12px Arial,Verdana,Helvetica, serif; 
      color: #000000; 
      margin-top: 5px;
      margin-bottom: 5px;
      margin-right: 15px;
      margin-left: 15px;
    }
        
        
  #subpage-index ul 
  {
    margin-left: 30px;
    padding-right: 20px;
  }
  
  .news
  {
    margin-left: 20px;
    padding: 0px 0px 20px 0px;
    font: normal normal 12px arial,verdana,sans-serif;
    color: #666666;
  }
      
  #bulletins-index A
  {
   font: normal bold 12px Arial,Verdana,Helvetica, serif;   
   color: #404040;    
   text-decoration: none;
  }
  
  .pvm
  {
    font:normal normal 12px arial,verdana,sans-serif;  
    color: #666666;
  }
  
  #bulletins-index p
  {
    padding: 0px 25px 13px 25px;
  }
  
 
  .b-otsikko
  {
   font: normal bold 14px Arial,Verdana,Helvetica, serif;    
  }
  
  div#right_column
  {
    float: right;
    width: 218px;
    background-image: url(../pics/bg-event_calendar.gif);    
    background-repeat: repeat-y;
    margin-left: 10px;
    background-color: #fff;
    margin-bottom: 10px;
  }  
  
  #right_column p
  {
    margin-left: 25px;
    margin-right: 15px;
    margin-bottom: 4px;
  }
    
  #ec_index p
  {
    margin-left: 20px;
    margin-right: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  
  A
  { 
   color: #404040;
   text-decoration: underline;
  }
  
.txtsininen 
  { 
    font: normal normal 12px Arial,Verdana,Helvetica, serif; 
    color: #0092C6; 
    padding-left: 15px;
    padding-right: 15px;
  }
.txtvihrea 
  { 
    font: normal normal 12px Arial,Verdana,Helvetica, serif; 
    color: #648732; 
    padding-left: 15px;
    padding-right: 15px;    
  }  
  
  TABLE.products TD {
    border-bottom: solid 1px #C7C7C7;
  }