/* TAGS */
html {
	overflow: -moz-scrollbars-vertical; /* for FX vertical moving if scrollbar is shown */
	margin-top: 0px; /* for FX */
	margin-top: 7px; /* for IE6 */
	position: relative;
}
table, tr, td {
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
/*	border-collapse: collapse;*/
}
body {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font: 120px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	width: 922px; /* 922px + right border for .teaser */
}
form {
}
input, select, textarea, td	{
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
}
a:link, a:active, a:visited, a:link font, a:active font, a:visited font	{
	color: #7F7F7F;
	text-decoration: none;
}
a:hover, a:hover font {
	color: #000000;
	/*text-decoration: underline;*/
}
a img {
	border: 0px;
}
h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	color: #666666;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 18px;	
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
}
/*
p { 
	text-align:left;
}*/
/*
.content ul {
	list-style: none;
}
.content li {
	padding: 0px;
	background-image: none;
	background: url(file/bullet_arrow/$file/bullet_arrow.gif) 0px 5px no-repeat; 
}
*/
/* IDs */
/* includes top_*, main, bottom_* */
ul.sitemapColumn {
	padding:	0px 0px 0px 0px;
	margin: 0px;
	float: left;
	width: 200px;
}
#sitemap ul {
	list-style: none;
}
#sitemap ul ul {
	display: inline;
	margin: 0px 10px 25px 0px;
	list-style: none;
}
#sitemap li {
	padding: 0px;
	margin: 0px;
}
#sitemap h2 {
	margin: 0px; 
	background:none;
}
#sitemap strong {
	color: #666666;
}
#view {
	padding: 0px 125px 18px 75px;
	margin: 2px 2px 0px 0px;
	float: left;
	color: #303030;
}
#view ul  {
	list-style: none;
	color: #303030;
}
#view h1 {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin: 0px 0px 16px 0px;
	color: #303030;
	text-align: left;
}
#view ul li h2{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	width: 404px;
	color: #303030;
	display: block;
}
#view ul li a span.more { 
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #303030;
}
#view span.date {
	font-size: 12px;
}
#view.news p {
	font-size: 12px;
}
#alert{
	visibility: hidden;
	display: none;
	height:52px;
	background: #fafafa bottom left no-repeat;
}
#main #content #more #more_top {
	float: left;
	padding: 5px 0px 0px 6px;	
		
}
#main #more #more_text {
	width: 180px;
	padding: 3px 0px 0px 6px;
	float: left;
}
#more_bottom {
	padding: 70px 0px 0px 6px;
	float: left;	
}
#main_image {
	float: left;
	margin-top: 10px;	
}
#main #content #more {
	width: 180px;
	float: right;
}
#namehoverwhite {
	position:relative;
	left:20px;	
	margin-bottom: -35px;
	margin-bottom: -42px;
	height: 20px;
	top: 3px;
	top: 17px;
	z-index: 4;
	font-color: #000000;	
}
#namehovergray {
	position:relative;
	left:20px;	
	margin-bottom: -35px;
	margin-bottom: -42px;
	height: 20px;
	top: 3px;
	top: 17px;
	z-index: 4;		
}
#namehovergray h2{
	font-size: 18px;
	color: #000000;
}
#namehoverwhite h2{
	font-size: 18px;	
	color: #FFFFFF;
}
#hoversmall {
	position:relative;
	left:20px;
	top:-130px;	
	
}
#hoverbig {
	position:relative;
	left:20px;
	top:-120px;	
	margin-bottom: -95px;
}
#hoversmallwide {
	position:relative;
	left: 780px;
	top:-45px;	
	
}
#hoverbigwide {
	position:relative;
	left: 20px;
	top:-120px;	
	margin-bottom: -95px;
}
#page {
	width: 930px;
	text-align:left;
	align: left;
	padding-right: 6px; /* needed for teasers*/
}
#Flirt{
	width: 922px;
	height: 570px;
}
#top_fi, #top_en {
	width: 922px;
	height: 65px;
}
/* Language and search */
#header ul {
	float: right;
	padding: 0px;
	list-style: none;
	align: right;
}
#header ul li {
	float: left;
}
#header ul li a.lang {	
	margin-top: 3px;
	margin-right: 30px;
	height: 17px;
}
#search ul {
	margin-left: 0px;
	float: left;
	padding: 0px;
	list-style: none;
}
#search ul li {
	float: left;
}
input.search_query {
	width: 120px;
	height: 21px;
	margin-right: 2px;
	border: 1px solid #ddd; 
}
a.hae_button, a.search_button, a.sok_button {
	display: block;
	width: 46px;
	height: 20px;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 1%;
}
a.hae_button span, a.search_button span, a.sok_button span {
	display: none;
}
a.hae_button {
	background-image: url(file/button/$file/hae.gif); 
	width: 46px;
}
a.search_button {
	background-image: url(file/button/$file/search.gif); 
	width: 46px;
}
a.search_button:hover {
	background-position: 0px -20px;
}
a.sok_button {
	background-image: url(file/button/$file/sok.gif); 
	width: 30px;
}
#top {
	clear: both;
	width: 922px;
	margin-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 5px; /* for IE */
	vertical-align: bottom;	
	float: left;
}
#top ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
}
#top li {
	display: inline;
	height: 24px;
	padding: 0px;
	background: none;
	float: left;
}
#top a {
	display: block;
	height: 24px;
	background-repeat: no-repeat;
	color: #fff;
	text-align: right;
	font-size: 1%;
}
#top_fi #top a.logo {
	background-image: url(file/top/$file/logo_hackman.gif); 
	width: 211px;
	margin-right: 8px;
}
#top_fi #top a#navi1 {
	background-image: url(file/top_fi/$file/top_1.gif); 
	width: 172px;
	margin-right: 4px;
}
#top_fi #top a#navi2 {
	background-image: url(file/top_fi/$file/top_2.gif); 
	width: 82px;
	margin-right: 4px;
}
#top_fi #top a#navi3 {
	background-image: url(file/top_fi/$file/top_3.gif); 
	width: 194px;
	margin-right: 4px;
}
#top_fi #top a#navi4 {
	background-image: url(file/top_fi/$file/top_4.gif); 
	width: 149px;
	margin-right: 4px;
}
#top_fi #top a#navi5 {
	background-image: url(file/top_fi/$file/top_5.gif); 
	width: 90px;
}
#top_en #top a.logo {
	background-image: url(file/top/$file/logo_hackman.gif); 
	width: 211px;
	margin-right: 8px;
}
#top_en #top a#navi1 {
	background-image: url(file/top_en/$file/top1_en.gif); 
	width: 90px;
	margin-right: 8px;
}
#top_en #top a#navi2 {
	background-image: url(file/top_en/$file/top2_en.gif); 
	width: 70px;
	margin-right: 8px;
}
#top_en #top a#navi3 {
	background-image: url(file/top_en/$file/top3_en.gif); 
	width: 214px;
	margin-right: 8px;
}
#top_en #top a#navi4 {
	background-image: url(file/top_en/$file/top4_en.gif); 
	width: 47px;
	margin-right: 8px;
}
#top_en #top a#navi5 {
	background-image: url(file/top_en/$file/top5_en.gif); 
	width: 90px;
}
#top_sv #top a.logo {
	background-image: url(file/top/$file/logo_hackman.gif); 
	width: 211px;
	margin-right: 8px;
}
#top_sv #top a#navi1 {
	background-image: url(file/top_sv/$file/top1_sv.gif); 
	width: 115px;
	margin-right: 8px;
}
#top_sv #top a#navi2 {
	background-image: url(file/top_sv/$file/top2_sv.gif); 
	width: 70px;
	margin-right: 8px;
}
#top_sv #top a#navi3 {
	background-image: url(file/top_sv/$file/top3_sv.gif); 
	width: 154px;
	margin-right: 8px;
}
#top_sv #top a#navi4 {
	background-image: url(file/top_sv/$file/top4_sv.gif); 
	width: 97px;
	margin-right: 8px;
}
#top_sv #top a#navi5 {
	background-image: url(file/top_sv/$file/top5_sv.gif); 
	width: 90px;
}
#top a span, a.search_button span	{
	display: none;
}
#top a.navi:hover, #top a.navi:selected	{
	background-position: 0px -24px;
}
#right {
	float: right;
	width: 226px;
	color: #666666; 
	text-align: left;
	border: 0px 0px 0px 0px;
	padding: 0px 6px 0px 0px; /* 6px for align to left */
	margin: 10px 0px 0px 0px;
}
#right ul	{
/*	padding: 19px 15px 0px 15px;*/
	width: 226px;
	margin: 0px;
	list-style: none;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#right ul li {
	width: 226px;
	background-image: none;
}
#right ul li.sub {
	width: 226px;
	padding-left: 15px;
	background-image: none;
}
#right ul li h2 {
	width: 226px;
	color: #fff;
	font-size: 14px;
	background-color: #aaa;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-indent: 10px;
}
#right ul ul li {
	padding: 5px 0px 5px 0px;
	text-indent: 20px;
	border-top: #aaa 1px solid;	
	width: 226px;	
}
#right ul .selected	{
	font-weight: bold;
}
#main, #main_wide {
	width: 929px;
}
#main_wide #panel {
	width: 929px;
}
#main #panel {
	float: left; /* IE needs this */
	width: 696px; /* +6px for margin */
	padding: 0px 0px 0px 0px;
}
#main #panel_link {
	float: left; /* IE needs this */
	width: 690px;
	height: 31px;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #4F4F4F;
	position: relative;
	top: -3px;
}
#main #panel_link.black {
	background-color: #000000;
}
#main #panel_link ul {
	display: inline;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}
