body {
	margin:0;padding:0;border:0;
	text-align:center;
	background: #fff url('img/bodybg.png') scroll repeat-x top center;
}
table{border: 0;border-collapse: collapse;}
body,td {
  font-family: Arial, helvetica, sans-serif;
  font-size: 12px;
}

.layouttable td { vertical-align: top; }

div#divbody {
	clear: both;
	text-align: left;
	width: 894px;

	margin: 39px auto 0 auto;
}

.pagetemplate img { border: 1px solid #e3edf6; padding: 2px; }




p,h1,h2,h3,h4,h5,h6 { margin: 6px 0 18px 0; padding: 0; }

h1 { margin-top: 0 !important;}

/* Otsikot. */h1, .title {	color: #03447E;	font-weight: normal; font-size: 18px;}
strong {color: #03447E;}

h2 {color: #03447E;
	font-weight: bold; font-size: 14px;
}

h3 {color: #03447E;
	font-weight: bold; font-size: 12px;
}


/* Normaalit linkit. */a:link {	color: #03447E;	text-decoration: underline;}a:visited {	color: #03447E;	text-decoration: none;}a:hover	{ text-decoration: none;}

/* footer */
#contactbar { background: #2d97c3 url('img/footerbg.png') scroll repeat-x left top; height: 22px; width: 866px; margin-top: 15px;}
	#contactbar p { font-size: 10px; color: #ffffff; margin: 0 !important; text-align: center; line-height: 20px; padding-top: 1px;}
	#contactbar p span {padding: 0 8px;}
	#contactbar p strong { color: #fff; }


#infobox dl {
	margin:0;padding:0;border:0;
}
	#infobox dt { font-weight: normal; color: #000000;  margin: 6px 0 1px 0;padding:0;border:0;}
	#infobox dd { font-weight: bold; color: #5287af; margin:0;padding:0;border:0; }



#ulTopnavi {
	list-style-type: none;
	margin:0;padding:0;border: 0;
	height: 45px;
}
	ul#ulTopnavi li { 
		margin:0;border: 0;
		float: left; 
		padding: 15px 0 0 0;
	}
	ul#ulTopnavi li a{
		margin:0;padding:0;
		background: #609dcd url('img/navibg.png') scroll repeat-x left top;
		
		display: block;
		width: 148px;
				
		color: #ffffff;
		font-size: 10px; 
		
		font-weight: normal;
		text-transform: uppercase;
		
		height: 28px;
		line-height: 28px;
		
		border-top: 1px solid #fff;
		border-right: 0;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		
		text-align: center;
		text-decoration: none;
	}
	ul#ulTopnavi li.last a { border-right: 1px solid #fff;	}
	ul#ulTopnavi li.current {
		padding-top: 0;
	}
	ul#ulTopnavi li.current a{
		background-color: #fff;
		background-image: none;
		color: #000;
		border: 0;
		height: 45px;
		line-height: 45px;
		font-weight: bold !important;
	}






	
#divcontent {
	clear: both !important;
	background: #fff url('img/content-shader.png') scroll repeat-x left top;
	padding: 20px 0px 0 13px;
}

div.wrapper {
}

#holdertable {
	width: 867px;
}

#leftmenucell,
#spotcell {
	width: 200px;
	padding-right: 20px;
}
	
#contentcell {
	padding-top: 0;
	vertical-align: top;
}
	
	
	
	



div.spotbox {
	float: left;
	background-color: #e3edf6;
	width: 200px;
}
	div.spotbox .spotbox-heading {
		color: #ffffff;
		font-weight: bold;
		padding: 0 5px;
		height: 21px;
		line-height: 21px;
		background: url('img/spotheader.png') scroll repeat-x left top;
	}
	div.spotbox div.spotbox-content {
		padding: 10px;
		
	}
	div.spotbox h3 {
		background: url('img/spotarrow.png') scroll no-repeat left center;
		padding-left: 8px;
		margin: 12px 0 0 0;
		font-size: 100%;
	}
	div.spotbox h3 a:link, div.spotbox h3 a:visited, div.spotbox h3 a:active {
		color: #000;
		font-weight: bold;
		text-decoration: none; 
	}
	div.spotbox h3 a:hover { text-decoration: underline; }

	div.spotbox p {
		padding-left: 8px;
		margin: 0;
	}

	div.spotbox p a:link,div.spotbox p a:visited,div.spotbox p a:hover,div.spotbox p a:active {
		text-decoration: none;
		color: #000;
	}








