/* Sininen #110BA7 - Punainen #C0231D - Keltainen #E4F14E */

* { margin:0; padding:0; }

body {
  margin-top:0.5%;
  background:#e6ed9f;
  color:#222;
  font-size:13px;
  font-family:"trebuchet ms", helvetica, sans-serif; line-height:21px;
}
html>body { background:url('images/taustavari.jpg') no-repeat center top #e6ed9f; }

pre { font-family: helvetica, sans-serif; }

p { margin:20px 0 15px 0; text-align:left; line-height:20px; }
a:link { text-decoration:underline; color:#333399; }
a:hover { text-decoration:none; color:#110BA7; }

h1 { color:#C0231D; font-size:22px; font-weight:normal; padding:82px 0 20px 0; letter-spacing:0.08em; }
h3 { color:#110BA7; color:#111; font-size:17px; padding:0 0 3px 0; margin:30px 0 7px 0; font-weight:normal; letter-spacing:0.01em; }

#reunus { background: url('images/bg.png') repeat-x top; padding-top:0; margin:0 auto 0 auto; height:29px; width:80%; }
#content { margin: 0 auto 0 auto; width:80%; background: #fff; padding-top:10px; }


#logo { width:100%; }
#logo img { border:0; padding:20px 0 9px 1.3em; }

/******************************************************
 Vasen sarake */
#sivupalkki { padding: 10px 0 0 0; width:20%; float:left; }
#sivupalkki p { font-size:12px; line-height:16px; margin:0px; }

/* Uutisotsikot */
#uutiset { padding:0px 15px 0px 15px; width:100%; }
#uutiset h3 { color:#C0231D; padding:0px; margin:20px 0 5px 0; font-weight: normal; }
#uutiset p { margin:0; padding: 5px 0 0 0; letter-spacing:0px;  }

/* Lomake */
#lomake { margin:2px; padding:8px; padding-left: 15px; 
background: url( /images/kuori.jpg ) right bottom no-repeat; padding-bottom: 60px }
#lomake p { font-size: 15px; padding: 10px 0; }
#lomake h3 { color: #110BA7; margin-top:25px; padding-top:0; }
#lomake label, input { display: block; }
#lomake input { margin-bottom: 10px; }
#lomake textarea { margin-bottom: 10px; }

/******************************************************
 Oikea sarake */
#main { position:relative; float:right; width:68%; padding-top:70px; margin-right:17px;  }
#main p { width:auto;}
#main h1 { width:auto; padding-top:0px; margin-top:0px; }
#main h3 { width:auto; }
#main div { width:auto; }
.oikealla { float:right; padding:20px; }
.vasemmalla { float:left; padding:20px; }

/* Sivukohtaiset asetukset */

#yhteystiedot h4 { clear:both; padding-top:15px; }
.osoite { float:left; display:inline; padding-right: 90px;  }
#yhteyshenkilot div { float:left; padding-right:20px; text-align:center; }
#yhteyshenkilot img { display:block; }

.clearer { clear:both; }

/******************************************************
 Footer */
#footer { color:#777; clear:both; width:100%; padding:50px 0 25px 0; text-align: center; 
  background: url('/images/alabg.png') repeat-x bottom #fff; }
#footer address { display:inline; }

/* Validi-kuva */
#valid { text-align:right; width:100%; border:0; }
#valid img { border:0; }