/*
	CUSTOMER SPECIFIC CLASSES

	Tämä tiedosto on asiakaskohtainen. Tänne voi laittaa ihan mitä vaan stylejä haluaa
	PAITSI
	stylet h1, h2, h3, h4, h5, h6, p, ol, li, a jotka tulevat tideostoon components.css.

	HUOM!
	Muista määritellä input ja select stylet.
*/

/************************* GENERAL *************************************/
	body
	{
		font-family: Arial, Helvetica, sans-serif;
		padding: 0px;
		margin: 0;
		background: url("/images/customer/bkgrnd.gif") repeat #a5a5a5;
	}
	tbody {
		padding: 0px;
		margin: 0px;
	}
	
	textarea, input, select
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #000000;
		padding: 0px;
		margin: 0px;
		vertical-align: middle;
	}
	.right_header {
		font-size: 11px;
		text-align: left;
		font-weight: bold;
		color: #666666;
		display: block;
	}
	
	img.icon {
		border: 0px;
		vertical-align: middle;
		margin-right: 5px;
		padding: 0px;
		line-height: 6pt;
	}
	img { border: 0px; }
	
	.small_text {
		font-size: 11px;
	}
	.blue_text, .blue {
		color: #37637d !important;
	}
	.light_text {
		color: #666666;
	}
	.bold_text {
		font-weight: bold;
	}
	.valiotsikko {
		font-size: 12px;
		font-weight: normal;
		color: #669900;
	}
	.grey_para, .grey_para p, .grey_para p {
		color: grey !important;
	}
	.grey_para a {
		color: grey  !important;
		font-weight: bold;
		text-decoration: underline;
	}
	.blue_para, .blue_para p {
		color: #356cae !important;
	}
	.blue_para a {
		color: #356cae  !important;
		font-weight: bold;
		text-decoration: underline;
	}
	div#outer_container {
		text-align: center;		
	}
	div#inner_container {
		margin-left: auto; margin-right: auto; text-align: center; width: 97px;
	}
	table#search_box_container { margin-left: auto; margin-right: auto; width: 970px; }
	table#inner_container { background: #ffffff; padding:0px; margin-left: auto; margin-right: auto; width: 970px; border: 0;}
	table#content_container { background: white; padding: 0; margin-left: auto; margin-right: auto; width: 970px; border: 1px #356cae solid; }
	td#inner_container_cell {padding:0; margin: 0;}
/*********************** / GENERAL *************************************/

/**************************** PATH *************************************/

	.path, a.path, a.path:link, a.path:visited
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #ffffff;
		padding: 0px;
		text-decoration: none;
	}
	
	a.path:hover { text-decoration: underline; }

/************************** / PATH *************************************/

/*************************** TOP NAVIGATION ****************************/
	a.paavalikko, a.paavalikko:link, a.paavalikko:visited
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #346bac;
		line-height: 11px;
		padding: 0;
		/*text-decoration: none;*/
		/*vertical-align: middle;*/
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
        white-space: nowrap;
	}
	
	a.paavalikko_lvl2, a.paavalikko_lvl2:link, a.paavalikko_lvl2:visited
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #fff;
		line-height: 11px;
		padding: 0;
		text-decoration: none;
		vertical-align: middle;
	}

	td.paavalikko, div.paavalikko {
		/*padding: 0 14px 0 14px;*/
		padding: 0 5px 0 5px;
		height: 21px;
		/*background: #ffffff;*/
		margin: 0;
	}
	/* Linkkien välissä oleva kuva */
	img.spacer {
		position: relative;
		top: 2px;
	}
	a.paavalikko:hover { text-decoration: underline; }
	
	/* aktiivinen valinta top_navissa */
	.paavalikko_act a, .paavalikko_act a:visited
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		line-height: 11px;
		margin: 0;
		padding: 0;
		letter-spacing: 1px;
		text-transform: uppercase;
		text-decoration: none;
        white-space: nowrap;
	}


	td.paavalikko_act, div.paavalikko_act {
		border: 0;
		background-color: #356CAE;
		/*background-image: url(/images/customer/top_bkgrnd.gif);*/
		background-position: top left;
		background-repeat: repeat-x;
		padding: 0 13px 0 14px;
		height: 21px;
	}		
	div.paavalikko, div.paavalikko_act {
		padding-top: 5px;
		margin: 0 !important;
	}
	a.paavalikko_act:hover
	{
		text-decoration: underline;
	}
	
	
	.paavalikko_lvl2_act, a.paavalikko_lvl2_act, a.paavalikko_lvl2_act:link, a.paavalikko_lvl2_act:visited
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #fff;
		line-height: 11px;
		padding: 0px;
		text-decoration: none;
		vertical-align: middle;
		font-weight: bold;
	}	
		
	
	
