/* tekstit alku */

body {
/*font-size: 13px;*/
font: 87.5%/1.4 Georgia, serif;
}

/*HEADLINES*/

H1 {
font-family: Georgia, serif;
font-size: 270%; /* 36px; */
/*line-height: 38px;*/
line-height: 110%;
color: #382b1c;
clear:both;
margin-top:15px;
margin-bottom:6px;
font-weight:normal;
}

H1 a {
font-family: inherit;
font-size:inherit;
color: inherit;
font-weight: inherit; 
line-height: inherit;
}


H2 {
font-family: Arial;
font-size: 30px;
line-height: 32px;
color: #382b1c;
font-weight: bold;
margin-top:10px;
margin-bottom:6px;
}

H2 a {
font-family: inherit;
font-size:inherit;
color: inherit;
font-weight: inherit; 
line-height: inherit;
}


H3 {
font-family: Georgia, serif;
/*font-size: 22px;*/
font-size: 170%;
line-height: 110%;
/*line-height: 24px;*/
color: #382b1c;
font-weight: normal;
margin-bottom:6px;
}

H3 a {
font-family: inherit;
font-size:inherit;
color: inherit;
font-weight: inherit; 
line-height: inherit;
}


H4 {
font-family: Arial;
font-size:160%; 
line-height: 26px;
color: #382b1c;
font-weight: bold;
}

H4 a {
font-family: inherit;
font-size:inherit;
color: inherit;
font-weight: inherit; 
line-height: inherit;
}

H5 {
font-family: Arial;
font-size:18px;
line-height: 26px;
color: #382b1c;
font-weight: bold;
margin-bottom:3px;
}

H5 a {
font-family: inherit;
font-size:inherit;
color: inherit;
font-weight: inherit; 
line-height: inherit;
}

H6 {
font-family: Arial;
font-size:12px;
color: #382b1c;
font-weight: bold; 
text-transform:uppercase;
line-height:21px;
margin:0;
}

H6 a {
font-family: inherit;
font-size:inherit;
color: inherit;
font-weight: inherit; 
line-height: inherit;
}



/* TEXT*/

.text-introduction {
font-family: Georgia;
font-size: 12px;
line-height: 15px;
color: #382b1c;
font-weight: bold;
}

.regular-text {
font-family: Georgia;
font-size: 13px;
/*line-height: 15px;*/
color: #382b1c;
}

.right-coulmn-text {
font-family: Arial;
font-size: 12px;
line-height: 15px;
color: #382b1c;
}

.right-coulmn-text_black {
font-family: Arial;
font-size: 12px;
/*line-height: 14px;*/
color: #eee;
}

.small-text {
font-family: Arial;
font-size: 12px;
/*line-height: 14px;*/
color: #382b1c;
}

.mini-text {
font-family: Tahoma;
font-size: 11px;
/*line-height: 13px;*/
color: #382b1c;
}

.juuri-nytt-red {
font-family: Arial;
font-size: 11px;
color: #c20d18;
font-weight:bold;
vertical-align:top;
}

.juuri-nytt {
font-family: Arial;
font-size: 11px;
color: #382b1c;
vertical-align:top;
font-weight:bold;
}

.juuri-nytt a {
font-family: Arial;
font-size: 11px;
color: #382b1c;
vertical-align:top;
}

.smal-tag-text {
font-family: Tahoma;
font-size: 10px;
line-height: 12px;
color: #8f8682;
text-transform:uppercase;
}


.uppdated {
font-family: Arial;
font-size: 10px;
line-height: 12px;
color: #382b1c;
}

.caption {
font-family: Arial;
font-size: 11px;
line-height: 13px;
color: #8f8682;
}

.small-headline-on-black {
font-family: Arial;
font-size: 11px;
line-height: 13px;
color: #DDDDDD;
font-weight: bold;
}

.small-text-on-black {
font-family: Arial;
font-size: 11px;
line-height: 13px;
color: #DDDDDD; 
}

.text-on-black {
font-family: Arial;
font-size: 12px;
line-height: 13px;
color: #DDDDDD; 
}

.comment-on-black {
font-family: Arial;
font-size: 12px;
line-height: 13px;
color: #a9a9a9; 
}

.feature-tag {
font-family: Tahoma;
font-size: 10px;
line-height: 12px;
color: #52afcd;
}

