html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a img { border: none; }

.hide
	{
	display: none !important;
	}

.toppaus
	{
	height: 10px;
	clear: both !important;
	}

.right_image, .monitor
	{
	float: right;
	margin: 0 0 15px 15px;
	}

body
	{
	margin: 0;
	padding: 0 0 100px 0;
	text-align: center;
	color: #000000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, Arial, serif;
	font-size: 62.5%;
	line-height: 1.8em;
	background: url(../images/bg.gif) repeat-x 50% 0 #9fb5c0;
	}

h1, h2, h3 {
	font-family: Arial, sans-serif;
}

h1
	{
	margin: 0 0 1.0em 0;
	color: #0091d5;
	font-size: 175%;
	font-weight: normal;
	line-height: 125% !important;
	}

h2
	{
	margin: 0 0 1.0em 0;
	font-size: 145%;
	color: #e70036;
	clear: left;
	}

h3
	{
	font-size: 125%;
	font-weight: bold;
	line-height: 1.5em !important;
	}
	
h4, h5, h6
	{
	font-weight: bold;
	line-height: 1.5em !important;
	}


a
	{
	color: #006aaa;
	text-decoration: underline;
	}
	
a:hover
	{
	text-decoration: none;
	}

a.arrow
	{
	padding-left: 10px;
	background: url(../images/li_arrow.gif) no-repeat 0 0.5em;
	}

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.icon {
	padding-left: 24px !important;
	background-repeat: no-repeat;
	background-position: 3px 50%;
}

.a_icon {
	display: block;
	text-indent: -2000em !important;
	text-align: left;
	width: 25px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.icon_pdf { background-image: url(../images/icon_pdf.png); }

p
	{
	margin: 0 0 1.0em 0;
	}

.clear_txt p, .clear_txt h1, .clear_txt h2, .clear_txt h3, .clear_txt h4, .clear_txt ul {
	clear: left;
}

#main ul
	{
	margin: 0 0 1.0em 0;
	}

#main ul li
	{
	left:10px;
	list-style-position:inside;
	margin:0 0 0.25em;
	position:relative;
	list-style-type:disc;
	font-size: 90%;
	}

#crm_list li {
	background: transparent !important;
	padding: 0 !important;
	width: 30%;
	margin: 0 3% 10px 0;
	float: left;
	line-height: 65px !important;
}

#crm_list li a {
	display: block;
	height: 65px;
	border: 1px solid #cfcfcf;
	text-align: center;
	color: #000000;
	text-decoration: none;
	font-size: 115%;
}

#crm_list li a:hover {
	border-color: #888888;
}

#crm_list li a img {
	position: relative;
	top: 8px;
}

#container
	{
	width: 980px;
	margin: 0 auto 0 auto;
	text-align: left;
	background: url(../images/container_bg.jpg) repeat-y 50% 0;
	}
	
#content_left
	{
	background: url(../images/container_left.jpg) no-repeat 0 0;
	}
	
#content_right
	{
	background: url(../images/container_right.jpg) no-repeat 100% 0;
	padding: 0 22px 0 22px;
	}
	
#header
	{
	height: 296px;
	border-top: 11px solid #434343;
	background: url(../images/fiilis_1.jpg) no-repeat 100% 0 #ffffff;
	}
	
#header #logo1, #header #logo2
	{
	height: 138px;
	border-top: 87px solid #ffffff;
	border-left: 86px solid #ffffff;
	width: 390px;
	margin: 0;
	}
	
#logo1 a, #logo2 a
	{
	background: url(../images/logo1.gif) no-repeat;
	display: block;
	width: 390px;
	height: 50px;
	}
	
#logo2 a
	{
	background: url(../images/logo2.gif) no-repeat;
	}
	
#nav
	{
	background: url(../images/navi_bg.gif) repeat-x;
	height: 71px;
	padding-left: 18px;
	display: block;
	}