/************************** / TOP NAVIGATION ****************************/

/*************************** LEFT NAVIGATION ***************************/

	div.left_nav {
		padding-top: 0px;
		margin-top: -10px;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
	}

	a.toimiala_linkit, a.toimiala_linkit:visited {
		line-height: 12px;
		font-size: 10px;
		text-transform: uppercase;
		color: #333333;
		letter-spacing: 1px;
	}
	a.toimiala_linkit:hover {
		text-decoration: underline;
	}
	
	/*********************** LEVEL 1 ***********************/
		.left_nav_lvl1_arrow
		{
			font-weight: bold;
			color: #37637D;
			padding: 0px;
			margin-left: -10px;
		}		
		
		.left_nav_lvl1
		{
			font-weight: bold;
			color: #37637D;
			line-height: 12px;
			padding-right: 0px;
			padding-bottom: 2px;	
			padding-top: 8px;
			padding-left: 0px;
		}		
		
		a.left_nav_lvl1
		{
			line-height: 12px;
			font-size: 11px;
			font-weight: bold;
			color: #37637D;
		}
	
	/********************* / LEVEL 1 ***********************/
	
	td.vasnav {
		height: 12px;
		max-height: 12px;
	}
	
	/*********************** LEVEL 2 ***********************/
		.left_nav_lvl2
		{
			font-size: 11px;
			color: #37637D;
			line-height: 12px;
			padding-right: 0px;
			padding-bottom: 0px;	
			padding-top: 4px;
			padding-left: 0px;
			margin: 0px;
		
		}
		.left_nav_lvl2_bullet
		{
			font-size: 11px;
			color: #000000;
			line-height: 11px;
			padding: 0px;
			margin: 0px;
		
		}
		
		a.left_nav_lvl2:link, a.left_nav_lvl2:visited
		{
			font-size: 11px;
			color: #996600;
			line-height: 11px;
			padding: 0px;
		}
		a.right_nav_lvl2:link, a.right_nav_lvl2:visited, a.right_nav_lvl2_act:link, a.right_nav_lvl2_act:visited
		{
			font-size: 11px;
			color: #356CAE;
			line-height: 11px;
			padding: 0px;
		}
		a.right_nav_lvl2_act:link, a.right_nav_lvl2_act:visited {
			font-weight: bold;
		}
		
		span.right_nav_heading {
			font-size: 12px;
			color: #666666;
			font-weight: bold;
		}
		
		a.toimiala_lvl2, a.toimiala_lvl2:visited, a.toimiala_lvl2_act, a.toimiala_lvl2_act:visited {
			font-family: arial;
			font-size: 11px;
			line-height: 12px;
			color: #356CAE;
			font-weight: bold;
		}
		a.toimiala_lvl2_act, a.toimiala_lvl2_act:visited {
			font-weight: bold;
			color: black;
		}
		a.toimiala_lvl2:hover, a.toimiala_lvl2_act:hover {
			text-decoration:underline;
		}
	/********************* / LEVEL 2 ***********************/
	
	/*********************** LEVEL 3 ***********************/
		.left_nav_lvl3
		{
			font-size: 11px;
			color: #996600;
			padding-right: 0px;
			padding-bottom: 0px;	
			padding-top: 4px;
			padding-left: 0px;
			margin: 0px;
		}
		
		a.left_nav_lvl3:link, a.left_nav_lvl3:active, a.left_nav_lvl3:visited, a.left_nav_lvl3:hover
		{
			font-size: 11px;
			color: #666666;
			padding: 0px;
		}
		
		a.toimiala_lvl3, a.toimiala_lvl3:visited, a.toimiala_lvl3_act, a.toimiala_lvl3_act:visited {
			font-family: arial;
			font-size: 11px;
			line-height: 12px;
			color: #356cae;
		}
		a.toimiala_lvl3_act, a.toimiala_lvl3_act:visited {
			color: #333333;
		}
		a.toimiala_lvl3:hover, a.toimiala_lvl3_act:hover {
			text-decoration:underline;
		}
		
	/********************* / LEVEL 3 ***********************/
	
	/*********************** LEVEL 4 ***********************/
		.left_nav_lvl4
		{
			font-size: 11px;
			color: #666666;
			line-height: 12px;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-top: 4px;
			padding-left: 0px;
			margin: 0px;
			margin-left: 0px;
		}
		
		
		
		a.left_nav_lvl4:link, a.left_nav_lvl4:active, a.left_nav_lvl4:visited, a.left_nav_lvl4:hover
		{
			font-size: 11px;
			color: #999999;
			line-height: 11px;
			padding: 0px;
		}

		a.toimiala_lvl4, a.toimiala_lvl4:visited, a.toimiala_lvl4_act, a.toimiala_lvl4_act:visited {
			font-family: arial;
			font-size: 11px;
			line-height: 12px;
			color: #666666;
		}
		a.toimiala_lvl4_act, a.toimiala_lvl4_act:visited {
			color: #333333;
			text-decoration: underline;
		}
		a.toimiala_lvl4:hover, a.toimiala_lvl4_act:hover {
			text-decoration:underline;
		}		
		
		
		/*********************** / LEVEL 4 ***********************/

