/* main styles */
*{font-size:100.00%}
html,body {height:100%;width:100%;}
html {
	font-size: 12px;
	background:#e3e3e3 url(/images/bg-html.gif) repeat 0 -5px;
	}
body {
	margin:0;
	padding:0;
  	color:#333;
	font: 12px arial,sans-serif;
	background:url(/images/bg-body.gif) repeat-x left top;
	min-width:979px;
	}
form {
	margin:0;
	padding:0
	}
img {border:none;display:block;}
a {
	text-decoration: none;
	color:#666;
	}
a:hover {
	text-decoration:underline;
	}
input {vertical-align:middle}
.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}

input.text,
input,
select,
textarea {
	color:#333;
	font-family:arial,sans-serif;
	font-size:100%;
	font-weight:normal;
	vertical-align:middle;
	}
input.text,
textarea {padding:1px 0 1px 4px;}

/* site logo */
#logo {
    position:absolute;
    left:25px;
    top:40px;
    width: 120px;
    height: 105px;
    background: url(/images/TSJ_logo_web.png) no-repeat;
    /* ieWin only stuff */
        /* with this trick only IE
           manage the following 2 attributes */
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
        (enabled=true, sizingMethod=scale src='/images/TSJ_logo_web.png');
	z-index:999;
}
	
/* main container */
#main {
	width:979px;
	margin:0 auto;
	background:url(/images/bg-main.png) repeat-y left;
	}
	
/* text styles */
h1,h2,h3 {margin:0;}
p {margin:0 0 1.2em 0;}
p a {text-decoration:underline;}
ul {
	margin:0;
	padding:0;
	list-style:none;
	}
fieldset {
	margin:0;
	padding:0;
	border:0;
	}
legend {display:none;}
	
/* footer background */
#footer-bg {
	width:979px;
	height:20px;
	margin:0 auto;
	overflow:hidden;
	background:url(/images/bg-footer.png);
	}


/* white container */
#container {
	background:#fff;
	padding:11px 10px 0 11px;
	width:940px;
	margin:0 0 0 9px;
	overflow:hidden;
	position:relative;
	}
	
/* header */
#header {
	width:100%;
	background:#b3b80f url(/images/bg-header.gif) no-repeat left bottom;
	overflow:hidden;
	padding:0 0 0 0;
	}
#header p {
	float:right;
	width:200px;
	padding-left: 250px;
	font-size: 12px;
	color: #494A2C;
	margin-top: 20px;
	margin-left: 50px;
	}
/* navigation */
#navigation {
	background:#fff;
	width:100%;
	overflow:hidden;
	margin:0 0 0px 0;
	font-size:11px;
	}
#yrityspalvelut {
	background:#fff;
	width:129px;
	height:19px;
	overflow:hidden;
	margin:0 0 6px 0;
	font-size:12px;
	background-color: #d86021;
	}
#yrityspalvelut a, #yrityspalvelut a:hover, #yrityspalvelut a.active {
	width:100%;
	overflow:hidden;
	margin:0 0 6px 0;
	font-size:12px;
	background-color: #d86021;
	background:url(/images/bg-tab1-right-nav.gif) no-repeat right top;
	}
#yrityspalvelut a span {
	float:left;
	display:block;
	background-color: #d86021;
	background:url(/images/bg-tab1-left-nav.gif) no-repeat left top;
	padding:4px 0 3px 0;
	width:100%;
	text-align:center;
}
#yrityspalvelut a:hover span {
	float:left;
	display:block;
	background-color: #d86021;
	background:url(/images/bg-tab1-left-nav.gif) no-repeat left top;
	padding:4px 0 3px 0;
	width:100%;
	text-align:center;
}

#yrityspalvelut a.active span {
	width:100%;
	overflow:hidden;
	margin:0 0 6px 0;
	font-size:12px;
	background-color: #d86021;
	background:url(/images/bg-tab1-left-nav.gif) no-repeat left top;
	}
#yrityspalvelut li {
	float:left;
	margin:0 1px 0 0;
	}
#navigation li {
	float:left;
	margin:0 1px 0 0;
	height: 20px;
	}
#navigation a {
	float:left;
	display:block;
	text-transform:uppercase;
	color:#fff;
	background:#4c880f url(/images/bg-tab-left-nav.gif) no-repeat left top;
	font-weight:bold;
	width:100%;
	cursor:pointer;
	}
