/**********************************************************************************
=FONT STYLES
**********************************************************************************/

body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 62.5%; }

h1 { color: #ea5e01; font-size: 2.1em; margin: 0; padding: 0 20px; }
h2 { color: #304e66; font-size: 1.6em; margin: 0; padding: 13px 5px 5px; }
h2.txt_h2_otsikko { padding: 5px 20px 15px; }
h2.paikkakunta { background: #e8eff5; color: #ea5e01; display: block; padding: 5px 20px 0; }
h3.intro_otsikko { background: #f7f7f7; color: #304e66; font-size: 1.6em; margin: 0; padding: 12px 5px 3px; }
h4 { color: #304e66; font-size: 1.6em; margin: 0; padding: 8px 5px 0; text-align: center; }

td {_font-size: 10px;}

p { color: #42454d; font-size: 1.1em; line-height: 1.4em; }
#intro p { color: #304e66; margin: 5px 5px 10px; } 
#container_etusivu p { margin: 5px 5px 20px; }
#content p.txt_otsikkopalkki {
background: #e8eff5;
display: block;
font-weight: bold;
margin: 17px 2px 10px 0;
padding: 3px 20px;
}
#content p { margin: 17px 20px; }
#content p#datalinks {
background: #f0f0f0;
border-bottom: 1px solid #d5dae0;
display: block;
margin: 17px 0;
padding: 6px 20px 4px;
}
#content p#datalinks a { color: #304e66; font-weight: bold; margin: 5px 12px 0 0; padding: 3px 10px 6px; *padding: 3px 10px 5px; text-decoration: none; }
#content p#datalinks a:hover { color: #d95700; }
#content p#datalinks a.active { background: #fff; border: 1px solid #d5dae0; border-bottom: none; }
#content p#datalinks a.passive { background: transparent; }
#content #tekniset_tiedot table p { margin: 5px 20px; }
#content #tekniset_tiedot table td { border-bottom: 1px solid #DDE1E5; }
#content ul, #content ol { font-size: 1.1em; margin: 15px 20px 25px 30px; padding: 0; }
#content ul ul, #content ol ol { font-size: 1.0em; margin: 7px 20px 12px 15px; padding: 0; }
#content li { color: #42454d; margin: 5px 20px; }

p.breadcrumb { color: #304e66; font-size: 1.1em; font-weight: bold; margin: 0 23px 0; padding: 7px 0 10px; }
p.breadcrumb span.nuoli { color: #f47e00; margin: 0 5px; }

#content a { color: #d95700; text-decoration: underline; }
#content a:hover { color: #236192; }

strong.faq_kysymys, span.faq_kysymys { background: #e8eff5; display: block; margin: 0 0 -5px; padding: 3px; }
span.faq_vastaus {
background: url(../_img/faq_puhekupla.gif) no-repeat 0.5em 0.25em;
display: block;
margin: 0 0 33px;
padding-left: 28px;
}

a.txt_pdf-tiedosto {
background: url(../_img/acrobat_icon.gif) no-repeat;
padding: 2px 0 2px 25px;
}

table.taulukko_tuotetuki { color: #42454d; font-size: 1.1em; }

#footer a { color: #42454d; text-decoration: none; }
#footer a:hover { color: #42454d; text-decoration: underline; }

#content form { color: #42454d; font-size: 1.1em; margin: 20px; }
#content form label { display: block; float: left; margin-top: .5em; text-align: right; width: 12em; }
#content form input, #content form textarea, #content form select { font: normal 1.1em Arial, Helvetica, sans-serif; margin: 2px 0 3px 15px; width: 200px; }
#content form textarea { height: 100px; width: 280px; }
#content form input#submit {font-size:1.1em; margin-left:12em; *margin-left:14.5em; padding:2px; width:4em;}

#menu li{cursor:pointer;}
#menu li.closed ul{display:none;}
#menu li ul{display:block;}



/**********************************************************************************
=BODY STUCTURE
**********************************************************************************/

body 
{
	background: #f7f7f7 url('../_img/body_bg.gif') repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
}

#header 
{
	height: 121px;
	margin: 0 auto 2px;
	position: relative;
	text-align: left;
	width: 852px;
}
	/* vanha logo: #header img#handan_logo { margin: 19px; } */
	
	/*
	#header #search { position:absolute; height:24px; top:4px; right:36px; }
	#header #search input#searchfield {
	background: url(../_img/header_searchfield.gif) no-repeat;
	border: none;
	font-size: 1.1em; 
	height: 16px;
	margin-top: 10px;
	padding: 5px 12px 3px;
	width: 111px;
	}
	#header #search input#submit { margin: -9px 0 0 1px; *margin: 2px 0 0 1px; }
	*/
	
	#header img.logo { left: 25px; position: absolute; top: 13px; }
	
	#choose{
		float:right;
	}
	#header ul.sitelink 
	{
		display:block;
		height: 28px;
		position: relative;
		right: 25px;
		top: 22px;
		*top: 15px;
		width:148px;
	}
	#header ul.sitelink li
	{
		display:inline;
		list-style:none;
		width:179px;
		margin:0px 0px 15px 0px;	
		padding:0px 0px 0px 0px;
	}
	#header ul.sitelink li ul
	{
	display:none;
	background:#fff;
	position:absolute;
	margin:10px 0px 0px 0px;
	padding:0px;
	width:148px;
	border:1px solid #1462a5;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
	#header ul.sitelink li:hover ul
	{
	display:block;
	background:#e0e1e1 url(../_img/menu_hover.gif) repeat-x;
	position:absolute;
	margin:10px 0px 0px 0px;
	padding:0px;
	width:148px;
	border:1px solid #dadcdd;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
	#header ul.sitelink li ul li{
		display:block;
		position:relative;
		margin:0px;
		padding:5px 0px 5px 0px;
	}
	#header ul.sitelink li ul li a
	{   background:none;
		color: #626a6f;
		font: normal 1.1em Tahoma, Arial, Helvetica, sans-serif;
		*line-height: 29px;
		padding: 8px 0 7px 13px;
		text-decoration: none;
	}
	#header ul.sitelink li ul li a:hover
	{   background:none;
		color: #000;
		font: normal 1.1em Tahoma, Arial, Helvetica, sans-serif;
		*line-height: 29px;
		padding: 8px 0 7px 13px;
		text-decoration: none;
	}
	#header ul.sitelink a
	{
		background: url('../_img/header_sitelink_bg1.gif') no-repeat;
		*background-position: 0 8px;
		color: #626a6f;
		font: normal 1.1em Tahoma, Arial, Helvetica, sans-serif;
		*line-height: 29px;
		padding: 8px 0 20px 13px;
		text-decoration: none;
	}
	#header ul.sitelink a span 
	{ 
		background: url('../_img/header_sitelink_bg2.gif') no-repeat 100% 0;
		padding: 8px 35px 7px 0;
		width: 35px;
	}
	#header #sitelink a:hover { color: #145a95; }

	
	/****** MAIN NAVIGATION *******/
	
	#header #main_nav { position: absolute; top: 82px; }
	#header ul#nav 
	{
		background: url('../_img/nav_spacer.gif') no-repeat;
		height: 35px;
		list-style-type: none;
		margin: 0 0 0 20px; 
		padding: 0 0 0 2px;
	}
	#header ul#nav li 
	{
		background: url('../_img/nav_spacer.gif') no-repeat 100% 0;
		display: inline;
		padding: 12px 2px 10px 0; 
		list-style: none;
	}
	#header ul#nav a 
	{ 
		font: bold 1.1em Tahoma, Arial, Helvetica, sans-serif; 
		color: #fff; 
		line-height: 35px;
		padding: 1.2em 1.2em 1em; 
		text-decoration: none; 
	}
	#header ul#nav a:hover { background: url('../_img/nav_bg_hover.gif') repeat-x 0 2px; }


#subcontent_wrapper {
background: #eee url(../_img/subcontent_bg.gif) repeat-x 0 100%;
margin: 0;
padding-top: 0px;
width: 100%;
}
	#subcontent { display: block; width: 822px; margin: 0 auto; text-align: left; }
	#subcontent table#introtable { margin: 0 0 1px 5px; }
	#subcontent td#intro {
	background: #f7f7f7; 
	border-left: 1px solid #d4dbe2; 
	height: 207px;
	padding: 5px 10px 0; 
	}

#container_wrapper {
background: #fff;
padding-top: 1px;
width: 100%;
}
	#container_etusivu { margin:0 auto; padding: 20px 0 30px; text-align:left; width:822px;}
	#container_levea { margin:0 auto; padding: 20px 0 30px; text-align:left; width:822px; }
	#container_alasivu {background: url(../_img/sidebar_bg.gif) repeat-y; margin:0 auto; text-align:left; width:822px;}
	
	#sidebar { float: left; padding-bottom: 50px; width: 210px; }
	
		/***** sivun vasemmassa laidassa oleva navigaatio **************************************************/
	
		#sidebar ul { border-bottom: 1px solid #e4e4e4; list-style-type: none; margin: 0; padding: 0; }
		#sidebar ul ul { border: none; }
		#sidebar ul li { }
		#sidebar ul li a {
		background: #fff url(../_img/sidebar_li.gif) no-repeat;
		border: 1px solid #e4e4e4;
		border-bottom: none;
		display: block;
		color: #236192;
		font-size: 1.1em;
		font-weight: normal;
		_height: 13px;
		padding: 7px 7px 7px 27px;
		text-decoration: none;
		}
		#sidebar ul li a:hover {background: #f0f0f0 url(../_img/sidebar_li_hover.gif) no-repeat;}
		
		#menu .open a, #menu .open a:hover { background: #e1e6ea url(../_img/sidebar_li_hover.gif) no-repeat; }
		
		#sidebar ul li li { }
		#sidebar ul li li a, #menu .open li a {
		background: url(../_img/sidebar_li_li.gif) no-repeat;
		border: none;
		border-bottom: 1px solid #417095;
		display: block;
		color: #fff;
		font-size: 1.1em;
		font-weight: normal;
		margin: 0;
		padding: 6px 7px 5px 45px;
		text-decoration: none;
		}
		#sidebar ul li li a:hover, #menu .open li a:hover { background: url(../_img/sidebar_li_li_hover.gif) no-repeat; }
		
		#sidebar ul li li li a {
		background: url(../_img/sidebar_li_li_li.gif) no-repeat 0.8em 1em;
		border: none;
		display: block;
		color: #4076a1;
		font-size: 1.1em;
		font-weight: normal;
		margin-left: 38px;
		padding: 6px 7px 5px 28px;
		text-decoration: none;
		}
		#sidebar ul li li li a:hover {background: url(../_img/sidebar_li_li_li.gif) no-repeat 1.2em 1em;}
	
	#content { margin-left: 230px; padding: 23px 0 40px; }
	#content_levea { margin-left: 0px; padding: 23px 0 40px; }

#footer_wrapper {
border-top: 1px solid #dfdfdf;
text-align: center;
width: 100%;
}
	#footer {
	padding: 10px 20px;
	margin: 0 auto; 
	text-align: left;
	width: 802px;
	}
	