/************************** /LEFT NAVIGATION ***************************/

/************************** REFERENCE ***************************/

#reference_category_navigation {
	margin-bottom: 20px;
}

.reference_block { margin: 15px 0; }
#reference_info th { text-align: right; font-weight: bold; /* width: 100px;*/ }
#reference_info th, #reference_info td { font-size: 12px; vertical-align: top; padding: 2px 5px; }
#reference_info { margin-left: 5px; }
.reference_cell_content {width: 290px;}
	
div.reference_block_picture {
	width: 478px;
	background-color: #bbbdbc;
}
div.reference_block_picture img{
	margin: 9px;
}

a.special_menu_2,
a.special_menu_2:link,
a.special_menu_2:hover,
a.special_menu_2:visited,
a.special_menu_2:active,
a.special_menu_2_act,
a.special_menu_2_act:link,
a.special_menu_2_act:hover,
a.special_menu_2_act:visited,
a.special_menu_2_act:active { font-size: 11px; color: #376CAE; }

a.special_menu_2_act,
a.special_menu_2_act:link,
a.special_menu_2_act:hover,
a.special_menu_2_act:visited,
a.special_menu_2_act:active { text-decoration: underline; color: #000000; }

/************************** /REFERENCE NAVIGATION ***************************/

/************************** YHTEYSTIEDOT ***************************/

table.sortable span.sortarrow {
	color: black;
	text-decoration: none;
}
table.sortable a.sortheader {
	display: block;
	font-weight: bold;
	text-align: left;
}

#person_card_list { 
	width: 100%;
	empty-cells: show; 
	border-collapse: collapse; 
	margin-bottom: 15px;
}
#person_card_list td { 
	color: #7b7b7b;
}
#person_card_list td, #person_card_list th { padding: 2px 8px; font-size: 12px; }
#person_card_list td.name { color: #333333; }
#person_card_list td.name a { color: #669900; font-style: bold; text-decoration: underline;}
#person_card_grid td { vertical-align: top; }

