BODY
{
 font-family: 'Trebuchet MS',Verdana,Tahoma;
 font-size: 15px;
 color: #d7d7d8;
 margin: 0px;
 padding: 0px;
 background: #000;
/* IE:n vierityspalkin tyylit */
/*
 scrollbar-3dlight-color: #000000;
 scrollbar-arrow-color: #000000;
 scrollbar-base-color: #000000;
 scrollbar-darkshadow-color: #000000;
 scrollbar-face-color: #000000;
 scrollbar-highlight-color: #000000;
 scrollbar-shadow-color: #000000;
 scrollbar-track-color: #000000;
*/
}

/* otsikot */
H1
{
 font-size: 20px;
 color: #d7d7d8;
}

H2
{
 font-size: 18px;
 color: #d7d7d8;
}

H3
{
 font-size: 15px;
 color: #d7d7d8;
}

H4, H5, H6
{
 font-size: 12px;
 color: #d7d7d8;
}


/* perus teksti */

P,LI,TD
{
 font-size: 15px;
 color: #d7d7d8;
}

/* normaalit linkit */

A:link
{
 font-size: 15px;
 color: #ffcc00;
 color: #FF9900;
 text-decoration: none;
}

A:visited
{
 font-size: 15px;
 color: #ffcc00;
 color: #FF9900;
 text-decoration: none;
}

A:hover
{
 font-size: 15px;
 color: #ffcc00;
 color: #FF9900;
 text-decoration: underline;
}

/* Menu pulldown*/

div.menubar
{
 display: inline;
 margin-right: 0px;
 margin-top: 3px;
 z-index: 90;
}

div.menu
{
 background-color: #ffffff;
 border: 0px solid #ffffff;
 left: 0px;
 padding: 0px 0px 0px 0px;
 margin-top: 6px;
 position: absolute;
 top: 0px;
 visibility: hidden;
 z-index: 101;
 width: auto;
 height: auto;
}

span.menuItemText {}
span.menuItemArrow
{
 color: #6f8db3;
 margin-right: -.65em;
}

/* Menun linkit */
A:link.menuItem
{
 font-size: 10px;
 font-weight: bold;
 border: 1px solid #ffffff;
 background-color: #ffffff;
 color: #ffffff;
 text-decoration: none;
 display: block;
 white-space: nowrap;
 position: relative;
 padding: 0px 0px 0px 0px;
 width: auto;
 height: auto;
 z-index: 100;
}

A:visited.menuItem
{
 font-size: 10px;
 font-weight: bold;
 border-bottom: 2px solid #ffffff;
 background-color: #e8f4ff;
 color: #0041AD;
 text-decoration: none;
 display: block;
 white-space: nowrap;
 position: relative;
 padding: 2px 4px 2px 10px;
 width: auto;
 height: auto;
 z-index: 100;
}

A:hover.menuItem
{
 font-size: 10px;
 font-weight: bold;
 border: 1px solid #ffffff;
 background-color: #ffffff;
 color: #ffffff;
 text-decoration: none;
 display: block;
 white-space: nowrap;
 position: relative;
 padding: 0px 0px 0px 0px;
 width: auto;
 height: auto;
 z-index: 100;
}

/* Menu plusmiinus */

A:link.plusminusitem
{
 font-size: 12px;
 color: #000000;
 text-decoration: none;
 line-height: 20px;
 _height: 20px;
}

A:visited.plusminusitem
{
 font-size: 12px;
 color: #000000;
 text-decoration: none;
 line-height: 20px;
 _height: 20px;
}

A:hover.plusminusitem
{
 font-size: 12px;
 color: #000000;
 text-decoration: none;
 line-height: 20px;
 _height: 20px;
}


/* uutispalikan tyylit */

.uutinen
{
 padding-bottom: 3px;
}

.uutinen_pvm
{
 font-weight: bold;
}

.uutinen_pvm_etusivu
{
 font-weight: bold;
}

.uutinen_otsikko
{
 font-weight: bold;
}

.uutinen_teksti
{
}

.uutinen_ingress
{
 font-size: 12px;
}

A:link.uutinen_link
{
 text-decoration: none;
}

A:visited.uutinen_link
{
 text-decoration: none;
}

