body { text-align:center; margin:0px; padding:0; background-color:#d8cebf; }

h1 { font-family:Arial, helvetica, sans-serif; font-size:18px; font-weight:bold; text-transform:uppercase; line-height:normal; padding:0 0 10px 0; margin:0; }
h2 { font-family:Arial, helvetica, sans-serif; font-size:16px; font-weight:bold; line-height:normal; padding:0 0 10px 0; margin:0; }
h3 { font-family:Arial, helvetica, sans-serif; font-size:14px; font-weight:bold; line-height:normal; padding:0 0 10px 0; margin:0; }
img { border:0; }
p { padding-top:0; margin-top:0; }
a, a:visited, a:hover, a:active { color:#5d5d5d; text-decoration:underline; }
hr { height:1px; border:0; color:#b5b5b5; background-color:#b5b5b5; }
sup, sub { font-size:10px; }
img[align=left] { padding-right:10px; padding-bottom:5px; }
img[align=right] { padding-left:10px; padding-bottom:5px; }

div#container { width:100%; background:url(../graf/bg_body.jpg) #ececec repeat-x; }
div#wrapper, div#footercontainer { width:990px; text-align:left; margin-left:auto; margin-right:auto; position:relative; font-family:Arial, helvetica, sans-serif; font-size:14px; color:#5d5d5d; }
div#header { position:relative; width:100%; margin-bottom:13px; }
div#navimain { width: 720px; float:left; }
div#search { clear:both; width:895px; height:34px; background:url(../graf/bg_header.jpg) no-repeat; text-align:right; padding-top:118px; padding-right:95px; }
div#bannerarea { float:left; width:165px; margin-left:80px; }
div#maincontentarea, div#basic_maincontentarea { float:left; margin-left:19px; width:633px; }
div#basic_maincontentarea { border-top:1px solid #b5b5b5; }
div#subnavi { width:175px; float:left; padding-top:25px; }
div#bodytextarea { width:455px; float:left; padding-top:25px; }
div#footer { position:relative; width:100%; text-align:left;  border-top:5px solid #b5b5b5; background-color:#d8cebf; padding-top:10px; padding-bottom:10px; }

table#footertable { margin-left:266px; border-top:1px solid #b5b5b5; width:633px; }
table#footertable td { vertical-align:top; padding-bottom:25px; }
table#footertable td a, table#footertable td a:visited, table#footertable td a:hover, table#footertable td a:active {
 	display:block; text-decoration:none; font-size:15px; color:#5d5d5d; margin-bottom:10px; padding-left:15px; padding-right:15px; }
table#footertable td.left { width:299px; background:#ffffff; }
table#footertable td.middle, table#footertable td.right { width:157px; background:#ffffff; }
table#footertable td.separator { background:none; width:10px; }

div#act { position:absolute; bottom:-27px; left:-20px; }

div#subnavi a, div#subnavi a:visited, div#subnavi a:hover, div#subnavi a:active { text-decoration:none; line-height:1.5; }
div.sL1 { padding-left:15px; }
div.sL2 { padding-left:30px; }
a.act, a.act:visited, a.act:hover, a.act:active { font-weight:bold; }

table.mainmenu { width:633px; float:left; }
table.mainmenu td { width:108px; vertical-align:bottom; padding: 0 10px 10px 10px; }
table.mainmenu td.separator { padding:0; width:2px; }
a.mL, a.mL:visited, a.mL:hover, a.mL:active,
a.mLA, a.mLA:visited, a.mLA:hover, a.mLA:active { 
	text-transform:uppercase; font-size:12px; text-decoration:none; color:#000000; }
a.lang, a.lang:visited, a.lang:hover, a.lang:active,
a.langA, a.langA:visited, a.langA:hover, a.langA:active { 
	font-size:10px; text-decoration:none; color:#000000; }
a.langA, a.langA:visited, a.langA:hover, a.langA:active { text-decoration:underline; }
img.separator { float:left; padding:0; margin-right:10px; }

div.banner { border: 1px solid #b5b5b5; background-color:#ffffff; padding:15px 5px; margin-bottom:10px; }
div.clear { clear:both; line-height:0; }

input.hakuinput { width:154px; height:19px; background:url(../graf/bg_textbox.gif) no-repeat; border:none; margin-right:1px; vertical-align:middle; line-height:0; }
input.hakubutton { width:auto; height:21px; background:url(../graf/bg_button.jpg) repeat-x; border:none; vertical-align:middle; color:#ffffff; font-size:10px; padding:3px 10px; }

table.fronttable { border-top:1px solid #b5b5b5; width:100%; }
table.fronttable td { vertical-align:top; padding-bottom:25px; }
table.fronttable td.left { width:353px; }
table.fronttable td.right { padding-left:20px; width:260px; }

div.footerheader { background:url(../graf/bg_bottombox.jpg) repeat-x; height:32px; font-size:14px; padding-top:10px; text-align:center; text-transform:uppercase; margin-bottom:10px; }

/* Sivukartta */
div.sitem0 { padding:3px 0; }
div.sitem1 { padding:3px 10px; }
div.sitem2 { padding:3px 0 3px 20px; }
div.sitem3 { padding:3px 0 3px 30px; }

/* Lomakkeet */
#surveybuttonsubmit { font-family:Arial,Helvetica,sans-serif; font-size:12px; position:relative; left:20px; top:10px; color:#000000; }
#surveybuttonreset { font-family:Arial,Helvetica,sans-serif; font-size:12px; position:relative; left:20px; top:10px; color:#000000; }
#surveybuttoncancel { font-family:Arial,Helvetica,sans-serif; font-size:12px; position:relative; left:20px; top:10px; color:#000000; }
#surveybuttonnext { font-family:Arial,Helvetica,sans-serif; font-size:12px; position:relative; left:20px; top:10px; color:#000000; }
#surveybuttonprevious { font-family:Arial,Helvetica,sans-serif; font-size:12px;position:relative; left:20px; top:10px; color:#000000; }

td.sTd textarea { font-size:12px; font-family:arial; }
td.sTd input { font-size:12px; font-family:arial; }
td.sTd select { font-size:12px; font-family:arial; }

div.letters { padding-bottom:15px; }
div.letters span { margin:1px; font-size:13px; }
.dashed {border-bottom-style: solid; border-left-style: none; border-right-style: none; border-top-style: none; border-width: 1px; border-color: #000099 }

/* Toimitilat */
font.head { font-size:18px; font-weight:bold; text-transform:uppercase; }
font.blue { font-weight:bold; }

td.mLT a { color:white; text-decoration:none; font-size:12px; }
td.mLT a:visited { color:white; text-decoration:none; }
td.mLT a:hover { color:white; text-decoration:none; }
td.mLT a:active { color:white; text-decoration:none; }

td.mLAT a { color:#025289; text-decoration:none; font-size:12px; }
td.mLAT a:visited { color:#025289; text-decoration:none; }
td.mLAT a:hover { color:#025289; text-decoration:none; }
td.mLAT a:active { color:#025289; text-decoration:none; }

td.mTop { background-color:#C8D6E7; }
td.mTopA { background-color:#f2a447; }

td.mLFT a { color:white; text-decoration:none; font-size:12px; }
td.mLFT a:visited { color:white; text-decoration:none; }
td.mLFT a:hover { color:white; text-decoration:none; }
td.mLFT a:active { color:white; text-decoration:none; }

td.mLFAT a { color:white; text-decoration:none; font-size:12px; }
td.mLFAT a:visited { color:white; text-decoration:none; }
td.mLFAT a:hover { color:white; text-decoration:none; }
td.mLFAT a:active { color:white; text-decoration:none; }

table.tilat { width:100%; border-left:1px solid #7f9fc3; }
table.tilat td { vertical-align:top; border-bottom:1px solid #7f9fc3; border-right:1px solid #7f9fc3; }
table.tilat td.header { color:#ffffff; background-color:#7f9fc3; }