div.person_card th {
	text-align: left;
}

/************************* /YHTEYSTIEDOT ***************************/

/******************************** FRONT PAGE ***************************/

	.hoist_pvm
	
	{
		font-size: 8pt;
		line-height: 9pt;
		margin: 0px;
		color: #666666;
		padding-right: 5px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	
	a.frontpage_link, a.frontpage_link:visited {
		color: #356CAE;
		font-size: 15px;
		font-weight: bold;
		font-family: Arial, sans-serif;
		width: 100%;
	}
	
	.blue_bottom_border {
			border-bottom: 1px solid #dee9f5;
	}
	
	#frontpage_center {
		border-right: 2px solid #B4CCE9;
		padding-left: 20px;
		width: 433px;
		padding-right: 31px !important;
		
		
	}
	
	#frontpage_left { width: 203px; }
	
	#frontpage_left, #frontpage_right { padding-top: 5px; }
	 
	#frontpage_center th { font-size: 11px; }
	
	div#frontpage_left_column {
		margin: 20px;
	}

	.button { font-size: 12px; }
	
	#etu_klogin form {
		text-align: left;
	}

	#etu_klogin table {
		border-collapse: collapse;
		padding: 0px;
	}

	#etu_klogin table td {
		vertical-align: middle;
		font-size: 11px;
	}

	#etu_klogin input {
		font-size: 10px;
		vertical-align: middle;

		height: 17px;
		width: 102px;
		margin-top: 3px;
		margin-left: 5px;
	}

	#etu_klogin a {
		color:#356CAE;
	}

/****************************** / FRONT PAGE ***************************/


/****************************** CENTER CELLS ***************************/
	.ingres_pad
	{
	
		padding-top: 10px;
		padding-right: 370px;
		padding-bottom: 10px;
		padding-left: 0px;
	}
	
	.rightblock
	{
		font-size: 11px;
		color: #666666;
		line-height: 11px;
		padding-right: 0px;
		padding-bottom: 4px;	
		padding-top: 4px;
		padding-left: 0px;
	}
	.righttd
	{
		padding-right: 0px;
		padding-bottom: 10px;	
		padding-top: 10px;
		padding-left: 0px;
		margin-left: 0px;
	}
	
	td.content_center {
		width: 451px;
		padding: 15px;
		padding-top: 0px;
		font-size: 8pt;
	}
	td.content_left {
		padding-top: 10px;
	}
	.content_right {
		padding: 0px;
		padding-top: 5px;
		margin: 0px;
		font-size: 8pt;
		line-height: 6pt;
	}
	.content_right a {
		font-size: 8pt;

	}

	.leftblock
	{
		font-size: 11px;
		color: #666666;
		line-height: 11px;
		padding: 0px;
	}
	
/**************************** / CENTER CELLS ***************************/

.separator_line {
	margin-top: 10px;
	margin-bottom: 10px;
}
.quicklinks {
	margin: 10px;
	margin-top: -10px;
	margin-right: 0px;
	padding-left: 5px;
}

#footlinks {
	white-space: nowrap;
}
#footlinks a, #footlinks a:visited {
	/* ie6sta varten */
	color: #356CAE;
	font-size: 11px;
	font-family: Arial;
}

.footer
{
	font-size: 11px;
	color: #376cae;
	/*color: #ffffff;*/
	padding: 0px;
	font-family: Arial;
}

/* Yleensä käytetty oikeassa laidassa, kun ei haluta tyhjää ympärille */
table.no_pad {
	padding: 0px;
	margin: 0px;
}


/* Tämä on oikean laidan filen style */
table.oikealaita, div.oikealaita {
	display: block;
	margin: 0px;
	margin-bottom: 10px;
	margin-right: 5px;
	text-align: left;
	padding-top: 5px;
}

