/* LAYOUT STYLES */

/*
@font-face {
	font-family: "Trebuchet MS";
	src: url();
}
*/

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {

	background: #000 url(../images/liukutausta.jpg) repeat-x 0 184px;
   
}

td {
	vertical-align : top;
}


/* Set every margin to 0 by default */
* {
	margin: 0;
	padding: 0;
}



#pagelayoutcontainer {
	margin: 0;
	padding: 0;

	/* height: 1221px; */ /* IE6: treated as min-height */
	/* min-height: 100%; */ /* real browsers */


	min-height: 100%;


	/* width: 100%; */
    background: transparent url(../images/taustakuvio.jpg) no-repeat 0 184px;

	
}

#tribalbg {
	margin: 0;
	padding: 0;

	/* height: 1221px; */ /* IE6: treated as min-height */
	/* min-height: 100%; */ /* real browsers */
	/* border: 1px solid Red; */
}


* html #pagelayoutcontainer, * html #tribalbg {
	height: 100%;
}




#pagetoplayoutcontainer {
	height: 154px;
	padding: 0;
	margin: 0 0 auto 0;
	/* background-image: url(../images/ylatausta_kausi.jpg); */
	background-repeat: repeat-x;
}



#topnavilayoutcontainer {
	height: 30px;
	padding: 0;
	margin: 0 0 0 0;
	background-color: #3B3A3C;
}


#middlelayoutcontainer {
	padding: 0;
	margin: 0 0 auto 0;
	background-color: transparent;

	height: 100%; /* IE6: treated as min-height */
	min-height: 100%; /* real browsers */
}



#pagetopcontainer, #topnavicontainer, #contentslayoutcontainer {
	width: 860px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: transparent;

}

#pagetopcontainer, #topnavicontainer {
	height: 100%;
}



#contentslayoutcontainer {
	width: 868px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: transparent;

}



/* Page top header styles */
#logocontainer {
	position: relative;
	width: 636px;
	height: 88px;
	margin: 0 0 -66px 0;
	top: 66px;
	left: 0;
}

#mailinglistcontainer {
	position: relative;
	width: 103px;
	height: 103px;
	margin: 0 -600px 0 0;
	top: -22px;
	left: 600px;
}

#quicksearchcontainer {
	position: relative;
	width: 180px;
	height: 28px;
	margin: 0 -680px 0 0;
	top: -6px;
	left: 680px;

	text-align: right;
}

/* Page top header styles end */




#contentslayoutcontainer {
	background-color: transparent;
	padding-top: 15px;
}



/* Top Navi styles */
#logobottomcontainer {
	width: 118px;
	height: 28px;
	margin: 0 0 0 0;
	float: left;
	overflow: hidden;
	
}



#topnavi {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 742px;
	height: 28px;

	float: left;
	overflow: hidden;

}

#topnavi ul {
	margin: 0;
	padding: 5px 0 0 0;
	list-style-type: none;
	float: right;
}

#topnavi ul li {
	display: inline;
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: White;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}
#topnavi ul li.first {
	display: inline;
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: White;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}


#topnavi li a, #topnavi li a:link, #topnavi li a:visited {
	float: left;
	width: 141px;
	background-color: transparent;
	background-image: url(../images/navipalikka_pass.gif);
	background-repeat: repeat-x;
	margin-left: 9px;

	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color : Black;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
}
#topnavi li.first a, #topnavi li.first a:link, #topnavi li.first a:visited {
	margin-left: 0;
}
#topnavi li a:hover, #topnavi li a:active {
	float: left;
	width: 141px;
	background-color: transparent;
	background-image: url(../images/navipalikka_akt.gif);
	background-repeat: repeat-x;
	margin-left: 9px;

	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: White;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