.lifestyle-tag {
font-family: Tahoma;
font-size: 10px;
line-height: 12px;
color: #f89801;
}

/*
.news-tag {
font-family: Tahoma;
font-size: 10px;
line-height: 12px;
color: #c20d18;
text-transform:uppercase;
}
*/

.news-tag {
font-family: Arial;
font-size: 11px;
color: #c20d18;
text-transform:uppercase;
}

.right-coulmn-text-datetime {
font-family: Arial;
font-size: 10px;
color: #8f8682;
}

.headline-lifestyle-box {
font-family: Arial;
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
}

.forum_headline {
font-family: Arial;
font-size:13px;
color: #382b1c;
font-weight: bold; 
}

/*ARTICLE PAGE*/

.text-fact-headline {
font-family: Arial;
font-size:13px;
line-height: 16px;
color: #382b1c;
}

.text-fact {
font-family: Arial;
font-size:11px;
line-height: 14px;
color: #382b1c;
}

.text-author {
font-family: Georgia;
font-size: 12px;
line-height: 15px;
color: #382b1c;
font-weight: bold;
}

.comment-headline {
font-family: Arial;
font-size:11px;
line-height: 14px;
color: #8f8682;
font-weight: bold;
}

.comment-text {
font-family: Arial;
font-size:11px;
line-height: 14px;
color: #8f8682;
}

.button-send {
font-family: Tahoma;
font-size:11px;
line-height: 14px;
color: #FFFFFF;
}

.comment-time {
font-family: Arial;
font-size:11px;
line-height: 14px;
color: #8f8682;
}



/* SUB-PAGES */
.pelit-headline {
	font-family: Arial Black;
	font-size: 60px;
	color: #CC0414;
	line-height:40px;
	vertical-align:top;
	margin-bottom:15px;
	margin-left:-3px;
	
}

.lyhyesti-news {
	font-family: Georgia;
	/*
	font-size: 24px;
	color: #CC0414;
	*/
	
	font-size: 22px;
	line-height: 24px;
	color: #382b1c;
	
}

.headline-13222 {
	font-family: Arial;
	font-size: 28px;
	color: #382b1c;
	font-weight: bold;
}

.headline-13222-small {
	font-family: Arial;
	font-size: 22px;
	color: #382b1c;
	font-weight: bold;
}

.text-bold {
	font-family: Georgia;
	font-size: 12px;
	color: #382b1c;
	font-weight: bold;
}

.headline-theme {
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-transform:uppercase;
	
}


/*LINKS*/

a.link-arial-12 {
font-family: Arial;
font-size: 11px;
line-height: 15px;
color: #0871b9;
text-decoration:none;
}

a:hover.link-arial-12 {
font-family: Arial;
font-size: 11px;
line-height: 15px;
color: #4aacef;
cursor:pointer;
}

a.link-arial-12-onblack {
font-family: Arial;
font-size: 11px;
line-height: 15px;
color: #33c1ff;
text-decoration:none;
}

a:hover.link-arial-12-onblack {
font-family: Arial;
font-size: 11px;
line-height: 15px;
color: #66d1ff;
cursor:pointer;
}


a.link-arial-13 {
font-family: Arial;
font-size: 12px;
line-height: 15px;
color: #0871b9;
text-decoration:none;
}

a:hover.link-arial-13 {
font-family: Arial;
font-size: 12px;
line-height: 15px;
color: #4aacef;
cursor:pointer;
}

a.icon-link {
font-family: Tahoma;
font-size: 10px;
line-height: 27px;
color: #0871b9;
}

a:hover.icon-link {
font-family: Tahoma;
font-size: 10px;
line-height: 27px;
color: #4aacef;
cursor:pointer;
}

a.comments-link {
font-family: Tahoma;
font-size: 10px;
line-height: 12px;
color: #0871b9;
}

a:hover.comments-link {
font-family: Tahoma;
font-size: 10px;
line-height: 12px;
color: #4aacef;
}

a { /* :link */
font-family: Georgia;
font-size: 12px;
line-height: 15px;
color: #0871b9;
text-decoration:none;
cursor:pointer;
}

a:hover {
/*
font-family: Georgia;
font-size: 12px;
line-height: 15px;
*/
color: #4aacef;
}

a.tab-right-column {
font-family: Arial;
font-size: 11px;
line-height: 13px;
color: #382b1c;
}