A:hover.uutinen_link
{
 text-decoration: underline;
}

A:link.uutinen_link_etusivu
{
 text-decoration: none;
}

A:visited.uutinen_link_etusivu
{
 text-decoration: none;
}

A:hover.uutinen_link_etusivu
{
 text-decoration: underline;
}

/* CSV */
.hinnastootsikko
{
 font-size: 14px;
 font-weight: bold;
 color: #000000;
 background-color: #FFFFFF;
}

.hinnastovaliotsikko
{
 font-size: 12px;
 color: #000000;
 background-color: #FFFFFF;
}
.hinnastotuote
{
 font-size: 12px;
 color: #000000;
}

.hinnastotyhja
{
 font-size: 12px;
 color: #000000;
 background-color: #FFFFFF;
}

/* Etusivun kalenterinäkymä */

TD.etusivukalenteri_paivamaaralaatikko
{
 font-size: 9px;
 padding: 2px;
 border-style: none;
 border-width: 0px;
 border-color: #111111;
 text-align: center;
 background-color: #1F75B0;
 color: #000000;
 vertical-align: middle;
}

TD.etusivukalenteri_kalenteriotsikko_viikko
{
 background-color: #BEDAEF;
 font-size: 9px;
 text-align: center;
 color: #000000;
}

TD.etusivukalenteri_kalenteriotsikko
{
 background-color: #BEDAEF;
 font-size: 9px;
 text-align: center;
}

TD.etusivukalenteri_kalenterivasen, A:link.etusivukalenteri_kalenterivasen, A:hover.etusivukalenteri_kalenterivasen, A:visited.etusivukalenteri_kalenterivasen
{
 background-color: #f5f5f5;
 font-size: 10px;
 text-align: center;
 padding: 2px;
 border: solid #f0f0f0 1px;
 color: #000000;
 text-decoration: none;
}

TD.etusivukalenteri_kalenterinormaali
{
 background-color: #ffffff;
 font-size: 9px;
 text-align: center;
 padding: 2px;
 border: solid #f0f0f0 1px;
}

A:link.etusivukalenteri_kalenterinormaali
{
 text-decoration: none;
}

A:visited.etusivukalenteri_kalenterinormaali
{
 font-size: 9px;
 color: #000000;
 text-decoration: none;
}

A:hover.etusivukalenteri_kalenterinormaali
{
 font-size: 9px;
 color: #000000;
 text-decoration: none;
}


TD.etusivukalenteri_kalenterivalittuviikko
{
 background-color: #f5f5f5;
 font-size: 9px;
 text-align: center;
 padding: 2px;
 border: solid #f0f0f0 1px;
}

TD.etusivukalenteri_kalenterivalittu
{
 background-color: #1E77B2;
 font-size: 9px;
 text-align: center;
 padding: 2px;
 border: solid #f0f0f0 1px;
 color: #ffffff;
}

A:link.etusivukalenteri_kalenterivalittu
{
 font-size: 9px;
 color: #ffffff;
 text-decoration: none;
}

A:visited.etusivukalenteri_kalenterivalittu
{
 font-size: 9px;
 color: #ffffff;
 text-decoration: none;
}

A:hover.etusivukalenteri_kalenterivalittu
{
 font-size: 9px;
 color: #ffffff;
 text-decoration: none;
}

TD.etusivukalenteri_otsikkopalkki
{
 background-color: #65AEDD;
 border: solid #111111 1px;
 padding-bottom: 4px;
 text-align: center;
 vertical-align: middle;
}

/*
* Feedback
*/

.palaute_napit
{
	padding-top: 10px;
}

.palaute_otsikko
{
	font-size: 18px;
	color: #d7d7d8;
}

/*
* Sivun tyylit
*/

.main_table
{
	width: 100%;
	background: url('layout/bg_galaxo.jpg') 50% 0px no-repeat;
}

.empty_header
{
	height: 27px;
	vertical-align: top;
	text-align: left;
}

.header
{
	height: 80px;
	vertical-align: bottom;
	text-align: left;
}

.menu_left
{
	width: 245px;
}

.menu_right, .menu_right_fi, .menu_right_en
{
	height: 80px;
	width: 177px;
	background: url('layout/menu_topright.gif') no-repeat;
	text-align: right;
}