#navi_etusivu1 a { background: url(../images/navi_etusivu1.jpg) no-repeat; width: 91px; }
#navi_tuotteet1 a { background: url(../images/navi_tuotteet1.jpg) no-repeat; width: 100px; }
#navi_faq1 a { background: url(../images/navi_faq1.jpg) no-repeat; width: 147px; }
#navi_yhtio1 a { background: url(../images/navi_yhtio1.jpg) no-repeat; width: 72px; }
#navi_yhteydenotto1 a { background: url(../images/navi_yhteydenotto1.jpg) no-repeat; width: 139px; }

#navi_etusivu1 a:hover, #navi_etusivu_act1 a { background: url(../images/navi_etusivu_act1.jpg) no-repeat; width: 91px; }
#navi_tuotteet1 a:hover, #nav li#navi_tuotteet1:hover a.top_link { background: url(../images/navi_tuotteet_hover1.gif) no-repeat; width: 100px; }
#navi_faq1 a:hover, #navi_faq_act1 a { background: url(../images/navi_faq_act1.jpg) no-repeat; width: 147px; }
#navi_yhtio1 a:hover, #navi_yhtio_act1 a { background: url(../images/navi_yhtio_act1.jpg) no-repeat; width: 72px; }
#navi_yhteydenotto1 a:hover, #navi_yhteydenotto_act1 a { background: url(../images/navi_yhteydenotto_act1.jpg) no-repeat; width: 139px; }

#navi_tuotteet_act1 a { background: url(../images/navi_tuotteet_act1.jpg) no-repeat; width: 100px; }

#navi_etusivu2 a { background: url(../images/navi_etusivu2.jpg) no-repeat; width: 82px; }
#navi_tuotteet2 a { background: url(../images/navi_tuotteet2.jpg) no-repeat; width: 104px; }
#navi_faq2 a { background: url(../images/navi_faq2.jpg) no-repeat; width: 66px; }
#navi_yhtio2 a { background: url(../images/navi_yhtio2.jpg) no-repeat; width: 108px; }
#navi_yhteydenotto2 a { background: url(../images/navi_yhteydenotto2.jpg) no-repeat; width: 95px; }

#navi_etusivu2 a:hover, #navi_etusivu_act2 a { background: url(../images/navi_etusivu_act2.jpg) no-repeat; width: 82px; }
#navi_tuotteet2 a:hover, #nav li#navi_tuotteet2:hover a.top_link { background: url(../images/navi_tuotteet_hover2.gif) no-repeat; width: 104px; }
#navi_faq2 a:hover, #navi_faq_act2 a { background: url(../images/navi_faq_act2.jpg) no-repeat; width: 66px; }
#navi_yhtio2 a:hover, #navi_yhtio_act2 a { background: url(../images/navi_yhtio_act2.jpg) no-repeat; width: 108px; }
#navi_yhteydenotto2 a:hover, #navi_yhteydenotto_act2 a { background: url(../images/navi_yhteydenotto_act2.jpg) no-repeat; width: 95px; }

#navi_tuotteet_act2 a { background: url(../images/navi_tuotteet_act2.jpg) no-repeat; width: 104px; }

#nav li.top
	{
	display: block;
	list-style-type: none;
	float: left;
	}

#nav li.top a.top_link
	{
	display: block;
	float: left;
	height: 51px;
	text-indent: -2000em;
	}

#alanavi
	{
	height: 40px;
	}

#nav3
	{
	clear: left;
	height: 40px;
	font-size: 1.2em;
	width: 600px;
	position: relative;
	top: 20px;
	left: 28px;
	font-size: 110%;
	}

#nav3 li
	{
	display: block;
	list-style-type: none !important;
	float: left;
	height: 18px;
	}

#nav3 a
	{
	display: block;
	float: left;
	height: 18px;
	line-height: 18px;
	padding: 0 8px 0 8px;
	text-decoration: none;
	color: #555555;
	border-right: 1px solid #c0c0c0;
	}
	
#nav3 a:hover
	{
	text-decoration: underline;
	}

#nav3 li.act a
	{
	color: #006f9f;
	}

#nav3 li.softa
	{
	font-weight: bold;
	color: #000000;
	font-size: 110%;
	}

