@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body {
  font-family: Sans-Serif, Verdana, Arial;
  font-size:15px;
  line-height:26px;
  color:#000;
  margin:40px 0 20px 0;
}

* { margin:0; padding:0 }

h1 { font-family: 'Open Sans', sans-serif; font-size:22px; letter-spacing:1px; font-weight:normal; padding:10px 0 20px 0; margin:0 0 5px 0; clear:both; }
h3 { font-family: 'Open Sans', sans-serif; letter-spacing:0.7px; font-size:16px; font-weight:normal; padding:2px 0 0 0; padding-top:30px; clear:both; margin-bottom:10px; }

img { border:0; }

input { border:1px solid #b5cadd; margin:0 10px 0 0px; background:white; font-size:15px; }
select { border:1px solid #b5cadd; font-size:15px; width:auto; }
optgroup { padding-top:10px; }

textarea { border:1px solid #b5cadd; color:#000; font-size:15px; }

iframe { border:1px solid #fff; }

.ei_valittu { color:#777; }


#page { width:1010px; margin:0 auto 0 auto; }

/* Yläpalkki */
#top { width:100%; height:36px;
  font-size: 26px; color: #8f4435; font-family: 'Open Sans', sans-serif;
  border-bottom: 16px solid #ddd; line-height: 1.0em;
}
#top input { font-size:13px; }
#login { float:right; }

/* Yläpalkin alapuolinen osa sivusta */
#bottom { margin-left:16px; padding-left:5px; background:url('pics/bottom.png') repeat-y left white; position:relative; }

/* Päävalikko */
#topnavi { margin:0; padding:0; height:37px; width:100%; background:url('pics/topnavi.png') no-repeat bottom left white; }
#topnavi ul { list-style:none; height:37px; line-height:37px; }
#topnavi li { float:left; margin:0; font-size:18px; letter-spacing:1.0px; }
#topnavi a { text-decoration:none; font-size:18px; padding:8px 20px 8px 20px; color:white; letter-spacing:1.0px; border-left:solid 1px #ddd; }

#act_center a { background:white; color:#000; border-left:#ddd solid 3px; border-right:#ddd solid 3px; padding-bottom: 10px; }
#act_center a:hover { background:white; color:#000; }
#act_left a { background:white; background-image:none; color:#000; border-right:2px solid #ddd; border-left:0; padding-bottom: 10px; }
#act_left a:hover { background:white; color:#000; }

#pass_next a { border-left:0; }


/* alavalikko */
#subnavi { width:100%; padding:15px 0 10px 10px; }
#subnavi ul { list-style:none; font-size:16px; }
#subnavi li { display:inline; }
#subnavi a { padding: 0 10px 0 10px; text-decoration:none; color:#000; }
#subnavi a:hover { padding: 0 10px 0 10px; text-decoration:underline; color:#000; }

#logo { position:absolute; top:67px; right:76px; z-index:50; }

/* Alavalikon alapuolinen sisältö - sivun tekstisisältö */
#content { padding-top:10px; width:941px; background:url('pics/content_right.png') no-repeat right top white; position:relative; z-index:10; /*border-bottom:4px solid #ddd;*/ }
#content p { letter-spacing:0.1px; padding: 10px 0 15px 0; }

.sarake30 { width:25%; padding-left:40px; float:left;  }
.sarake40 { width:35%; padding-left:40px; float:left;  }
.sarake60 { width:55%; padding-left:40px; float:left;  }
.sarake100 { width:90%; padding-left:40px; clear:both; }
.sarake80 { width:740px; padding-left:40px; clear:both; }
.sarake50 { width:40%; padding-left:40px; float:left; }

/*** 
 * Muistilaput
 * * * */

#note { background: url( 'pics/notebr.png' ) no-repeat bottom right; padding:25px 0 35px 0; margin:0 0 0 0; width:254px; }

#note h4 { font-size:15px; color:#444; letter-spacing:0.7px; padding:10px 34px 7px 34px; margin:0; }
#note p { font-size:13px; line-height:20px; letter-spacing:0.2px; margin:0; padding:3px 34px 10px 34px; }
#note span { line-height:26px; color: #444; display:block; }


#yhteystietolomake label { color:#444; } 
#yhteystietolomake span { display:block; line-height:1.5em; }



#footer { clear:both; background:url('pics/town.png') no-repeat bottom white; height:200px; width:937px; }

#copyright { width:100%; text-align:center; color:#aaa; }

.kohdennus .korjattavaa { color:red; display:block; }
.kohdennus .huomautus { color:orange; display:block; }
.kohdennus .ok { color:green; display:block; }