body {
     line-height:2em;

}

#juu {
     line-height:1em;
    
}
#jaa {
     text-align: center;
    
}
{
     width:700px;
     margin:2em auto;
}

#logoa {
relative;
   
    height: 135px;

}

#ylatila {

     width:100%;
     height:40em;

}

#header {
float:left;
 position: static;
top:500px;
bottom: 100px;
     width:100%;
     height:40%;
     border:0px solid #000;
     font-family: Verdana, Arial, Helvetica, sans-serif;

     font-size: 100%;
   /*background-image: url("foto/water.jpg");
    background-size: 100% 100%;

background-repeat: no-repeat;*/

    background:#00a6fd;
     text-align:center;
      color: white;
}



#footer {
     border:1px solid #000;
     background:#024bce;
     clear:both;
     text-align:center;
     color: white;
}
#hinta {
     border:1px solid #000;
     background:#024bce;
     clear:both;
     text-align:center;
     color: white;
}
#kiukaita {
     border:1px solid #000;
     background:#024bce;
     clear:both;
     text-align:center;
     color: white;
}
#kiukaitab {text-align:left;}

#yhteyst {
     border:1px solid #000;
     background:#024bce;
     clear:both;
     text-align:center;
     color: white;
}
#tyot {text-align:center;}



#logo {
float: initial;

 position: fixed;
    top: -40px;
    
     
}

.isukki{
position: fixed;
    top: 2.5em;
    right: 6px;


}
.valo{ float: left; width:100px; height:50px;}
.alkuun { float: left; border-left: 0px solid #FFF;}
.kiuas { float: left; border-left: 0px solid #FFF;}
.hinnasto { float: left; border-left: 0px solid #FFF;}
.yhteys { float: left; border-left: 0px solid #FFF;}