html {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Trebuchet MS";
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	margin: 0;
	padding: 0;
	background-image: url(pics/bg5.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
em {
	font-weight:normal;
	color:#666666;
}
ol {
	font-weight:bold;
}
ul {
	margin-bottom: 25px;
	margin-top: -5px;
	float: none;
}
li {
	margin-top: 2px;
}
hr {
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin: 0px;
}
h1 {
	font-size: 26px;
	font-weight: bold;
	color: #0E6BA9;
	margin-bottom: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
h2 {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
}
h3 {
	font-size: 20px;
	font-weight: bold;
	color: #0264A3;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
}
h4 {
	font-size: 15px;
	font-weight: bold;
	color: #0E6BA9;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
}
p {
	line-height: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
}
.style9 {
	color: #FFFFFF
}
.style12 {
	font-size: 10px;
}
a:link, a:visited {
	font-weight: bold;
	color: #1B6CA9;
}
a:hover {
	text-decoration: underline;
	color: #3DA0EB;
}
a:active {
	color: #0066FF;
	text-decoration: underline;
}
.button {
	font-size: 14,5px;
	font-weight: normal;
	color: #FFFFFF;
	height: 58px;
	line-height: 58px;
	text-decoration: none;
	float: left;
}
.button_selected {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	height: 58px;
	line-height: 58px;
	text-decoration: none;
	float: left;
}
.button_selected a:link, .button_selected a:visited, .button_selected a:hover {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 25px;
	padding-left: 25px;
	background-image: url(pics/hover_btn.png);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
}
.button a:link, .button a:visited {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
}
.button a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(pics/hover_btn.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 1px;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
}
#flagholder {
	margin-top:40px;
	float:right;
}
#logoholder {
	float:left;
}
.flag {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	float: right;
	line-height: 24px;
	height: 14px;
	padding-right: 6px;
	padding-top: 10px;
}
.news {
	width: 200px;
	line-height: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(pics/maintop.png);
	background-repeat: repeat-x;
	background-position: top;
}
.news_no_bg {
	width: 200px;
	line-height: normal;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #bbbbbb;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: both;
	
}
/* specific divs */

#banner {
	height: 75px;
	width: 955px;
	line-height: 10px;
	float: left;
	padding-left: 5px;
	padding-top: 10px;
}
.banner_header {
	font-size: 40px;
	text-transform: uppercase;
	font-weight: bold;
	height: 85px;
	width: 800px;
	background-image: url(pics/banner_header.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 30px;
}
.product_navi {
	height: 30px;
	width: 100px;
	display: block;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 135px;
}
#covers {
	position: relative;
	top: -106px;
	left: 3px;
}
#navigation {
	height: 58px;
	width: 952px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	padding-left: 8px;
}
#content {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}
#wrap {
	width: 940px;
	background-repeat: repeat-y;
	background-position: center top;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(pics/bg_content.png);
}
.ingress_vanha {
	width: 480px;
	line-height: 22px;
	margin-left: 63px;
}
.ingress2 {
	padding-left: 63px;
	width: 460px;
	padding-top: 80px;
	line-height: 18px;
}
.ingress {
	padding-left: 63px;
	width: 480px;
	padding-top: 70px;
	line-height: 18px;
}
#main_banner {
	width: 940px;
	background-image: url(pics/bg_banner_eng2.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 20px;
	background-position: center center;
	float: left;
	height: 154px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 20px;
}
#main_banner_fin {
	width: 940px;
	background-image: url(pics/bg_banner_fin2.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 20px;
	background-position: center center;
	float: left;
	height: 154px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 20px;
}
#vision_banner {
	width: 940px;
	background-image: url(pics/vision_banner2.jpg);
    background-repeat: no-repeat;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 20px;
	background-position: center center;
	float: left;
	height: 154px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 20px;
}
#kellokas_banner {
	width: 940px;
	background-image: url(pics/kellokas_banner2.jpg);
    background-repeat: no-repeat;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 20px;
	background-position: center center;
	float: left;
	height: 154px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 20px;
}
#jrek_banner {
	width: 940px;
	background-image: url(pics/jrek_banner2.jpg);
    background-repeat: no-repeat;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 20px;
	background-position: center center;
	float: left;
	height: 154px;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-top: 20px;
}
#kong_banner {
	width: 940px;
	background-image: url(pics/kongressi_banner2.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 20px;
	background-position: center center;
	float: left;
	height: 154px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 20px;
}
#kong_banner_vanha {
	width: 940px;
	background-image: url(pics/kongressi_banner.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 20px;
	background-position: center center;
	float: left;
	height: 140px;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-top: 100px;
}
#main_news {
	width: 220px;
	float: left;
	padding-left: 32px;
	margin-right: 20px;
}
#news_bar_header {
	height: 31px;
	background-image: url(pics/bg_news_bar.png);
	color: #FFFFFF;
	line-height: 25px;
	font-weight: bold;
	padding-left: 10px;
	width: 210px;
	font-size: 13px;
}
.news_header {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
}
#main_content {
	background-position: top;
	float: left;
	width: 860px;
	background-image: url(pics/maintop.png);
	background-repeat: repeat-x;
	padding: 10px;
	margin-left: 20px;
}
#index_content {
	float: left;
	width: 640px;

}
#main_footer {
	width: 940px;

	background-image: url(pics/footer.png);
	background-position: center top;
	background-repeat: no-repeat;
	float: left;
	padding-top: 25px;
	padding-right: 10px;
	font-size: 11px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
}
.PartnersInfoFrame {
	float:left;
	padding-bottom:10px;
	padding-top:10px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E5E5E5;
}
.CoverFrame {
	float: left;
	width: 170px;
	height: 260px;
	padding-right: 20px;
	padding-left: 10px;
	font-size: 14px;
	color: #999999;
	line-height: 20px;
}
.news_date {
	font-size: 12px;
	font-weight: bold;
	color: #0066CC;
}
.note {
	font-size: 16px;
	font-weight: bold;
	color: #4376B8;
	line-height: 20px;
}
.news_text {
	font-size: 11px;
	color: #000000;
}
.product_sheet {
	padding: 0px;
	width: 200px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin-left: 5px;
}
.contact_sheet_frame {
	width: 840px;
	float: left;
	margin-bottom: 15px;
}
.contact_sheet {
	width: 280px;
	float: left;
}
#sub_content {
	background-position: left top;
	background-image: url(pics/maintop.png);
	background-repeat: repeat-x;
	width: 840px;
	padding-bottom: 22px;
	float: left;
	margin-right: 30px;
	margin-left: 30px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#visio_navi {
	background-position: left top;
	background-image: url(pics/visio_navi_bg_repeat3.png);
	background-repeat: repeat-x;
	width: 860px;
	padding-bottom: 0px;
	float: left;
	padding-left: 20px;
	padding-top: 9px;
	font-size: 14,5px;
	height: 31px;
	font-weight: normal;
	color: #FFFFFF;
	margin-left: 30px;
}
#visio_navi a:link, #visio_navi a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
#visio_navi a:hover {
	text-decoration: underline;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
}
#sheet_holder {
	padding: 0px;
	width: 890px;
	height: 320px;
	margin: 30px 0 0 -10px;
}
.pic_holder {
	padding: 0px;
	float: right;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 5px;
}
.pic_holder2 {
	padding: 0px;
	float: right;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 5px;
}
.kon_pic_holder
{
    width: 391px;
    height: 382px;
    float: right;
}
.palveluhinnasto {
	width: 520px;
	float: left;
}
.palveluhinnasto_teksti {
	width: 670px;
	float: left;
	margin-top: 10px;
	font-size: 11px;
}
.pic_holder_wide {
	padding: 0px;
	width: 567px;
	margin-bottom: 20px;
}
#main_banner_rus {
	width: 940px;
	background-image: url(pics/bg_banner_rus2.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 20px;
	background-position: center center;
	float: left;
	height: 154px;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-top: 20px;
}
.index_content_header {
	float:left;
	width: 570px;
	padding-left: 10px;
	margin-bottom: 20px;
}
.index_cover_frame {
	float:left;
	width: 200px;
}
.index_cover_image {
	float:left;
	width: 170px;
	height: 240px;
	margin-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
.index_cover_image_eng {
	float:left;
	width: 170px;
	height: 240px;
	margin-top: 10px;
	padding-right: 205px;
	padding-left: 205px;
}
.index_cover_text {
	float:left;
	width: 160px;
	font-size: 15px;
	color: #333333;
	height: 160px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: normal;
	line-height: 21px;
}
.index_cover_text_eng {
	float:left;
	width: 380px;
	font-size: 20px;
	color: #666666;
	height: 160px;
	padding-top: 20px;
	font-weight: normal;
	padding-right: 140px;
	padding-left: 120px;
	background-image: url(pics/index_cover_text.png);
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 25px;
}
.style13 {
	color: #EAAB4C
}
.style14 {
	color: #E5D007
}
.style15 {
	color: #6BAB79
}
.style18 {
	color: #B97697
}
.style19 {
	color: #000000
}
.kongressi a:link, .kongressi a:visited{
	color: #5EB832;
}
.kongressi h1{
	color: #5EB832;
}
.jrekisteri a:link, .jrekisteri a:visited{
	color: #D4BC04;
}
.jrekisteri h1{
	color: #D4BC04;
}

.kellokas a:link, .kellokas a:visited{
	color: #B91A1F;
}
.kellokas h1{
	color: #B91A1F;
}
.style21 {
	font-size: 16px;
	color: #333333;
	font-weight: normal;
}
.jasenalkuteksti
{
    width: 460px;
    float: left;
}

.jasenpic_holder
{
   float: right;
    width: 374px;
    height: 195px;
    position: relative;
    z-index: 10;
    top: 40px;
    left: 25px; 
}
.konpic_holder
{
   float: right;
    width: 120px;
    height: 180px;
}

.kon_ilmopic_holder
{
    float: left;
    width: 423px;
    height: 180px;
    margin-left: 130px;
    
}

.jasenteksti
{
    
    clear: both;
    width: 821px;
    background: url(pics/jasenshadow.jpg) repeat-x;
    padding: 10px 0 0 20px;
  
}

.jasenpienikuva
{
    float: left; 
   width: 92px;
   margin-top: 30px;
   clear: both;
    
}

.jasenominaisuudet
{
    float: left;
    width: 700px;
    margin-top: 30px;
}

.jasenominaisuudet h2
{
    background: url(pics/jasengrey.gif) no-repeat;
    width: 210px;
    height: 38px;
    padding: 7px 0 0 10px;
}

.jasenlisatiedot
{
    float: left;
    width: 200px;
    margin: 50px 0 0 10px;
    clear: both;
}

.jasenkongressi
{
    background: url(pics/jasenbox.jpg) no-repeat;
    width: 391px; 
    height: 128px;
    float: right;
    padding: 15px;
    margin: 30px 0 0 0;
}

.k_menu
{
    width: 880px;
    margin-left: 30px;
    float: left;
}
   

.jrek_yellow
{
    background: url(pics/jrek_linkkipalkki.png) repeat-x;
  	background-repeat: repeat-x;
	width: 880px;
	padding-bottom: 0px;
	float: left;
	padding-left: 0px;
	padding-top: 9px;
	font-size: 14,5px;
	height: 31px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 30px;
   
    
}

.kon_green a, .jrek_yellow a
{
    color: #ffffff;
    text-decoration: none;
}

.kon_green a:hover, .jrek_yellow a:hover
{
    color: #ffffff;
   text-decoration: underline;
}

.jrek_yellow_pieni
{
    background: url(pics/jrek_yellow_pieni.jpg) no-repeat;
    width: 29px;
    height: 29px;
    float: left;
    margin-bottom: 5px;
}

.kon_seuraavalinkki
{
    float: left;
    margin-right: 30px;
}

.kon_linkit
{
   float: left;
    clear: both;
    margin: 40px 0 0 0; 
    width: 800px;
}

.tuoteotsikko
{
    
   padding-left: 35px;
    
   
}

.tuoteotsikko a
{
    color: #333333;
     text-decoration: none;
     font-size: 20px;
     font-weight: bold;
     font-family: "Trebuchet MS";
}

.tuoteteksti
{
    font-size: 13px;
    width: 200px;
    display: inline-block;
    margin-left: 0px;
}

.ilmolist
{
    width: 270px;
    float: left;
 
}

.text
{
    float: left;
    clear: both;
    width: 850px;
}

.text_ilmo
{
    float: left;
    clear: both;
    width: 660px;
}

.mainokset
{
    width: 900px; 
    float: left;
    margin-left: 30px;
    margin-top: 20px;
}

.mainosviiva
{
    border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #bbbbbb;
	width: 860px;
	margin-left: 30px;
	height: 10px;
	float: left;
	margin-top: 5px;
}

.etusivukuva
{
    background: url(pics/etusivukuva1.jpg) no-repeat;
    width: 895px;
    height: 254px;
    float: left;
    margin-left: 30px;
    color: #ffffff;
}

.etusivuvisio
{
    
}


.vinkki
{
    float: left;
    clear: both;
}

.vinkkijavastaus
{
    float: left;
    width: 510px;
    
  
}


.kongressi_vinkki
{
    width: 220px;
    height: 97px;
    color: #ffffff;
    font-weight: bold;
}

.vinkkimenu
{
    float: left;
    clear: both;
    width: 330px;
}

a.h:hover
{   
    text-decoration: underline;
}
a.h
{   
    text-decoration: none;
}

a#current
{
    color: #000000;
}

.tapahtuma
{
    float: left;
    clear: both;
    margin-top: 10px;
   /* border-bottom: dashed 1px #bbbbbb;*/
    padding-bottom: 30px;
    padding-top: 10px;
    width: 600px;

}

.tapahtumakuva
{
    float: left;
    width: 200px;
    text-align: center;
}

.tapahtumateksti
{
    float: left;
}

.vinkki_ads
{
    float: left;
    width: 180px;
    margin-top: 40px;
}

.letter
{
    background: url(pics/letter.jpg) no-repeat;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 4px;
  
}

.vinkkikuva
{
    margin: 0 0 0 5px;
    float: left;
    width: 280px;
}

.lamppu
{
    
    width: 220px;
    height: 97px;
    float: left;
}

.kong_kuva
{
    float: left;
    width: 170px;
    background: url(pics/Ilmoittautumislomake-Ilmoittautumisjarjestelma.png) no-repeat;
    height: 616px;
}

.kong_text
{
    float: left;
    width: 670px;
}

.menuvinkki
{
    width: 280px; 
    margin-left: 5px;
    float: left;
    clear: both;
    padding: 5px 0;
    
   
}

.menuvinkki_viiva
{
    width: 280px; 
    margin-left: 5px;
    float: left;
    clear: both;
}

.k_menu_green_left
{
    background: url(pics/k_menu_green_left.png) no-repeat; 
    width: 6px; 
    height: 29px; 
    float: left;
}

.k_menu_green_right
{
    background: url(pics/k_menu_green_right.png) no-repeat; 
    width: 6px; 
    height: 29px; 
    float: left;
    margin-right: 1px;
}

.k_menu_green_center
{
    background: url(pics/k_menu_green_center.png) repeat-x;  
    height: 27px; 
    float: left;
    text-decoration: none;
    padding: 2px 5px 0 5px;
    margin-bottom: 1px;
}

.k_menu_grey_left
{
    background: url(pics/k_menu_grey_left.png) no-repeat; 
    width: 6px; 
    height: 29px; 
    float: left;
}

.k_menu_grey_right
{
    background: url(pics/k_menu_grey_right.png) no-repeat; 
    width: 6px; 
    height: 29px; 
    float: left;
    margin-right: 1px;
}

.k_menu_grey_center
{
    background: url(pics/k_menu_grey_center.png) repeat-x; 
    height: 27px; 
    float: left;
     padding: 2px 5px 0 5px;
    margin-bottom: 1px;
}

.k_linkki
{
    text-decoration: none;
    color: #ffffff !important;
    
}


.kon_green
{
	background-position: left top;
	background-image: url(pics/kongressi_linkkipalkki3.png);
	background-repeat: repeat-x;
	width: 880px;
	padding-bottom: 0px;
	float: left;
	padding-left: 0px;
	padding-top: 9px;
	font-size: 14,5px;
	height: 31px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 30px;
}


.kon_green_link
{
    float: left;
    padding: 0 10px 0 10px;
    
}



.kbutton{

	height:29px;
	background-position: center bottom;
	border:none;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 13px;
	font-family: Trebuchet MS;
	font-weight: bold;
	margin-bottom: 2px;
}

.clear {  generic container (i.e. div) for floating buttons
    overflow: hidden;
    width: 100%;
}
a.kbutton {
	display: block;
	float: left;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	background-color: transparent;
	background-image: url(pics/kong_oikeamenu.png);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 19px;
	padding-right: 10px;
	outline: none;
	color: #FFFFFF;
	margin-right: 1px;
	height: 29px;
}
a.kbutton span {

	display: block;
	line-height: 19px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 10px;
	background-image: url(pics/kong_vasenmenu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

 a.kbutton:hover, a.button:active {
	text-decoration: none;
	background-position: right -30px;
	outline: none;
}
a.kbutton:hover span{
	background-position: left -30px;
	display: block;
}


a.kbutton:active span{
	padding-top: 4px;
	display: block;
	color: #F5F5F5;
}

body#vinkit_sivu a#vinkit, 
body#ominaisuudet_sivu a#ominaisuudet, 
body#otayhteytta_sivu a#otayhteytta, 
body#ilmo_sivu a#ilmo, 
body#hinnasto_sivu a#hinnasto, 
body#kongressi_sivu a#kongressi,
body#referenssit_sivu a#referenssit
{

		text-decoration: none;
	background-position: right -30px;
	outline: none;
}

body#vinkit_sivu a#vinkit span, 
body#ominaisuudet_sivu a#ominaisuudet span, 
body#otayhteytta_sivu a#otayhteytta span, 
body#ilmo_sivu a#ilmo span, 
body#hinnasto_sivu a#hinnasto span, 
body#kongressi_sivu a#kongressi span,
body#referenssit_sivu a#referenssit span
{

		background-position: left -30px;
	outline: none;
}



.j_menu
{
    width: 880px;
    margin-left: 30px;
    float: left;
}

.jbutton{

	height:29px;
	background-position: center bottom;
	border:none;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 13px;
	font-family: Trebuchet MS;
	font-weight: bold;
	margin-bottom: 2px;
}

.clear {  generic container (i.e. div) for floating buttons
    overflow: hidden;
    width: 100%;
}
a.jbutton {
	display: block;
	float: left;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	background-color: transparent;
	background-image: url(pics/jas_oikeamenu.png);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 19px;
	padding-right: 10px;
	outline: none;
	color: #FFFFFF;
	margin-right: 1px;
	height: 29px;
}
a.jbutton span {

	display: block;
	line-height: 19px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 10px;
	background-image: url(pics/jas_vasenmenu.png);
	background-repeat: no-repeat;
	background-position: left top;
}

 a.jbutton:hover, a.button:active {
	text-decoration: none;
	background-position: right -30px;
	outline: none;
}
a.jbutton:hover span{
	background-position: left -30px;
	display: block;
}


a.kbutton:active span{
	padding-top: 4px;
	display: block;
	color: #F5F5F5;
}

body#jasenrekisteri_sivu a#jasenrekisteri, 
body#jhinnasto_sivu a#jhinnasto, 
body#jotayhteytta_sivu a#jotayhteytta 

{

		text-decoration: none;
	background-position: right -30px;
	outline: none;
}

body#jasenrekisteri_sivu a#jasenrekisteri span, 
body#jhinnasto_sivu a#jhinnasto span, 
body#jotayhteytta_sivu a#jotayhteytta span

{

		background-position: left -30px;
	outline: none;
}

.referenssi_logo
{
    float: left;
    width: 112px;
    
}

#products
{
    margin-left: 70px;
    width: 870px;
}

#products div {
	margin:0 20px 10px 0;	
	
}

.description {
	background: transparent); 
 	width: 878px;
 	height: 353px;
 	float: left;
 	display:none;
 	padding: none;
 	margin-left: 30px;
}

.index_kongressi {
	background: url(../pics/Kongressi_Tapahtumanhallinta.png); 
 	width: 878px;
 	height: 353px;
 	float: left;

}

.index_visio {
	background: url(../pics/Visio_Ratkaisu_palvelutelevisiotoimintaan.png); 
 	width: 878px;
 	height: 353px;
 	float: left;

}

.index_jasenrekisteri {
	background: url(../pics/Jasenrekisteri_Jasenten_hallinta.png); 
 	width: 878px;
 	height: 353px;
 	float: left;

}

.index_naytateksti{
    margin: 140px 0 0 50px;
    width: 350px;
    font-size: 13px;
}

.index_visiologo
{
 float: left;
 width: 250px;

}

.index_kongressilogo
{
 float: left;
 width: 250px;
 margin-left: 30px;
}

.index_jasenrekisterilogo
{
 float: left;
 width: 250px;
 margin-left: 30px;
}

.index_isoviiva
{
    width: 878px;
    background: url(../pics/index_isoviiva.png); 
    float: left;
    height: 144px;
    margin-left: 30px;
}

.index_isoviiva_vali
{
    width: 6px;
    background: url(../pics/index_isoviiva_vali.png); 
    float: left;
    height: 144px;
    margin-left: 30px;
}

.index_isoviiva_osa
{
width: 150px;
float: left; 
margin: 20px 0 0 40px;
}

.index_isoviiva_otsikko
{
    color: #000; 
    margin-bottom: 10px; 
    font-size: 14px;
}

.ref_center
{
    background: url(../pics/ref_center.png) repeat-y; 
    width: 696px;
    float: left;
    height: 120%;
}

.ref_top
{
    background: url(../pics/ref_top.png) no-repeat; 
    width: 696px;
    float: left;
    height: 109px;
}

.ref_bottom
{
    background: url(../pics/ref_bottom.png) no-repeat; 
    width: 696px;
    float: left;
    height: 27px;
}

.comment

{
    float: left;
    clear: both;
    margin-top: 40px;
    width: 450px;
}

.menuvinkki_viiva2

{
    border-bottom: 1px solid #e3e3e3;
    width: 280px;
}

.boldlink

{
    color: Black;
}

#aswift_1
{   
    display: none;
}

.laheta, .laheta:visited
{
    background: url(../pics/btn-laheta.jpg) no-repeat;
    width: 232px;
    height: 41px;
    border: none;
}

.laheta:hover
{
      background: url(../pics/btn-laheta-hover.jpg) no-repeat;
    width: 232px;
    height: 41px;
    border: none;
   
}

#REVEmail
{
    color: #8e1a1a;
}

.index_eng
{
    float: left;
    clear: both;
    width: 878px;
    height: 353px;
    background: url(../pics/Visio-crm-marketing-for-paytv.png) no-repeat;
    margin: 0 0 0 30px;
}