body {
background: url(ylatau3.png) repeat-x #FFFFFF;
margin: 0; 
}
div,table,pre {
font-family: Arial;
font-size: 15px; 
text-align: justify;
color: #5C1606;
line-height: 2.3; 
}
#layout {
width: 900px;
margin: 0px auto;
margin-bottom: 0px;
margin-top: 0px;
}
#txt {
margin-top: 40px;
padding: 0px 15px 20px 15px;
}
#o1 {
width: 800px;
height: 155px;
margin: 0;
}
#o2 {
min-width: 800px;
min-height: 229px;
margin: 0 auto;
align: center;
}
#o1 img {
border: 0;
outline: none;
}
#o1 a {
border: 0;
outline: none;
}
.h1
{
font-size: 18px;
font-family: Palatino Linotype;
font-style: bold, italic;
line-height: 20px;
border-bottom: 1px dotted #6A3E3E;
color: #6A3E3E;
letter-spacing:2px;
padding-left:20px;
}
.g {
background-color:#6B8C66;
color: #FFFFFF;
text-decoration: none;
font-family:georgia;
font-weight:bold;
font-size:12px;}

.o {
background-color: #DCCEB4;
color: #696969;}

.r {
background-color: #EEEEEE; 
height: 10px;}

#alapalkki { 
background: url(alatau2.png) repeat-x;
position: absolute;
width: 100%;
height: 55px;
text-align: center;
color:  #FFFFFF;
font-family: Arial;
letter-spacing: 2px;
font-size: 12px;
font-style: bold;
font-style: italic;
line-height: 1.8;
margin: 0;
padding-top: 25px;
}
a { 
color: #9F6255;
font-size: 12px;
font-family: Arial;
font-style: italic;
font-weight: 600;
letter-spacing: 1px;
text-decoration: none; 
}
a:hover { 
color: #C09288;

b,strong {
letter-spacing: 1px;
color: #6A3E3E;
}

*{
box-sizing: border-box;
  }
  input[type=text].flomake, select.flomake, textarea.flomake {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
  }  
  label.flomake {
    padding: 12px 12px 12px 0;
    display: inline-block;
  }
  input[type=submit].flomake {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
  }
  input[type=submit]:hover {
    background-color: #45a049;
  }
  .kokolomake {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
  }
  .leveys-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
  }
  .leveys-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
  }
  .viestikentta{
    height: 200px;
  }
  /* lopettaa kenttien "kellumisen" */
  .kellu:after {
    content: "";
    display: table;
    clear: both;
  }
  /* Responsivuus - kun näytön leveys pienempi kuin 600px , 
   kentien edessä oleva teksti siirtyy kenttiewn yläpuolelle */
  @media screen and (max-width: 600px) {
    .leveys-25, .leveys-75, input[type=submit] {
      width: 100%;
      margin-top: 0;
    }