#navigation a span {
	float:left;
	display:block;
	background:url(/images/bg-tab-right-nav.gif) no-repeat right top;
	padding:4px 0 3px 0;
	width:100%;
	text-align:center;
	}
#navigation a:hover,
#navigation a.active {background:#30560a url(/images/bg-tab-green-left-nav.gif) no-repeat left top;text-decoration:none;}
#navigation a.active2 {background:#d86021 url(/images/bg-tab1-left-nav.gif) no-repeat left top;text-decoration:none;}
#navigation a:hover span,
#navigation a.active span {background:url(/images/bg-tab-green-right-nav.gif) no-repeat right top;}
#navigation a.active2 span {background:url(/images/bg-tab1-right-nav) no-repeat right top;}
#navigation li.tab1 {width:67px;}
#navigation li.tab2 {width:160px;}
#navigation li.tab3 {width:132px;}
#navigation li.tab4 {width:67px;}
#navigation li.tab5 {width:72px;}
#navigation li.tab6 {width:140px;}
#navigation li.tab7 {width:166px;}
#navigation li.tab8 {float: right;width:129px; margin:0;}
	
/* header flash */
#header .flash {
	float:left;
	border-right: solid 1px #FFFFFF;
}
	
/* header block */
#header .block {
	float:right;
	width:186px;
	padding:9px 10px 0 0;
	font-size:12px;
	}
	
/* langs */
#header .block .lang {padding:0 0 14px 0;}
#header .block .lang a {text-decoration:underline;color:#333;}
.english {padding:4px 25px 4px 0;background:url(/images/english.gif) no-repeat right;margin:0 6px 0 0;}
.svenska {padding:4px 25px 4px 0;background:url(/images/svenska.gif) no-repeat right;}
.finnish {padding:4px 25px 4px 0;background:url(/images/finnish.gif) no-repeat right;margin:0 6px 0 0;}

/* font size */
#font-size {
	padding:0 0 13px 0;
	}
#tulosta img {
	margin-left: 100px;
	padding-left: 500px;
	}
#font-size img {display:inline;margin:0 0 -1px 3px;}

/* search input */
#header .text {padding:3px 0 3px 4px;width:127px;}

/* middle container */
#middle {
	width:100%;
	overflow:hidden;
	padding:9px 0;
	}
#block {
	float:left;
	width:727px;
	}
/* center column */
#content {
	float:right;
	width:512px; //512
	}
/* left column */
#sidebar {
	float: left;
	width: 190px;
	}
/* right column */
#column {
	float:right;
	width:200px;
	}
	
/* abc */
.abc {
	margin:0 0 10px 0;
	}
	
/* magazine */
.magazine {
	background:#b2b80e;
	width:200px;
	position:relative;
	margin:0 0 9px 0;
	}
.magazine p {
	color:#fff;
	margin:0 0 0 10px;
	}
.magazine p a {
	color:#fff;
	text-decoration:underline;
	}
	
/* hr */
.hr {
	width:100%;
	height:1px;
	overflow:hidden;
	background:url(/images/bg-dotted.gif) repeat-x left top;
	margin:1.2em 0;
	}
hr {display:none;}

/* text content */
.text-content {padding:10px 0 0 0;}
.text-content p {margin-right:20px;}
.text-content a {border-bottom: 1px dotted #5f603f; color: #5f603f;}

    	

.text-content h1 {
	font-size:20px;
	color:#6eab24;
	margin:0 0 10px 0;
	}
/*otsikko*/
.text-content .normal {font-size:20px;}
.text-content h2 {
	font-size:18px;
	color:#6eab24;
	margin:0 0 10px 0;
	}
.text-content .h {font-size:12px;color:#666;margin:0 0 10px 0;text-transform:uppercase;}
.right-image {
	float:right;
	margin:-10px 0 0 0;
	padding:0 20px 0 0;
	}
	
/* news */
#column .news {
	padding:0 10px 0 8px;
	}
#column .news h3 {font-size:14px;color:#666;margin:0 0 6px 0;text-transform:uppercase;}
#column .news ul a {text-decoration:underline;}
#column .news ul li {margin:0 0 8px 0;}

/* box */
.box {
	margin:0 0 2px 0;
	width:198px;
	}
.box .content {
	padding:0 10px 0px 10px;
	background:#b8b8b7 url(/images/bg-box-bottom.gif) no-repeat left bottom;
	}
.box p {font-size:11px;margin:0 0 0.8em 0;}
.box a {color:#fff;font-weight:bold;text-decoration:underline;}

#footer {
	height:22px;
	text-indent:-9999em;
	overflow:hidden;
	}
	

/* left navigation */
.nav {
	background:#ebf2b9 url(/images/bg-left-nav.gif) no-repeat right bottom;
	margin:0 0 9px 0;
	border-left:6px solid #4c880f;
	width:190px;
	padding:0 0 10px 0;
	min-height:411px;
	}
* html .nav  {height:411px;}
.nav:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	}
.nav h2 {
	background:#b4b911 url(/images/bg-nav-header.gif) no-repeat right top;
	padding:6px 13px;
	text-transform:uppercase;
	color:#fff;
	border-bottom:1px solid #fff;
	}