#main
	{
	font-size: 1.3em;
	float: left;
	width: 600px;
	border-left: 35px solid #ffffff;
	padding-top: 25px;
	}
	
#main h1
	{
	line-height: 26px;
	clear: left;
	}

#main h3
	{
	line-height: 26px;
	clear: left;
	margin-bottom: 0.75em;
	}

.padding {
	height: 10px;
	clear: both;
}

.column_2 {
	width: 48%;
	float: left;
}

.column_last {
	float: right;
	margin-right: 0;
}

#column
	{
	float: right;
	width: 270px;
	padding: 0:
	}

.column_block
	{
	margin: 0 0 15px 0;
	font-size: 110%;
	clear: both;
	}

.column_block h3
	{
	width: 270px;
	}

.column_block h3 span
	{
	text-indent: -3000em;
	}

#column .info
	{
	background: url(../images/column_info_bg.gif) repeat-x;
	}

#column .info h3
	{
	height: 35px;
	background: url(../images/icon_info.gif) no-repeat 6px 0;
	margin-bottom: 20px;
	}

#column .info h3 span
	{
	display: block;
	height: 35px;
	background: url(../images/column_txt_info1.gif) no-repeat 40px 0;
	}

#column .info a
	{
	padding: 0 20px 0 34px;
	display: block;
	text-decoration: none !important;
	line-height: 1.5em;
	}

#column .info a:hover
	{
	text-decoration: underline !important;
	}

#column .info a h4
	{
	text-decoration: underline !important;
	}

#column .info a p
	{
	color: #000000;
	}

#column .info a.arrow
	{
	padding-left: 44px !important;
	background: url(../images/li_arrow.gif) no-repeat 34px 0.55em;
	}

#column .login
	{
	background: url(../images/column_login_bg.gif) repeat-x;
	}

#column .login h3
	{
	height: 35px;
	background: url(../images/icon_login.gif) no-repeat 6px 0;
	margin-bottom: 20px;
	}

#column .login form, #column .help form
	{
	padding: 0 20px 0 34px;
	}

#column .login form .block, #column .help form .block
	{
	margin: 0 0 0 0;
	clear: both;
	height: 30px;
	}
	
#column .login form a.arrow
	{
	float: left;
	display: block;
	width: 45%;
	background-position: 0 0.65em;
	margin: 5px 0 10px 0;
	}

#column .login form label
	{
	display: block;
	float: left;
	width: 60px;
	}

#column .login h3 span
	{
	display: block;
	height: 35px;
	background: url(../images/column_txt_login1.gif) no-repeat 40px 0;
	}

#column .login .input_bg, #column .help .input_bg
	{
	float: right;
	width: 150px;
	margin-bottom: 5px;
	}

#column .help .input_bg
	{
	float: left;
	}

#column .login .input_bg input, #column .help .input_bg input
	{
	width: 150px;
	}

#column .help
	{
	background: url(../images/column_help_bg.gif) repeat-x;
	}

#column .help h3
	{
	height: 35px;
	background: url(../images/icon_help.gif) no-repeat 6px 0;
	margin-bottom: 20px;
	}

#column .help h3 span
	{
	display: block;
	height: 35px;
	background: url(../images/column_txt_help1.gif) no-repeat 40px 0;
	}
	
#column .help .help_header2 span
	{
	background: url(../images/column_txt_help2.gif) no-repeat 40px 0;
	}

#column .help p
	{
	padding: 0 20px 0 34px;
	}

#column .help form .block
	{
	float: left;
	}

#column .help form .button
	{
	float: right;
	clear: none;
	}

.input_bg
	{
	background: url(../images/column_input_bg.gif) no-repeat 0 100%;
	height: 22px;
	}

.input_bg input
	{
	border: none;
	background: url(../images/column_input_bg_right.gif) no-repeat 100% 0 transparent;
	font-size: 11px;
	line-height: 11px;
	padding: 4px 0;
	text-indent: 6px;
	}

.lomake
    {
    margin: 1.0em 0 1.0em 0;
	font-size: 95%;
    }