#topnavi li.first a:hover, #topnavi li.first a:active {
	margin-left: 0;
}
#topnavi li a.on, #topnavi li a.on:link, #topnavi li a.on:visited {
	float: left;
	width: 141px;
	background-color: transparent;
	background-image: url(../images/navipalikka_akt.gif);
	background-repeat: repeat-x;
	margin-left: 9px;

	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color : White;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
#topnavi li.first a.on, #topnavi li.first a.on:link, #topnavi li.first a.on:visited {
	margin-left: 0;
}
#topnavi li a.on:hover, #topnavi li a.on:active {
	float: left;
	width: 141px;
	background-color: transparent;
	background-image: url(../images/navipalikka_akt.gif);
	background-repeat: repeat-x;
	margin-left: 9px;

	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color : White;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
#topnavi li.first a.on:hover, #topnavi li.first a.on:active {
	margin-left: 0;
}




/* SubNavi styles */
#subnavicontainer {
	margin: 0;
	padding: 0;
	background-color: transparent;
}
#subnavi {
	margin: 0;
	padding: 0;
}

#subnavi ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
}

#subnavi ul li {
	margin: 0;
	padding: 5px 0 5px 0;
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color : Black;
	font-weight: normal;
	font-size: 13px;
}


#subnavi ul li.first {
	/* background-image: url(../images/sub_first_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 -0.4em; */
	background-image: none;
}

/*
#subnavi ul li.on {
	background-image: url(../images/kolmio_oranssi.gif);
	background-repeat: no-repeat;
	background-position: 115% 5px;
}
*/


/* Level 1 */
#subnavi ul li a, #subnavi ul li a:link, #subnavi ul li a:visited {
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color : Black;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
#subnavi ul li.on a, #subnavi ul li.on a:link, #subnavi ul li.on a:visited {
	text-decoration: underline;
}
#subnavi ul li.off a, #subnavi ul li.on a:link, #subnavi ul li.off a:visited {
	text-decoration: none;
}
#subnavi ul li.ps a, #subnavi ul li.ps a:link, #subnavi ul li.ps a:visited {
	color : #009DEB;
}
#subnavi ul li.pg a, #subnavi ul li.pg a:link, #subnavi ul li.pg a:visited {
	color : #6ebc2b;
}
#subnavi ul li a:hover, #subnavi ul li a:active {
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color : Black;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}
#subnavi ul li.on a:hover, #subnavi ul li.on a:active {
	text-decoration: underline;
}
#subnavi ul li.off a:hover, #subnavi ul li.off a:active {
	text-decoration: underline;
}
#subnavi ul li.ps a:hover, #subnavi ul li.ps a:active {
	color : #009DEB;
}
#subnavi ul li.pg a:hover, #subnavi ul li.pg a:active {
	color : #6ebc2b;
}

#subnavi ul li a.on, #subnavi ul li a.on:link, #subnavi ul li a.on:visited {
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color : Black;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}
#subnavi ul li.ps a.on, #subnavi ul li.ps a.on:link, #subnavi ul li.ps a.on:visited {
	color : #009DEB;
}
#subnavi ul li.pg a.on, #subnavi ul li.pg a.on:link, #subnavi ul li.pg a.on:visited {
	color : #6ebc2b;
}
#subnavi ul li a.on:hover, #subnavi ul li a.on:active {
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color : Black;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}
#subnavi ul li.ps a.on:hover, #subnavi ul li.ps a.on:active {
	color : #009DEB;
	text-decoration: underline;
}
#subnavi ul li.pg a.on:hover, #subnavi ul li.pg a.on:active {
	color : #6ebc2b;
	text-decoration: underline;
}

