body,html { 
  height     : 100%; 
  padding    : 0;
  margin     : 0;
  background : #131d23 url(img/bg_repeat.jpg) repeat-x;
  color      : #474747;
  font-family: Tahoma, Verdana, 'Sans-Serif';
  font-size  : 90%;
}

a {
  color: #d66c00;
}

h1,h2,h3,p {
  font-family: Tahoma, Verdana, 'Sans-Serif';
  font-weight: normal;
  margin-top : 0.5em;
}

.i {
  font-style: italic;
}

#mainframe {
  min-height: 900px;
  height    : 100%;
  background: url(img/bg.jpg) no-repeat center top;
}

#shadowframe {
  background: url(img/varjo.png) no-repeat center bottom;
  padding   : 20px 0 38px 0;
}

#frame {
  width : 623px;
  margin: 0 auto;
}

#header {
  background: url(img/logo.png) no-repeat left center;
  height    : 38px;
  margin    : 25px 0 20px 0;
}

#header ul {
  list-style-type: none;
}

#header ul li {
  font-family: Arial;
  float      : right;
  margin-left: 50px;
  padding-top: 20px;
  text-transform: uppercase;
}

#header a {
  color      : #fff;
  font-weight: bold;
  text-decoration: none;
}

#header a:hover {
  color: #f7931e;
}

#header .act {
  color: #f7931e;
}

/**
 * Etusivun tyylit
 */
#content1_front {
  background: url(img/bg_etusivu.jpg) repeat-x;
  height    : 213px;
  margin: 0 0 7px 0;
}

#content1_front_more {
  background: #e77107 url(img/bg_etusivu_more.jpg) repeat-x;
  min-height    : 373px;
  color     : #fff;
}
#content1_front_more p {
  padding: 0px 15px;
}

#content1_front a, #content1_front_more a {
  color          : #000;
  text-decoration: none;
}

#content1_front a.content1_more, #content1_front_more a.content1_more{
  display   : block;
  width     : 200px;
  float     : left;
  text-align: center;
  color     : #fff;
  margin    : 30px 0 20px 5px;
  font-size : 102%;
  letter-spacing: 1px;
}

a.content1_more img {
  border: 0px;
}

.content1_more {
  -khtml-opacity: 0.90;
  -moz-opacity: 0.90;
  /*filter: alpha(opacity=90);*/
  opacity: 0.90;
}

.content1_more:hover {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  /*filter: alpha(opacity=100);*/
  opacity: 1;
}

.content1_more_act {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  /*filter: alpha(opacity=100);*/
  opacity: 1;
}

#content1_front img, #content1_front_more img {
  background: url(img/varjo_pieni.png) no-repeat bottom left;
  padding-bottom: 12px;
}

#content2 {
  margin-bottom: 7px;
  background: #fff url(img/content2_upper_shadow.png) no-repeat;
}

#content2_2 {
  padding   : 15px 20px;
  background: url(img/content2_lower_shadow.png) no-repeat bottom left;
  min-height: 193px;
}

#content3_front {
  background: url(img/bg_etusivu_bottom.jpg) no-repeat;
  height    : 141px;
  color     : #9d9c9c;
}

#contact_form {
  background: url(img/bg_otayhteytta.jpg) no-repeat;
  color: #fff;
  height: 660px;
  padding: 20px 25px;
  width: 623px;
}

#contact_form .field {
  margin: 0 23px 5px 0;
}

#contact_form .doublefield {
  float: left;
  margin: 0px 30px 20px 0;
  width: 236px;
}

#contact_form .field p {
  margin: 0 0 8px 0;
}

#contact_form .field input, #contact_form .field textarea {
  background: #000;
  border    : 2px solid;
  border-color: #000 #1f2e32 #1f2e32 #000;
  color: #979797;
  font-size: 85%;
  margin: 0 0 2px 0;
  width: 236px;
}

#contact_form .field input {
  height: 22px;
}

#contact_form .field textarea {
  height: 81px;
}

#contact_form #address {
  color: #9c9ea0;
  float: left;
  margin: -20px 0 0 -35px;
}

#contact_form #address p {
  line-height: 130%;
}

#contact_form #send {
  left: 30px;
  position: relative;
  top: -10px;
}

#contact_form #send button {
}

