﻿@media screen {
* {

}
.noDisplay {
	display:none;
}
.fix {
	visibility:hidden;
	clear:both;
	display:block;
}
HTML {
	overflow: -moz-scrollbars-vertical;
}

BODY {
	background-color:#fbfbfb;
	margin:0px;
	padding:0px;
	font-family:Tahoma, Arial, Geneva, Helvetica;
	font-size:10pt;
	font-weight:normal;
	color:rgb(95,95,95);
}
H1, H2, H3 {
	display: none;
/*	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 6px;
	padding-left: 0px;
	color:rgb(95,95,95);*/
}
.mceContentBody{background-color: #fff; color: #000;}
.mceContentBody H1, .mceContentBody H2, .mceContentBody H3{
	display: inline;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 6px;
	padding-left: 0px;
	color:rgb(95,95,95);
}

H4{
	display: block;
	font-size: 14pt;
	font-weight: bold;
	color:#40aad4;
	margin:0px;
	padding:0px;
}
H5{
	display: block;
	font-size: 10pt;
	font-weight: bold;
	color:#40aad4;
	margin:0px;
	padding:0px;
}

td {
	font-family:Tahoma, Arial, Geneva, Helvetica;
	font-size:10pt;
	font-weight:normal;
	color:rgb(95,95,95);
}
A {
	font-size:10pt;
	color:#40aad4;
	font-weight: normal;
	text-decoration:none;
}
A:hover {
	text-decoration:underline;
}

form{
	margin:0;
}
IMG{border:0px;}

ul.menulevel1{
	list-style: none;
	padding:0px 0px 0px 0px;
	margin:0;
}
ul.menulevel2{
	list-style: none;
	padding:0px 0px 0px 16px;
	margin:0;
}
ul.menulevel3{
	list-style:none;
	padding:5px 0px;
	margin:0px;
}
.menulevel1 li, .menulevel2 li, .menulevel3 li {
	font-size:10pt;
	line-height:26px;
	color:#5F5F5F;
}

li.doc{padding:0px 0px 4px 20px;line-height:18px;}
li.docs{padding:0px 0px 4px 20px;line-height:18px}
.sdoc{padding-left: 20px;}
.sdocs{padding-left: 20px;}

ul.sitemaplevel2,ul.sitemaplevel3{margin:0px;padding-left:10px;}
ul.sitemaplevel1 {
	margin:0px 0px 20px 0px;
	padding-left:10px;
}

.sitemaplevel1 .doc, .sitemaplevel2 .doc, .sitemaplevel3 .doc{padding-left: 5px;}
.sitemaplevel1 .docs, .sitemaplevel2 .docs, .sitemaplevel3 .docs{padding-left:5px;}
.sitemaplevel1 .sdoc, .sitemaplevel2 .sdoc, .sitemaplevel3 .sdoc{padding-left: 5px;}
.sitemaplevel1 .sdocs, .sitemaplevel2 .sdocs, .sitemaplevel3 .sdocs{padding-left: 5px;}

.sitemaplevel1,.sitemaplevel2,.sitemaplevel3{font-size:9pt;line-height:1.5;}
.sitemaplevel1 a,.sitemaplevel2 a,.sitemaplevel3 a{font-weight:normal;color:black; text-decoration:none;}
.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited{color:black;}
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover{color:black;}

.selected{
	text-decoration: none;
	font-size:10pt;
	color:#2f2f2f;
	font-weight: normal;
	font-style:italic;
	line-height:normal;
	margin:0px;
	padding:0px;
	min-height:19px;
	border-bottom:1px #2f2f2f dotted;
}

.menulevel1 a, .menulevel2 a, .menulevel3 a {
	font-size:10pt;
	color:#5F5F5F;
	font-weight: normal;
	text-decoration:none;
}
.menulevel1 a:link,.menulevel1 a:visited, .menulevel2 a:link,.menulevel2 a:visited, .menulevel3 a:link,.menulevel3 a:visited {
}
.menulevel1 a:active,.menulevel1 a:hover, .menulevel2 a:active,.menulevel2 a:hover, .menulevel3 a:active,.menulevel3 a:hover {
}


.submenu{font-size:8pt;}
.submenu a{font-weight:normal;color:#000;}
.submenu a:link,.submenu a:visited{color:#000;}
.submenu a:active,.submenu a:hover{color:#000;}

#haku {
	position:absolute;
	left:610px;
	top:44px;
	width:160px;
	z-index:1000;
}

#kieli {
	position:absolute;
	left:610px;
	top:22px;
	width:200px;
	z-index:1000;
	font-size:8pt;
	color:#40AAD4;
}
#kieli a{
	font-size:8pt;
	color:#40AAD4;
	text-decoration:none;
}

#searchbox .submit{
	font-family:Tahoma, Arial, Geneva, Helvetica;
	font-size:8pt;
	color:#40aad4;
	border:0px;
	font-weight:bold;
	background-color:white;
	padding:1px;
}
#searchbox .text{
	font-family:Tahoma, Arial, Geneva, Helvetica;
	font-size:8pt;
	color:#000;
	width:100px;
	background-color:white;
	border:1px solid #40aad4;
	padding:2px;
}