/* Level 2 */
#subnavi ul ul li a, #subnavi ul ul li a:link, #subnavi ul ul li a:visited,
#subnavi ul li.ps ul li a, #subnavi ul li.ps ul li a:link, #subnavi ul li.ps ul li a:visited,
#subnavi ul li.pg ul li a, #subnavi ul li.pg ul li a:link, #subnavi ul li.pg ul li a:visited {
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color : #666666;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
#subnavi ul ul li.on a, #subnavi ul ul li.on a:link, #subnavi ul ul li.on a:visited {
	color: Black;
	text-decoration: underline;
}
#subnavi ul ul li.off a, #subnavi ul ul li.off a:link, #subnavi ul ul li.off a:visited {
	text-decoration: none;
}
#subnavi ul ul li a:hover, #subnavi ul ul li a:active,
#subnavi ul li.ps ul li a:hover, #subnavi ul li.ps ul li a:active,
#subnavi ul li.pg ul li a:hover, #subnavi ul li.pg ul li a:active {
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color : Black;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}
#subnavi ul ul li.on a:hover, #subnavi ul ul li.on a:active {
	text-decoration: underline;
}
#subnavi ul ul li.off a:hover, #subnavi ul ul li.off a:active {
	text-decoration: none;
}
#subnavi ul ul li.ps_sub {
	background-image: url(../images/kolmio_sininen.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 23px;
	margin-right: -23px;
}
#subnavi ul ul li.pg_sub {
	background-image: url(../images/kolmio_vihrea.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 23px;
	margin-right: -23px;
}
#subnavi ul ul li a.on, #subnavi ul ul li a.on:link, #subnavi ul ul li a.on:visited,
#subnavi ul li.ps ul li a.on, #subnavi ul li.ps ul li a.on:link, #subnavi ul li.ps ul li a.on:visited,
#subnavi ul li.pg ul li a.on, #subnavi ul li.pg ul li a.on:link, #subnavi ul li.pg ul li a.on:visited {
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color : Black;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}
#subnavi ul ul li a.on:hover, #subnavi ul ul li a.on:active,
#subnavi ul li.ps ul li a.on:hover, #subnavi ul li.ps ul li a.on:active,
#subnavi ul li.pg ul li a.on:hover, #subnavi ul li.pg ul li a.on:active {
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color : Black;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}


/* Main content styles */




/* Footer styles */
#footercontainer {
	margin: 0;
	padding: 0;
	background-color: transparent;
	text-align: center;
	clear: both;
}
/*
#footer {
	margin: 0;
	padding: 0 30px 0 30px;
}
*/
#footercontainer p {
	margin: 10px 0 0 0;
	padding-bottom: 20px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: White;
	font-weight: normal;
	font-size: 11px;
}
.footerpipe {
	color: #E18224;
}





/* Copyright styles */
#copyright {
	float: left;
}

#poweredby {
	
}

#produced {
	float: right;
}


#copyrightcontainer p {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #EEEEEE;
	margin-bottom: 14px;
}

a.pptremedia, a.pptremedia:link, a.pptremedia:visited {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EEEEEE;
	font-weight: bold;
	text-decoration: none;
}
a.pptremedia:hover, a.pptremedia:active {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EEEEEE;
	font-weight: bold;
	text-decoration: none;
}
a.cms, a.cms:link, a.cms:visited {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff9900;
	font-weight: bold;
	text-decoration: none;
}
a.cms:hover, a.cms:active {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff9900;
	font-weight: bold;
	text-decoration: none;
}

a.tremedia, a.tremedia:link, a.tremedia:visited {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff9900;
	font-weight: normal;
	text-decoration: underline;
}
a.tremedia:hover, a.tremedia:active {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff9900;
	font-weight: normal;
	text-decoration: none;
}


/* General layout styles */
td.nopadding {
	padding: 0;
}



/* Blob layout styles */
.blobcolumn {
	padding: 0 4px 0 4px;
	float: left;
	overflow: display;
}

.blobarea {
	padding: 0 4px 8px 4px;
	float: left;
}


/* Blob area widths */

.cols1 {
	width: 209px;
}
.cols2 {
	width: 426px;
}
.cols3 {
	width: 643px;
}
.cols4 {
	width: 860px;
}






/*
.blob {
	padding: 0 4px 15px 4px;
	float: left;
}
*/