a:hover.tab-right-column {
font-family: Arial;
font-size: 11px;
line-height: 13px;
color: #4aacef;
}

.tab-menu-link {
font-family: Arial;
font-size: 11px;
/*line-height: 12px;*/
color: #0871b9;
text-transform:uppercase;
cursor:pointer;
}
a:hover.tab-menu-link {
font-family: Arial;
font-size: 11px;
/*line-height: 12px;*/
color: #4aacef;
}

.tab_time {
font-family: Arial;
font-size: 12px;
line-height: 15px;
color: #382b1c;
}

a.tab {
font-family: Arial;
font-size: 12px;
line-height: 15px;
color: #382b1c;
}
a:hover.tab {
font-family: Arial;
font-size: 12px;
line-height: 15px;
color: #0871b9;
}

a.link-bold-arial {
font-family: Arial;
font-size: 11px;
line-height: 15px;
color: #0871b9;
font-weight:bold;
}

a:hover.link-bold-arial {
font-family: Arial;
font-size: 11px;
line-height: 15px;
color: #4aacef;
}

a.blogit {
font-family: Georgia;
font-size: 11px;
line-height: 14px;
color: #382b1c;
}
a:hover.blogit {
color: #0871b9;
}

a.white-link {
font-family: Arial;
font-size: 11px;
line-height: 15px;
color: #FFFFFF;
}

a:hover.white-link {
font-family: Arial;
font-size: 11px;
line-height: 15px;
color: #000000;
}

a.button-text {
	font-family: Arial;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
}

.headline-theme a {
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-transform:uppercase;
	
}

.headline-theme a:hover {
	text-decoration:none;
}

/*FOOTER*/

.footer-headline-lifestyle {
font-family: Arial;
font-size: 16px;
color: #382b1c;
font-weight: bold;
}

.footer-headline-lifestyle-news-13 {
font-family: Arial;
font-size: 13px;
color: #382b1c;
font-weight: bold;
}

.footer-headline-lifestyle-news-11 {
font-family: Arial;
font-size: 11px;
color: #382b1c;
font-weight: bold;
}

.footer-headline-contacts {
font-family: Tahoma;
font-size: 11px;
color: #382b1c;
}


#calendar { width:140px; background-color: #f5f5f4 }
#calendar td { font-family: arial, sans-serif; font-size: 11px; border-left: 1px solid #e7e6e4; border-bottom: 1px solid #e7e6e4; text-align:center  }
#calendar a {  }
#calendar a.navmonth { color: #FFFFFF; font-weight: bold;}
#calendar ##change_form_container { text-align:right; } /* form to change month/year */
#calendar ##change_form_container form { margin:0; padding:0; }
#calendar .day-all { width: 14%; } /* applied to every day */
#calendar .day-current { background-color: #cddfea; color: #0871b9 } /* only applied to current day */
#calendar .day-notcurrent { color: #8f8682; } /* applied to all days except current */
#calendar .day-passed { color: #cbcbcb; } /* applied to all days except current */
#calendar .day-digit {  } /* applied to the number of the day for each day */
#calendar .header { background-color: #717171; color: #FFFFFF; font-size: .95 em; font-weight: bold; text-align: center; } /* prev/next links; current month and year */
#calendar .subheader { background-color: #e7e6e4; color: #8f8682; text-align: center; border:0} /* monday - friday */

/* FORMS */
.kalevafi_input {
font-family: Arial;
font-size: 12px;
color: #111;
background-color:#edece7;
border:0;
padding:2px;
width:480px;
}

.white_input {
font-family: Arial;
font-size: 12px;
color: #111;
background-color:#fff;
border:1px solid #edece7;
padding:4px;
width:250px;
}

.white_input_mini {
font-family: Arial;
font-size: 11px;
color: #111;
background-color:#eee;
border:1px solid #edece7;
padding:1px;
width:90px;
}

body.mceContentBody{
  background: #edece7;
  
}

/* tekstit loppu */


/* oikotie */

.otLink a {
font-family: Arial;
font-size: 11px;
}

/* oikotie */



/* 
  ------------------------------------
  PVII Menu CSS Express Drop-Down Menu
  by Project Seven Development
  www.projectseven.com
  ------------------------------------
*/

/* menu alku */