#main #panel_link li {
	display: inline;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;	
}
#panel_link a.navi {overflow: hidden; margin-left: 9px; margin-right: 6px;}
#panel_link a.navi:hover img{ margin-top : -31px;}
#panel_link a.navi9 {overflow: hidden; margin-left: 9px; margin-right: 6px; float: right;}
#panel_link a.navi9:hover img{ margin-top : -31px;}
#panel_link ul li a {
	height: 30px;			
	float: left;
	margin: 0px 0px 0px 0px;
	display: block;	
	background-repeat: no-repeat;
/*	text-align: right; */
/*	font-size: 1%;*/
/*		border: 1px solid #f00; */
}
#panel_link ul li a span {
	display: none;
}
#main #panel_link a:link, 
#main #panel_link a:active, 
#main #panel_link a:visited
{
	color: #ccc;
	text-decoration: none;	
	/*background: none;*/
}
#main #panel_link a:hover {
	color: #fff;
	text-decoration: none;
	background-position: 0px -31px;
}
#main_wide #content {
	width: 860px;
}
#main #content {
	width: 696px; /* +6px for margin */
	padding: 0px 0px 0px 0px;
	float: left;
}
#main #content #selected {
	width: 516px;
	float: left;
}
#main #content #richtext_narrow{
	width: 500px;
	float: left;
	padding-left: 0px;	
}
#main #content #richtext_narrow ul{		
	margin-left: -25px;	
	list-style-type: disc; 
}
#feedback td {
	padding-right : 5px;
	vertical-align: top;
}
#feedback input, #feedback select {
	width: 520px; 
	border: 1px solid #4f4f4f; 
	color: #000000;
	margin-bottom: 4px;
}
#feedback textarea {
	width: 520px; 
	border: 1px solid #4f4f4f; 
	color: #666666;
	margin-bottom: 4px;
}
#feedback .btn_fi, #feedback .btn_en, #feedback .btn_sv {
	float: left;
	width: 66px;
	height: 20px;
	border: 0px;
	font-weight: bold;
	color: #666666;
}
#feedback .btn_fi {
	background: #e7e7e7 url(file/button/$file/laheta.gif) no-repeat;
}
#feedback .btn_en {
	background: #e7e7e7 url(file/button/$file/send.gif) no-repeat;
}
#feedback .btn_sv {
	background: #e7e7e7 url(file/button/$file/skicka.gif) no-repeat;
	width: 46px;
}
#feedback .chk {
	width: 20px;
	border: 0px;
	vertical-align:middle;
}
/*--- subHTMLCompetition subform fields -------------------------------*/
#competition td {
	padding-right : 5px;
	vertical-align: top;
}
#competition input {
	width: 200px; 
	border: 1px solid gray; 
	color: #000000;
	margin-bottom: 4px;
}
#competition .long {
	width: 647px; 
	border: 1px solid gray; 
	color: #000000;
	margin-bottom: 4px;
}
#competition .checkbox{
	width: 1px; 
}
#competition .short {
	width: 100px; 
	border: 1px solid gray; 
	color: #000000;
	margin-bottom: 4px;
}
#competition .btn_fi, #competition .btn_en, #competition .btn_sv {
	float: left;
	width: 110px;
	height: 40px;
	border: 0px;
	font-weight: bold;
	color: #666666;
}
#competition .btn_fi {
	background: #e7e7e7 url(file/button/$file/competition_laheta.gif) no-repeat;
}
#competition .btn_en {
	background: #e7e7e7 url(file/button/$file/competition_send.gif) no-repeat;
}
#competition .btn_sv {
	background: #e7e7e7 url(file/button/$file/competition_skicka.gif) no-repeat;
}
#competition .btn_fi:active {
	background: #e7e7e7 url(file/button/$file/competition_laheta_pushed.gif) no-repeat;
}
#competition .btn_en:active {
	background: #e7e7e7 url(file/button/$file/competition_send_pushed.gif) no-repeat;
}
#competition .btn_sv:active {
	background: #e7e7e7 url(file/button/$file/competition_skicka_pushed.gif) no-repeat;
}
/*--- subHTMLCompetition subform fields -------------------------------*/
#main #content #more ul {
	
	margin: 10px 0px 0px 0px;
}
#main #content #more h3 {
	font-size: 14px;
	font-weight: strong;
	margin: 0px 0px 0px 0px;
	color: #666666;
	text-align:left;
	clear: both;	
}
#main #content #more ul {
	margin: 0px;
	padding: 0px;
	list-style: none;	
}
#main #content #more ul li {
	display: inline;
	background: none;
	float: left;
	width: 32px;
	color: #000;
}
#main #content #more ul li img {
	border: #fff solid 1px;
}
#main #content #more ul li a:link img.guide, 
#main #content #more ul li a:active img.guide, 
#main #content #more ul li a:visited img.guide
{	
	border: #fff solid 1px;
}
#main #content #more ul li a:hover img.guide {
	border: #000 solid 1px;
}
#guide {
	display: block;
	align: left;
}
#ceratec{
	position: relative;	
	left:30px;
	top: -6px;
}
#selection {
	clear: left; /* or both */
}
#selection ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#selection ul li {
	display: inline;