#logo_link {
	position:absolute;
	padding:0px;
	margin:0px;
	left:8px;
	top:22px;
	width:138px;
	height:82px;
	z-index:1000;
}
#logo_link a, #logo_link a:link, #logo_link a:visited, #logo_link a:hover {
	position:absolute;
	padding:0px;
	margin:0px;
	width:138px;
	height:82px;
	z-index:1000;
}

form textarea#text{width:529px;}
form#ta {width:529px;}

.edit{width:535px;font-size:8pt;color:black;background-color:buttonface;}
.edit a:link,.edit a:visited,.edit a:active,.edit a:hover{font-weight:normal;color:black;}

input,select{font-size:8pt;}

.settings {font-size:10pt;color:black;}


#os6 {
	width:184px;
	padding:5px 5px 5px 36px;
}

.copyright{
	width:100%;
}
.copyright td {
	line-height:1.7;
	border-top:5px rgb(251,251,251) solid;
	background-color:rgb(242,242,242);
	font-size:8pt;
	color:rgb(95,95,95);
	top:0px;
}
.copyright a {
	font-size:8pt;
}













/*VMENU NAVIGAATTORI---------------------------------------------------------*/
#nav, #nav li {
	width:156px;
	margin:0px 5px 0px 0px;
	overflow:hidden;
	padding:0;
	list-style:none;
	display:inline;
}
#nav li a {
	display:block;
	width:156px;
	height:24px;
	margin:0px 5px 0px 0px;
	overflow:hidden;
	background:top left no-repeat #fff;
	text-decoration:none;
	float:left;
}
#nav li a.kuluttajille { background-image:url(images/Recser_01B_Button_kuluttajille.png); }
#nav li a.tuottajille { background-image:url(images/Recser_01B_Button_tuottajille.png); }
#nav li a.kaupoille { background-image:url(images/Recser_01B_Button_kaupoille.png); }
#nav li a.ymparisto { background-image:url(images/Recser_01B_Button_ymparisto.png); }
#nav li a.recser { background-image:url(images/Recser_01B_Button_recser.png);margin:0px; }
#nav li.recser { margin:0px; }


#nav li a:hover { background-position:bottom left; }

#nav li a span { visibility:hidden; }

/*VMENU NAVIGAATTORI---------------------------------------------------------*/

DIV.frame {
	padding:0;
}
DIV.page {
	width:800px;
	margin:auto;
	position:relative;
	overflow:hidden;
}

DIV.vmenuBG {
	width:220px;
	position:absolute;
	top:0;
	left:0;
	background-color:rgb(242,242,242);
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
}

DIV.contentBG {
	width:575px;
	position:absolute;
	top:0;
	left:225px;
	background-color:rgb(242,242,242);
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;

}

DIV.containerBG {
	width:0px;
	position:absolute;
	top:0;
	right:0;
	background-color:#fff;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
}

DIV.header_box {
	clear:both;
	position:relative;
	z-index:1;
}

DIV.header {
	background-image: url(images/Recser_01_TOP.png);
	background-repeat:no-repeat;
	background-position: top center;
	height:282px;
	position:relative;
}


