body {
  background: url( /images/backtop.png ) no-repeat top center #f9f9f9/*#3c4f60*/;
  margin:0;
  padding:0;
  font-family: Helvetica Neue LT Std, Helvetica, Arial, sans-serif;
  line-height: 1.5em;
  font-size: 15px;  
  color: #333;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
  padding: 0;
}

form { padding:0; margin:0; border:0; }

h1 { color: #333; }
h2 { color: #1a4a8e; }
.lomake h2 { color: #333; }
h3, h4 { color: #164482; }
h1 { font-size: 24px; }
h2 { font-size: 22px; margin-top:25px; }
h3 { margin-top:20px; }

img { border:0; margin:0; padding:0; }

#page {
  padding:0;
  width: 950px;
  margin: 0 auto;
  background: white;
  position: relative;
}

ul#menu {
  margin:0;
  padding:0;
  text-align: right;
  list-style-type: none;
  color: white;
  font-size: 21px; 
  letter-spacing: 1px; 
  background: url( /images/menuback.png ) no-repeat top left;  
  height: 40px;
}

ul#menu li {
  line-height: 40px;
  display:inline;
  padding:0 20px 0 0px;
  margin:0;
}

#menu a {
  text-decoration: none;
  line-height: 40px;
  font-size: 21px; 
  letter-spacing: 1px; 
  color:#fff;     
}


ul.submenu {
  margin:0;
  padding: 10px 0 0 10px;
}
ul.submenu li {
  display:inline;
}

.submenu a { padding: 10px; }

.textcontent { padding: 20px; }

.laani { width: 33%; float:left; }
.laani .space { padding:10px; }

.lomake .ylaosa {
  width: 345px;
  height: 19px;
  background: url( /images/lomakeyla.png ) repeat-y top left #fff;   
}

.lomake .lomakesisalto {
  width: 345px;
  background: url( /images/lomakesisalto.png ) repeat-y top left #fff;     
}

.lomake .alaosa {
  width: 345px;
  height: 39px;
  background: url( /images/lomakeala.png ) repeat-y top left #fff;     
}

.lomakesisalto h2 {
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0px;
}

.lomake label {
  display: block;
  padding-top:5px;
  font-size: 14px;
}

.lomake ul {
  list-style-type: none;
  padding-left: 10px;
}

.lomake li {
  font-size: 14px;
}


.vaaditaan { color: blue; font-size: 20px; line-height: 18px; position: relative; top:3px; right: 1px;}
.vselitys { font-size: 13px; text-align: right; padding-right: 30px; }

#etarjouslomake { position: absolute; top: 350px; left: 20px; }
#es_text { margin-left: 400px; padding: 0px 20px 20px 15px;}
#es_text p { font-size: 15px; line-height: 23px; }
#es_text h1 { font-size: 22px; padding-top: 15px; }
#es_text h2 { font-size: 22px; padding-top: 35px; }

#bodyfoot { border-width: 3px 0; border-style:solid; border-color:#f6f6f6; background: #d3e5fd; padding-top:10px; width: 100%; }
#bodyfoot-inner { padding:20px; }
#bodyfoot .space { padding: 0 20px; }
#bodyfoot .p30 {  width: 33%; float:left; }
#footer-bookmark { float:right; }
#bodyfoot ul { line-height: 1.7em; list-style-type:none; margin-left: 0; padding-left:0; }

#footer { font-size: 12px; clear:both; width: 100%; text-align: center; padding: 10px 0 20px 0; }


#lomakebox { padding:20px; float:right; }

.clearer { clear:both; }

#virhe { padding: 20px; width: 100%; height: 500px; }

ul.error_list {
  margin:0;
  padding:0;
  margin-top:20px;
  color:red;
}

ul.error_list li {
  padding:0;
  margin:0;  
}

ul#lomake_lista {
  padding:0;
  margin:0;
  padding-left: 10px;
  margin:0;
}

.impl { color: #aaa; }
.impl a { color: #aaa; }

#paikkakunnat {
  text-align: center;
  padding: 10px 0; 
  background: url( /images/back_liuku.png ) repeat-x top left #fff;
  margin-top: 10px;
}
#paikkakunnat a {
  padding: 10px; 
}

ul.palvelut { list-style-type:none; margin-left:0; padding-left:10px; }
ul.palvelut li { background: url( /images/check.png ) no-repeat left center transparent; padding-left:30px; line-height: 2.0em; }

#main_back {
  /*background: url( /images/etu_img.png ) no-repeat top center; width 100%; margin:0; padding:0; */
}

#kaupunki-info { width: 100%; text-align:center; background-color: #f9f9f9; font-size: 13px; color: #aaa; }