/***************************************
* ETUSIVU / TIEDOTELISTAUS             *
***************************************/

/* Lue lisää linkin yläpuolelle harmaa viiva. */
table.tblLueLisaa {
  border-top: 1px solid #c0c0c0;
}

/* Ilmaa uutiskuvan ja otsikon väliin. */
td.newsImage {
  padding-right: 10px;
}

/* Otsikko. */
div.newsTitle {
  font-family: arial, helvetica;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

/* Ingressi. */
div.newsIngress {
  font-family: arial, helvetica;
  font-size: 11px;
  font-weight: normal;
  color: #707070;
}





/***************************************
* VASEN NAVIGOINTI                     *
***************************************/
/* Laatikko */
div.leftmenubox {
	width: 200px;
	background-color: #e3edf6;
}
	div.leftmenubox .leftmenubox-heading {
		color: #ffffff;
		font-weight: bold;
		padding: 0 5px;
		height: 21px;
		line-height: 21px;
		background: url('img/spotheader.png') scroll repeat-x left top;
	}
	div.leftmenubox div.leftmenubox-content {
		padding: 10px 10px;
		
	}
	div.leftmenubox h3 {
		background: url('img/spotarrow.png') scroll no-repeat left center;
		padding-left: 8px;
		font-size: 100%;
		font-weight: bold;
		margin: 0;
	}
	div.leftmenubox h3 a { text-decoration: none;}
	div.leftmenubox h3 a:hover { text-decoration: underline; color: #000; }
	div.leftmenubox .menulevel1 li.current h3 a { text-decoration: none; color: #000;}
	div.leftmenubox .menulevel1 h3 {
		font-weight: normal;
		font-size: 11px;
	}

	div.leftmenubox p {
		padding-left: 8px;
		margin: 0;
	}


/* Lista */
div.leftmenu { padding-bottom: 5px;}
div.leftmenubox ul { margin: 0; padding: 0; list-style-type: none; }
div.leftmenubox .menulevel0 li { margin: 4px 0; padding: 0; list-style-type: none; }
div.leftmenubox .menulevel1 li { margin-left: 10px; }

/*color: #3b433c;*/



/* HINNASTO */
table#hinnasto {
	border: 1px solid #333;
	border-collapse: collapse;
}
table#hinnasto td {
	border: 1px solid #333;
}





/***************************************
* KALENTERI                            *
***************************************/

a.calendar,
a.calendar:link {
	color: #ff0000;
	text-decoration: none;
}

a.calendar:visited {
	color:#ff0000;
	text-decoration: none;
}

a.calendar:hover {
	color:#ff0000;
	text-decoration: none;
}

.calendartitle {
	background: #eecc66;
	color: #233c65;
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 10pt;
}

.calendardaystitle {
	background: #eecc66;
	color: #233c65;
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 8pt;
}

.calendardays {
	background: #f0f0f0;
	color: #000000;
	font-family: arial, helvetica;
	font-size: 8pt;
}

.calendartoday {
	background: #e7e3d5;
	color: #000000;
	font-family: arial, helvetica;
	font-size: 8pt;
}

.calendarevent {
	background: #cccccc;
	font-size: 8pt;
}








/***************************************
* FORUM                                *
***************************************/

.forumtitle {
	background: #eecc66;
	color: #233c65;
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 10pt;
}

.forumbg1 {
	background: #e7e3d5;
	color: #000000;
}

.forumbg2 {
	background: #f0f0f0;
	color: #000000;
}

.forumbg {
	background: #ffffff;
}
















/***************************************
* TUOTEKORTIT JA TUOTELISTAUS          *
***************************************/


a.card:link,
a.card:visited,
a.product:link,
a.product:visited {
  color: #000000;
  font-weight: bold;
}

.card_image {
  padding-right: 10px;
}

img.product {
  background-color: #ffffff;
  border: 1px solid #a0a0a0;
  padding: 1px;
}

div.card_desc {
  color: #707070;
}










/***************************************
* ÄLÄ KOSKE NÄIHIN                     *
***************************************/

a.nounderline:link,
a.nounderline:visited,
a.nounderline:hover {
	text-decoration: none;
}

.littletitle {
	font-weight: bold;
}

.fullwidth {
	width: 100%;
}