html { background-color:#f5faec; }
body { text-align:center; margin:0px; background-color:#f5faec; padding:14px 0 0 0; font-family:Verdana; font-size:14px; color:#000000; background:url(../graf/bg_body.gif) #ffffff repeat-x; }

h1 { font-size:18px; font-weight:normal; color:#1fa847; line-height:normal; padding:0 0 10px 0; margin:0; text-transform:uppercase; }
h2 { font-size:16px; font-weight:normal; color:#1fa847; line-height:normal; padding:0 0 10px 0; margin:0; text-transform:uppercase; }
h3 { font-size:14px; font-weight:bold; color:#1fa847; line-height:normal; padding:0 0 10px 0; margin:0; text-transform:uppercase; }
img { border:0; }
p { padding-top:0; margin-top:0; }
a, a:visited, a:hover, a:active { color:#1fa847; text-decoration:none; }
form { padding:0; margin:0; }
img[align=left] { margin-right:10px; margin-bottom:5px; }
img[align=right] { margin-left:10px; margin-bottom:5px; }
img[align="left"] { margin-right:10px; margin-bottom:5px; }
img[align="right"] { margin-left:10px; margin-bottom:5px; }

img#headerimg { margin-left:auto; margin-right:auto; text-align:center; display:block; }
div#container { width:900px; text-align:left; margin-left:auto; margin-right:auto; position:relative; padding:0 4px; background:url(../graf/bg_containerleft.gif) #ffffff left top no-repeat; }
div#container_right { position:absolute; top:0; right:0; width:4px; height:654px; }
div#header { position:relative; width:100%; }
	div#logincontainer { width:100%; background-color:#014f8b; }
	div#mainimage { float:left; width:637px; padding:0; }
	div#mainimage div div img { display:block; }
	div#loginbox { float:left; width:210px; padding:30px 35px 5px 18px; color:#ffffff; background-color:#014f8b; font-size:12px; }
	div#loginbox h2, div#loginbox a, div#loginbox a:visited, div#loginbox a:hover, div#loginbox a:active { color:#ffffff; }
div#contentwrapper { width:900px; background-color:#ffffff; padding-bottom:25px; }
div#navigationarea { float:left; width:190px; padding: 23px 0 30px 23px; }
div#bodytextarea_front { float:left; width:600px; padding:22px 20px 0 17px; }
div#liftuparea { float:left; width:260px; padding-top:22px; }
div#bodytextarea { float:left; width:616px; padding:23px 40px 20px 23px; }
div#footer { position:relative; width:100%; background-color:#f5faec; border-top:1px solid #caeacb; padding:20px 0 50px 0; color:#014f8b; font-size:12px; text-align:right; }
div#footercontainer { width:900px; margin-left:auto; margin-right:auto; position:relative; }
div#footercontainer a, div#footercontainer a:visited, div#footercontainer a:hover, div#footercontainer a:active { text-decoration:none; color:#014f8b; }
div#copy { position:absolute; top:0; left:0; color:#999999; font-size:10px; width: 200px; text-align:left; }

div#navimain { width:900px; background-color:#1fa847; margin-bottom:15px; padding-top:25px; }
div#navimain a, div#navimain a:visited, div#navimain a:active { float:left; font-size:12px; text-decoration:none; padding:10px 14px; z-index:300; text-transform:uppercase; font-weight:bold; color:#ffffff; }
div#navimain a.act, div#navimain a.act:visited, div#navimain a.act:hover, div#navimain a.act:active { color:#014f8b; }

ul#subnavi { position:relative; width:190px; margin:0; padding:0; list-style:none; }
ul#subnavi li ul, ul#subnavi li ul li ul { margin:0; padding:0; list-style:none; }
ul#subnavi li { margin:0; position:relative; width:190px; line-height:2; font-size:11px; font-weight:bold; }
ul#subnavi li a { text-decoration:none; color:#014f8b; }
ul#subnavi li a.act { background:url(../graf/listitem.gif) 0 4px no-repeat; padding-left:10px; color:#000000; }
ul#subnavi li ul, ul#subnavi li ul li { display:none; border:0;}
ul#subnavi li ul li { font-size:10px; display:block; padding-left:5px; }
ul#subnavi li ul li a, ul#subnavi li ul li a:visited, ul#subnavi li ul li a:hover, ul#subnavi li ul li a:active { text-decoration:none; color:#000000; font-weight:normal; }
ul#subnavi li.act ul li.act { background:url(../graf/listitem.gif) 10px 7px no-repeat; padding-left:20px; color:#000000; }
ul#subnavi li.act ul { display:block; }
ul#subnavi li.act ul li.act ul { display:block; }
ul#subnavi li.act ul li.act ul li a.act2 { color:#000000; font-weight:bold; }
ul#subnavi li ul li ul li { padding-left:30px; }

/* Fix IE. Hide from IE Mac \*/
* html ul#subnavi li { height: 1%; }
* html ul#subnavi li a { height: 1%; }
/* End */
input.logininput { width:198px; border:1px solid #014f8b; height:23px; margin-bottom:2px; }
input.buttonSubmit { width:200px; background-color:#1fa847; color:#ffffff; text-align:center; border:1px solid #014f8b; height:23px; margin-bottom:5px; }

div#search img { vertical-align:middle; margin-left:-4px; }
input.search { border-top: 1px solid #1d6134; border-left: 1px solid #1d6134; border-bottom: 1px solid #1d6134; border-right:0; width:160px; height:16px; margin-right:0; vertical-align:middle; }
input.searchbutton { background-color:#78b600; border-top: 1px solid #1d6134; border-right: 1px solid #1d6134; border-left: 1px solid #ffffff; border-bottom: 1px solid #1d6134; border-left:0; font-size:10px; font-weight:bold; height:20px; margin:0; }

div#liftup1 { background-color:#1fa847; width:100%; margin-bottom:16px; margin-top:16px; }
div#liftup1 a, div#liftup1 a:visited, div#liftup1 a:hover, div#liftup1 a:active { color:#014f8b; }
div#liftup2 { background-color:#014f8b; width:100%; margin-bottom:16px; }
div.liftupimg { float:left; width:123px; }
div.liftupimg div div img { display:block; }
div.liftuptext { float:left; width:420px; padding:10px 0 0 20px; font-size:12px; color:#ffffff; }
div#boxtop { background-color:#014f8b; color:#ffffff; padding:20px 10px 10px 18px; width:220px; margin-top:16px; font-weight:bold; }
div#boxtop a, div#boxtop a:visited, div#boxtop a:hover, div#boxtop a:active { font-weight:bold; color:#ffffff; }
div#newscontainer { padding-left:17px; width:236px; }
div#newscontainer h2 { color:#014f8b; font-size:18px; padding-bottom:23px; }
div.news { border-top: 1px solid #ccdce8; padding-bottom:20px; width:236px; }
span.news_date { color:#999999; font-size:10px; }
div.news a, div.news a:visited, div.news a:hover, div.news a:active { color:#000000; font-size:12px; }
a.newspagelink, a.newspagelink:visited, a.newspagelink:hover, a.newspagelink:active { color:#999999; font-size:10px; }

div.newspagenews { padding-top:10px; padding-bottom:15px; }
span.newspagenews_date { font-size:11px; color:#333333; }
div.date { font-weight:bold; padding-top:10px; }

/* Lomakkeet */
td.sTd, td.sTd_label, td.sTd_field, td.sTd_cbfield, td.sTd_cbfield_left, td.sTd_label_right { vertical-align:top; }
td.sTd_label { text-align:right; width:150px; padding-right:20px; font-size:12px; }
div#surveySheetButtons { text-align:right; padding-right:75px; }
   div#surveySheetButtons input { margin-top:10px; height:29px; text-align:center; width:325px; border:1px solid #1fa847; font-weight:bold; font-size:12px; background-color:#1fa847; color:#ffffff; }
   div#surveySheetButtons input#surveybuttonreset { display:none; }   
td.sTd_field input, td.sTd_field select { width:325px; border:1px solid #1fa847; height:20px; font-size:12px;  }
td.sTd_cbfield input { width:20px; font-size:11px; }
td.sTd_cbfield { font-size:12px; }
td.sTd_field textarea { width:325px; height:115px;  border:1px solid #1fa847; font-size:12px;  }

td.sTd_label_right { text-align:left; padding-left:20px; font-size:12px; }
td.sTd_cbfield_left input { width:20px; font-size:11px; margin-left:auto; }
td.sTd_cbfield_left { font-size:12px; width:150px; text-align:right; }


nobr { white-space:normal; }
