@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Economica');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');

/* -----------------------------------------------------------------------------------------*/
/* ------ Y H T E Y D E N O T T O L O M A K E ----------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
iframe.form-lomake { /*overflow: hidden;*/ width: 100%; /*height: 2000px!important;- korkeus tirehtoorissa*/ border: none;}
form { font-family: 'Open Sans', sans-serif; font-weight: 300; color: #333333; font-size: 1em; }

div.form_field_title {  float: left;  width: 100%; margin: 0 0 5px 0; padding: 0;}
div.form_field { float: left; width: 100%;  padding: 0; margin: 0 0 5px 0; clear:both; display: block;}
div.form_field_button { float: left; width: 100%;  padding: 0; margin: 0 0 5px 0;}
div.form_field  .input_radio { float: left; height: 20px; vertical-align: top;  width: 10%; padding: 0; margin: 0 0 5px 0; }

.form_field input  { font-size: 1em; clear: both; background-color: #E9E9E9; padding: 8px 2%; width:100%; color:#444; border-radius: 7px; margin: 0 0 10px 0;  border: 1px solid #afafaf; }
.form_field input:hover, .form_field input:focus { border: 1px solid #00aeef; background-color: #f2f2f2;  }

textarea.input_textarea { font-size: 1em; clear: both; background-color: #E9E9E9; padding: 8px 2%; width:100%; color:#444; border-radius: 7px; margin: 0 0 10px 0; min-height: 120px; border: 1px solid #afafaf;}
textarea.input_textarea:hover, textarea.input_textarea:focus { border: 1px solid #00aeef; background-color: #f2f2f2;  }

input.tarkistus  { font-size: 1em; width: 80px; clear: both; background-color: #E9E9E9; padding: 8px 2%; color:#444; border-radius: 7px; margin: 0 0 10px 0; border: 1px solid #afafaf; }
input.tarkistus:hover, input.tarkistus:focus { border: 1px solid #00aeef; background-color: #f2f2f2;  }


input.button{ border: none; background-color: #00aeef; color: #fff; padding: 12px 15px 8px 20px; margin: 0 30px 8px 0; width: auto; border-radius: 7px;  font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 300; font-size: 1.2em; text-transform:uppercase;}

input.button:hover { background-color: #1264a5; }
input.button:active {top-margin: 1px; }

input#reset {margin: 0!important; }

	
div.ilmoitus { margin-top: 800px!important; left: auto; display: block; min-height: 100px; width: 80%; margin: 0 5%; padding: 15px 5%; background-color: #bf4525; border-radius: 10px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1em; color:#fff; }
div.ilmoitus h1 { font-family: 'Economica', sans-serif; font-size: 2em; line-height: normal; margin: 0; color:#fff;}
div.ilmoitus h2 { font-family: 'Economica', sans-serif; font-size: 1.8em; line-height: normal; margin: 0; color:#fff;}
div.ilmoitus h3 { font-family: 'Economica', sans-serif; font-size: 1.3em; line-height: normal; margin: 0; color:#fff;}
a.body {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1em; color:#fff; }