.lomake .block
	{
	clear: both;
	margin-top: -5px;
	}

.register .block
	{
	background: url(../images/dotted2.gif) repeat-x 0 0 #f5f5f5;
	padding: 10px 0 0 15px;
	margin-top: 0;
	}

.lomake .first_block
	{
	background: #f5f5f5;
	border-top: 1px solid #7F9DB9;
	}

.lomake .last_block
	{
	border-bottom: 1px solid #7F9DB9;
	}

.lomake .osio
	{
	float: left;
	padding-right: 9px;
	}

.lomake .clear
	{
	clear: left;
	}

.lomake .osio LABEL
	{
	display: block;
	font-size: 95%;
	line-height: 120%;
	padding: 3px 0 1px 0;
	}

.lomake .block .error
	{
	color: #D40019;
	}

.lomake .osio SPAN
	{
	font-size: 95%;
	}

.lomake .big { width: 540px; }
.lomake .medium { width: 167px; }
.lomake .small { width: 65px; }
   
.lomake .button
	{
	padding: 15px 0 0 15px;
	}
 
.esim_nro
	{
	font-size: 85%;
	color: #777777;
	position: relative;
	top: 10px;
	margin-top: -5px;
	line-height: 1.1em;
	}
  
.email_ohje
	{
	top: 3px;
	margin-top: 0;
	width: 175px;
	padding-bottom: 10px;
	}	

.url_demo {
	font-size: 90%;
	color: #1e6f95;
}

#change_crm {
	float: right;
	margin: 0 0 10px 10px;
	padding: 4px 4px 4px 8px;
	background: #888888;
}

#change_crm select {
	margin: 0 !important;
	width: 150px;
	border: none;
	padding: 1px;
}

#change_crm label {
	color: #ffffff;
	font-size: 90%;
}

p.download
	{
	display: block;
	height: 39px;
	background: url(../images/a_lataa_right.jpg) no-repeat 100% 50%;
	float: left;
	position: relative;
	left: -2px;
	margin-bottom: 10px !important;
	white-space: nowrap;
	}
	
p.download a
	{
	height: 39px;
	line-height: 39px;
	text-decoration: none;
	display: block;
	float: left;
	text-indent: 45px;
	background: url(../images/a_lataa_left.gif) no-repeat 0 0;
	color: #000000;
	font-size: 95%;
	padding-right: 10px;
	}
	
p.download a:hover
	{
	text-decoration: underline;
	}

p.download_2
	{
	background: url(../images/a_lataa_right_2.jpg) no-repeat 100% 50%;
	}
	
p.download_2 a
	{
	background: url(../images/a_lataa_left_2.gif) no-repeat 0 0;
	}

SELECT, TEXTAREA, .kentta
	{
	border: 1px solid #7F9DB9;
	font-size: 100%;
	padding: 3px 4px 3px 4px;
	color: #2063a2;
	}

SELECT
	{
	padding: 3px 0 3px 0;
	}

SELECT OPTION
	{
	padding: 0 4px 0 4px;
	}

TEXTAREA
	{
	width: 540px;
	font-family: Tahoma, Arial, sans-serif;
	}

#jalleenmyyja
	{
	color: #777777;
	font-size: 95%;
	float: left;
	width: 200px;
	}

#jalleenmyyja INPUT
	{
	float: right;
	border-color: #999999;
	color: #777777;
	}

#jalleenmyyja SPAN
	{
	float: right;
	line-height: 19px;
	}

DIV.error_box, DIV.ok_box
	{
	border: 1px solid #D40019;
	padding: 5px 5px 5px 50px;
	color: #D40019;
	background: url(../images/icon_error.gif) no-repeat 15px 0.5em;
	margin: 0 0 0.5em 0;
	font-size: 95%;
	}

DIV.ok_box
	{
	border: 1px solid #159700;
	background: url(../images/icon_ok.gif) no-repeat 10px 50%;
	color: #000000;
	padding-left: 36px;
	}

DIV.radio LABEL
	{
	display: inline !important;
	}
	