/*	padding: 0px;   ???????	*/
	background: none;
	float: left;
	width: 168px;
	height: 120px;
	padding: 0px 6px 0px 0px;
	color: #000;
}
#selection .note {
   	position: relative;
	float: left;
	top: -90px;
	left: 10px;
	width: 155px;
	height: 110px;	
	font-weight: bold;
	font-size: 11px;
	margin-bottom: -90px;
}
#selection .info {
	position: relative;
	background-color: #ddd;
	text-indent: 10px;
	float: left;
	top: -15px;
	width: 168px;
	color: #000;
	text-decoration: none;
}
#selection a:link span.note, 
#selection a:active span.note, 
#selection a:visited span.note
{
	color: #000;
	text-decoration: none;
	background: none;
}
#selection a:hover span.note {
	color: #000;
	background-color: #fff;
	text-decoration: none;
	background: url(file/icon/$file/magnifying_glass.gif) no-repeat right;
	background-position: 130px 73px;	
	margin-bottom: -90px;
	position: relative;
}
#store_list {
	width: 470px;
	float: left;
}
#store_option {
	float: left;
	position: relative;
	width: 216px;
}
#store_option select {
	border: 1px solid #4f4f4f; 
	width: 185px;
}
#main_wide #teaser ul {
	margin: 0px;
	padding: 0px;
	list-style: none;	
	width: 928px; 
}
#main #teaser ul {
	margin: 0px;
	padding: 0px;
	list-style: none;	
	width: 696px; 
}
#teaser ul li	{
	display: inline;
	padding: 0px;
	background: none;
	float: left;
	width: 226px;
	padding-right: 6px;
	color: #000;
	padding-bottom: 6px;
}
#teaser ul li h2 {
	font-size: 24px;
