/*********************************************
 *
 *
 *              S - koko
 *
 *
 ********************************************/

@media all and  (max-width: 716px) {

body { 															/* Sivuston tausta */



}


#logo {
  display: block;
  position: absolute;
  top: 0;
  width: 100px;
  left:10px; 
  right:0;
}


    .bgtable {
    position: absolute;
    top: 170px;
    left: 0;
    right: 0;
    bottom: 0;
    
    z-index: 0;
    }
    


  .mainbg {
  padding: 15px;
  background: transparent;
    background-image:url('../images/fade2.png');
    background-repeat: repeat;  
  min-height: 320px;
  }
  
  
  .footerdiv {

  width: 100%;
  line-height: 20px;
  font-size: 13px;
  font-family: arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
background-color: transparent;
  background-image:url('../images/fade2.png');
  background-repeat: repeat;  
  border-top: 1px solid #000000;
  
  padding: 15px;
  

  }


.main_50 {
vertical-align: top;
display: block;
width: 100%;
padding-bottom: 30px;
}

.main_60 {
vertical-align: top;
display: block;
width: 100%;
padding-bottom: 30px;
}

.main_40 {
vertical-align: top;
display: block;
width: 100%;
padding-bottom: 30px;
}


  
  #navbg {
  width: 100%;
  position: absolute;
  top: 0;
  padding-top: 170px;
  background: #000000;
  background-image:url('../images/fade1.png');
  background-repeat: repeat;
  z-index: 1;
  }
  
  
  



/* Lomakkeet */



.txtinput, .selekti {		         /* teksti-inputti, nimi, puh/email  */
width:100%;

}

.tarea  { 		                  /* viestin tekstialue */
width:100%;

}


}