DIV.radio INPUT
	{
	margin: 0 10px 0 4px;
	}
	
DIV.viesti
	{
	font-size: 120%;
	margin: 0 0 0.5em 0;
	color: #2d9216;
	}

#tuote_nostot
	{
	border-top: 1px solid #c0c0c0;
	}

#tuote_nostot .nosto
	{
	float: left;
	width: 46%;
	}

#tuote_nostot .nosto_left
	{
	clear: left;
	margin-right: 5%;
	}

#tuote_nostot .nosto img
	{
	float: right;
	display: block;
	margin: 0 0 10px 15px;
	}

#tuote_nostot .nosto p
	{
	font-size: 85%;
	line-height: 150%;
	}

#tuote_nostot .nosto h2
	{
	margin-top: 1.0em;
	}

a.tutustu_tarkemmin1
	{
	background: url(../images/a_tutustu_tarkemmin1.gif);
	width: 141px;
	height: 22px;
	display: block;
	}
	
a.tutustu_tarkemmin1:hover
	{
	background: url(../images/a_tutustu_tarkemmin_act1.gif);
	}

a.tutustu_tarkemmin2
	{
	background: url(../images/a_tutustu_tarkemmin2.gif);
	width: 89px;
	height: 22px;
	display: block;
	}
	
a.tutustu_tarkemmin2:hover
	{
	background: url(../images/a_tutustu_tarkemmin_act2.gif);
	}

#faq_haku
	{
	border-bottom: 1px solid #c0c0c0;
	height: 65px;
	margin-bottom: 15px;
	}

#hae .haku_nappi
	{
	float: left;
	}

#kysymys
	{
	font-size: 90%;
	padding-top: 5px;
	color: #555555;
	float: right;
	}

#faq
	{
	clear: left;
	}

ul.kategoria
	{
	float: left;
	display: block;
	width: 49%;
	}

ul.kategoria li
	{
	position: relative;
	top: 0;
	left: -5px;
	}

ul.kategoria li.kat_h2
	{
	background: none !important;
	padding-left: 0 !important;
	left: 0;
	}
	
ul.kategoria li.kat_h2 h2
	{
	color: #000000 !important;
	}

#kysymykset
	{
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	border-bottom: 1px solid #BFBFBF;
	width: 100%;
	margin: 2px 0 0.5em 0;
	clear: both;
	color: #000000;
	font-size: 90%;
	}

#kysymykset	A
	{
	text-decoration: none;
	}

#kysymykset	A:hover
	{
	text-decoration: underline;
	}

A.piilotettu
	{
	color: #A8A8A8;
	}

#kysymykset TD
	{
	border-top: 1px solid #BFBFBF;
	padding: 4px 8px;
	}
	
#kysymykset TH
	{
	padding: 4px 8px;
	background: #e5eef5;
	text-align: left;
	}

#kysymykset .right
	{
	text-align: right !important;
	}

#kysymykset TR.vastus TD
	{
	padding: 0 8px 8px 8px;
	border: none;
	font-size: 95%;
	}

TD.close
	{
	white-space: nowrap;
	}

#kysymykset TR.vastus TD.close
	{
	text-align: right;
	vertical-align: bottom;
	}
	
#kysymykset TR.vastus TD.close A
	{
	float: right;
	display: block;
	background: url(../images/back_icon.gif) no-repeat 0 60%;
	padding-left: 15px;
	}

#sivutus
	{
	font-size: 95%;
	text-align: center;
	}

#faq_haku
	{
	margin-top: -37px;
	}

#hae
	{
	float: right;
	margin: 0;
	}

#hae INPUT
	{
	float: left;
	}

#hae .hakusanat
	{
	margin-right: 5px;
	width: 150px;
	font-size: 95%;
	padding: 3px 4px !important;
	border: 1px solid #C0C0C0;
	}

#kysymys
	{
	float: right;
	clear: right;
	line-height: 2.5em;
	margin: 0;
	width: 100%;
	text-align: right;
	}

#kysy
	{
	height: 3.0em;
	}
	
#kysy INPUT
	{
	float: left;
	}
	