/**********************************************************************************
=MISC STYLES
**********************************************************************************/

hr#cleaner {
border: none;
clear: both;
height: 1px;
margin: -1px 0 0; 
padding: 0;
visibility: hidden;
}

td.cell_pisteviiva { background: url(../_img/cell_pystypisteviiva.gif) repeat-y 50% 0; }
td.cell_vaakapisteviiva { background: url(../_img/cell_vaakapisteviiva.gif) repeat-x 0 50%; }

td.cell_hr { background: url(../_img/cell_hr.gif) repeat-x 0 3px; }

img.banner { margin: 7px; }
img.logo_cableready { margin: 0 12px 20px 0; }

table.taulukko_tuotetuki { margin: 15px 0; }
table.taulukko_tuotetuki td { padding: 5px; }


/** HENKILÖKUNTA **/
table#henkilokunta td.otsikko
{
	background: #f0f0f0;
	border-right: 5px solid #fff;
	color: #235a79;
	font-size: 11px;
	margin-right: 5px;
	padding: 4px 5px;
}


/** LINKIT-TAULUKKO **/
table#linkit-taulukko td { color: #42454d; font-size: 11px; }
table#linkit-taulukko td.otsikko 
{
	background: url('../_img/linkit_otsikko_bg.gif') repeat-x;
	color: #fff;
	font-weight: bold;
	height: 27px;
	height/**/:/**/ 14px;
	padding: 7px 15px 6px;
	text-transform: uppercase;
}
table#linkit-taulukko a { color: #d95700; text-decoration: none; }
table#linkit-taulukko a:hover { color: #236192; }