.language_selection
{
	padding: 12px 18px 0px 0px;
	color: #717377;
	font-size: 12px;
}

A:link.language_link, A:visited.language_link, A:hover.language_link,
A:link.language_link_sel, A:visited.language_link_sel, A:hover.language_link_sel
{
	font-size: 12px;
	color: #d7d7d8;
	text-decoration: none;
}


A:hover.language_link,
A:link.language_link_sel, A:visited.language_link_sel, A:hover.language_link_sel
{
	color: #717377;
}

.external_buttons
{
	padding-top: 10px;
	text-align: left;
}

A:link.external_button_link, A:visited.external_button_link, A:hover.external_button_link
{
	display: block;
	width: 72px;
	height: 24px;
	background: url('layout/btn_top.gif') no-repeat;
	color: #d7d7d8;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.external_button_left
{
	padding-right: 5px;
}

.external_button_right
{
	padding-right: 18px;
}


A:hover.external_button_link
{
	background: url('layout/btn_top_sel.gif') no-repeat;
}

.external_button_text
{
	padding: 3px 0px 0px 11px;
	
}

.menu_content, .menu_content_fi, .menu_content_en
{
	height: 80px;
	background: url('layout/bg_menu.gif') repeat-x;
}

.menu_empty_area
{
	background: #000;
	background: url('layout/bg_menu.gif') repeat-x;
}

A:link.fp_link, A:visited.fp_link, A:hover.fp_link,
A:link.fp_link_sel, A:visited.fp_link_sel, A:hover.fp_link_sel
{
	display: block;
	height: 80px;
	width: 245px;
	background: url('layout/menu_topleft.gif') no-repeat;
}

A:link.fp_link_sel, A:visited.fp_link_sel, A:hover.fp_link_sel
{
	background: url('layout/menu_topleft_sel.gif') no-repeat;
}

.empty_title_area
{
	height: 226px;
	vertical-align: bottom;
	text-align: left;
}

.content_title
{
	padding: 0px 0px 30px 41px;
	width: 510px;
	font-size: 40px;
	color: #f3f0ee;
}

.content_area
{
	vertical-align: top;
	text-align: left;
}

.content_left
{
	height: 100%;
	width: 644px;
	height: 450px;
	background: #17181a url('layout/bg_body.gif') 0px 0px no-repeat;
	vertical-align: top;
	text-align: left;
}

.muropolku_container
{
	position: relative;
}

.muropolku
{
	position: absolute;
	float: left;
	top: 5px;
	left: 15px;
	color: #535353;
/*	color: #464749; */
	font-size: 12px;
}

.muropolku A:link, .muropolku A:visited, .muropolku A:hover
{
	color: #535353;
/*	color: #464749; */
	font-size: 12px;
	text-decoration: none;
}

.content_container
{
	padding: 20px 32px 19px 32px;
}

* html .content_container
{
	padding-top: 32px;
	padding-bottom: 32px;
}

.content_height
{
	height: 370px;
}

.content_text_sel
{
	width: 276px;
}

.content_text
{
	width: 100%;
}


.fp_buttons
{
	width: 262px;
	padding-top: 10px;
	vertical-align: top;
}

.fp_button
{
	padding-top: 7px;
}

A:link.fp_button_link, A:visited.fp_button_link, A:hover.fp_button_link
{
	display: block;
	width: 262px;
	height: 42px;
	background: url('layout/btn_body.gif') no-repeat;
	color: #d7d7d8;
	font-size: 18px;
	text-decoration: none;
}

A:hover.fp_button_link
{
	background: url('layout/btn_body_sel.gif') no-repeat;
}

.fp_button_text
{
	padding: 8px 0px 0px 17px;
	
}

.banner_container
{
 	position: relative;
 	float: left;
 	bottom: 10px;
}

.content_right
{
	width: 256px;
	background: #141416 url('layout/bg_case.gif') 0px 0px no-repeat;
	vertical-align: top;
	text-align: left;
}

.content_footer
{
	height: 6px;
	vertical-align: top;
	text-align: left;
}

.footer
{
	height: 70px;
	vertical-align: top;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	color: #f5f2f0;
}

.footer_table
{
	text-align: center;
}

.footer_table td
{
	font-size: 13px;
	color: #f5f2f0;
	line-height: 18px;
}

.footer_table A:link, .footer_table A:visited, .footer_table A:hover
{
	font-size: 13px;
	color: #f5f2f0;
	line-height: 18px;
	text-decoration: none;
}


.footer_register
{
	border-top: 1px solid #434446;
	width: 550px;
	text-align: center;
}

/*
* Styles for YUI menu
*/


#id_of_div_containing_menu {
	height: 80px;
	margin: 0;
	padding: 0;
	float: left;
	background: url('layout/bg_menu_full.gif') repeat-x;
	padding-right: 1px;
}