#menuwrapper {
	/*
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #909090;
	background-image: url(images/p7exp_mbar.jpg);
	background-repeat: repeat-x;
	/*

	/*width:3px;*/
    
    /*display:inline;*/
    /*float:left;*/
    margin:0;
	/*padding-left:10px; padding-right:10px;*/
	float:left;
	height:26px;

}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#p7menubar {
	
	/*background-image:url(images/kaleva_fi_taustoja.png);*/
}
#p7menubar, #p7menubar ul {
	/*
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	*/
	
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Tahoma;
	font-size: 10px;
	line-height: 24px;
	
	text-transform:uppercase;
	color: #0473bb;
		
	
}
#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	font-family: Tahoma;
	font-size: 10px;
	color: #0871b9;
	text-transform:uppercase;
	
	
	/*border-right: 1px solid #333;
	font-size: .85em;
	color: #CCCCCC;
	*/
}
#p7menubar a.trigger {
	/*padding: 5px 16px 5px 10px;
	background-repeat: no-repeat;
	background-position: right center;*/
	background-position:0 -180px;
	
}
#p7menubar li {
	float: left;
	border-right: 1px solid #d6d6d6;
	margin-left:-1px;
			
}
#p7menubar li {position: relative;}



/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
	
}
#p7menubar ul li a  {
	color: #0473bb;
	border-right: 0;
	
}
#p7menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-bottom: 1px solid #d6d6d6;
	
	background-repeat: repeat-x;
	/*background-image:url(images/kaleva_fi_taustoja.png);*/
	border-top: 1px solid #e7e7e5;
	
}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	/*
	color: #000000;*/
	background-color: #f9f9f9;
	
	background-position:-28px -70px;
	color: #8f8682;
	cursor:pointer;
	
	
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
	
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	
	background-color: transparent;
	border-left: 1px solid #d6d6d6;
	color: #0871b9;
}
#p7menubar ul a:hover {
	background-color: #f6f7f2!important;
	color: #333 !important;
	
}

#kaleva_menu_0 span {
    /*width:3px;*/
    height:26px;
    /*display:inline;*/
    float:left;
    background-image:url(/images/kaleva_fi_taustoja.png);
    margin:0;
	padding-left:10px; padding-right:10px;
}

#kaleva_menu_1 span {
    /*width:3px;*/
    height:32px;
    /*display:inline;*/
    float:left;
    background-image:url(/images/kaleva_fi_taustoja.png);
    margin:0;
	padding-left:10px; padding-right:10px;
	
}
    
#kaleva_menu_2 span {
    width:17px;
    height:15px;
    /*display:inline;*/
    float:left;
    background-image:url(/images/kaleva_fi_taustoja.png);
}
    
    
    /* punamenu */
    
.men_a1 { background-position:0 0; margin:0; text-decoration:none; font-family: Georgia;
		font-size: 11px;
		line-height: 32px;
		color: #111;
		text-transform:uppercase;
}
		
.men_a1:hover { background-position:0 -32px; font-size: 11px;
		color: #382b1c;
		cursor:pointer;
}
    	
.men_a1_valittu { background-position:0 -32px; margin:0; text-decoration:none; font-family: Georgia;
		font-size: 11px;
		line-height: 32px;
		color: #111;
		text-transform:uppercase;
}		
	
.men_a1_space { background-position:0 -64px; margin:0; width:2px; height:32px; background-image:url(/images/kaleva_fi_taustoja.png); float:left;}
    
.men_a0 { background-position:0 -180px; margin:0; text-decoration:none;
	
		font-family: Tahoma;
		font-size: 10px;
		line-height: 24px;
		color: #0871b9;
		text-transform:uppercase;
}

.men_a0:hover { background-position:-28px -70px;
		color: #8f8682;
		cursor:pointer;
		
}
	
.men_a0_space { background-position:-26px -70px; margin:0; width:2px; height:26px; background-image:url(/images/kaleva_fi_taustoja.png); float:left;}
	
.men_a0_tyhja { float:left; font-family: Tahoma;
		font-size: 10px;
		line-height: 12px;
		color: #382b1c;
		text-transform:uppercase; 
		margin-top:6px;
		text-decoration:none;
		width:224px;
		padding-left:10px;
}
	
.blog_box {  background-position:-246px -70px; margin:0; padding:0; margin-right:2px; width:163px; height:109px; background-image:url(/images/kaleva_fi_taustoja.png); float:left;}
	