#kysy .laheta
	{
	clear: left;
	position: relative;
	left: 0;
	top: 25px;
	}

#kysymys_kentta
	{
	width: 250px;
	margin-right: 10px;
	font-size: 95%;
	}

#valitse_kategoria
	{
	display: inline;
	float: left;
	padding-right: 10px;
	}
	
#valitse_kategoria SELECT
	{
	font-size: 85%;
	width: 200px;
	}

P.kiitos
	{
	font-weight: bold;
	float: right;
	}
	
.selected_faq
	{
	padding: 1.0em 2.0em 0 2.0em;
	border: 1px solid #E1E1E1;
	margin: 0 0 1.0em 0;
	}

A.valittu_sivu
	{
	text-decoration: none;
	}

#footer
	{
	clear: both;
	background: url(../images/footer_bg.jpg) no-repeat 50% 0 #9fb5c0;
	padding: 0 0 0 25px;
	height: 80px;
	line-height: 80px;
	font-size: 1.1em;
	color: #3d3d3d;
	}
	
#footer ul li
	{
	list-style-type: none;
	display: inline;
	padding: 0 10px;
	}
	
.image_right
	{
	float: right;
	margin: 0 0 10px 10px;
	}
	
div.hr hr {
	display: none !important;
}

div.hr {
	border-bottom: 1px solid #acacac;
	padding-top: 5px;
	margin-bottom: 20px;
	clear: both;
}

IMG.kuvaus
	{
	position: relative;
	top: -36px;
	}

#kuvaus
	{
 	font-size: 100% !important;
 	width: 340px;
	}

#kuvaus LI
	{
	background: url(../images/dotted2.gif) repeat-x 0 0 !important;
	padding-left: 0 !important;
	margin-top: 15px;
	display: block;
	}

#kuvaus LI span
	{
	display: block;
	padding-top: 10px;
	padding-left: 22px !important;
	}

#kuvaus Li.pallo1 span { background: url(../images/pallo1.gif) no-repeat 0 11px; }
#kuvaus Li.pallo2 span { background: url(../images/pallo2.gif) no-repeat 0 11px; }
#kuvaus Li.pallo3 span { background: url(../images/pallo3.gif) no-repeat 0 11px; } 
#kuvaus Li.pallo4 span { background: url(../images/pallo4.gif) no-repeat 0 11px; } 

.price_box
	{
	width: 100%;
	color: #1a30d3;
	margin: 0;
	font-size: 90%;
	background: url(../images/bg_liuku.gif) repeat-x 0 0;
	}

.price_box_bottom
	{
	padding: 10px 25px 10px 25px;
	}

.price_box_bottom DIV
	{
	padding: 8px 0 8px 0;
	background: url(../images/dotted2.gif) repeat-x 0 0;
	clear: both;
	}

.price_box_bottom DIV.normal
	{
	font-size: 95%;
	color: #333333;
	padding: 4px 0 4px 0;
	}

.price_box_bottom DIV SMALL
	{
	display: block;
	font-weight: normal;
	font-size: 90%;
	}

.price_box_bottom DIV.first
	{
	background: none;
	}

.price_box_bottom .tuote
	{
	float: left;
	}

.price_box_bottom .hinta
	{
	display: block;
	text-align: right;
	}

.case
	{
	border-top: 1px solid #c0c0c0;
	padding-top: 15px;
	}
	
.case_image
	{
	width: 225px;
	float: left;
	border-bottom: 15px solid #ffffff;
	}
	
.case_txt
	{
	/*margin-left: 230px;*/
	}
	
.case_txt ul li
	{
	margin-bottom: 1.0em;
	}
	
.case h3
	{
	margin-bottom: 0.75em;
	}

#main_column
	{
	float: right; 
	display: block; 
	width: 210px; 
	margin-left: 0;
	padding: 14px 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 85%;
	line-height: 1.4;
	background: url(../images/main-column-bg.jpg) no-repeat 50% 0 #e0e0e0;
	}

#main_column h2 {
	text-indent: -2000em;
	height: 32px;
}