table.file {
	margin-top: 0px;
} 
.filesize {
	color: #37637d;
	line-height: 6pt;
}
a.file { font-size: 8pt; }

a.embedded_product, a.embedded_product_category, a.internal_link {
	font-size: 11px;
	line-height: 11px;
	padding: 0px;
	margin: 0px;
}
a.special_menu {
	font-size: 11px;
}
a.special_menu_act {
	font-size: 11px;
	font-weight: bold;
}
td.special_bullet img {
	margin-top: 2px;
}
div.special_heading {
	margin-top: 22px;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin-bottom: 8px;
}

/*************************** Alasivu leveä (Parma Kansio) ***************************/

#extra_kansio_menu {
	float: right;
	text-align: right;

	width: 180px:
	height: 22px;
	border: 1px solid #DEE9F5;

	margin-top: 1px;
	margin-right: 3px;

	font-weight: bold;
	font-size: 11px;
	line-height: 21px;
	margin: 1 3px;
	padding: 1 2px;
}

#extra_kansio_menu a, #extra_kansio_menu a:visited {
	color: #356CAE;
	margin: 1 3px;
}

#extra_kansio_menu img {
	margin: 0 4px;
}

.message { padding: 6px; font-weight: bold; font-size: 12px; border: solid 1px #356cae; }

/*************************** Parma kansio / Login ***************************/

#extra_login h2 {
	margin-top: 16px;
}

#extra_login form {
	margin: 12px 0;
}

#extra_login input {
	margin-left: 12px;
}
#extra_login form .txtinput {
	margin-left: 1px;
	width: 162px;
}

#extra_login .horiline {
	width: 100%;
	height: 1px;
	border-top: 1px solid #DEE9F5;
	margin: 28px 0 12px 0;
}

#extra_login p {
	margin-top: 18px;
}

span.blue_fat_link {
	font-weight: bold;
	color: #356CAE !important;
}

.blue-link, a.blue_link, #extra_login a.blue_link, b.blue_link {
	color: #356CAE !important;
}

a.blue_small_link, #extra_login a.blue_small_link  {
	font-size: 11px;
	color: #356CAE !important;
}

/*************************** Parma kansio / Omat tiedot ***************************/

h2 {
	font-weight: bolder;
}
.rt_0	{
	background-color: #f6f6f6;
}

.rt_1	{
	background-color: #ffffff;
}

td.bolded {
	font-weight: bolder;
}

#extra_login .profile input {
	margin-left: 0px;
}

.profile ul {
	list-style: none;
}

.profile input {
	margin-right: 8px;
}

.profile ul.hidden, .profile input.hidden {
	color: silver;
}

.profile .radb {
	margin-right: 9px;
	vertical-aling: middle;
}

#extra_login .profile .small_margin {
	margin: 3px;
}

span.error {
	padding-left: 6px;
	margin-left: 6px;
	background: url('/images/customer/bullet_arrow_error.gif') left center no-repeat;
	color: #c00000;
}

/*************************** Alasivu 2 kolumnia ***************************/

/* #content_div */
#alasivu_2_col {
	border: 0; padding: 0; margin: 0;
}

#alasivu_2_col td {
	vertical-align: top;
	width: 260px;
	margin-right: 8px;
	
}

#content_div .vasen_ala_positio { 		border: 1px dotted orange; width: 250px; float: left; margin-right: 20px; }
#content_div .oikea_ala_positio { width: 250px; clear: right; }

/**************************** person.xsl ***************************/
	table.embedded_person, table.embedded_person td {
		background: white;
		font-size: 8pt;
		color: #333333;
		vertical-align: top;
	}
/************************** / person.xsl ***************************/