/*	padding-left: 9px;*/
}
#teaser ul li p	{	
	margin-left: 0px;
	width: 210px;		
}
#teaser ul li a img.arrow	{
	float: right;
	position: relative;
	top: 3px;
}
#teaser a:link, 
#teaser a:active, 
#teaser a:visited {
	color: #000;
	text-decoration: none;
}
#banner ul {
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#banner ul li	{
	display: inline;
	padding: 0px;
	background: none;
	float: left;
	width: 342px;
	padding-right: 6px;
	color: #000;
}
#banner a:link, #banner a:active, #banner a:visited {
	color: #000;
	text-decoration: none;
}
.spacer {
	height: 6px;
	background-color: #fff;
	font-size: 5px;
	line-height: 5px;
	clear:left;
	width: 100%;
}
#panelspacer {
	height: 20px;
	background-color: #fff;
	font-size: 0px;
	line-height: 0px;
	clear:left;
	width: 100%;
}
/**/
#bottom {
	clear: both;
	padding-top: 10px;
}
#bottom_general {
	clear: both;
	height: 28px;
	font-size: 12px;
	border: solid #E3E3E3;
	border-width: 1px 0px 1px 0px;
}
#bottom_general ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#bottom_general ul li {
	display: inline;
	padding: 0px;
	background: none;
	float: left;
	padding-right: 30px;
	color: #000;
	padding-top: 6px;
}
#bottom_general ul li.shop a {
	display: block;
	background-image: url(file/button/$file/verkkokauppa.gif);
	background-repeat: no-repeat;
	width: 110px;
	height: 20px;
	margin-top: -2px;	
	margin-bottom: 4px; /* for IE6 */
}
#bottom_general a.shop:hover	{
	background-position: 0px -20px;
}
#bottom_general a.shop span	{
	display: none;
}
#bottom_left {	
	padding: 4px 0px 4px 0px;
	font-size: 12px;
	clear: both;
	float: left;
}
#bottom_right {
	padding: 4px 0px 4px 0px;
	font-size: 12px;
	float: right;
}
/*
#main .spacer {
	width: 690px;
}*/
/*
#general_fi, #general_en, #general_sv {
	clear: both;
	width: 922px;
}
#general_fi ul, #general_en ul	{margin: 0px; padding: 0px; list-style: none; height: 18px;}
#general_fi li, #general_en	li	{background-image: none; display: inline; float: left;}
#general_fi a, #general_en	a	{display: block;	height: 18px; background-repeat: no-repeat;}
#general_fi span, #general_en span	{display: none;}
#general_link	{float: left; padding: 18px 0px 16px 0px; width: 600px;}
#general_link li	{padding: 0px 20px 0px 0px;}
#general_fi #general_link .tool1	{background-image: url(file/navigation_fi/$file/toolnavi1.gif); width: 87px;}
#general_fi #general_link .tool2	{background-image: url(file/navigation_fi/$file/toolnavi2.gif); width: 71px;}
#general_fi #general_link .tool3	{background-image: url(file/navigation_fi/$file/toolnavi3.gif); width: 41px;}
#general_fi #general_link .tool4	{background-image: url(file/navigation_fi/$file/toolnavi4.gif); width: 63px;}
#general_fi #general_link .tool5	{background-image: url(file/navigation_fi/$file/toolnavi5.gif); width: 50px;}
#general_fi #general_link .tool6	{background-image: url(file/navigation_fi/$file/toolnavi6.gif); width: 26px;}
#general_en #general_link .tool1	{background-image: url(file/navigation_en/$file/toolnavi1.gif); width: 87px;}
#general_en #general_link .tool2	{background-image: url(file/navigation_en/$file/toolnavi2.gif); width: 41px;}
#general_en #general_link .tool3	{background-image: url(file/navigation_en/$file/toolnavi3.gif); width: 41px;}
#general_en #general_link .tool4	{background-image: url(file/navigation_en/$file/toolnavi4.gif); width: 63px;}
#general_en #general_link .tool5	{background-image: url(file/navigation_en/$file/toolnavi5.gif); width: 50px;}
#general_en #general_link .tool6	{background-image: url(file/navigation_en/$file/toolnavi6.gif); width: 56px;}
#general_sv #general_link .tool1	{background-image: url(file/navigation_sv/$file/toolnavi1.gif); width: 87px;}
#general_sv #general_link .tool2	{background-image: url(file/navigation_sv/$file/toolnavi2.gif); width: 41px;}
#general_sv #general_link .tool3	{background-image: url(file/navigation_sv/$file/toolnavi3.gif); width: 41px;}
#general_en #general_link .tool4	{background-image: url(file/navigation_sv/$file/toolnavi4.gif); width: 63px;}
#general_en #general_link .tool5	{background-image: url(file/navigation_en/$file/toolnavi5.gif); width: 50px;}
#general_en #general_link .tool6	{background-image: url(file/navigation_en/$file/toolnavi6.gif); width: 56px;}
#general_link a:hover, #general_link a.selected	
	{background-position: 0px -18px;}
#general_lang	{float: right; padding: 18px 0px 16px 0px; width: 147px; }
#general_lang ul	{float: right; width: 137px;}
#general_lang li	{padding: 0px 0px 0px 20px;}
	
#general_lang .lang1	{background-image: url(file/navigation_fi/$file/lang_fi.gif); width: 48px;}
#general_lang .lang2	{background-image: url(file/navigation_en/$file/lang_en.gif); width: 49px;}
#general_lang .lang3	{background-image: url(file/navigation_en/$file/lang_sv.gif); width: 49px;}
#general_lang a:hover, #general_lang a.selected {
	background-position: 0px -18px;
}
#panel_link ul li:hover,#panel_link ul li:selected{
	overflow: hidden;
	bottom: -20px;
}
#bottom_fi, #bottom_en, #bottom_sv  {
	clear: both;
	border-top: 1px solid #e8e8e8;
	width: 922px;
	color: #ccc;
}
#bottom_left {
	padding: 15px 0px 20px 0px;
	width: 400px;
	float: left;
	text-align: left;
}
#bottom_fi a, #bottom_en a, #bottom_sv a {
	color: #cccccc;
}
#bottom_right {
	padding: 15px 0px 20px 0px;
	width: 400px;
	float: right;
	text-align: right;
}
#main_wide, #main_narrow {
	clear: both;
	float: left;
	position:relative;
	margin-top: 1px;
	width: 922px;
	background: #fafafa url(file/background/$file/content_bg.gif) bottom left no-repeat;;
}
#center {
	text-align: left;
	height: 400px; *//* 'cos IE doesn't know min-height *//*
}
.main_wide #center {
	width: 922px;
}
.main_narrow #center {
	width: 690px;
}
*/
/*
#panel {
	float: left;
	padding: 0px;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#main_wide #panel {
	width: 922px;
}
#main_narrow #panel {
	width: 690px;
}
#image {
	position: relative;
}
#ingress {
	width: 100%;
	border-top: 5px solid #fff;
	padding: 20px 20px 20px 20px;
	height: 60px;
}
#ingress_left {
	width: 400px;
	float: left;
}
#ingress_right {
	width: 400px;
	float: right;
}
#ingress_right ul {
	color: #666666;
	margin: 0px;
	list-style: none;
}
#ingress_right ul li {
	padding: 0px;
	background-image: none;
}
#ingress_right ul li {
	background: url(file/bullet_arrow/$file/bullet_arrow.gif) 0px 5px no-repeat; 
	padding: 0px 0px 3px 15px;
}
#product_test{
	margin-top:36px;
}
#product {
	*//* height: 60px; *//*
	position: absolute;
	height: 36px;
	width:922px;
	top: 300px;
	background-color:rgb(243,243,243);	
}
#product_swfa {
	*//* height: 60px; *//*
	position: absolute;
	height: 36px;
	width:922px;
	top: 348px;
	background-color:rgb(243,243,243);
}
#product_swf {
	*//* height: 60px; *//*
	position: absolute;
	height: 36px;
	width:922px;
	top: 300px;
	background-color:rgb(243,243,243);
}
#subproduct {
	height: 120px;
	position: relative;
	background: url(file/astiasarjat_navigation/$file/productheader_bg.gif) top left no-repeat;
}
#product_title {
	clear:both;
	position: absolute;
	top: 20px;
	margin-left: 20px;
}
#product_navi {
	top: 4px;
	position: absolute;	
	height: 23px;
}
#product #product_navi {
	bottom: 0px;
	height: 33px;
}
#subproduct #product_navi {
	top: 79px;
}
#product_navi_en {
	position: absolute;
	height: 23px;
}
#product #product_navi_en {
	bottom: 0px;
	height: 33px;
}
#subproduct #product_navi_en {
	top: 79px;
}
#product_navi_sv {
	position: absolute;
	height: 23px;
}
#product #product_navi_sv {
	bottom: 0px;
	height: 33px;
}
#subproduct #product_navi_sv {
	top: 79px;
}
#product_storelink {
	position: absolute;
	*//* height: 30px; *//*
	*//* top: 299px; *//*
	top: 1px;
	margin-left: 705px;
}
#product #product_storelink {
	*//* top: 296px;
}
#subproduct #product_storelink {
	top: 76px;
}
#product_navi ul, #product_storelink ul {
	margin: 4px 0px 0px 22px;
	margin-left: 11px;
	padding: 0px;
	float: left;
	list-style: none;
}
#product_navi_en ul{
	margin: 4px 0px 0px 22px;
	margin-left: 11px;
	padding: 0px;
	float: left;
	list-style: none;
}
#product_navi_sv ul{
	margin: 4px 0px 0px 22px;
	margin-left: 11px;
	padding: 0px;
	float: left;
	list-style: none;
}
#product_navi li, #product_storelink li {
	display: inline;
	list-style: none;
	height: 23px;
	float: left;
	padding: 0px 0px 0px 0px;
}
#product_navi_en li{
	display: inline;
	list-style: none;
	height: 23px;
	float: left;
	padding: 0px 0px 0px 0px;
}
#product_navi_sv li{
	display: inline;
	list-style: none;
	height: 23px;
	float: left;
	padding: 0px 0px 0px 0px;
}
#product_navi a, #product_storelink a {
	width: 138px;
	float: left;
	display: block;
	height: 23px;
	background-repeat: no-repeat;
	color: #f5f5f5;
	text-align: right; 
	font-size: 1%;
}
#product_navi_en a{
	width: 168px;
	float: left;
	display: block;
	height: 23px;
	background-repeat: no-repeat;
	color: #f5f5f5;
	text-align: right; 
	font-size: 1%;
}
}
#product_navi_sv a{
	width: 168px;
	float: left;
	display: block;
	height: 23px;
	background-repeat: no-repeat;
	color: #f5f5f5;
	text-align: right; 
	font-size: 1%;
}
#product_storelink a {
	width: 150px;
	height: 26px;
}
#product_navi a:hover, #product_navi a.selected { background-position: 0px -23px;}
#product_storelink a:hover, #product_storelink a.selected { background-position: 0px -26px;}
#product_title span, #product_navi span, #product_storelink span {display: none;}
#link {
	position: relative;
	width: 100%;
}
#selection {
	position: relative;
	width:	99%;
	display: block;
	float: left;
	clear: both;
	height: 37px;
	background: #fff;
	border: 1px solid #e8e8e8; 
	Margin-top: 0px;
}
#main_wide #selection {
	width: 884px; *//* compromise between 883px of IE and 922px of FX 
}
#main_narrow #selection {
	width: 690px;
}
#selection ul {
	margin: 12px 0px 0px 0px;
	padding: 0px;
	float: left;
	list-style: none;	
	height: 27px;
}
#selection li {
	background-image: none;
	display: inline;
	float: left;
	padding: 0px 0px 0px 22px;	
}
.spacer {
	height: 5px;
	background-color: #fff;
	font-size: 5px;
	line-height: 5px;
	clear:left;
	width: 100%;
}
#main_narrow .spacer {
	width: 690px;
}
#image_table {
}
#image_table ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#image_table ul li {
	float: left;
	background-image: none;
	display: inline;
	padding: 0px 4px 4px 0px;
	width: 217px;
	height: 207px;
}
#image_table ul li img {
	width: 217px;
	height: 207px;
}
#image_table ul li img {
}
#image_table .note {
	position: relative;
	float: left;
	top: -40px;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 10px 0px 10px;
	width: 180px;
	line-height: normal;
}
#image_table .note span	{
	background: url(file/astiasarjat_osat_ja_varit/$file/note_bg_right.gif) top right no-repeat;
	color: #fff;
}
#image_table .note span span	{
	padding: 0px 5px 2px 5px;
	background: transparent url(file/astiasarjat_osat_ja_varit/$file/note_bg_left.gif) no-repeat;
}
#image_table .info {
	position: relative;
	float: left;
	top: -40px;
	margin: 0px 13px 0px 13px;
	width: 180px;
	height: 32px;
}
#richtext {
	float: left;
	padding:	12px 0px 20px 20px;
	text-align: left;	
	
}
#richtext_narrow {	
	float: left;
	padding:	12px 20px 20px 20px;
	text-align: left;
	width: 393px;
}
#main_narrow #content {
	width: 690px;
}
#richtext ul {
	margin-left: 0px;
	padding:	0px 0px 0px 0px;
}
#richtext ul li {
	list-style: none;
}
#richtext ul li span {	
	margin-left: 0px;
}
#content {
	width: 100%;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#main_wide #richtext {
	float: left;
	width: 922px;
}
#main_narrow #richtext {
	float: left;
	width: 633px;
}
#main_wide #richtext_narrow {
	float: left;
	width: 548px;
}
#main_wide #more {
	height: 180px;
	width: 297px;
	float: right;
	background: #f4f4f4 url(file/background/$file/teaser_bg.gif) bottom left no-repeat;
}
#main_wide #more #more_image {
	float: left;
	padding: 5px 0px 0px 6px;
	
}
#main_wide #more #more_text {
	padding: 15px 0px 0px 25px;
	float: left;
}
#main #richtext_narrow {
	float: left;
	width: 390px;
}
#main #more {
	height: 180px;
	width: 297px;
	float: left;
	background: #f4f4f4 url(file/background/$file/teaser_bg.gif) bottom left no-repeat;
}
#more_text ul	{
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
#more_text li {
	background: url(file/bullet_arrow/$file/bullet_arrow.gif) 0px 5px no-repeat;
	padding: 2px 0px 2px 15px;
	line-height: 12px;
	list-style: none;
}
#main_narrow #more {
	height: 228px;
	width: 222px;
	float: right;
	background: #f4f4f4 url(file/background/$file/teaser_bg_inspiration.gif) bottom left no-repeat;
}
#main_narrow #more #more_text {
	padding: 15px 0px 0px 25px;
	float: left;
}
#main_narrow #richtext_narrow {
	float: left;
	width: 390px;
}
#right {
	float: right;
	width: 217px; 
	color: #666666; 
	border: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#right select{
	width: 185px;
}
#right ul	{
	padding: 19px 15px 0px 15px;
	color: #666666;
	margin: 0px;
	list-style: none;
}
#right ul li {
	padding: 0px;
	background-image: none;
}
#right ul h1 {
	font-size: 18px;
	padding: 0px 0px 2px 0px;
}
#right ul ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
#right ul ul li	{
	background: url(file/bullet_arrow/$file/bullet_arrow.gif) 0px 5px no-repeat;
	padding: 0px 0px 3px 13px;
}
#right ul .selected	{
	font-weight: bold;
}
#right h1	{
	font-size: 18px; 
	width: 187px; 
	margin: 0px 0px 0px 0px;
}
#map {
	float: left;
	position:relative;
}
.column {
}
ul.sitemapColumn {
	padding:	0px 0px 0px 0px;
	margin: 0px;
	float: left;
	width: 200px;
}
#sitemap ul {
	list-style: none;
}
#sitemap ul ul {
	display: inline;
	margin: 0px 10px 25px 0px;
	list-style: none;
}
#sitemap li {
	padding: 0px;
	margin: 0px;
}
#sitemap h2 {
	margin: 0px; 
	background:none;
}
#sitemap strong {
	color: #666666;
}
#general_fi, #general_en, #general_sv {
	clear: both;
	width: 922px;
}
#general_fi ul, #general_en ul, #general_sv ul {margin: 0px; padding: 0px; list-style: none; height: 18px;}
#general_fi li, #general_en li, #general_sv li {background-image: none; display: inline; float: left;}
#general_fi a, #general_en a, #general_sv a {display: block; height: 18px; background-repeat: no-repeat;}
#general_fi span, #general_en span, #general_sv span {display: none;}
#general_link	{float: left; padding: 18px 0px 16px 0px; width: 600px;}
#general_link li	{padding: 0px 20px 0px 0px;}
#general_fi #general_link .tool1 {background-image: url(file/navigation_fi/$file/toolnavi1.gif); width: 87px;}
#general_fi #general_link .tool2 {background-image: url(file/navigation_fi/$file/toolnavi2.gif); width: 71px;}
#general_fi #general_link .tool3 {background-image: url(file/navigation_fi/$file/toolnavi3.gif); width: 41px;}
#general_fi #general_link .tool4 {background-image: url(file/navigation_fi/$file/toolnavi4.gif); width: 63px;}
#general_fi #general_link .tool5 {background-image: url(file/navigation_fi/$file/toolnavi5.gif); width: 50px;}
#general_fi #general_link .tool6 {background-image: url(file/navigation_fi/$file/toolnavi6.gif); width: 26px;}
#general_en #general_link .tool1 {background-image: url(file/navigation_en/$file/toolnavi1.gif); width: 87px;}
#general_en #general_link .tool2 {background-image: url(file/navigation_en/$file/toolnavi2.gif); width: 41px;}
#general_en #general_link .tool3 {background-image: url(file/navigation_en/$file/toolnavi3.gif); width: 41px;}
#general_en #general_link .tool4 {background-image: url(file/navigation_en/$file/toolnavi4.gif); width: 63px;}
#general_en #general_link .tool5 {background-image: url(file/navigation_en/$file/toolnavi5.gif); width: 50px;}
#general_en #general_link .tool6 {background-image: url(file/navigation_en/$file/toolnavi6.gif); width: 56px;}
#general_link a:hover, #general_link a.selected	
	{background-position: 0px -18px;}
#general_lang	{float: right; padding: 18px 0px 16px 0px; width: 147px; }
#general_lang ul	{float: right; width: 137px;}
#general_lang li	{padding: 0px 0px 0px 20px;}
	
#general_lang .lang1	{background-image: url(file/navigation_fi/$file/lang_fi.gif); width: 48px;}
#general_lang .lang2	{background-image: url(file/navigation_en/$file/lang_en.gif); width: 49px;}
#general_lang a:hover, #general_lang a.selected {
	background-position: 0px -18px;
}
#bottom_fi, #bottom_en {
	clear: both;
	border-top: 1px solid #e8e8e8;
	width: 922px;
	color: #cccccc;
}
#bottom_left {
	padding: 15px 0px 20px 0px;
	width: 400px;
	float: left;
	text-align: left;
	color: #cccccc;
}
#bottom_left span{
	color: #cccccc;
	text-color: #cccccc;
}
#bottom_fi a, #bottom_en a {
	color: #cccccc;
}
#bottom_right {
	padding: 15px 0px 20px 0px;
	width: 400px;
	float: right;
	text-align: right;
}
*//* Popup *//*
#popup {
	position: absolute;
	left: 0px;
	top: -10px;
	width: 400px;
	height: 490px;
	background: #fafafa url(file/background/$file/content_bg.gif) bottom left no-repeat;
}
#popup_richtext {
	width:370px;
	float:left;
	padding: 0px 15px 25px 15px;
}
#popup_logo {
	float: right;
	padding: 15px 15px 0px 0px;
}
#popup_center {
	clear: both;
	width:370px;
	margin: 0px 15px 15px 15px;
}
#popup_center input, #popup_center textarea, #popup_center select {
	width: 208px; 
	border: 1px solid #7f9db9; 
	color: #666666;
	margin-bottom: 4px;
}
#popup_left {
	width:185px;
	float:left;
	text-align:left;
}
#popup_right {	
	width:185px;
	float:left;
	text-align:left;
}
#popup_button {
	padding-top: 20px;
	float:right;
}
#alert{
	visibility: hidden;
	display: none;
	height:52px;
	background: #fafafa url(file/yleiset_ota_yhteytta_alert/$file/alert.gif) bottom left no-repeat;
}
h1 {
	font-size: 24px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	color: #666666;
	text-align:left;
}
li h1 {
	text-align:left;
}
h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding-top: 0px;
	color: #666666;text-align:left;
	wmode: "transparent";
	font-family: Arial, Helvetica, sans-serif;
}
h3	{
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding-top: 0px;
	color: #666666;text-align:left;
	font-family: Arial, Helvetica, sans-serif;
}
h4	{
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding-top: 0px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
}
*/
/*--- values for competition rules -------------------------------*/
#content {padding:20px}
#dialog {position:absolute; width:700px; padding:10px; z-index:200; background:#fff; border:5px solid #00AFDA}
#dialog-header {display:block; position:relative; width:700px; padding:0px 0px 0px; height:16px; font-size:16px; font-weight:bold; color:#00AFDA}
#dialog-title {float:left}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:20px; width:20px; background:url(file/dialogbox/$file/FI_close.gif) no-repeat}
#dialog-content {text-align:left; float:left; padding:6px; color:#000000; font-size:13px}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#000; opacity:.50; filter:alpha(opacity=50); z-index:100}