#main_column .button {
	text-align: center;
	display: block;
	height: 28px;
	line-height: 27px;
	background: url(../images/main-column-button.jpg) no-repeat 50% 0;
	text-decoration: none;
	font-size: 115%;
}

#main_column .button:hover {
	color: #000000;
}

.kuvitus_index
	{
	float: right;
	display: block;
	margin: 0 0 15px 0
	}

#pika_nostot
	{
	background: url(../images/dotted2.gif) repeat-x 0 0 !important;
	padding-top: 1px;
	clear: both;
	margin: 0 !important;
	}
	
#pika_nostot li
	{
	padding: 0 !important;
	background: transparent !important;
	clear: both;
	margin: 0 !important;
	height: 40px;
	}
	
#pika_nostot li a
	{
	display: block;
	padding: 5px 0 5px 0;
	text-decoration: none;
	color: #cc0018;
	line-height: 1.2em;
	font-size: 110%;
	background: url(../images/dotted2.gif) repeat-x 0 100%;
	float: left;
	width: 240px;
	}
	
#pika_nostot li a:hover
	{
	background: url(../images/dotted2.gif) repeat-x 0 100% #f0f0f0;
	}
	
#pika_nostot li a span
	{
	color: #444444;
	display: block;
	font-size: 85%;
	text-indent: 1.0em;
	}
	
.toiminta_block
	{
	clear: both;
	border-top: 1px solid #c0c0c0;
	padding-top: 25px;
	}

#lang
	{
	position: relative;
	left: 0;
	top: 235px;
	}

#lang A
	{
	float: right;
	white-space: nowrap;
	display: block;
	padding: 0 0 0 25px;
	line-height: 30px;
	height: 30px;
	text-decoration: none;
	color: #000000;
	font-size: 110%;
	}

#lang A:hover
	{
	color: #006aaa;
	}

#fi
	{
	background: url(../images/flag_fi.gif) no-repeat 0 50%;
	}

#eng
	{
	background: url(../images/flag_eng.gif) no-repeat 0 50%;
	}
	
/********** DEMO START **********/

#demo {
	margin-top: 25px;
	clear: both;
	background: url(../images/demo_bg_bottom.jpg) no-repeat 50% 100%;
}

#demo_bg {
	padding: 20px 25px;
	background: url(../images/demo_bg_top.jpg ) no-repeat 50% 0;
}

#demo_contact {
	font-size: 85%;
	height: 65px;
}

#demo_contact .form_item {
	float: left;
	margin-right: 4px;
	width: 158px;
}

#demo_contact .form_item_button {
	width: 60px;
	margin: 0;
	float: right;
}

#demo_contact .form_item_button input {
	float: left;
	clear: left;
	position: relative;
	top: 17px;
}

#demo_contact label {
	float: left;
	height: 18px;
	width: 100%;
}

#demo_contact label span {
	float: left;
}

#demo_contact label small {
	float: right;
	color: #555555;
}

#demo_contact input.input_txt {
	float: left;
	display: block;
	width: 150px;
	margin: 0 !important;
	border: 1px solid #555555;
	background: #ffffff;
	padding: 4px 3px;
	color: #000000;
	font-size: 110%;
}

#demo_ohjeet {
	clear: both;
	display: none;
	height: 65px;
}

#demo_ohjeet h3 {
	margin-bottom: 0.25em;
	font-size: 140%;
}

#demo_ohjeet .big {
	color: #278b13;
}

#demo_screen {
	height: 467px;
	background: url(../images/demo_monitor.jpg) no-repeat 50% 10px;
	clear: both;
	padding-top: 10px;
	font-size: 120%;
	line-height: 175%;
}

#demo_screen_content {
	padding: 65px 75px;
}

#demo_screen_content b {
	color: #0870c1;
}

#demo_screen_content .animation_mobile {
	float: right;
	display: block;
	margin: 0 0 5px 5px;
}

#demo_message p {
	margin: 10px 0 10px 0 !important;
	font-size: 85%;
}

/********** DEMO END **********/