/**************************** sitemap.xsl ***************************/
	/********************* LEVEL 1 ***********************/
		a.sitemap_lvl1 {
			font-size: 15px;
			color: #356CAE;
		}
	/******************* / LEVEL 1 ***********************/

	/********************* LEVEL 2 ***********************/
		a.sitemap_lvl2 {
			font-size: 12px;
			color: #666666;
		}
		ul.sitemap_lvl2 {
			display: block; 
			padding: 0px; 
			padding-left: 2px;
			padding-top: 5px;
			margin: 0px;
			margin-left: 10px;
			list-style: none;
			list-style-image: none;
		}
		ul.sitemap_lvl2 li {
			line-height: 9pt;
			padding: 0px;
			margin-left: -10px;
			padding-left: 10px;
			padding-bottom: 4px;
			background-image: url(/images/sitemap_2levelbullet.gif);
			background-repeat: no-repeat;
		}
	/******************* / LEVEL 2 ***********************/
	
	/********************* LEVEL 3 ***********************/

		a.sitemap_lvl3 {
			font-size: 11px;
			color: #669900;
		}
		span.sitemap_lvl3 {
			padding-left: 10px;
		}
		ul.sitemap_lvl3 {
			display: block; 
			padding: 0px; 
			padding-left: 10px; 
			padding-top: 3px;
			margin: 0px;
			list-style: none;
			list-style-image: none;
		}
		ul.sitemap_lvl3 li {
			line-height: 9pt;
			background: none;
			padding: 0px;
			padding-left: 12px;
			padding-bottom: 2px;
			background-image: url(/images/sitemap_3levelbullet.gif);
			background-repeat: no-repeat;
		}
	/******************* / LEVEL 3 ***********************/

/**************************** sitemap.xsl ***************************/

/**************************** faq.xsl *******************************/
	span.faq_kysyja, span.faq_vastaaja {
		color: #666666;
		font-size: 11px;
	}
	ul.faq_kysymyslista {
		list-style: none;
	}
/************************** / faq.xsl *******************************/


/**************************** news.xsl ******************************/
	a.news_header {
		font-size: 12px;
	}
/************************** / news.xsl ******************************/

/*************************** forum.xsl ******************************/

	table.forum_post td {
		vertical-align: middle;
		text-align: right;
	}
	
	hr.forum_separator {
		color: #666666;
		width: 100%;
		height: 1px;
	}

	div.forum_reply {
		width: 400px;
		overflow: auto;
	}
/************************** / news.xsl ******************************/