td.blobtopleft, td.blobtop, td.blobtopright, td.blobbottomleft, td.blobbottom, td.blobbottomright {
	padding: 0;
	background-color: transparent;
}

td.blobtopleft {
	background-image: url(../images/vasen_ylakulma.png);
	background-repeat: no-repeat;
}
td.blobtop {
	background-image: url(../images/ylapalkki.png);
	background-repeat: repeat-x;
}
td.blobtopright {
	background-image: url(../images/oikea_ylakulma.png);
	background-repeat: no-repeat;
}

td.blobbottomleft {
	background-image: url(../images/vasen_alakulma.png);
	background-repeat: no-repeat;
}
td.blobbottom {
	background-image: url(../images/alapalkki.png);
	background-repeat: repeat-x;
}
td.blobbottomright {
	background-image: url(../images/oikea_alakulma.png);
	background-repeat: no-repeat;
}


td.blobcontents {
	background-color: White;
	padding: 10px 30px 10px 30px;
}
td.blobcontents_article_teaser {
	background-color: White;
	padding: 10px 15px 0 20px;
}

td.refeblobcontents {
	background-color: White;
	padding: 10px 30px 10px 30px;
}
td.searchblobcontents {
	background-color: White;
	padding: 10px 2px 10px 30px;
}

td.refeblobcontents img  {
	margin: 0;
	padding: 0;
}

td.refeblobcontents .sectionimagerightfirst, td.refeblobcontents .sectionimageleftfirst, td.refeblobcontents .sectionimageright, td.refeblobcontents .sectionimageleft {
	padding-bottom: 0;
	margin-bottom: 0;
}	

td.refeblobcontents h2 {
	margin-top: 0;
	padding-top: 0;
}
td.refeblobcontents h1 {
	margin-top: 0;
	padding-top: 20px;
}
td.refelistablobcontents {
	background-color: White;
	padding: 10px 30px 10px 30px;
	background-image: url(../images/refetausta.jpg);
	background-repeat: no-repeat;
	background-position: right 400px;
}

/* Image teaser styles */
.imageteaser {
	padding: 0 0 8px 0;
	float: left;
}

.haku {
	background-image: url(../images/haku.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.haku2 {
	background-image: url(../images/haku2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* referenssidivit (sininen ja vihreä ..ja harmaa) */

.refetable {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 800px;
}
.refetable p, .refetable li, .refetable ul, .refetable td {
	color: #ffffff;
}
.refetable a:link, .refetable a:visited {
	color: #ffffff;
	text-decoration: underline;
}
.refetable a:hover, .refetable a:active {
	color: #ffffff;
	text-decoration: none;
}
		
.sahkoiset {
	width: 397px;
	height: 150px;
	background-color: #009DEB;
	padding: 20px 10px 10px 20px;
}
.graafiset {
	width: 397px;
	height: 150px;
	background-color: #6ebc2b;
	padding: 20px 10px 10px 20px;
}
.valiosa {
	width: 6px;
}	
.empty {
	width: 397px;
	height: 150px;
	background-color: #eeeeee;
	padding: 20px 10px 10px 20px;
}


/* joulupaketti/pergamenttihommat */
#xmas {
	position: relative;	
}
#xmas #xmas_sis {
	position: absolute;
	width: 166px;
	height: 120px;
	overflow: hidden;
	top: 34px;
	left: -180px;
}
#xmas_sis a:link, #xmas_sis a:visited {
	padding-left: 170px;
	padding-bottom: 106px;
	background-image: url(../images/lahjapaketti.png);
	background-repeat: no-repeat;	
	color: #ffffff;
	text-decoration: none;
}
#xmas_sis a:active, #xmas_sis a:hover {
	padding-left: 170px;
	padding-bottom: 106px;
	background-image: url(../images/pergamentti.png);
	background-repeat: no-repeat;
	color: #ffffff;
	text-decoration: none;
}