.first-of-type {
	margin: 0;
	padding: 0;
}

.yuimenu {
	position: absolute;
	visibility: hidden;
	top: -1000px;
	left: -1000px;
	z-index: 1;
	background: transparent;
	margin-bottom: -3px;
}

.yuimenu .bd {
	text-align: left;
	background: transparent;
	padding: 0px;
	_zoom: 1;
}

.yuimenu .bd {
	_zoom: normal;
}

.yuimenubaritem {
	list-style-type: none;
	list-style-position: outside;
	float: left;
	display: inline;
	margin: 0;
	padding: 38px 0px 22px 0px;
	vertical-align: bottom;
	margin-left: 1px;
}

/*
.yuimenubaritem-selected
{
	background: url('layout/bg_menu_hover.gif') repeat-x;
}

.mainmenu-selected
{
	background: url('layout/bg_menu_sel.gif') repeat-x; 
}

.mainmenu-selected.yuimenubaritem-selected
{
	background: url('layout/bg_menu_sel_hover.gif') repeat-x;
}
*/

.yuimenubaritem_fp
{
	padding: 0px;
	margin: 0px;
}

.yuimenubaritem_fp img
{
	margin: 0px;
	padding: 0px;
}

a:link.yuimenubarlabel, a:visited.yuimenubarlabel, a:active.yuimenubarlabel, a:hover.yuimenubarlabel
{
	color: #d7d7d8;
	font-size: 15px;
	text-decoration: none;
	white-space: nowrap;
	padding: 38px 14px 22px 14px;
	background: url('layout/bg_menu.gif') repeat-x;
}

a:hover.yuimenubarlabel
{
	background: url('layout/bg_menu_hover.gif') repeat-x;
}

a:link.mainmenu-link-selected, a:visited.mainmenu-link-selected
{
	background: url('layout/bg_menu_sel.gif') repeat-x;
}

a:hover.mainmenu-link-selected
{
	background: url('layout/bg_menu_sel_hover.gif') repeat-x;
}

a.yuimenuitemlabel {
	display: block;
	white-space: nowrap;
}

a:link.yuimenuitemlabel, a:hover.yuimenuitemlabel, a:visited.yuimenuitemlabel, a:active.yuimenuitemlabel,
.submenu-selected a:link, .submenu-selected a:hover, .submenu-selected a:visited, .submenu-selected a:active
{
	display: block;
	color: #d7d7d8;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
	_zoom: 1;
	border: 0px;
	padding: 5px 0px 5px 14px;
	width: 200px;
	background: #000;
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.8;
}

a:hover.yuimenuitemlabel, a:active.yuimenuitemlabel,
.submenu-selected A:link, .submenu-selected A:hover, .submenu-selected A:visited, .submenu-selected A:active
{
	color: #000;
	background: url('layout/menu_dd-nav_bg_sel.gif') repeat-x;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9;
}

.yuimenuitem {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	background: transparent;
}

.menu_selected_a {
	color: #d7d7d8;
	text-decoration: none;
}

.submenu-selected .menu_selected_a
{
	color: #000;
	text-decoration: none;
}

.menu_selected {
	background-color: #ffe6cb;
}

.yui-menu-shadow {
	position: absolute;
	visibility: hidden;
	z-index: -1;
}

.yui-menu-shadow-visible {
	z-index: -1;
	top: 1px;
	left: 1px;
	right: -3px;
	bottom: -3px;
	visibility: visible;
	background-color: #000;
	opacity: .20;
	filter:alpha(opacity=20);
	-moz-opacity:.20;
}