/**************************** shop.xsl ******************************/
	.product_link {
		padding-top: 10px;
		padding-bottom: 5px;
	}
	.product_link a {
		font-size: 12px;
	}
	.product_header {
		text-align: right;
	}
	.odd td, .even td {
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 5px;
		padding-right: 5px;
		font-size: 12px;
	}
	.odd, td.shop_grey  { background-color: #e6e6e6; }
	.even,td.shop_white { background-color: #ffffff; }
	
	span.shop_nav_act {
		font-weight: bold;
		color: #333333;
	}
	th {
		color: #666666;
		font-weight: normal;
		font-size: 12px;
		text-align: right;
		/*white-space: nowrap;*/
		vertical-align: top;
	}
	
	table.shopping_cart, table.shop_userinfo {
		text-align: right;
	}
	table.shop_userinfo h1, td.input {
		text-align: left;
	}
	table.shop_payment {
		text-align: center;
		vertical-align: middle;
	}
	td.shop_payment_header {
		background: #37637d;
		color: white;
		text-align: center;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 12pt;
	}
	
	.shopping_cart_alert {
		padding-left: 12px;
	}
	.shopping_cart_alert li, .shopping_cart_alert ul {
		margin: 0px;
		padding: 0px;
	}

/************************** / shop.xsl ******************************/

#transbox {
	width: 100%;
	margin: 0px;
	background-color: #fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}
	
a.bottom_links, a.bottom_links:visited {
	color: #356CAE;
	font-size: 11px;
	font-family: Arial;
}

.search_path, a.search_path, a.search_path:visited {
	font-size: 10px;
	color: #666666;
}

table.lomake {
	font-size: 12px;
}

table.lomake td
{
	
	vertical-align: top;
}

table.lomake .oik {
	text-align: right;
}

table.lomake th {
		color: #666666;
		font-weight: normal;
		text-align: right;
		/*white-space: nowrap;*/
		vertical-align: top;
		width: 160px;
	}
table.lomake th h2
{
	text-align: left !important;
	margin-top: 20px;
	margin-bottom: 5px;
}
table.lomake td.submit_button {
	text-align: center;
	border-top: 1px  #f1f1f1 solid;
	border-bottom: 1px  #f1f1f1 solid;
	padding: 10px;
}
table.lomake td.submit_button input{
	padding: 5px;
}

/************************** ylaosan suunnittelutyokalujen tyylit **************************/
	td.suunnittelu_top {
		background-color: #356CAE;
		padding: 0px;
		padding-left: 3px;
		padding-right: 3px;
		margin: 0px;
		color: #fff;
		vertical-align: middle;
	}
	/* Linkkien välissä oleva kuva */
	img.spacer {
		position: relative;
		top: 2px;
	}
	a.suunnittelu_top:hover { text-decoration: underline; }
	
	/* aktiivinen valinta top_navissa */
	.suunnittelu_top_act a, .suunnittelu_top_act a:visited
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #FFFFFF;
		/*line-height: 11px;*/
		padding-left: 5px;
		padding-right: 5px;
		letter-spacing: 1px;
		text-transform: uppercase;
		text-decoration: none;
	}
	td.suunnittelu_top_act {
		background-color: #356CAE;
		padding: 0px;
		padding-left: 7px;
		padding-right: 7px;
		height: 21px;
		margin: 0px;

	}		
	
	a.suunnittelu_top_act:hover
	{
		text-decoration: underline;
	}

/****** Toimipaikkakartta *********/
/**********************************/

#toimipaikka_kartta { 
  width: 200px; 
  height: 401px; 
  background: url('/images/customer/kartta.gif') no-repeat left top; }
}
a.toimipaikka       {  }
a.toimipaikka:hover { background: #669900; font-size: 1px; line-height: 1px;  }
#tp_oulu { display: block; position: absolute; width: 14px; height: 14px; margin-left: 78px; margin-top: 182px;}
#tp_kurikka { display: block; position: absolute; width: 14px; height: 14px; margin-left: 43px; margin-top: 261px; }
#tp_uurainen { display: block; position: absolute; width: 14px; height: 14px; margin-left: 88px; margin-top: 291px; }
#tp_kangasala { display: block; position: absolute; width: 14px; height: 14px; margin-left: 58px; margin-top: 327px; }
#tp_ylojarvi { display: block; position: absolute; width: 14px; height: 14px; margin-left: 37px; margin-top: 327px; }
#tp_nastola { display: block; position: absolute; width: 14px; height: 14px; margin-left: 102px; margin-top: 339px; }
#tp_joutseno { display: block; position: absolute; width: 14px; height: 14px; margin-left: 141px; margin-top: 338px; }
#tp_forssa { display: block; position: absolute; width: 14px; height: 14px; margin-left: 38px; margin-top: 355px; }
#tp_rusko { display: block; position: absolute; width: 14px; height: 14px; margin-left: 18px; margin-top: 367px; }
#tp_nurmijarvi { display: block; position: absolute; width: 12px; height: 14px; margin-left: 69px; margin-top: 358px; }
#tp_hyryla { display: block; position: absolute; width: 14px; height: 14px; margin-left: 79px; margin-top: 362px; }
#tp_nummela { display: block; position: absolute; width: 14px; height: 14px; margin-left: 58px; margin-top: 366px; }
#tp_kotka { display: block; position: absolute; width: 14px; height: 14px; margin-left: 107px; margin-top: 370px; }
#tp_kuusankoski { display: block; position: absolute; width: 14px; height: 14px; margin-left: 90px; margin-top: 338px; }