html
{
	
	height: 100%;
	padding-bottom: 1px;
	
}

body
{	
	margin: 0;
	padding: 0;
	background: #242424;
	font-family: Arial;
}


h1 { padding: 0; margin: 0; font-size: 24px; color: #333; line-height: 28px; }
h2 { padding: 0; margin: 0; font-size: 14px; color: #333; line-height: 20px; }
p { padding: 0; margin: 0; font-size: 12px; color: #333; line-height: 18px; }
a { color: #333; text-decoration: none; }
a:hover { color: #777; text-decoration: underline; }



/* Structure
************************************************************/
#hyvinvointi
{
	width: 100%;
	background: #ffffff;
	height: 41px;
}

#hyvinvointilogo
{
	position: absolute;
	left: 5px;	
	top: 3px;
	display: block;
	width: 149px;
	height: 35px;
	background: url(../gfx/hyvinvointilogo.gif) 0 0 no-repeat;
}

#elisalogo
{
	position: absolute;
	right: 5px;	
	top: 3px;
	display: block;
	width: 54px;
	height: 35px;
	background: url(../gfx/elisalogo.jpg) 0 0 no-repeat;
}

#hyvinvointilogo span
{
	display: none;	
}

#elisalogo span
{
	display: none;	
}

#header
{
	background: #232323 url(../gfx/bg-head.gif) 0 0 repeat-x;
	height: 130px;
}
#main-flash
{
	background: #efefef url(../gfx/bg-content.gif) 0 0 repeat-x;
	margin: 0;
	padding: 0;
	
	clear: both;
}

#content
{
	background: #efefef;
	margin: 0;
	padding: 0;
	
	clear: both;
}



#footer
{
	background: #242424 url(../gfx/bg-footer.gif) 0 0 repeat-x;
	height: 50px;
	
	clear: both;
}

.container { margin: 0 auto; width: 1000px; }

#footer .container { height: 50px; display: block; position: relative; width: 980px; padding: 0 10px;}
#header .container { height: 130px; position: relative; display: block; background: url(../gfx/bg-container-head.jpg) 0 0 no-repeat; width: 980px; padding: 0 10px;}

#header a#traxmeet-link { display: block; position: absolute; height: 60px; width: 240px; top: 40px; }
#header a#traxmeet-link span{ display: none; }


/* Languages
************************************************************/

#languages { display: none; position: absolute; right: 10px; top: 0; list-style: none; padding: 0 1px 0 0; margin: 0; height: 25px; background: url(../gfx/language-divider.gif) 100% 0% no-repeat; }

#languages li { height: 25px; padding: 0; margin: 0; display: inline; }

#languages li a{ float: left; height: 25px; display: block; float: left; }

#languages li a span{ display: none; }

#languages li a#fin{ width: 88px; background: url(../gfx/language-fin.gif) 0 0 no-repeat; }

#languages li a#eng{ width: 91px; background: url(../gfx/language-eng.gif) 0 0 no-repeat; }

#languages li a#de{ width: 95px; background: url(../gfx/language-de.gif) 0 0 no-repeat; }




/* Support Login
************************************************************/

#support-login {  position: absolute; left: 500px; top: 40px; padding: 0; margin: 0; height: 49px; width: 492px; }

a#support { float: left; margin: 7px 0 0 0; padding: 0; width: 136px; height: 42px; background: url(../gfx/support-btn.jpg) 0 0 no-repeat; }

a#support span { display: none; }

#login { float: right; margin: 7px 0 0 0; padding: 0; width: 337px; height: 42px; background: url(../gfx/login-bg.jpg) 0 0 no-repeat; position relative; }

#input-login, #input-pwd { position: absolute; top: 17px; left: 216px; width: 106px; height: 16px; border: 0; padding: 0; margin: 0; line-height: 14px; color: #868686; font-size: 11px; }
						
#input-login {left: 220px; }
#input-pwd { left: 341px; }
						
#input-submit { position: absolute; top: 12px; right: 9px; background: url(../gfx/login-submit.gif) 0 0 no-repeat; height: 24px; width: 24px; border: 0; margin: 0; padding: 0; line-height: 14px; font-size: 11px; }

#login-register { position: absolute; left: 665px; top: 85px; }

#login-register a { color: #ffffff; font-size: 11px; text-decoration: underline; }

#login-problems { position: absolute; left: 665px; top: 100px; }

#login-problems a { color: #ffffff; font-size: 11px; text-decoration: underline; }

/* Main menu
************************************************************/

#main-menu { height: 36px; background: url(../gfx/menu/bg-main-menu.gif) 0 0 repeat-x; }

#main-menu .menu { height: 36px; width: 980px; padding: 0 10px; margin: 0 auto;}

#main-menu .menu ul { float: left; height: 36px; width: 980px; padding: 0; margin: 0; list-style: none; }

#main-menu .menu li { float: left; height: 36px; padding: 0; margin: 0; list-style: none; display: inline; }


#main-menu .menu li.divider { background: url(../gfx/menu/passive-divider.gif) 0 0 no-repeat; width: 2px; }
#main-menu .menu li.active-left { background: url(../gfx/menu/active-left.gif) 0 0 no-repeat; width: 2px; font-size: 1px; margin: 0; padding: 0; display: block;}
#main-menu .menu li.active-right { background: url(../gfx/menu/active-right.gif) 0 0 no-repeat; width: 2px; font-size: 1px;  margin: 0; padding: 0; display: block;}

#main-menu .menu ul a { font-size: 12px; text-transform: uppercase; color: #fff; text-decoration: none; float: left; height: 24px; padding: 12px 18px 0 18px; }

#main-menu .menu ul a.active { background: url(../gfx/menu/active-bg.gif) 0 0 repeat-x; color: #333; }

#main-menu .menu ul a:hover { text-decoration: underline; }



/* Sub menu
************************************************************/

#sub-menu { height: 25px; background: url(../gfx/menu/bg-sub-menu.gif) 0 0 repeat-x; margin: 0!important; padding: 0; }

#sub-menu .menu { height: 25px; width: 980px; padding: 0 10px; margin: 0 auto;}

#sub-menu .menu ul { float: left; height: 25px; width: 980px; padding: 0; margin: 0; list-style: none; }

#sub-menu .menu li { float: left; height: 25px; padding: 0; margin: 0; list-style: none; display: inline; }


#sub-menu .menu li.divider { background: url(../gfx/menu/sub-menu-divider.gif) 0px 4px no-repeat; width: 2px; }

#sub-menu .menu ul a { font-size: 11px; color: #333; text-decoration: none; float: left; height: 14px; padding: 5px 18px 0 18px; }

#sub-menu .menu ul a.active, #sub-menu .menu ul a:hover { text-decoration: underline; }

/* Right menu
************************************************************/

#right-menu { margin: 0; padding: 0; list-style: none; }

#right-menu li { height: 20px; padding: 0; margin: 0; list-style: none; }

#right-menu a { font-size: 11px; color: #333; text-decoration: none; float: left; height: 14px; padding: 5px 0px 0 0px; }

#right-menu a.active span, #right-menu a:hover span{ text-decoration: underline; }


/* Footer menu
************************************************************/
#footer-menu { height: 19px; padding: 18px 0 0 0; width: 980px; letter-spacing: -0.2px; }

#footer-menu ul { float: left; height: 19px; width: 980px; padding: 0; margin: 0; list-style: none; }

#footer-menu li { float: left; height: 19px; padding: 0; margin: 0; list-style: none; }


#footer-menu li.divider { background: url(../gfx/footer-divider.gif) 0 0 no-repeat; width: 1px; }

#footer-menu ul a { font-size: 11px; text-transform: uppercase; color: #dedede; text-decoration: none; float: left; height: 19px; padding: 2px 10px 0 10px; }

#footer-menu ul a.active { color: #999; text-decoration: underline; }

#footer-menu ul a:hover { text-decoration: underline; }

#footer-menu ul .bold a{ font-weight: bold;}

#footer p.long-text{ font-size: 11px; color: #bbbbbb; margin: 0; padding: 15px 0px 5px 0px; line-height: 12px; float: left; width: 770px;}
#footer p.copy{ font-size: 11px; color: #bbbbbb; margin: 0; padding: 15px 0px 5px 0px; line-height: 12px; display: block; width: 70px; top: 6px; right: 10px; position: absolute;text-align: right;}


/* Join and news letter
************************************************************/

#main-links { height: 55px; width: 980px; padding: 5px 10px; background: url(../gfx/front-page/bg-content-link.gif) 0 0  no-repeat; position: releative;}

#main-links .link-liity-mukaan{ height: 55px; width: 600px; float: left; display: block; background: url(../gfx/btn-liity-mukaan-nyt.jpg) 0 0 no-repeat; }
#main-links .link-liity-mukaan span{ display: none; }


.link-tilaa-newsletter{ margin-top:4px; height: 55px; width: 360px; float: right; display: block; background: url(../gfx/btn-news-letter.jpg) 0 0 no-repeat; }
.link-tilaa-newsletter span{ display: none; }


#main-links .news-letter{ height: 55px; width: 360px; float: right; display: block; background: url(../gfx/front-page/bg-news-letter.jpg) 0 0 no-repeat; position: relative; }

#main-links .news-letter .news-letter-text{ letter-spacing: -0.2px; font-size: 11px; float: left; color: #ff9900; text-transform: uppercase; margin: 0; padding: 22px 0 0 14px; line-height: 14px;}

#main-links .news-letter .input-news-letter-text{  position: absolute; top: 22px; left: 118px; width: 160px; height: 16px; padding: 0; border: 0; margin: 0; line-height: 14px; color: #333333; font-size: 11px; }
						
#main-links .news-letter .input-news-letter-submit { position: absolute; top: 12px; right: 21px; background: url(../gfx/news-letter-submit.gif) 0 0 no-repeat; height: 32px; width: 37px; border: 0; margin: 0; padding: 0; line-height: 14px; font-size: 11px; }


/* Front Page
************************************************************/

#main-flash { height: 280px; }

#main-flash .container { width: 980px; margin: 0 auto; height: 260px; width: 980px; padding: 10px; }



/* News and top List
************************************************************/

.news_archive_link {
	float: right;
	margin-top: 15px;
	margin-right: 20px;	
}

.news_archive_link a {
	text-decoration: none!important;	
}

.news_archive_link a:hover {
	text-decoration: underline!important;	
}


#main-list { float: left; width: 980px; background: url(../gfx/bg-content-list.gif) 0 0 repeat-y; padding: 0 10px; }

#main-list .left {width: 610px; float: left; padding-bottom:4px; }

.right-top-list {width: 360px; float: right; }


#main-list .left .link-3kk{ height: 55px; width: 600px; float: left; margin: 10px 0; display: block; background: url(../gfx/btn-3kk.jpg) 0 0 no-repeat; }
#main-list .left .link-3kk span{ display: none; }

/* News list
************************************************************/
#main-list .left .item{ z-index: 2; float: left; position: relative; width: 594px; padding: 0 0 0 14px; background: url(../gfx/front-page/item-left-border.gif) 0 0 no-repeat; margin-top: 3px; }

#main-list .left .item a{ text-decoration: none; }
#main-list .left .item a:hover{ text-decoration: none;  color: #999;}
#main-list .left  .item a img{ border: 0; }

#main-list .left .item-type { position: absolute; font-size: 10px; text-transform: uppercase; color: #ffffff; padding: 0 2px; right: 10px; text-align: right; top: 6px; width: 100px; display: block; height: 12px; background: url(../gfx/front-page/bg-list-type.gif) 0 0 repeat-x; }
					
#main-list .left .item-img { width: 94px; float: left; border: 1px solid #cecece; padding: 2px; background: #fff; }

#main-list .left .item-img img {  width: 94px; float: left; }

#main-list .left .item-text{ float: left; width: 470px; padding: 0 10px;  }
#main-list .left .item-text h2{ font-size: 22px; width: 360px; color: #999999; font-weight: normal; line-height: 28px; padding: 0; margin: 0; }
#main-list .left .item-text p{ font-size: 11px; font-family: Verdana; color: #333333; line-height: 16px; padding: 0; margin: 0; }
						
#main-list .left .divider { margin: 4px 0px 2px 0px; width: 600px; height: 1px; line-height: 1px; font-size: 1px; float: left; background: url(../gfx/front-page/content-border.gif) 0% 0% no-repeat; }

#main-list .left .item .main-link { z-index: 1; position: absolute; top: 0; left: 5px; height: 90px; width: 590px; display: block; }
#main-list .left .item .main-link span{ display: none; color: #777;}

/* Blog list
************************************************************/

#traxmeetBlog { float: left; position: relative; width: 595px;}

#traxmeetBlog .blogTitle{ font-size: 22px; color: #999999; font-weight: normal; padding-left:60px; padding-right:0; padding-bottom:0; padding-top:17px; margin-top: 5px; height: 40px; background: url(../gfx/blog-icon.jpg) 0 0 no-repeat;  }

#traxmeetBlog .blogitem { float: left; position: relative; width: 595px; padding: 0 0 0 14px; background: url(../gfx/front-page/item-left-border_span.gif) 0 0 repeat-y; }

#traxmeetBlog .blogitem .itemimage {float: left; width: 55px; height: 55px; background: url(../gfx/blog-icon.jpg) 0 0 no-repeat; margin-right: 10px; }

#traxmeetBlog .blogitem p a{ text-decoration: none; }
#traxmeetBlog .blogitem p a:hover{ text-decoration: none;  color: #999;}

#traxmeetBlog .blogitem h2 a{ text-decoration: none; }
#traxmeetBlog .blogitem h2 a:hover{ text-decoration: none;  color: #999;}

#traxmeetBlog .blogitem h2{ font-size:  15px; width: 300px; color: #999999; font-weight: normal; padding: 0; margin: 0; }
#traxmeetBlog .blogitem h2 a{ font-size:  15px; width: 300px; color: #000000; font-weight: normal; padding: 0; margin: 0; }
#traxmeetBlog .blogitem p{ font-size: 11px; font-family: Verdana; color: #333333; line-height: 16px; padding: 0; margin: 0; }
	

#traxmeetBlog .blogitem .dateText { width:50px; position: absolute;right:0px; font-family: Arial; text-align: right; font-size: 12px; color: #999; }
#traxmeetBlog .separator { line-height:1px; padding: 0; float: left; position: relative; background: url(../gfx/front-page/item-left-border_span.gif) 0 0 repeat-x; width: 595px; height:1px; margin-top: 3px; margin-bottom: 3px; margin-left: 0px; margin-right: 0px; }

/* Top list
************************************************************/
.top-list .header { float: left; position: relative; background: url(../gfx/title-katso.gif) 0% 0% no-repeat; height: 39px; width: 360px; }

.top-list .header_eng { float: left; position: relative; background: url(../gfx/title-watch.gif) 0% 0% no-repeat; height: 39px; width: 360px; }

.top-list .header_de { float: left; position: relative; background: url(../gfx/title-watch-de.gif) 0% 0% no-repeat; height: 39px; width: 360px; }

.top-list .header a { position: absolute; font-size: 10px; right: 10px; top: 10px; width: 74px; display: block; height: 20px; }

.top-list .header span { display: none; }

.top-list .header_eng span { display: none; }

.top-list .header_de span { display: none; }

.top-list ul { width: 360px; padding: 0; margin: 0; line-height: 14px; list-style: none; float: left; clear: both; }

.top-list li.list-1, .top-list li.list-2, .top-list li.footer { height: 35px; width: 360px; padding: 0; margin: 0; line-height: 14px; float: left; }

.top-list li.list-1 { background: url(../gfx/front-page/top-list-bg1.gif) 0% 0% no-repeat;}

.top-list li.list-2 { background: url(../gfx/front-page/top-list-bg2.gif) 0% 0% no-repeat; height: 36px;}

.top-list li.footer { background: url(../gfx/front-page/top-list-footer.gif) 0% 0% no-repeat; height: 38px;}

.top-list li p.num { float: left; padding: 11px 10px 0 36px; margin: 0; font-family: Arial; font-size: 12px; color: #333; height: 18px; width: 300px; line-height: 14px;}

.top-list li p.date { float: right; width: 72px; height: 18px; font-family: Arial; text-align: right; padding: 11px 12px 0 0; margin: 0; font-size: 12px; color: #999;  line-height: 14px; }

p#num1 { background: url(../gfx/front-page/top-list-1.gif) 10px 8px no-repeat; }
p#num2 { background: url(../gfx/front-page/top-list-2.gif) 10px 8px no-repeat; }
p#num3 { background: url(../gfx/front-page/top-list-3.gif) 10px 8px no-repeat; }
p#num4 { background: url(../gfx/front-page/top-list-4.gif) 10px 8px no-repeat; }
p#num5 { background: url(../gfx/front-page/top-list-5.gif) 10px 8px no-repeat; }
p#num6 { background: url(../gfx/front-page/top-list-6.gif) 10px 8px no-repeat; }
p#num7 { background: url(../gfx/front-page/top-list-7.gif) 10px 8px no-repeat; }

/* Device list and GPX info box
************************************************************/

.gpx-list-container {float: left; position: relative; margin-top: 5px;}

.device-list .header { float: left; position: relative; background: url(../gfx/devices-title.gif) 0% 0% no-repeat; height: 39px; width: 360px; }
.device-list .header-fi { float: left; position: relative; background: url(../gfx/devices-title-fi.gif) 0% 0% no-repeat; height: 39px; width: 360px; }
.device-list .header-de { float: left; position: relative; background: url(../gfx/devices-title-de.gif) 0% 0% no-repeat; height: 39px; width: 360px; }
.device-list .header-gpx { float: left; position: relative; background: url(../gfx/gpx-title-fi.gif) 0% 0% no-repeat; height: 39px; width: 360px; }
.device-list .header-gpx-en { float: left; position: relative; background: url(../gfx/gpx-title-en.gif) 0% 0% no-repeat; height: 39px; width: 360px; }
.device-list .header-gpx-de { float: left; position: relative; background: url(../gfx/gpx-title-de.gif) 0% 0% no-repeat; height: 39px; width: 360px; }
.device-list .header span { display: none; }
.device-list .header-fi span { display: none; }
.device-list .header-de span { display: none; }
.device-list .header-gpx span { display: none; }
.device-list .header-gpx-en span { display: none; }
.device-list .header-gpx-de span { display: none; }
.device-list ul { width: 360px; padding: 0; margin: 0; list-style: none; float: left; clear: both; }
.device-list li.list-1, .device-list li.list-2, .device-list li.footer, .device-list li.separator-1, .device-list li.separator-2 
{ 
width: 360px;
margin: 0;
float: left;
padding: 0;
}

.device-list li p, .device-list li h1, .device-list li h2, .device-list li img { margin-left: 10px; margin-right: 10px;}


.device-list li.list-1 { background: url(../gfx/device-list-bg-1.gif) 0 0 repeat-y;}
.device-list li.list-2 { background: url(../gfx/device-list-bg-2.gif) 0 0 repeat-y;}
.device-list li.separator-1 { background: url(../gfx/device-list-separator.gif) 0 0 no-repeat; height: 2px;}
.device-list li.separator-2 { background: url(../gfx/device-list-separator-2.gif) 0 0 no-repeat; height: 2px;}
.device-list li.footer {background: url(../gfx/device-list-footer.gif) 0 0 no-repeat; height: 8px;}
.device-list li .devicename {font-size: 16px; color: #7e8386; margin-left: 10px; margin-bottom: 10px; }

.link-osta{ display: block; width: 103px; height: 29px; background: url(../gfx/btn_osta.jpg) 0 0 no-repeat; margin-left: 8px; }
.link-osta span{ display: none; }

.link-kaufen{ display: block; width: 103px; height: 30px; background: url(../gfx/btn-kaufen.jpg) 0 0 no-repeat; margin-left: 8px; margin-bottom: 10px; }
.link-kaufen span{ display: none; }


/* Traxmeet is...
************************************************************/
#main-box { height: 170px; clear: both; width: 980px; background: url(../gfx/front-page/bg-promises.gif) 0 0 no-repeat; padding: 10px; }

#main-box .item {  float: left; position: relative; width: 204px; height: 150px; padding: 0; background: url(../gfx/front-page/bg-promises-item.gif) 0 0 no-repeat; padding: 9px 13px 11px 13px; }
					
#main-box .item .title-treenaamista{ height: 32px; width: 204px; background: url(../gfx/front-page/text-treenaamista.gif) 50% 0% no-repeat; }
#main-box .item .title-kilpailemista{ height: 32px; width: 204px; background: url(../gfx/front-page/text-kilpailemista.gif) 50% 0% no-repeat; }
#main-box .item .title-valmentautumista{ height: 32px; width: 204px; background: url(../gfx/front-page/text-valmentautumista.gif) 50% 0% no-repeat; }
#main-box .item .title-iso-yhteiso{ height: 32px; width: 204px; background: url(../gfx/front-page/text-iso-yhteiso.gif) 50% 0% no-repeat; }

#main-box .item .title-training{ height: 32px; width: 204px; background: url(../gfx/front-page/text-training.gif) 50% 0% no-repeat; }
#main-box .item .title-competing{ height: 32px; width: 204px; background: url(../gfx/front-page/text-competing.gif) 50% 0% no-repeat; }
#main-box .item .title-coaching{ height: 32px; width: 204px; background: url(../gfx/front-page/text-coaching.gif) 50% 0% no-repeat; }
#main-box .item .title-huge-community{ height: 32px; width: 204px; background: url(../gfx/front-page/text-community.gif) 50% 0% no-repeat; }

#main-box .item .title-treenaamista span, #main-box .item .title-kilpailemista span, #main-box .item .title-valmentautumista span, #main-box .item .title-iso-yhteiso span, #main-box .item .title-training span, #main-box .item .title-competing span, #main-box .item .title-coaching span, #main-box .item .title-huge-community span { display: none; }

#main-box .item div.icon { width: 57px; height: 56px; display: block; position: absolute; left: 13px; top: 57px; }

#main-box .item div.icon div.training { width: 57px; height: 56px; display: block; background: url(../gfx/front-page/icon-training.jpg) 0% 0% no-repeat; }
#main-box .item div.icon div.competing { width: 57px; height: 56px; display: block; background: url(../gfx/front-page/icon-competing.jpg) 0% 0% no-repeat; }
#main-box .item div.icon div.coaching { width: 57px; height: 56px; display: block; background: url(../gfx/front-page/icon-coaching.jpg) 0% 0% no-repeat; }
#main-box .item div.icon div.community { width: 57px; height: 56px; display: block; background: url(../gfx/front-page/icon-community.jpg) 0% 0% no-repeat; }


#main-box .item div.icon span { display: none; }
									
#main-box .item .item-text{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10px 0; padding: 8px 0 8px 65px; height: 48px; float: left; }

#main-box .item .item-text p{ margin: 0; padding: 0; font-size: 11px; font-family: Verdana; color: #333333; line-height: 16px; padding: 0; margin: 0;}

#main-box .item a.lue-lisaa	{ width: 129px; height: 26px; float: left; margin: 8px 0 0 38px; background: url(../gfx/front-page/btn-lue-lisaa.jpg) 0% 0% no-repeat; }

#main-box .item a.lue-lisaa span { display: none; }

#main-box .item a.read-more	{ width: 129px; height: 26px; float: left; margin: 8px 0 0 38px; background: url(../gfx/front-page/btn-more.jpg) 0% 0% no-repeat; }

#main-box .item a.read-more span { display: none; }

#main-box .divider { width: 20px; height: 170px; float: left; }

/* Register
************************************************************/

#wrapper .left .registerFormError {width: 500px; float: left; background: #f2cecf; display: block; padding: 5px; border-style: solid; border-width: 1px; border-color: #c43639;  }

.registerFormErrorText { color: #000000; font-size: 12px;  }

/* Lang selector page
************************************************************/
#indexLangSelectorBody
{
	background: #ffffff;
	font-family: Arial;
}

#centerLine        
{
	color: #ffffff;
	height: 1px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block
}

#vcenterLine        
{
	color: #ffffff;
	text-align: center;
	position: absolute;
	left: 50%;
	width: 1px;
	height: 130px;
	overflow: visible;
	visibility: visible;
	display: block
}

#centerContent    
{
	background: #232323 url(../gfx/bg_frontpage.jpg) 0 0 repeat-x;
	position: absolute;
	top: -65px;
	width: 100%;
	height: 130px;
	visibility: visible;
	left: 0;
}

#indexFooter
{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;	
	text-align: right;
}

#indexLogo
{
	position: absolute;
	left: -200px;	
	top: 0px;
}

#indexInFinnish
{
	position: absolute;
	left: 75px;
	top: 53px;
	height: 25px; 
	width: 88px;
	border: none;
}

#indexInEnglish
{
	position: absolute;
	left: 75px;
	top: 26px;
	height: 25px; 
	width: 88px;
	border: none;
}

#indexInDeutch
{
    position: absolute;
    left: 75px;
    top:  80px;
    height: 25px; 
    width: 88px;
    border: none;
}

#frontPageCopyright
{
	position: absolute;
	right: 10px;
	bottom: 0px;	
}
/* Common
************************************************************/
.clear { clear: both; margin: 0; padding: 0; height: 0px; line-height: 1px; font-size: 1px;}

#content .container { background: url(../gfx/bg-content-list.gif) 0 0 repeat-y; }


#wrapper { width: 980px; padding: 0 10px 20px 10px; float: left; background: url(../gfx/bg-wrapper.gif) 0 0 repeat-y; }

#wrapper .left {width: 610px; float: left; }

#wrapper h1 { padding: 12px 0 6px 0; margin: 0; }
#wrapper h2 { padding: 18px 0 0 0; }
p, #wrapper .left li { font-family: Verdana; padding: 6px 0; margin: 0; font-size: 12px; color: #333; line-height: 18px; }
#wrapper .left ul { padding: 6px 16px; margin: 0; }

#wrapper .left a { text-decoration: underline;}

#wrapper .left a:hover { color: #666; }

.link-videot{ height: 55px; width: 360px; float: right; background: url(../gfx/btn-katso-videot.jpg) 0 0 no-repeat; margin: 0 0 10px 0; }
.link-videot span{ display: none; }

.link-arkisto{ height: 55px; width: 360px; float: right; background: url(../gfx/btn-ajankohtaista-arkisto.jpg) 0 0 no-repeat; margin: 0 0 10px 0; }
.link-arkisto span{ display: none; }

.link-tilaa_testitunnukset{ height: 55px; width: 360px; float: right; background: url(../gfx/btn-tilaa-testitunnukset.jpg) 0 0 no-repeat; margin: 10px 0; }
.link-tilaa_testitunnukset span{ display: none; }

.link-rekisteroidy_ilmaiseksi{ height: 55px; width: 360px; float: right; background: url(../gfx/btn-liity.gif) 0 0 no-repeat; margin: 5px 0; }
.link-rekisteroidy_ilmaiseksi span{ display: none; }

.link-free_register{ height: 55px; width: 360px; float: right; background: url(../gfx/btn-join.gif) 0 0 no-repeat; margin: 5px 0; }
.link-free_register span{ display: none; }

.link-free_register-de{ height: 55px; width: 360px; float: right; background: url(../gfx/btn-join-de.gif) 0 0 no-repeat; margin: 5px 0; }
.link-free_register-de span{ display: none; }

/* Main News list 
************************************************************/
#wrapper .left .news-list .item{ float: left; position: relative; width: 594px; padding: 0 0 0 14px; background: url(../gfx/front-page/item-left-border.gif) 0 0 no-repeat; margin-top: 3px; }
		
#wrapper .left .news-list .item-type { position: absolute; font-size: 10px; text-transform: uppercase; color: #ffffff; padding: 0 2px; right: 10px; text-align: right; top: 6px; width: 100px; display: block; height: 12px; background: url(../gfx/front-page/bg-list-type.gif) 0 0 repeat-x; display: none; }
					
#wrapper .left .news-list .item-img {width: 94px; float: left; border: 1px solid #cecece; padding: 2px; background: #fff; }

#wrapper .left .news-list .item-img img { width: 94px; float: left; }
					
					
#wrapper .left .news-list .item-text{ float: left; width: 470px; padding: 0 10px;  }
#wrapper .left .news-list .item-text h2{ font-size: 22px; color: #999999; font-weight: normal; line-height: 28px; padding: 0; margin: 0; }
#wrapper .left .news-list .item-text p{ font-size: 11px; font-family: Verdana; color: #333333; line-height: 16px; padding: 0; margin: 0; }


#wrapper .left p{ padding-right: 16px; }
#wrapper .left h2.title-header { padding-top: 0; }
#wrapper .left .news-list .divider { margin: 4px 0px 2px 0px; width: 600px; height: 1px; line-height: 1px; font-size: 1px; float: left; background: url(../gfx/front-page/content-border.gif) 0% 0% no-repeat; }

#wrapper .left .content-img-right{ width: 184px; float: right; margin: 0 10px 10px 10px!important; margin: 0 5px 10px 5px; border: 1px solid #cecece; padding: 2px; background: #fff; }
#wrapper .left .content-img-right-no-width{ float: right; margin: 0 10px 10px 10px!important; margin: 0 5px 10px 5px; border: 1px solid #cecece; padding: 2px; background: #fff; }

#wrapper .left .news-list .item a{ text-decoration: none; }
#wrapper .left .news-list .item a:hover{ text-decoration: none; }
#wrapper .left .news-list .item a img{ border: 0; text-decoration: none; }

#wrapper .left .news-list .item .main-link { position: absolute; top: 0; left: 5px; height: 90px; width: 590px; display: none; }
#wrapper .left .news-list .item .main-link span{ display: none; }

#wrapper .left #videoflahs { margin-top: 4px;}


#wrapper .row { float: left; width: 600px; font-size: 12px; margin: 8px 0 0 0; font-family: Verdana;}

#wrapper .title, #wrapper .field-2 { float: left; width: 145px; font-size: 12px; text-align: right; }
#wrapper .field, #wrapper .title-2 { float: right; width: 445px; font-size: 12px; }

#wrapper .title, #wrapper .title-2  { padding-top: 3px; }

#wrapper .title-2  { width: 435px; padding-right: 10px; }

#wrapper .input-field, #wrapper .textarea-field{ float: left; font-size: 12px; padding: 2px; width: 300px; font-family: Verdana; }

#wrapper .textarea-field{ height: 100px; }

#wrapper .submit-btn { margin-top: 10px; font-size: 12px; padding: 2px 6px; }

#wrapper .field span { float: left; padding: 3px 2px 0 2px; font-size: 11px; color: #600; }

#wrapper #support_content img { border: 1px solid #cecece; padding: 2px; background: #fff; }

/* Sync 
************************************************************/
.download_sync_button_en{ display: block; width: 179px; height: 29px; background: url(../gfx/btn_download_sync.jpg) 0 0 no-repeat;}
.download_sync_button_en span{ display: none; }

.download_sync_button_fi{ display: block; width: 179px; height: 29px; background: url(../gfx/btn_lataa_sync.jpg) 0 0 no-repeat;}
.download_sync_button_fi span{ display: none; }

/* Facebook
************************************************************/
#traxmeetFacebookFans {float: right; margin-top: 20px; width: 360;}