/** UUTISSIVU **/
#container_uutiset { background: none; margin:0 auto; text-align:left; width:822px; }
#content_uutiset { float: left; padding: 0 0 40px; *padding: 20px 0 40px; width: 512px; }

#sidebar_uutiset
{
	background: url('../_img/sidebar_uutiset_bg.gif') repeat-y;
	margin: 20px 0 0 527px;
	/*border-left: 1px solid #e0e0e0;*/
	padding: 1px 0 0 12px;
	width: 282px;
}
#sidebar_uutiset .news_category
{
	/*background: #f7f7f7;
	border: 1px solid #e4e6e8;*/
	margin: 0 0 25px;
	padding: 0 0 1em;
}
#sidebar_uutiset .news_category h5
{
	background: url('../_img/news_h5_bg.gif') no-repeat;
	color: #fff;
	font-size: 1.1em;
	height: 27px;
	height/**/:/**/ 14px; 
	margin: 0 0 2px;
	padding: 7px 15px 6px;
	text-transform: uppercase;
	width: 280px;
	width/**/:/**/ 260px;
}
#sidebar_uutiset .news_category h6
{
	background: #f6f6f6;
	color: #235a79;
	border: 1px dotted #d3d3d3;
	font-size: 1.1em;
	margin: 9px 3px 1px;
	padding: 6px 12px 5px;
	text-transform: uppercase;
}
#sidebar_uutiset .news_category ul
{
	list-style-type: none;
	margin: 0 15px;
	padding: 0;
}
#sidebar_uutiset .news_category ul li 
{
	background: url('../_img/news_li_bg.gif') repeat-x 0 100%;
	font-size: 1.1em;
	padding: 0.7em 0;
}
#sidebar_uutiset .news_category ul li a
{
	background: url('../_img/news_li_a_bg.gif') no-repeat 0 0.3em;
	color: #485258;
	display: block;
	padding-left: 1.2em;
	text-decoration: none;
}
#sidebar_uutiset .news_category ul li a:hover { color: #ea5e01; }

#content_uutiset h1, h2, h3, p { padding: 0; }

#content_uutiset a { color: #d95700; text-decoration: none; }
#content_uutiset a:hover { color: #236192; }

/**********************************************************************************
=sIFR
**********************************************************************************/

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 20px;
  margin-bottom: 2px;
}

.sIFR-active h2 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 16px;
  *font-size: 17px;
  margin-bottom: 2px;
}

.sIFR-active h3 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 16px;
  *font-size: 17px;
  margin-bottom: 2px;
}

.sIFR-active h4 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 16px;
  *font-size: 17px;
  margin-bottom: 2px;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}