body { text-align:center; margin:0px; background:url('../graf/bg_header.jpg') #ffffff repeat-x; padding:0; }

h1 { font-family:"ApexSans Book", Verdana; color:#000000; font-size:28px; font-weight:normal; line-height:normal; padding:0 0 10px 0; margin:0; }
h2 { font-family:"ApexSans Book", Verdana; color:#000000; font-size:17px; font-weight:bold; line-height:normal; padding:0 0 10px 0; margin:0; }
h3 { font-family:"ApexSans Book", Verdana; color:#000000; 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:#63a52c; }
td { font-size:100%; font-family:Helvetica, Arial; }
hr { color:#b5b5b5; background-color:#b5b5b5; height:1px; border:0; }

img[align=left] { padding-right:10px; padding-bottom:5px; }
img[align=right] { padding-left:10px; padding-bottom:5px; }
img[align="left"] { padding-right:10px; padding-bottom:5px; }
img[align="right"] { padding-left:10px; padding-bottom:5px; }

div.wrapper { width:780px; text-align:left; margin-left:auto; margin-right:auto; position:relative; font-family:Helvetica, Arial; font-size:12px; color:#595959; }
div#header { position:relative; width:100%; height:353px; }
	img#logo { position:absolute; top:25px; left:0; z-index:2; }
	div#langlinks { position:absolute; right:0; top:0; background-color:#e6e6e6; padding:10px; color:#adacab; z-index:3; }
	div#langlinks a, div#langlinks a:visited, div#langlinks a:active { color:#adacab; text-decoration:none; margin: 0 5px; text-transform:uppercase; font-size:10px; }
	div#langlinks a:hover { color:#000000; text-decoration:none; margin: 0 5px; text-transform:uppercase; font-size:10px; }
	div#mainimage { position:absolute; bottom:0; z-index:1; }
div#maincontentwrapper { background:url('../graf/bg_body.gif') #ffffff repeat-x; }
div#bodytextarea, div#bodytextarea_nopadding, div#bodytextarea_wide { float:left; width:530px; line-height:18px; padding-top:20px; padding-bottom:30px; min-height:400px; padding-right:20px; }
div#bodytextarea_nopadding { padding-right:0; width:550px; }
div#bodytextarea_wide { width:100%; float:none; }
div#navigationarea { float:left; width:210px; padding-left:20px; padding-top:20px; padding-bottom:30px; }
div#footer { position:relative; width:100%; border-top:1px solid #a8a8a8; padding:10px 0; background-color:#ffffff; font-size:10px; color:#b1b1b1; }
div#footer img { vertical-align:middle; }

div#navimain { width:735px; background-color:#000000; /*position:absolute; bottom:-45px;*/ padding:15px 0 0 45px; z-index:3; }
/* Päänavi, 1.taso */
ul#navi { position:relative; width:700px; margin:0; padding:0 0 0 40px; list-style:none; z-index:5; }
ul#navi li { float:left; margin:0; padding: 2px 10px 12px 10px; position:relative; z-index:6;}
ul#navi li a, ul#navi li a:visited, ul#navi li a:active { text-decoration:none; color:#545454; text-transform:uppercase; }
ul#navi li a:hover { text-decoration:none; color:#ffffff; text-transform:uppercase; }
ul#navi li a.act, ul#navi li a.act:visited, ul#navi li a:hover, ul#navi li a.act:active { color:#ffffff; }
/* Päänavi, 2.taso */
ul#navi li ul { display:none; position:absolute; top:23px; left:0; width:162px; margin:0; padding:11px 0 5px 0; list-style:none; background:url('../graf/bg_navimain.gif') #79cf2c top left no-repeat; z-index:100; }
ul#navi li ul li { font-size:12px; float:none; background-color:#79cf2c; width:142px; padding:7px 10px; z-index:110; }
ul#navi li ul li:hover { background-color:#a5e66e; }
ul#navi li ul li a, ul#navi li ul li a:visited, ul#navi li ul li a:active { text-decoration:none; color:#3c7c00; text-transform:none; }
ul#navi li ul li a:hover { text-decoration:none; color:#000000; text-transform:none; }
ul#navi li.act ul li.act a.act1 { }
ul#navi li:hover ul, ul#navi li.over ul { display:block; }

/* Fix IE. Hide from IE Mac \*/
* html ul#navi li { height: 1%; }
* html ul#navi li span a { height: 1%; }
/* End */

/* Sivunavi, 1.taso */
ul#subnavi { position:relative; width:210px; margin:0; padding:0; list-style:none; }
ul#subnavi li { margin:0; padding: 0 0 5px 0; position:relative; z-index:4; font-size:14px; }
ul#subnavi li a, ul#subnavi li a:visited, ul#subnavi li a:hover, ul#subnavi li a:active { text-decoration:none; }
ul#subnavi li a.act, ul#subnavi li a.act:visited, ul#subnavi li a.act:hover, ul#subnavi li a.act:active { text-decoration:none; color:#000000; }
ul#subnavi li h1 a, ul#subnavi li h1 a:visited, ul#subnavi li h1 a:hover, ul#subnavi li h1 a:active { color:#000000; font-size:30px; line-height:1em; }
/* Sivunavi, 2.taso */
ul#subnavi li ul { width:162px; margin:0; padding:0; list-style:none; }
ul#subnavi li ul li { padding: 5px 0 0 15px; font-size:12px; }
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; }
ul#subnavi li ul li a.act1, ul#subnavi li ul li a.act1:visited, ul#subnavi li ul li a.act1:hover, ul#subnavi li ul li a.act1:active { text-decoration:none; color:#000000; }
/* Sivunavi, 3.taso */
ul#navi li ul li ul { margin:0; padding:0; list-style:none; }
ul#navi li.act ul li.act ul { display:block; }
ul#navi li.act ul li.act ul li a.act2 { color:#000000; }
ul#navi li ul li ul li { width:131px; padding-left:20px; font-size:12px; }

/* Etusivu */
div#front_news { float:left; width:290px; padding:0 20px 30px 0;  }
div#front_content { float:left; width:450px; padding:0 0 30px 20px;  }
div#content { border-bottom:1px solid #b8b8b8; padding-bottom:10px; line-height:18px; }
div#partners { border-bottom:1px solid #b8b8b8; padding:10px 0 20px 0; }
div#events { padding:20px 0; background:url('../graf/bg_ajankohtaista.gif') right 20px no-repeat; min-height:172px; }

div.current_event a, div.current_event a:visited, div.current_event a:hover, div.current_event a:active { text-transform:uppercase; text-decoration:none; font-size:13px; font-weight:bold; line-height:1.5; }

div.news { padding:10px 0; border-bottom:1px solid #b8b8b8; color:#646464; line-height:normal; }
span.news_date { font-size:10px; font-weight:bold; }
div.more_news_link { text-align:right; padding-top:10px; }
div.more_news_link a { text-decoration:none; }
div.news a, div.news a:visited, div.news a:active { font-size:16px; text-decoration:none; }
 div.news a:hover { color:#000000; font-size:16px; text-decoration:none; }

div#search { padding:10px 0; }
div.searchresult { padding-bottom:10px; }

/* Valmennukset */
div#print { position:absolute; right:20px; top:70px; width:100px; text-align:right; }
table.trainingtable { width:630px; margin-left:auto; margin-right:auto; border-right:1px solid #d3d3d3; empty-cells: show; }
table.trainingtable th { padding-left:10px; font-weight:bold; font-size:14px; border-bottom:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; border-left:1px solid #d3d3d3; }
table.trainingtable td { empty-cells: show; width:141px; padding:8px; vertical-align:top; border-left:1px solid #d3d3d3; }

span.trainingtimeblock { display:block; padding:10px; margin-bottom:10px; background-color:#c9e8ad; color:#000000; }
font.training_time { font-size:14px; }

/* Valmennusnavigaatio */
ul#trainingnavi { position:relative; width:100%; margin:0; padding:0; list-style:none; }
ul#trainingnavi li { float:left; margin:0; padding: 0 17px 20px 17px; position:relative; font-size:20px;  }
ul#trainingnavi li a, ul#trainingnavi li a:visited, ul#trainingnavi li a:hover, ul#trainingnavi li a:active { color:#c0c1bf; text-decoration:none; }
ul#trainingnavi li a.act, ul#trainingnavi li a.act:visited, ul#trainingnavi li a.act:hover, ul#trainingnavi li a.act:active { text-decoration:none; color:#63a52c; }

table.trainerinfo { width:540px; border:0; empty-cells:show; }
table.trainerinfo td { vertical-align:top; }
table.trainerinfo td.image { width: 145px; }
table.trainerinfo td.info { width:385px; padding-left:10px; }

a.undecorated, a.undecorated:visited, a.undecorated:hover, a.undecorated:active { text-decoration:none; }

input.searchsubmit { width:auto; border:1px solid #b4b4b4; text-transform:uppercase; font-weight:bold; font-size:10px; color:#313131; background:url(../graf/bg_button.gif) repeat-x; padding:3px 10px; }
input.searchinput { width:200px; border:1px solid #b4b4b4; font-size:10px; padding:3px; }

p.readmore { text-align:right; }
p.readmore a, p.readmore a:visited, p.readmore a:hover, p.readmore a:active { text-decoration:none; }

ul#newslist { list-style-type:none; margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0; margin-left:10px; padding-left:0; }
ul#newslist li {
	background-image:url("../graf/listitem.gif");
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left:15px;
	margin-left:0;
	list-style-type: none;
	margin-top:5px;
}
ul#newslist li a, ul#newslist li a:visited, ul#newslist li a:hover, ul#newslist li a:active { text-decoration:none; }
div.mainlevel { background-color:#ff0000; margin-bottom:10px; width:122px; float:left; position:relative; }
table.sitemap { width:100%; border:0; }
table.sitemap td { vertical-align:top; }
div.sitemapLink { position:relative; padding-left:7px; }
/*div.sitemapLink { background:url(../graf/bg_sitemap.gif) 0 -4px no-repeat; padding-left:7px; }*/

/* Uutiset */
h1.news { padding-bottom:0; margin-bottom:0; }
div.news_navi { color:#949494; line-height:1.5; }
div.news_navi a, div.news_navi a:visited, div.news_navi a:hover, div.news_navi a:active { display:block; text-decoration:none; color:#545454; }
div.news_navi a:hover { text-decoration:none; color:#58a018; }
div.news_navi a.yearlink { font-family:"ApexSans Book", Verdana; color:#b5b5b5; font-size:28px; font-weight:normal; line-height:normal; padding:5px 0; }
div.yeartitle { font-family:"ApexSans Book", Verdana; color:#000000; font-size:28px; font-weight:normal; line-height:normal; padding:0 0 10px 0; }
div.news_navi a.monthlink { font-size:110%; }
div.news_navi div.monthtitle { font-size:110%; }
div.news_navi a.newslink, div.news_navi a.newslink:visited, div.news_navi a.newslink:hover, div.news_navi a.newslink:active { padding-left:15px; background-image:url( '../graf/listitem.gif' ); background-repeat:no-repeat; background-position:6px 6px; color:#58a018; margin-bottom:4px; }
div.news_navi a.newslink:hover { text-decoration:underline; }
span.news_date_big { font-size:12px; font-weight:bold; }
p.news_content { line-height:1.5; font-size:14px; }
div.newscontainer { line-height:1.5; font-size:14px; }

font.date { color:#6a6a6a; }