#nosto_alku {  background-position:0px -96px; margin:0; width:8px; height:97px; background-image:url(/images/kaleva_fi_taustoja.png); float:left;}
#nosto_sisalto {  background-position:-18px -96px; margin:0; height:97px; background-image:url(/images/kaleva_fi_taustoja.png); float:left;}
#nosto_loppu {  background-position:-9px -96px; margin:0; width:8px; height:97px; background-image:url(/images/kaleva_fi_taustoja.png); float:left;}
	
#vt_toimittaja:hover { background-image:url(/images/vtoimittaja_malli_hover.png);  }
	
.sahkeet_tabs { float:left; margin:0; /*border-left:1px solid #d4d2c5;*/ }
.sahkeet_tab_item { float:left; padding:5px; padding-right:8px; padding-left:8px; margin:0; border-right:1px solid #d4d2c6; background-color:#e7ede9;}
.sahkeet_tab_item:hover { background-color:#fff;}
		
.jtboxtop {height:20px; background-image:url(/images/kaleva_fi_thread_messagetop.png)}
.jtboxcontent {border-bottom:1px solid #cacac8; background-color:#fff; padding: 16px 8px 16px 8px}
.jtboxcontent p {margin:0}
.jtboxhead {float:left; width:400px;color:#8f8682; margin-bottom:10px}

#sahkeet_tab_1 { margin:0; padding:6px; background-color:#fff }
#sahkeet_tab_1:hover { background-color:#e7f2f8 }
		
#sahkeet_tab_0 { margin:0; padding:6px; background-color:#eeeee6 }
#sahkeet_tab_0:hover { background-color:#e7f2f8 }

#viesti_tab_0 { margin:0; padding:6px }
#viesti_tab_1 { margin:0; padding:6px; background-color:#efefe9 }

.viesti_tab_0 { margin:0; padding:6px }
.viesti_tab_1 { margin:0; padding:6px; background-color:#efefe9 }

#viesti_tab_0_black { margin:0; padding:6px }
#viesti_tab_1_black { margin:0; padding:6px; background-color:#292929;}
	
.menu_1_sub_item { 
		height:30px; 
		margin-top:1px;
		text-decoration: none;
		font-family: Georgia;
		font-size: 12px;
		line-height: 28px;
		color: #0871b9;
	}
	
.menu_1_sub_item:hover { background-position:-28px -70px;
		line-height: 20px;
		color: #4aacef;
		cursor:pointer;
	}
	
.menu_1_sub_space { background-position:-4px -66px; margin:0; width:20px; height:29px; background-image:url(/images/kaleva_fi_taustoja.png); float:left;}

.bg_13222 { background-position:-4px -6px; margin:0; font-weight:bold; font-size:11px; text-align:center; cursor:pointer; background-image:url(/images/kaleva_fi_taustoja.png); }
	
.dot_divider { background-position:-8px -74px; margin:0; width:14px; height:14px; background-image:url(/images/kaleva_fi_taustoja.png); float:left;}
	
.vert_black_to_gray {background-image:url(/images/kaleva_fi_vert_black_gray.png); background-position:bottom; background-repeat: repeat-x; background-color:#000 }
	
.nytrivi {
    height:30px; border-right:1px solid #e0ded9; border-left:1px solid #fff; float:left; margin:0; padding:0; padding-left:5px; padding-right:7px; 
}
   
.juttu_hr { background-position:0 -193px; margin-bottom:15px; width:485px; height:1px; background-image:url(/images/kaleva_fi_taustoja.png); }
	   
#hoverbox {margin:200px; padding: 30px;}
#floater {width:200px; padding:8px; border:1px solid #ddd; position:absolute; background-color:#FFF}

.foorumi_box { width:548px; height:31px; background-color: #c60115; } 
.foorumi_side { margin-top:10px; width:244px; height:31px; background-color: #141414; }

.foorumi_box h6 { color:#fefefe; line-height:31px; margin-left:10px}
.foorumi_side h6 { color:#fefefe; line-height:31px; margin-left:10px}

.readers_menu { text-align:center; background-image:url(/images/kaleva_fi_lukijakuvat_menu_bg.png); font-weight:bold; cursor:pointer; border-right:1px solid #484848 }
.readers_menu_active { text-align:center; background-image:url(/images/kaleva_fi_lukijakuvat_menu_active.png); font-weight:bold; cursor:pointer; border-right:1px solid #484848 }
.readers_menu:hover { background-image:url(/images/kaleva_fi_lukijakuvat_menu_hover.png); }
.readers_menu h6 { margin:3px; color:#4aacef; text-transform:none }
.readers_menu h6:hover {color:#fff; }
.readers_menu_active h6 { margin:3px; color:#fff; text-transform:none }

.readers_pic_thumb {background-image:url(/images/kaleva_fi_lukijakuvat_thumb_bg.png); width:160px; height:160px; margin:0; border:0; background-position:top; overflow:hidden; }
.readers_pic_thumb_120 {background-image:url(/images/kaleva_fi_lukijakuvat_thumb_bg_120.png); width:120px; height:126px; margin:0; border:0; background-position:top; overflow:hidden; }

#floating_banner_bottom {
	/*text-align: center;*/
	width: 100%;
	bottom: 0px;
	margin-bottom: 0px;
	height: 45px;
	position: fixed;
	z-index: 1000;
	right: 0;
	 _position:absolute;
	  _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
	 	 
}
html>body #floating_banner_bottom { margin-bottom: 0px; bottom: 0 }
 
#floating_banner_bottom div.close {
	margin: 0 auto;
	width: 728px;
	height: 16px;
	text-align: right;
}

/* menu loppu */


/* painikkeet alku */


.kaleva_graph_20x15 span {
width:20px;
height:15px;
/*display:inline;*/
float:left;
background-image:url(/images/kaleva-graphics-v5.png);
cursor:pointer;
}

.kaleva_graph_17x15 span {
width:17px;
height:15px;
/*display:inline;*/
float:left;
background-image:url(/images/kaleva-graphics-v5.png);
cursor:pointer;
}

#kaleva_graph_15x13 span {
width:15px;
height:13px;
/*display:inline;*/
float:left;
background-image:url(/images/kaleva-graphics-v5.png);
cursor:pointer;
}

.kaleva_graph_30x30 span {
width:30px;
height:30px;
/*display:inline;*/
float:left;
background-image:url(/images/kaleva-graphics-v5.png);
cursor:pointer;
}

#kaleva_graph_30x30 span {
width:30px;
height:30px;
/*display:inline;*/
float:left;
background-image:url(/images/kaleva-graphics-v5.png);
cursor:pointer;
}

#kaleva_graph_40x30 span {
width:40px;
height:30px;
/*display:inline;*/
float:left;
background-image:url(/images/kaleva-graphics-v5.png);
cursor:pointer;
}

#kaleva_graph_90x21 span {
width:90px;
height:30px;
/*display:inline;*/
float:left;
background-image:url(/images/kaleva-graphics-v5.png);
cursor:pointer;
}

#kaleva_graph_31x5 span {
width:31px;
height:5px;
/*display:inline;*/
float:left;
background-image:url(/images/kaleva-graphics-v5.png);
}

.kaleva_graph_slide_over {
height:5px;
float:left;
background-image:url(/images/kaleva-graphics-v5.png);
background-position:-311px -51px; margin:0;
}

/* 20x15 painikkeet, blokki a */

.but_a1 { background-position:0 0; margin:0;  }
.but_a1:hover { background-position:0 -15px;}

.but_a2 { background-position:-20px 0; margin:0;  }
.but_a2:hover { background-position:-20px -15px;}

.but_a3 { background-position:-40px 0; margin:0;  }
.but_a3:hover { background-position:-40px -15px;}

.but_a4 { background-position:-60px 0; margin:0;  }
.but_a4:hover { background-position:-60px -15px;}

.but_a4_inv:hover { background-position:-60px 0; margin:0;  }
.but_a4_inv { background-position:-60px -15px;}

.but_a5 { background-position:-80px 0; margin:0;  }
.but_a5:hover { background-position:-80px -15px;}

.but_a6 { background-position:-100px 0; margin:0;  }
.but_a6:hover { background-position:-100px -15px;}

.but_a7 { background-position:-120px 0; margin:0;  }
.but_a7:hover { background-position:-120px -15px;}

.but_a8 { background-position:-140px 0; margin:0;  }
.but_a8:hover { background-position:-140px -15px;}

/* 17x15 painikkeet */

.but_b1 { background-position:-200px 0; margin:0;  }
.but_b1:hover { background-position:-200px -15px;}

.but_b2 { background-position:-217px 0; margin:0;  }
.but_b2:hover { background-position:-217px -15px;}

.but_b3 { background-position:-234px 0; margin:0;  }
.but_b3:hover { background-position:-234px -15px;}

.but_b4 { background-position:-251px 0; margin:0;  }
.but_b4:hover { background-position:-251px -15px;}

.but_b5 { background-position:-268px 0; margin:0;  }
.but_b5:hover { background-position:-268px -15px;}

.but_b6 { background-position:-285px 0; margin:0;  }
.but_b6:hover { background-position:-285px -15px;}

.but_b7 { background-position:-302px 0; margin:0;  }
.but_b7:hover { background-position:-302px -15px;}

/* 15x13 painikkeet */

.but_c1 { background-position:-315px 0; margin:0;  }
.but_c1:hover { background-position:-315px -15px;}

.but_c2 { background-position:-330px 0; margin:0;  }
.but_c2:hover { background-position:-330px -15px;}

/* 30x30 painikkeet */

.but_d1 { background-position:-384px 0; margin:0;  }
.but_d1:hover { background-position:-384px -30px;}

.but_d2 { background-position:-414px 0; margin:0;  }
.but_d2:hover { background-position:-414px -30px;}

.but_d3 { background-position:-474px 0; margin:0;  }
.but_d3:hover { background-position:-474px -30px;}

.but_d4 { background-position:-504px 0; margin:0;  }
.but_d4:hover { background-position:-504px -30px;}

.but_d5 { background-position:-534px 0; margin:0;  }
.but_d5:hover { background-position:-534px -30px;}

.but_d6 { background-position:-564px 0; margin:0;  }
.but_d6:hover { background-position:-564px -30px;}

.but_d7 { background-position:-594px 0; margin:0;  }
.but_d7:hover { background-position:-594px -30px;}

.but_d7_mini { background-position:-598px -6px; margin:0;  }
.but_d7_mini:hover { background-position:-598px -36px;}

.but_d8 { background-position:-658px 0; margin:0;  }

.but_d9 { background-position:-670px -38px; margin:0;  }

.but_d10 { background-position:-0px -30px; margin:0;  }

.but_d11 { background-position:-628px 0; margin:0;  }

/* 40x30 painikkeet */

.but_e1 { background-position:-693px 0; margin:0;  }
.but_e1:hover { background-position:-693px -30px;}

.but_e2 { background-position:-733px 0; margin:0;  }
.but_e2:hover { background-position:-733px -30px;}

/* 90x21 painikkeet */

.but_f1 { background-position:-812px 0; margin:0; font-family: Tahoma; font-size:11px; line-height: 26px; color: #FFFFFF; text-align:center; }
.but_f1:hover { background-position:-812px -30px; }

/* 13222 painikkeet */
.but_13222_1 { background-position:-1242px 0px; margin:0;  }
.but_13222_1:hover { background-position:-1242px -30px;}

.but_13222_2 { background-position:-1282px 0px; margin:0;  }
.but_13222_2:hover { background-position:-1282px -30px;}

.but_13222_3 { background-position:-1322px 0px; margin:0;  }
.but_13222_3:hover { background-position:-1322px -30px;}

/* 30x5 painikkeet */
.read_slide { background-position:-311px -41px; margin:0; }


/* painikkeet loppu */



/* accordion alku */

.accordion_toggle {
	display: block;
	height: 30px;
	width: 548px;
	background: url(/images/accordion_close.png) no-repeat top left;
	padding: 0 10px 0 24px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	color: #fff;
	border-bottom: 1px solid #f7f7f5;
	cursor: pointer;
	margin: 0 0 0 0;
	font-family: Arial;
	font-size:14px;
	font-weight: bold;
	text-transform:uppercase;

}

.accordion_toggle span {
	float:right;
	margin-right:30px;
	font-size:12px;
	font-weight: normal;
	text-transform: none;

}

.accordion_static {
	display: block;
	height: 30px;
	width: 548px;
	background: url(/images/accordion_static.png) no-repeat top left;
	padding: 0 10px 0 24px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	color: #fff;
	border-bottom: 1px solid #f7f7f5;
	cursor: pointer;
	margin: 0 0 0 0;
	font-family: Arial;
	font-size:14px;
	font-weight: bold;
	text-transform:uppercase;

}

.accordion_static span {
	float:right;
	margin-right:30px;
	font-size:12px;
	font-weight: normal;
	text-transform: none;

}


.accordion_static a {
	color: #fff;
	font-family: Arial;
	font-size:14px;
	font-weight: bold;
}

.accordion_toggle_active {
	background: url(/images/accordion_open.png) no-repeat top left;
	color: #fff;
	border-bottom: 1px solid #f7f7f5;
}

.accordion_content {
	
	color: #444444;
	overflow: hidden;
}
	
	.accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}
	
	.accordion_content p {
		line-height: 150%;
		padding: 8px 8px 8px 8px;
	}
	
.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 548px;
	background: url(/images/accordion_sub_open.png) no-repeat top left;
	padding: 0 0px 0 24px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000;
	border-bottom: 1px solid #f7f7f5;
	cursor: pointer;
	margin: 0 0 0 0;
	font-family: Arial;
	font-size:14px;
	
}

.vertical_accordion_toggle_active {
	background: url(/images/accordion_sub_close.png) no-repeat top left;
	color: #372a1a;
	border-bottom: 1px solid #f7f7f5;
	
}

.vertical_accordion_content {
	color: #444444;
	overflow: hidden;
	width:548px;
	background-color: #fff;
}

	.vertical_accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}

	.vertical_accordion_content p {
		/*line-height: 150%;*/
		padding: 4px 0 4px 8px;
		border-bottom: 1px solid #e3e3d7;
		margin:0;
		
	}
	
/*
	Horizontal Accordion
*/

.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display: block;
	height: 100px;
	width: 30px;
	background: url(/images/accordion_sub_close.jpg) no-repeat top left #f7f7f5;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.horizontal_accordion_toggle_active {
	background: url(/images/accordion_sub_open.jpg) no-repeat top left #f7f7f5;
	border-right: 1px solid #f68263;
}

.horizontal_accordion_content {
	/* REQUIRED */
	height: 100px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;
}
	
	.horizontal_accordion_content p {
		width: 450px;
		line-height: 150%;
		padding: 0 0 0 0;
	}
			
			
/* Container styling*/
#horizontal_container {
margin: 0 0 0 0;
width: 548px;   
height: 100px;    
}

#vertical_nested_container {
margin: 0 0 0 0;
width: 400px;
}

/* accordion loppu */

/* accordion saittikohtaiset */

.acc_g1 {
	clear:both; padding:8px; padding-bottom:16px; border-bottom:1px solid #e3e3d7
}

.acc_g1 div { margin:0 } 
.acc_g1 div a { 
	font-family: Arial;
	font-size:13px;
	color: #382b1c;
	font-weight: bold; 
} 

.acc_sub_1 { float:left; margin:0; }
.acc_sub_1 span {
	font-family: Arial;
	font-size: 10px;
	color: #8f8682;
}

.acc_sub_2 { float:right; margin:0; }
.acc_sub_2 span {
	font-family: Arial;
	font-size: 10px;
	color: #8f8682;
}

/* accordion saittikohtaiset loppu */


/* greybox alku */

/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 500;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 550;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #000;
    border: 2px solid #000;
}

.GB_header {
    top: 0px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    /*border-bottom: 2px solid #51b0cc;*/
    border-top: 6px solid #51b0cc;
					
}

.GB_header .inner {
    background-color:#f7f7f5;
    /*font-family: Arial, Verdana, sans-serif;*/
    padding: 2px 20px 2px 20px;
	font-size: 15px;
	color: #382b1c;
	height:18px;
	overflow:visible;
		
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
			
}

.GB_header .caption {
    text-align: left;
    /*white-space: nowrap;
    line-height: 24px;*/
	/*
	font-family: Arial;
	font-size:12px;
	color: #382b1c;
	font-weight: bold;
	*/
	
	color: #382b1c;
	line-height: 17px;
	font-size:12px;
	background-color:#f7f7f5;
	padding-left:8px;
	padding-right:4px;
	padding-bottom:3px;
	overflow:visible;	
	

}

.GB_header .close {
    text-align: right;
	vertical-align:top;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
	vertical-align:top;
}


#GB_middle {
    color: #382b1c;
	line-height: 17px;
	font-size:12px;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

/* greybox loppu */

.fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?12:26981) no-repeat top left; }