.nav ul {
	width:190px;
}
.nav li.sub_navi {
	float:left;
	border-bottom:1px solid #bcd17e;
	padding:5px 13px;
	width:168px;
	background:url(/images/bullet.gif) no-repeat 0 7px;
	}
.nav li.navi {
	float:left;
	border-bottom:1px solid #bcd17e;
	padding:5px 13px;
	width:168px;
//	background:url(/images/bullet.gif) no-repeat 0 7px;
	}
.nav li.active {
	background-color: #d5dba7;
	}

.nav a {color:#000;}
.nav ul ul {
	float:left;
	width:190px;
	background:#fffff2;
	border-top:1px solid #bcd17e;
	display:inline;
	}
.nav ul div {
	margin: 4px -13px -6px -13px;
	overflow: hidden;
	position: relative;
	}
.nav ul ul li {
	padding:4px 16px;
	background:none;
	width:162px;
	}

.nav ul ul li.active {
	background-color:#dde7d7;
/*	font-weight: bold; */
	}


#subpages_navi{
	width:190px;
}
#subpages_navi ul{
}
#subpages_navi ul li{
	width:160px;
}


	
	
/* magazine list */
.magazine-block {
	width:200px;
	padding:0 0 4px 0;
	background:#ebf2b9 url(/images/bg-magazine-block.gif) no-repeat left bottom;
	}
#content .magazine-block {float:right;margin:0 0 10px 10px;}
 .magazine-block ul {
 	margin:8px;
	font-size:10px;
 	}
 .magazine-block ul li {
 	margin:0 0 8px 0;
	padding:0 0 0 14px;
	background:url(/images/ico-doc.gif) no-repeat 0 1px;
 	}
 .magazine-block ul a {
 	color:#333;
	text-decoration:underline;	
	}
	
/* abc */
#abc {
	width:507px;
	}
#abc h1 {margin:0 0 17px 0;}
#abc .bar {
	width:100%;
	overflow:hidden;
	margin:0 0 17px 0;
	}
#abc .bar select {float:right;width:204px;}

ul.az {
	text-align:center;
	font-size: 10px;
	margin:0 0 14px 0;
	}
ul.az li {
	display:inline;
	}
ul.az a {color:#38a964;}
ul.az a,
ul.az span {
	padding:0 5px 0 1px;
	background:url(/images/delimiter.gif) no-repeat right;
	}
	
.row {
	padding:3px 18px;
	background:url(/images/bullet.gif) no-repeat 3px 6px
	}
.bg1 {background-color:#ebf2b9;}
.bg2 {background-color:#e9e9e9;}
#abc .block {background-color:#fffff2;margin:0 0 0 1px;padding:6px 18px;}
#abc .block p {margin:0 0 2px 0;}
#abc .row a {color:#333;}

#onnenlehti {
	background-color: #6eab25;
	background:url(/images/onnenlehtitausta.jpg);
	background-repeat:repeat;
}

#maincontent a{
    text-decoration: none;
}
#maincontent ul{
    width: 480px;
}

#maincontent ul li {
    list-style: disc;
    margin-left: 30px;
}

#maincontent ul li img{
	display: inline;
	border: 0;
}

#maincontent a.active {
    color: #6eab24;
    font-weight: bold;
    text-decoration: underline;
}