body { text-align:center; margin:0px; background-color:#ffffff; padding:0; font-size:12px; font-family:Arial; }

h1 { font-family:Georgia; font-size:36px; font-weight:normal; color:#729600; line-height:normal; margin:0; padding: 0 0 10px 0; }
h2 { font-family:Georgia; font-size:16px; font-style:italic; font-weight:bold; color:#729600; line-height:normal; margin:0; padding: 0 0 10px 0; }
h3 { font-family:Arial; font-size:12px; font-weight:bold; line-height:normal; margin:0; padding: 0 0 10px 0; }
img { border:0; }
p { padding-top:0; margin-top:0; }
a, a:visited, a:hover, a:active { color:#618616; text-decoration:none; font-weight:bold; }
a:visited { color:#385400; }
a:hover, a:active { color:#00365a; text-decoration:underline; }
ul { margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0; }

img[align=left] { padding-right:15px; padding-bottom:15px; padding-top:15px; }
img[align=right] { padding-left:15px; padding-bottom:15px; padding-top:15px;  }

fieldset { margin-bottom:10px; border:0; padding-left:10px; }
legend { font-weight:bold; color:#7d9523; padding:5px 0; }
label { display:block; }
sup { color:#888888; font-size:9px; }

div.container { width:940px; text-align:left; margin-left:auto; margin-right:auto; position:relative; font-family:Arial; font-size:12px; color:#333333; }
div.front { background:url("../graf/bg_3_cols.gif") repeat-y; }
div#toplinkarea { width:100%; background-color:#c5eafc; height:18px; padding:8px 0 4px 0; font-sixe:11px; }
	a.top, a.top:visited, a.top:hover, a.top:active { float:left; font-family: Arial; font-size:11px; text-decoration:none; color:#00365a; font-weight:bold; }
	img.topseparator { float:left; display:block; padding: 0 5px; }
	div#search { float:right; width:222px; }
	div#search form { margin:0; padding:0; }
   input.text_search { width:190px; border:1px solid #6290ab; vertical-align:top; height:14px; font-size:11px; }
div#header { position:relative; width:940px; margin-left:auto; margin-right:auto; margin-top:15px; text-align:left; padding-bottom:10px; /*background:url("../graf/bg_header.gif") top right repeat-y;*/ }
   div#header_left { float:left; width:670px; margin-right:20px; }
	   a.logo, a.logo:visited, a.logo:hover, a.logo:active { display:block; margin-top:10px; margin-bottom:15px; }
   div#header_right { float:left; height:115px; width:220px; font-size:11px; background:url("../graf/bg_header.gif") top right repeat-y; padding-left:20px; }
	   div#header_right form div { margin-bottom:10px; }
	   div#header_right a, div#header_right a:visited, div#header_right a:hover, div#header_right a:active { font-weight:normal; }
	   div.loginhead { font-size:12px; font-family:Georgia; font-style:italic; font-weight:bold; padding:10px 0; }
	   input.loginfield { width:172px; height:14px; border:1px solid #c8c8c8; vertical-align:middle; margin-bottom:5px; }
	   input.submit_login { background:url("../graf/button_login.gif") no-repeat; width:22px; height:18px; vertical-align:middle; border:0; margin-bottom:5px; }

div#left_col { float:left; width:220px; margin-right:20px; }
div#maincontentarea { float:left; width:460px; margin-right:20px; }
div#maincontentarea_wide { float:left; width:700px; margin-right:20px; }
div#right_col { float:left; width:220px; }

div#wormarea, div#wormarea_front { width:100%; background-color:#789a1b; margin-bottom:14px; font-size:11px; }
div#wormarea_front { height:7px; overflow:hidden; }
div#wormcontent { width:940px; margin-left:auto; margin-right:auto; text-align:left; padding-top:2px; padding-bottom:2px; color:#ffffff; }
div#wormcontent a, div#wormcontent a:visited, div#wormcontent a:hover, div#wormcontent a:active { color:#ffffff; font-weight:normal; text-decoration:none; }

/* Navigaatio */
img.separator { float:left; display:block; }
div#menuarea { width:100%; background:url("../graf/bg_menu.gif") #00263f repeat-x; }
   div#menuarea .container a, div#menuarea .container a:visited, div#menuarea .container a:hover, div#menuarea .container a:active { 
      display:block; float:left; height:29px; padding:12px  17px 0 17px;  font-size:12px; color:#ffffff; }
   div#menuarea .container a.mLA, div#menuarea .container a.mLA:visited, div#menuarea .container a.mLA:hover, div#menuarea .container a.mLA:active { 
      display:block; float:left; height:29px; padding:12px 17px 0 17px; background:url("../graf/bg_menu_act.gif") repeat-x; font-size:12px; color:#ffffff; }
   div#menuarea .container a.vihreaan, div#menuarea .container a.vihreaan:visited, div#menuarea .container a.vihreaan:hover, div#menuarea .container a.vihreaan:active { 
      display:block; float:left; padding:8px 0 0 17px; }

ul#navi { position:relative; width:220px; margin:0; padding:0; list-style:none; }
ul#navi li ul, ul#navi li ul li ul { margin:0; padding:0; list-style:none; }
ul#navi li ul { padding-top:0; }
ul#navi li { margin:0; position:relative; width:100%; line-height:1.5; padding:0; background:url("../graf/dotted_line.gif") left bottom no-repeat; }
ul#navi li.act { padding-bottom:0; }
ul#navi li a, ul#navi li a:visited, ul#navi li a:hover, ul#navi li a:active { font-size:12px; display:block; padding:10px 0; text-decoration:none; color:#618616; }
ul#navi li a.act, ul#navi li a.act:visited, ul#navi li a.act:hover, ul#navi li a.act:active { font-size:12px; display:block; color:#333333; padding:10px 0; }
ul#navi li ul, ul#navi li ul li { display:none; border:0; }
ul#navi li.act ul li, ul#navi li.act ul li.act { display:inline-block; width:100%; margin:0; padding:0; text-align:left; background-image:none; }
ul#navi li.act ul li a, ul#navi li ul li a:visited, ul#navi li ul li a:hover, ul#navi li ul li a:active { 
    color:#618616; display:inline-block; padding:0 0 5px 17px; text-decoration:none; background-image:none; }
ul#navi li.act ul li.act a.act1, ul#navi li.act ul li.act a.act1:visited, ul#navi li.act ul li.act a.act1:hover, ul#navi li.act ul li.act a.act1:active { 
	display:block; padding:0 0 5px 17px; color:#333333; font-weight:bold; }
ul#navi li.act ul { display:block; }
ul#navi li.act ul li.act ul { display:block; }
ul#navi li.act ul li.act ul li a, ul#navi li.act ul li.act ul li a:visited, ul#navi li.act ul li.act ul li a:hover, ul#navi li.act ul li.act ul li a:active { 
	 color:#618616; padding:0 0 5px 27px; font-size:11px; font-weight:normal; display:block; }
ul#navi li.act ul li.act ul li a.act2, ul#navi li.act ul li.act ul li a.act2:visited, ul#navi li.act ul li.act ul li a.act2:hover, ul#navi li.act ul li.act ul li a.act2:active { 
	padding:0 0 5px 27px; font-size:11px; color:#333333;font-weight:normal; display:block; }
/* Fix IE. Hide from IE Mac \*/
* html ul#navi li { height: 1%; }
* html ul#navi li a { height: 1%; }
/* End */

div#text_change { padding-top:20px; }

/* Oikea palsta: pikalinkit, vikailmoitukset */
div.box_green { border-bottom:3px solid #789a1b; margin-bottom:10px; }
div.box_green h2 { background:url("../graf/bg_header_green.gif") repeat-x; color:#ffffff; height:19px; padding:5px 10px; margin:0 0 1px 0; }
div.box_blue { border-bottom:3px solid #00365a; margin-bottom:10px; }
div.box_blue h2 { background:url("../graf/bg_header_blue.gif") repeat-x; color:#ffffff; height:19px; padding:5px 10px; margin:0 0 1px 0; }
div.box { width:198px; background-color:#f4f4f4; border:1px solid #c8c8c8; padding:10px; margin-bottom:1px; }
div.box img { vertical-align:middle; }
div.box ul { list-style-type:none; margin:0; padding:0; }
div.box ul li {
   background-image:url("../graf/listitem.gif");
   background-repeat: no-repeat;
   background-position: 0 3px;
   padding-left:15px;
   list-style-type: none;
   margin-top:4px;}
a.ql, a.ql:visited, a.ql:hover, a.ql:active { display:block; text-decoration:none; padding:6px 0; }

div.more_news_link { padding-top:20px; background:url("../graf/dotted_line.gif") 0 10px no-repeat; }
div.more_news_link img { vertical-align:middle; margin-right:10px; border:0; }
div.news_list_front { padding:5px 0; }
div.catheader { font-family:Georgia; font-weight:bold; font-style:italic; color:#333333; font-size:12px; padding-top:20px; background:url("../graf/dotted_line.gif") 0 10px no-repeat; }

/* Footer */
div#footer { background-color:#e8e8e8; border-top:1px solid #c8c8c8; width:100%; padding-bottom:30px; margin-top:10px; padding-top:10px; }
table#footer { color:#2a4665; font-size:11px; text-align:center; width:100%; }
div#footer a, div#footer a:visited, div#footer a:hover, div#footer a:active { color:#2a4665; text-decoration:none; }
table#footer td { empty-cells:show; font-size:11px; vertical-align:top; padding-bottom:20px; padding-top:10px; }
table#footer h1 { font-weight:bold; font-style:italic; color:#333333; font-size:12px; }
table#footer a, table#footer a:visited, table#footer a:active { color:#618616; font-weight:normal; }
table#footer a:hover { color:#618616; text-decoration:underline; font-weight:normal; }
table#footer td.f1 { width:156px; padding-left:10px; background:url("../graf/footerborder.gif") top left repeat-y; text-align:left; }
table#footer td.f0 { width:156px; padding-left:10px; text-align:left; }
table#footer td ul { list-style-type:none; margin:0; padding:0; }
table#footer td ul li {
   background-image:url("../graf/footerarrow.gif");
   background-repeat: no-repeat;
   background-position: 0 5px;
   padding-left:10px;
   list-style-type: none;
   margin-top:4px;
}
input.textPhonebook { border:1px solid #c8c8c8; width:115px; color:#618616; height:16px; font-size:11px; vertical-align:top; }

div.image img { padding-bottom:1px; border-bottom:3px solid #789a1b; margin-bottom:10px; }
div.clear { clear:both; height:0; }
img.block { display:block; }
img.line { display:block; margin-top:5px; margin-bottom:5px; }

/* Etusivu */
table.front_liftup { width:460px; }
table.front_liftup td.image { vertical-align:top; width:150px; }
table.front_liftup td.text { vertical-align:top; }
div#maincontent_container { width:100%; background:url("../graf/bg_front_middle.gif") repeat-y; }
div#maincontent_left { float:left; width:220px; padding-right:20px; }
div#maincontent_right { float:left; width:220px; }
div#maincontent_left h2, div#maincontent_right h2,div#maincontent_left h1, div#maincontent_right h1 {
	/*background:url("../graf/bg_header_green") #90ae20 left bottom repeat-x; height:19px; color:#ffffff; padding-top:10px; padding-left:10px; */
	background:url("../graf/bg_header_green.gif") repeat-x; color:#ffffff; height:19px; padding:5px 10px; margin:0 0 1px 0;}

/* Uutiset */
span.date { color:#618616; font-weight:bold; }
p.newsdate, div.newsdate { font-size:12px; line-height:1.5; }
div.newsitem { padding-bottom:15px; }
div.newsitem a, div.newsitem a:visited, div.newsitem a:hover, div.newsitem a:active { font-style:italic; }
span.buttonlike { float:left; width:auto; display:block; background:url("../graf/bg_header_green.gif") repeat-x; color:#ffffff; font-weight:bold; padding:8px 12px; font-size:12px; margin-right:2px; }
span.buttonlike_act { float:left; width:auto; display:block; background:url("../graf/bg_header_orange.gif") repeat-x; color:#ffffff; font-weight:bold; padding:8px 12px; font-size:12px; margin-right:2px; }
span.archive a, span.archive a:visited, span.archive a:hover, span.archive a:active,
span.archive a.act, span.archive a.act:visited, span.archive a.act:hover, span.archive a.act:active { 
	float:left; display:block; width:40px; background:url("../graf/bg_header_green.gif") repeat-x; color:#ffffff; font-weight:bold; padding:8px 12px; font-size:12px; margin-right:2px; }
span.archive a.act, span.archive a.act:visited, span.archive a.act:hover, span.archive a.act:active { background:url("../graf/bg_header_orange.gif") repeat-x;  }
span.buttonlike a, span.buttonlike a:visited, span.buttonlike a:hover, span.buttonlike a:active { color:#ffffff; font-weight:bold; font-size:12px; }
span.buttonlike_act a, span.buttonlike_act a:visited, span.buttonlike_act a:hover, span.buttonlike_act a:active { color:#333333; font-weight:bold; font-size:12px; }

/* lomakkeet */
form { margin:0; padding:0; }
div.formHeader { padding:3px 0; }
input.textInput { width: 300px; margin-bottom:8px; font-size:12px; vertical-align:middle; }
input.textNarrower { width: 150px; margin-bottom:8px; font-size:12px; vertical-align:middle; }
select.selectNarrower { width: 150px; margin-bottom:8px; font-size:12px; vertical-align:middle; }
textarea.txtarea { width: 300px; height:70px; margin-bottom:5px; font-size:12px; }
input.mInput, input.muuInput { width:50px; margin:5px 0; font-size:12px; }
div.formHeader { font-weight:bold; }
input.contact_button { border:0; background-color:transparent; font-style:italic; font-size:10px; font-weight:bold; padding:0; margin:0; }


/* muut */
table.basictable { width:100%; }
table.basictable td { vertical-align:top; padding:10px; color:#618616; font-weight:bold; background:url("../graf/dotted_line.gif") left bottom repeat-x; }
table.basictable td.header { background:url("../graf/bg_header_green.gif") left bottom #90ae20 repeat-x; color:#ffffff; font-weight:bold; }
table.basictable td.gray { background-color:#f4f4f4; }

table.liftuptable { width:460px; margin-top:10px; }
table.liftuptable td { vertical-align:top; }
table.liftuptable td.liftup { width:145px; background:url("../graf/bg_liftup.gif") #90ae20 left bottom no-repeat; color:#ffffff; height:40px; padding:10px 60px 10px 15px; }
table.liftuptable td.liftup a, table.liftuptable td.liftup a:visited, table.liftuptable td.liftup a:hover, table.liftuptable td.liftup a:active { text-decoration:none; color:#ffffff; }
table.liftuptable td.separator { width:20px; }

a.sL0, a.sL0:visited, a.sL0:hover, a.sL0:active { font-size:12px; color:#333333; }
div.sitemap1 { padding-left:15px; padding-bottom:5px; }
div.sitemap1 a, div.sitemap1 a:visited, div.sitemap1 a:hover, div.sitemap1 a:active { font-size:11px; color:#618616; }
div.sitemap2 a, div.sitemap2 a:visited, div.sitemap2 a:hover, div.sitemap2 a:active { font-size:11px; color:#333333; }
div.sitemap3 a, div.sitemap3 a:visited, div.sitemap3 a:hover, div.sitemap3 a:active { font-size:11px; color:#333333; font-weight:normal; }
div.sitemap2 { padding-left:25px; padding-bottom:5px; }
div.sitemap3 { padding-left:35px; padding-bottom:5px; }

div.searchhead { background:url("../graf/bg_header_green.gif") repeat-x; color:#ffffff; font-weight:bold; padding:8px; font-size:12px; }
table td.header { background-color:#f4f4f4; color:#618616; font-weight:bold; font-size:12px; padding:8px; }
table td.header_right { background-color:#f4f4f4; color:#618616; font-weight:bold; font-size:12px; padding:8px; text-align:right; }
span.search_header { color:#333333; font-size:12px; }
a.searchL, a.searchL:visited, a.searchL:hover, a.searchL:active { 
	display:block; background:url("../graf/bg_header_green.gif") repeat-x; width:25px; height:90px; color:#ffffff; text-decoration:none; font-size:12px; }
div.result { padding:10px 8px; }
div.result b { color:#618616; }

table.phonebook_results { width:100%; }
table.phonebook_results td { vertical-align:top; padding:10px; color:#618616; font-weight:bold; background:url("../graf/dotted_line.gif") left bottom repeat-x; }
table.phonebook_results td.header { background:url("../graf/bg_header_green") left bottom #90ae20 repeat-x; color:#ffffff; font-weight:bold; }

/* Hinnastot yms. */
td.offerHeader { font-family:Verdana; font-size:16px; color:white; background-color:#6e9a34; line-height:30px; padding-left:10px; margin:0px;}
td.offerProductHeaderAina { font-family:Verdana; font-size:16px; color:white; background-color:#f8af1b; line-height:30px; padding-left:10px; margin:0px; }
td.offerProductHeaderTuuli { font-family:Verdana; font-size:16px; color:white; background-color:#0079a4; line-height:30px; padding-left:10px; margin:0px; }
td.offerBackground { color:#221e1f; background-color:#e3ebd8; padding-left:10px; line-height:20px;}
td.offerProductHeaderVihrea { font-family:Verdana; font-size:16px; color:white; background-color:#6e9a34; line-height:30px; padding-left:10px; margin:0px; }

#hContainer { margin-top:20px; }
#hinnasto { width:948px; border:1px solid black; text-align:left;}
#hOtsikko { background-image:url("../graf/hinnasto_header_bg.gif"); height:110px; }
#hAlaOtsikko { background-image:url("../graf/hinnasto_titles_bg.gif"); height:65px; clear:both; }
#hAlaOtsikkoLeft { font-family:Arial; font-size:18px; line-height:20px; color:white; margin-left:10px; margin-top:10px; width:230px; position:absolute; }
#hAlaOtsikkoRight {font-family:Arial; font-size:18px; line-height:20px; color:white; margin-left:330px; margin-top:10px; width:500px; position:absolute; }
#hToistaiseksi { background-image:url("../graf/toistaiseksi.gif"); height:319px; width:948px; clear:both; }
#hMaaraaikainen { background-image:url("../graf/maaraaikainen.gif"); height:352px; width:948px; clear:both; }

#ainayleis1 { margin-left:515px; margin-top:75px; width:50px; position:absolute; }
#ainayleis2 { margin-left:515px; margin-top:104px; width:50px; position:absolute; }
#ainaaikapaiva { margin-left:515px; margin-top:150px; width:50px; position:absolute; }
#ainaaikayo { margin-left:515px; margin-top:173px; width:50px; position:absolute; }
#ainakausitalvi { margin-left:515px; margin-top:218px; width:50px; position:absolute; }
#ainakausimuu { margin-left:515px; margin-top:240px; width:50px; position:absolute; }

#ainavihreayleis1 { margin-left:650px; margin-top:75px; width:50px; position:absolute; }
#ainavihreayleis2 { margin-left:650px; margin-top:104px; width:50px; position:absolute; }
#ainavihreaaikapaiva { margin-left:650px; margin-top:150px; width:50px; position:absolute; }
#ainavihreaaikayo { margin-left:650px; margin-top:173px; width:50px; position:absolute; }
#ainavihreakausitalvi { margin-left:650px; margin-top:218px; width:50px; position:absolute; }
#ainavihreakausimuu { margin-left:650px; margin-top:240px; width:50px; position:absolute; }

#ainatuuliyleis1 { margin-left:785px; margin-top:75px; width:50px; position:absolute; }
#ainatuuliyleis2 { margin-left:785px; margin-top:104px; width:50px; position:absolute; }
#ainatuuliaikapaiva { margin-left:785px; margin-top:150px; width:50px; position:absolute; }
#ainatuuliaikayo { margin-left:785px; margin-top:173px; width:50px; position:absolute; }
#ainatuulikausitalvi { margin-left:785px; margin-top:218px; width:50px; position:absolute; }
#ainatuulikausimuu { margin-left:785px; margin-top:240px; width:50px; position:absolute; }


#maara2vyleis1 { margin-left:502px; margin-top:92px; width:30px; position:absolute; }
#maara2vyleis2 { margin-left:502px; margin-top:120px; width:30px; position:absolute; }
#maara2vaikapaiva { margin-left:502px; margin-top:165px; width:30px; position:absolute; }
#maara2vaikayo { margin-left:502px; margin-top:190px; width:30px; position:absolute; }
#maara2vkausitalvi { margin-left:502px; margin-top:235px; width:30px; position:absolute; }
#maara2vkausimuu { margin-left:502px; margin-top:258px; width:30px; position:absolute; }

#maara2vvihreayleis1 { margin-left:635px; margin-top:92px; width:50px; position:absolute; }
#maara2vvihreayleis2 { margin-left:635px; margin-top:120px; width:50px; position:absolute; }
#maara2vvihreaaikapaiva { margin-left:635px; margin-top:165px; width:50px; position:absolute; }
#maara2vvihreaaikayo { margin-left:635px; margin-top:190px; width:50px; position:absolute; }
#maara2vvihreakausitalvi { margin-left:635px; margin-top:235px; width:50px; position:absolute; }
#maara2vvihreakausimuu { margin-left:635px; margin-top:258px; width:50px; position:absolute; }

#maara2vtuuliyleis1 { margin-left:770px; margin-top:92px; width:50px; position:absolute; }
#maara2vtuuliyleis2 { margin-left:770px; margin-top:120px; width:50px; position:absolute; }
#maara2vtuuliaikapaiva { margin-left:770px; margin-top:165px; width:50px; position:absolute; }
#maara2vtuuliaikayo { margin-left:770px; margin-top:190px; width:50px; position:absolute; }
#maara2vtuulikausitalvi { margin-left:770px; margin-top:235px; width:50px; position:absolute; }
#maara2vtuulikausimuu { margin-left:770px; margin-top:258px; width:50px; position:absolute; }

#maara1vyleis1 { margin-left:566px; margin-top:92px; width:30px; position:absolute; }
#maara1vyleis2 { margin-left:566px; margin-top:120px; width:30px; position:absolute; }
#maara1vaikapaiva { margin-left:566px; margin-top:165px; width:30px; position:absolute; }
#maara1vaikayo { margin-left:566px; margin-top:190px; width:30px; position:absolute; }
#maara1vkausitalvi { margin-left:566px; margin-top:235px; width:30px; position:absolute; }
#maara1vkausimuu { margin-left:566px; margin-top:258px; width:30px; position:absolute; }

#maara1vvihreayleis1 { margin-left:701px; margin-top:92px; width:50px; position:absolute; }
#maara1vvihreayleis2 { margin-left:701px; margin-top:120px; width:50px; position:absolute; }
#maara1vvihreaaikapaiva { margin-left:701px; margin-top:165px; width:50px; position:absolute; }
#maara1vvihreaaikayo { margin-left:701px; margin-top:190px; width:50px; position:absolute; }
#maara1vvihreakausitalvi { margin-left:701px; margin-top:235px; width:50px; position:absolute; }
#maara1vvihreakausimuu { margin-left:701px; margin-top:258px; width:50px; position:absolute; }

#maara1vtuuliyleis1 { margin-left:837px; margin-top:92px; width:50px; position:absolute; }
#maara1vtuuliyleis2 { margin-left:837px; margin-top:120px; width:50px; position:absolute; }
#maara1vtuuliaikapaiva { margin-left:837px; margin-top:165px; width:50px; position:absolute; }
#maara1vtuuliaikayo { margin-left:837px; margin-top:190px; width:50px; position:absolute; }
#maara1vtuulikausitalvi { margin-left:837px; margin-top:235px; width:50px; position:absolute; }
#maara1vtuulikausimuu { margin-left:837px; margin-top:258px; width:50px; position:absolute; border:1px solid red;}

input.hintainput { font-family:Arial; font-size:10px; color:black; width:60px;}
input.hintainputpieni { font-family:Arial; font-size:10px; color:black; width:40px; }

#hFooter { background-image:url("../graf/hinnasto_footer_bg.gif"); height:194px; }
#hinnastot{padding-left:90px;padding-right:90px;}
tr#hinnasto-otsikko{background-color:#6e9a34;height:22px;}
tr#hinnasto-otsikko td{color:#ffffff;}
table#hinnasto-valinta{width:100%;margin-top:3px;}
table#hinnasto-valinta td{font-size:12px;height:20px;}
td.hinnasto-nimi{border-right:1px dotted #ffffff;}
tr.selected{background-color:#dbe5cc;border-top:1px solid #6e9a34;border-bottom:1px solid #6e9a34;}
td.muokkaa{}
table#hinnasto-valittu{margin-top:20px;margin-bottom:5px;}
td.hinnasto-otsikko{background-color:#6E9A34;height:22px;color:#ffffff;}