body { margin: 0 auto; text-align: center; background: #D2D2D2 url(/images/bg.gif) repeat-y center top; }
body div { margin: 0; }

#wrapperTop, #wrapperFooter { min-width: 1060px; width: 1060px; margin: 0 auto; }

#wrapperNavTop { background-color: #000; width:100%; }
#wrapperHeader { background: #ededed url(/images/wrapperHeaderBG_v2.gif) repeat-x top left; height: 114px; clear: both; }

#containerNavTop { text-align: left; color:#fff; line-height:20px; padding:0; }

#containerNavTop, #containerHeaderTopBanner, #containerNavMainSearch,
#containerNavSecondary, #wrapperContent { margin: 0 auto; width: 1000px; }

#containerNavTertiary ul { padding: 1em 10px 0 10px; }
#containerNavTertiary ul ul { padding: 0.5em 0; }
#containerNavTertiary ul span span, ul .title { font-weight: bold; font-size: 1.1em; }
#containerNavTertiary ul li ul { display: block; border-bottom: solid 1px #a6a6a6; }

#containerHeaderTopBanner { border-collapse: collapse; border: none; }
#containerHeaderTopBanner td { vertical-align: middle; }
#containerHeader { /*float: left; */ width: 155px; text-align: left; }
#containerHeader img { border: none; }
#containerHeader a { display: block; }

#containerTopBanner { width: 728px; }
#containerTopBanner object, #containerTopBanner embed {  }

#containerSmallNav { width: 116px; }
#containerSmallNav ul { display: block; list-style-type: none; margin: 11px 0 11px 1em; padding: 0; }
#containerSmallNav li { display: block; height: 30px; text-align: left; list-style-type: none; font-size: 0.8em; }
#containerSmallNav li a { display: block; cursor: hand; cursor: pointer; position: relative; color: #888; text-decoration: none; width: 21px; height: 21px; background: transparent url(/images/btn_muut.gif) no-repeat 0px 0px; } 
#containerSmallNav li a span { display: block; cursor: hand; cursor: pointer; position: absolute; left: 21px; top: 0; margin: 0 0 0 0.5em; width: 70px; } 

#containerSmallNav li.hae a { background-image: url(/images/btn_hae.gif); background-position: 0px 0px; }
#containerSmallNav li a:hover { background-image: url(/images/btn_muut.gif); background-position: 0px -21px; } 
#containerSmallNav li.hae a:hover { background-image: url(/images/btn_hae.gif); background-position: 0px -21px; }

#containerNavTop .logo { background: #000 url(/images/ts_ylapalkkiin.gif) no-repeat left center; float: left; font-weight: bold; height: 20px; margin-right: 1em; width: 85px; }
#containerNavTop .logo span { display: none; }

#containerDateAndWeather { background-color: #f0f0f0; border-collapse: collapse; color:#444444;}
#containerDateAndWeather .inner { padding: 5px 1em; }
#containerDateAndWeather #containerDate .inner, #containerDateAndWeather #containerWeather .inner {  border-right: solid 1px #9B9B9B; }
#containerDateAndWeather #containerDate { width: 100%; }
#containerDateAndWeather #containerWeather { width: 130px;  }
#containerWeather .inner {height:46px; width:130px; overflow:hidden; padding:0; margin:0; border-right:solid 1px #9B9B9B;}
#containerWeather object {margin-top:-8px; margin-left:-2px; background:none;}
#containerDateAndWeather #containerMMS { width: 190px; overflow:hidden; text-align:right;  border-right: solid 1px #9B9B9B;}
/*
#containerDateAndWeather #containerWeather a { text-decoration: none; color: #000; }
#containerDateAndWeather #containerWeather a:hover { text-decoration: underline;  border-right: solid 1px #9B9B9B; }
#containerDateAndWeather #containerWeather table { width: 100%; border-collapse: collapse; }
#containerDateAndWeather #containerWeather img { display: inline; }
#containerDateAndWeather #containerMMS { width: 200px; text-align:right;  border-right: solid 1px #9B9B9B;}
#containerDateAndWeather #containerMMS a { color:#444444; }
#containerDateAndWeather #containerMMS img { float: right; margin:0 3px 0 3px; width:34px; height:50px; overflow:hidden; }
#containerDateAndWeather #containerMMS .highlight { font-weight:bolder; }
*/
#containerNavTop ul { margin: 0; padding: 0 0.5em; }
#containerNavTop ul li { display: inline; padding-right: 1em; }
#containerNavTop a { color: #fff; font-weight: normal; text-decoration: none; }

#wrapperNavMain { background: transparent url(/images/nav_green.gif) repeat-x left center; clear: both; }
#containerNavMainSearch #search { float: right; }
#containerNavMainSearch #search .searchText { background: #FFF none repeat scroll 0 0; border-color:#888 #CCC #CCC #888; border-style:solid; border-width:1px; color:#000; padding:1px; font-size: 11px; } 
#containerNavMainSearch #search .searchButton { border: none; background: none; font-weight: bold; color: #fff; }
#containerNavMainSearch ul { float: left; height: 25px; line-height: 25px; }

#wrapperNavSecondary { background-color: #a1b9ab; /*#91ac9b*/ border-bottom: solid 1px #437457; clear: both; }

#wrapperContent { text-align: left; margin: 0 auto; /* border-style: none solid solid solid; border-color: #888; border-width: 1px;  */ }
#wrapperContentMain { border-left: solid 1px #9b9b9b; border-right: solid 1px #9b9b9b; }

#columnFrontMain .containerNosto, .containerJuttu { padding: 10px; margin-bottom: 1em; border-bottom: dashed 1px #c3c3c3; }
#columnFrontMain .containerJuttu .containerJuttu { padding: 0px; border-bottom: none; }
.containerJuttu p {line-height:1.4em;}


/*.bannerGeneric object, .bannerGeneric embed, .bannerGeneric iframe { margin: 0 auto 5px; }*/
/*
.bannerGeneric object, .bannerGeneric embed, .bannerGeneric iframe { margin: 5px auto 5px; }
.bannerGeneric img { margin: 5px auto 5px; display: block; }
*/
.bannerGeneric { text-align: center; margin: 5px 0; z-index: 100; }
.bannerGeneric img { margin: 0 auto; }

#columnBannersLeft .contentArea { clear: both; }
#columnBannersLeft .bannerArea { background-color: #fff; }
.bannerArea { background-color: #fff; padding: 0; }
.contentArea { margin: 0 10px; }

#wrapperContentLeft { background-color: #F0F0F0; border: solid 1px #9b9b9b; border-top: none; clear: both; float: left; overflow: hidden; position: relative; width: 100%; }
#wrapperContentMiddle { background-color: #fff; border-left: solid 1px #9b9b9b; float: left; left: 160px; position: relative; width: 200%; }
#wrapperContentRight { background-color: #F0F0F0; border-left: solid 1px #9b9b9b; float: left; left: 50%; margin: 0 0 0 -581px !important; position: relative; width: 100%; }
#wrapperContentRightmost { background-color: #fff; border-left: solid 1px #9b9b9b; float: left; left: 50%; margin: 0 0 0 -742px !important; position: relative; width: 100%; }
#columnBannersLeft { float: left; left: 160px; margin-left: -50%; position: relative; width: 160px; }
#columnBannersRight { float:left; position:relative; width:160px; }
#wrapper { float:right; position:relative; right:100%; width:50%; }
#contentMain { /*	margin: 0 15px 0 335px; */ 	margin: 0 0 0 321px !important; overflow: hidden; }
#columnFrontMain { float: left; width: 419px; overflow: hidden; }
#columnFront258 { float: left; margin-left: 1px; width: 258px; position: relative; overflow: hidden; }
#columnFront258 .contentArea { margin-top: 0.5em; }

.department { margin-bottom: 0.5em; }

.imageContainerRight, .juttuContainerKainalo { margin: 0 0 0.5em 0.5em; width: 160px; float: right; clear: right; }
.juttuContainerKainalo { padding: 0.5em 10px; width: 140px; background-color: #f0f0f0; }
.juttuContainerKainalo div.attachment * { float: none; display: block; line-height: normal; height: auto; }
.juttuContainerKainalo div.attachment ul span.header { display: none; }
.juttuContainerKainalo div.attachment li { margin-bottom: 0.5em; line-height: normal; }
.juttuContainerKainalo h1 { font-size: 1.175em; }

.imageContainerBottom a.lightwindow { position: relative; float: left; display: block; z-index: 1; width: 180px; height: 120px; overflow: hidden; margin: 1px; } 
.imageContainerBottom a.lightwindow p { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0;}
.imageContainerBottom a.lightwindow p { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; background-color: #444; color: #fff; }
.imageContainerBottom a.lightwindow:hover p { display: block; }
.imageContainerBottom a.lightwindow * { cursor: hand; cursor: pointer; }

/*.dividerToday { background: transparent url(/images/ts_tanaan_v2.gif) no-repeat top center; margin: -1em auto 1em; padding-top: 50px; }*/
#tsToday { position: relative; background: #fbfbfb url(/images/lue_tanaan.jpg) no-repeat top center; margin: 0 auto; padding-top: 65px; }
* html #tsToday { height: 1%; }
#tsToday .tsToday_info { position: absolute; top: 1em; left: 1em; }
#tsToday .tsToday_info h1 { font-size: 1em; color: #333; }
#tsToday .tsToday_info a { color: #444; font-size: 0.8em; text-decoration: none; display: block; padding-left: 16px; background: transparent url(/images/raquo_8px.gif) no-repeat left 2px; }
#tsToday .tsToday_info a:hover { text-decoration: underline; }

.vignette p { line-height: 1.25em; font-size: 0.85em; }
.vignette img { width: 100%; }

#tabLinkContainer { font-size: 0.8em; padding: 12px 0 0.5em; /* margin: 0 10px; */ border-bottom: solid 1px #000; }
.vignette { border-bottom: solid 1px #a6a6a6; margin-bottom: 1em; }
#columnFrontMain .vignette { border-bottom: none; }

#columnBannersLeft .vignette { border-bottom: none; }
#columnFront258 .vignette .otsikko { float: left; width: 190px; margin-left: 50px; }
#columnFront258 .vignette .date { clear: none; float: left; width: 50px; margin-left: -240px; }
* html #columnFront258 .vignette .otsikko { display: inline; }  

#wrapperFooter { clear: both; padding: 0.5em 0 1.5em; background-color: #444; color: #fff; text-align: center; }

/*
#columnFront258 .vignette p { float: left; width: 50%; }
#columnFront258 .vignette p.date { float: left;  width: 20%; }
*/

.newsitem, .newsitem_more, .newsitem_last { padding: 0.5em 0 0; height: 1%; }
.newsitem_more,  .newsitem_last { padding-bottom: 1.5em; }
.newsitem_more { margin-top: -1em; }

.hidden { display: none; }

#columnFrontMain .newsitem, #columnFrontMain .newsitem_last { padding: 0; margin: 0.5em 10px 0; }
#columnFrontMain .newsitem .date, #columnFrontMain .newsitem_last .date { clear: none; float: left; width: 50px; margin-left: -400px; }
#columnFrontMain .newsitem .otsikko, #columnFrontMain .newsitem_last .otsikko { float: left; margin-left: 50px; width: 350px; }

#lightwindow_container { font-family: Arial,Helvetica,Geneva,sans-serif; line-height: normal; text-align: left; }
a.lightwindow img { width: 100%; }
a.lightwindow { position: relative; display: block; height: 1%; }
a.lightwindow .resize-icon { position: absolute; cursor: hand; cursor: pointer; display: block; width: 24px; height: 24px; top: 5px; right: 5px; }
a.lightwindow .resize-icon { background: transparent url(http://www.ts.fi/images/resize.png) no-repeat; } /* Other than IE6 */
* html a.lightwindow div.resize-icon { background: transparent url(http://www.ts.fi/images/resize.gif) no-repeat; } /* IE6 */

.comments-list-lift { padding-top: 1em !important; }
.comments-list-lift li { background: transparent url(/images/raquo_8px.gif) no-repeat 0px 3px; padding-left: 1.25em !important; }

.teematNosto .teematImage { width: 238px; position: relative; }

.teematImage .department { display: block; position: absolute; left: 0; top: 0; width: 12%; height: 100%; }
.teematImage img { width: 86%; margin-left: 14%; }
.teematImage .asuminen { background: #FF9C00 url(/images/header_asuminen.gif) no-repeat center top; }
.teematImage .kuluttaja { background: #FFBE00 url(/images/header_kuluttaja.gif) no-repeat center top; }
.teematImage .liikenne { background: #006BBD url(/images/header_liikenne.gif) no-repeat center top; }
.teematImage .liikunta { background: #402FB1 url(/images/header_liikunta.gif) no-repeat center top; }
.teematImage .matkailu { background: #FF5A00 url(/images/header_matkailu.gif) no-repeat center top; }
.teematImage .ruoka { background: #A16D32 url(/images/header_ruoka.gif) no-repeat center top; }
.teematImage .terveys { background: #E63EA2 url(/images/header_terveys.gif) no-repeat center top; }
.teematImage .tyyli { background: #FE76F9 url(/images/header_tyyli.gif) no-repeat center top; }
.teematImage .ymparisto { background: #5ECA12 url(/images/header_ymparisto.gif) no-repeat center top; }

* html .teematImage .department { height: 16000px; }
* html .teematNosto .teematImage { overflow: hidden; }

#containerLehdet { position: relative; min-width: 0; } /* korjaus digilehden IE:n sisällön katoamis bugille */

#atff { display: none; }

.vanc-kisauutiset { padding: 0 0 1em; }

/* Oikotie korjaus */
.ot238 { text-align: left; }
.ot238 .otListing img { width: 87px; height: 64px; display: inline; }