body { 
  font-family: Arial, Helvetica, sans-serif;
  /*background: url( /images/main_bg.gif ) repeat-x top left #dbdbdb; */
  padding: 0; color: #333; font-size: 15px; margin:0; 
}

td { vertical-align: top; }

h1, h2, h3, h4 { font-weight: normal; margin:0; padding: 1.2em 0 0.2em 0; font-size:18px; }
h1 { padding-top:15px; font-size: 25px; color:#444; }
h2 { font-size: 21px; color: #213b6d; }
p { line-height: 1.5em; }

ul.menu { 
  font-size: 15px;
  margin: 0; 
  /*padding: 10px 0; */
  position: fixed; 
  top:0; 
  width:100%; min-width: 970px; text-align: center; background: url( /images/menu_back.png ) repeat-x top left;
  height: 37px;
}
ul.menu li {
  display:inline;
  padding: 10px 0;
  padding-right: 30px;
}
ul.menu a { padding: 10px 3px; color: black; text-decoration:none; position:relative; top: 10px; right: 30px; }
ul.menu a:hover { text-decoration:underline; }
li a.current { background: url( /images/menu_current.png ) no-repeat center bottom; }
li a:hover.current { text-decoration:none; }

ol li { font-size: 0.9em; }

#lomake .error { color: red; }

#page { width: 970px; margin: 0 auto;  padding:55px 25px 0 25px; background: #fff; border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
#top { width: 100%; padding-bottom: 10px; }

img#logo { border:0; }
#runko { padding-right: 20px; width: 65%; }

#content { width: 500px; float:left; }

#lomake { 
  background: url( /images/lomaketausta.jpg ) no-repeat right bottom #fff;
  width: 320px; 
  border: 1px solid lightblue;
  vertical-align: top; 
  padding: 20px 20px 350px 20px; 
  font-size: 1.0em;
  margin: 20px 0;
  float: right;
}

#lomake textarea, #lomake .tekstikentta { border: solid #aaa 1px; }
 
#lomake h2 { font-size: 24px; font-weight:normal; margin: 0px; color: #333; padding:10px 0 5px 0; letter-spacing: 0.03em; }
#lomake label { font-size: 1.0em; white-space: nowrap; }
#lomake td { vertical-align: middle; }
.selite { color:gray; font-size: 0.9em; }

#footer { color: #666; font-size: 0.9em; width: 100%;  padding: 20px 0; text-align: center; }
#footer a { color: #666; }

.fill { width: 100%; height: 10px; clear: both; }

.kuorrute { padding: 0px; }


#laskuri { padding: 20px; background-color: #f9f9f9; font-size: 1.2em; }
#laskuri input { font-size: 1.1em; }
/*#laskuri label { display: block; }*/
#laskuri #kulut { margin: 20px 0 0 0; background: #fff; padding: 10px; font-size: 1.3em; }
#laskuri #tyon_maara { text-align: right; }