/*
* Reference tab
*/

.reference_tab_container
{
	padding-bottom: 10px;
}

A:link.reference_link_0, A:visited.reference_link_0, A:hover.reference_link_0,
A:link.reference_link_0_sel, A:visited.reference_link_0_sel, A:hover.reference_link_0_sel
{
 color: #fff;
 width: 134px;
 height: 19px;
 line-height: 19px;
 display: block;
 background: #000 url('layout/reference_tab/tab1.gif') no-repeat;
 text-decoration: none;
 text-align: center;
}

A:hover.reference_link_0,
A:link.reference_link_0_sel, A:visited.reference_link_0_sel, A:hover.reference_link_0_sel
{
 background: #000 url('layout/reference_tab/tab1_act.gif') no-repeat;
}

A:link.reference_link_1, A:visited.reference_link_1, A:hover.reference_link_1,
A:link.reference_link_1_sel, A:visited.reference_link_1_sel, A:hover.reference_link_1_sel
{
 color: #fff;
 width: 127px;
 height: 19px;
 line-height: 19px;
 display: block;
 background: #000 url('layout/reference_tab/tab2.gif') no-repeat;
 text-decoration: none;
 text-align: center;
}

A:hover.reference_link_1,
A:link.reference_link_1_sel, A:visited.reference_link_1_sel, A:hover.reference_link_1_sel
{
 background: #000 url('layout/reference_tab/tab2_act.gif') no-repeat;
}

.reference_title
{
	padding: 30px 0px 0px 10px;
	font-size: 15px;
	color: #d7d7d8;
	font-weight: bold;
}

.reference_container
{
 text-align: center;
 width: 219px; 
}

.references
{
 text-align: center;
}

A:link.counter_link, A:hover.counter_link, A:visited.counter_link
{
 color: #fff;
 text-decoration: none;
}

.infobox_div {
	width: 149px;
	height: 67px;
	display: none;
	position: absolute;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #000;
	background: #ccc;
/*	background: url('layout/alt_note.png') no-repeat; */
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #000;
	top: 0;
	left: 0;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.9;
}

.infobox_src {
	display: none;
	position: absolute;
}

.reference_popup_content p {
	font-size: 11px;
	color: #000;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*
* Cases
*/

.case_area_content
{
	padding-top: 30px;
	 width: 219px;
}

.case_area_content p, .case_area_content span
{
	font-size: 12px;
}

/*
* JCarousel
*/

.jcarousel-item A:link, .jcarousel-item A:hover, .jcarousel-item A:active
{
 color: #fff;
}

/*
* Infoimage
*/

#infoimage A:link, #infoimage A:hover, #infoimage A:visited
{
 color: #fff;
}

/*
* InfoBox
*/

#infoBox {
	width:542px;
	height:280px;
	background:url(images/infoboxi.jpg);
}
#infoBox p{
		font:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFF;
		margin-left:35px;
		margin-right:20px;
		padding-top:5px;
}

/*
* UKK info
*/

.ukk_ongelma_kysymys_container, .ukk_ongelma_kysymys_container_sel
{
	position: relative;
	display: block;
	width: 580px;
	height: 42px;
	background: url('layout/btn_body_wide.gif') no-repeat;
}

.ukk_ongelma_kysymys_container_sel
{
	background: url('layout/btn_body_wide_sel.gif') no-repeat;
}


.ukk_ongelma_kysymys_padder
{
	padding: 10px 13px 0px 19px;
}

.ukk_ongelma_kysymys_vasenlaita
{
	float: left;
}

.ukk_ongelma_kysymys_infopallo
{
}

.ukk_ongelma_kysymys_otsikko
{
	padding-left: 10px;
	color: #bdbdbd;
}

.ukk_ongelma_kysymys_oikealaita
{
	float: right;
}

.ukk_vastaus_container
{
	display: none;

	font-family: arial;
	font-size: 12px;
	color: #404041;
	background: #dbdbdb;
}

.ukk_vastaus_teksti
{
	padding: 20px;
}

/*
* Gallery
*/

.pic_container
{
 margin: 0px;
 padding: 0px;
}

#lightbox
{
 padding: 16px !important;
 background: #000 !important;
 background-color: #000 !important;
}