#contact_form #send button img {
  float: left;
  margin: 16px 0 0 0;
  position: relative;
  left: -10px;
}

#contact_form #send button span {
}

img#etusivu_suomi {
  float: left;
  margin: 20px 40px;
}

#etusivu_contact {
  float     : left;
  font-size : 85%;
  line-height: 125%;
  margin: 20px 50px 0 -10px;
}

#etusivu_contacthki {
  float     : left;
  font-size : 85%;
  line-height: 125%;
  margin: 20px 0 0 -10px;
}

#etusivu_feedback {
  float : right;
  margin: 19px 25px 19px 0px;
}

#etusivu_feedback input, #etusivu_feedback textarea {
  background: #000;
  color     : #6d7071;
  border    : 2px solid;
  border-color: #000 #1f2e32 #1f2e32 #000;
  font-family: Tahoma, Verdana, Sans-Serif; 
  font-size  : 10px
}

#etusivu_feedback input {
  height: 20px;
  margin: 0 0 2px 0;
  width: 130px;
}

#etusivu_feedback textarea {
  height: 55px;
  overflow: auto;
  width: 190px;
}

button#etusivu_feedback_submit {
  border        : none;
  background    : none;
  color         : #a2b236;
  text-transform: uppercase;
  font-size     : 8px;
  cursor        : pointer;
  padding       : 0;
  text-align: left;
  width: 165px;
}

button#otayhteytta_feedback_submit {
  border        : none;
  background    : none;
  color         : #a2b236;
  text-transform: uppercase;
  font-size     : 10px;
  cursor        : pointer;
  padding       : 0;
  text-align: left;
  width: 165px;
}

#etusivu_feedback table td {
  vertical-align: top;
}

/**
 * Muiden sivujen tyylit
 */
#content1 {
  background: url(img/bg_pisara.jpg) no-repeat top right;
  margin: 0 0 7px 0;
} 

#content1_menu {
  height: 180px;
  width     : 212px;
  background: #000 url(img/bg_menu.jpg) repeat-x; 
}
#content1_menu ul { 
  padding: 0;
  margin : 0;
}
#content1_menu ul li {
  list-style-type: none;
  margin         : 0;
  padding        : 0;
}
#content1_menu a {
  display: block;
  color  : #fff;
  text-decoration: none;
  font-size: 105%;
  padding: 10px 15px;
  height: 16px;
}

#content1_menu a:hover {
  background     : url(img/bg_menu_active.jpg) repeat-x;
}

#content1_menu a.menu_active {
  background     : url(img/bg_menu_active.jpg) repeat-x;
}

#content3_left {
  float     : left;
  background: url(img/bg_palkinnot.jpg) repeat-x; 
  width     : 327px;
  height    : 183px;
  color     : #fff;
  padding   : 5px 20px;  
}

#content3_left h2 {
  font-size: 155%;
  margin-bottom: 10px;
}
#content3_right {
  float     : left;
  font-size: 85%;
  background: url(img/bg_uutiset.jpg) repeat-x; 
  width     : 206px;
  height    : 183px;
  margin-left: 10px;
  color     : #fefefe;
  padding   : 5px 20px;
}

#content3_right h2 {
  font-size: 180%;
  margin-bottom: 10px;
}

table.filosofiat td{
  padding: 0 0 10px 20px;
}

table.filosofiat td.top {
  padding: 0;
}

h3.orange {
  font-size: 90%;
}

.news_date {
  color      : #f7941d; 
  font-weight: bold;
  display    : block;
}
.news_more    { color: #8dc63f; }
.news_a_date  { 
  color  : #787878; 
  display: block; 
}
.news_a_title { 
  color      : #e87007; 
  display    : block;
  font-weight: bold;
}
.ref_title {
  color      : #e87007;
  font-weight: bold;
  vertical-align: top;
}

#footer {
  position  : fixed;
  bottom    : 0;
  left      : 0;
  text-align: center;
  background: #000;
  width     : 100%;
  padding   : 2px 0;
}

.clr {
  clear    : both;
  height   : 0px;
  font-size: 0px;
}

.b {
  font-weight: bold;
}

.fp_text {
  text-align: center;
}

.green {
  color: #a2b236;
}

.orange {
  color: #ed7f0f;
}

.top {
  vertical-align: top;
}