DIV.footer_box {
	clear:both;
	position:relative;
	z-index:1;
}
DIV.footer {
	padding: 0px;
	position:relative;
}
DIV.main {
	clear:both;
	padding:0px;
	margin:0px;
	width:100%;
	position:relative;
	z-index:1;
}
DIV.wrap {
	width:800px;
	float:left;
}
DIV.otsikko_box {
	padding:0px;
	margin:115px 0px 0px 0px;
}
DIV.otsikko {
	padding:5px 0px 5px 0px;
}
TABLE.otsikko_taulu{
	background-color:#40aad4;
	width:800px;
	height:26px;
}
TD.menu_otsikko{
	width: 184px;
	padding:0px 0px 0px 36px;
	font-size: 10pt;
	color:#fbfbfb;
}
TD.sisalto_otsikko{
	border-left:5px #fbfbfb solid;
	padding:0px 0px 0px 30px;
	font-size: 10pt;
	color:#fbfbfb;
}
/*----------------------------------  HMENUT  ----------------------------------------*/
DIV.hmenu_box_kul{
	position:absolute;
	top:-173px;
	background: url(images/Recser_02_Kuva_Kuluttajille.jpg) no-repeat 0px 29px;
	z-index:3;
	height:173px;
	width:800px;
}
DIV.hmenu_box_tuo {
	position:absolute;
	top:-173px;
	background: url(images/Recser_03_Kuva_Tuottajille.jpg) no-repeat 0px 29px;
	z-index:3;
	height:173px;
	width:800px;
}

DIV.hmenu_box_kau {
	position:absolute;
	top:-173px;
	background: url(images/Recser_04_Kuva_Kaupoille.jpg) no-repeat 0px 29px;
	z-index:3;
	height:173px;
	width:800px;
}

DIV.hmenu_box_ymp {
	position:absolute;
	top:-173px;
	background: url(images/Recser_05_Kuva_ymparisto.jpg) no-repeat 0px 29px;
	z-index:3;
	height:173px;
	width:800px;
}

DIV.hmenu_box_rec {
	position:absolute;
	top:-173px;
	background: url(images/Recser_06_Kuva_recser.jpg) no-repeat 0px 29px;
	z-index:3;
	height:173px;
	width:800px;
}
DIV.hmenu_box_def {
	position:absolute;
	top:-173px;
	background: url(images/Recser_01_Etusivu_Foto.jpg) no-repeat 0px 29px;
	z-index:3;
	height:173px;
	width:800px;
}

DIV.hmenu {
	padding:0px;
	height:22px;
}
/*----------------------------------  HMENUT  ----------------------------------------*/

DIV.vmenu_box {
	position:relative;
	top:0;
	z-index:3;
	width:220px;
	margin: 0px;
	padding:0px;
	float:left;
}
DIV.vmenu {
	margin: 0px;
	padding: 20px 0px 20px 0px;
}

DIV.container_box {
	position:relative;
	z-index:3;
	width:0px;
	float:right;
}
DIV.container {
	padding:0px;
}
DIV.content_box {
	position:relative;
	z-index:3;
	float:right;
	width:575px;
	margin: 0px;
}
DIV.content {
	margin: 0px;
	padding: 15px 20px 10px 30px;
	line-height:1.5;
}
DIV.content TD {
	line-height:1.5;
}
DIV.content LI {
	padding:0px;
	margin:0px 0px 5px 0px;
}





}
@media print {
* {
	font-family:Verdana,sans-serif;
	font-size:100%;
}
H1, H2, H3, H4, H5 {
	display:inline;
	font-family:Verdana,sans-serif;
}
.noDisplay {
	display:none;
}
.fix {
	visibility:hidden;
	clear:both;
	display:block;
}
HTML {
}
BODY {
}
#searchbox{
	display:none;
}

.margin {
	display:none;
}
DIV.frame {
}
DIV.page {
}
DIV.vmenuBG {
	display:none;
}
DIV.contentBG {
	display:none;
}
DIV.containerBG {
	display:none;
}
DIV.header_box {
}
DIV.header {
	display:none;
}
DIV.footer_box {
}
DIV.footer {
	display:none;
}
DIV.main {
	width:100%;
}
DIV.wrap {
	width:100%;
}
DIV.hmenu_box {
}
DIV.hmenu {
	display:none;
}
DIV.vmenu_box {
}
DIV.vmenu {
	display:none;
}
DIV.container_box {
}
DIV.container {
	display:none;
}
DIV.content_box {
	width:100%;
}
DIV.content {
}

}