/* text 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 { 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;}

/* text end ! ************************************************/

/* body styles
************************************************************************/

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 img#handan_logo { margin: 11px 10px 22px 30px; }
	
	
	#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 #main_nav {
	margin: -30px 0 0 249px;
	*margin: -33px 0 0 249px;
	}
	#header #nav {
	background: url(../_img/header_navbg.jpg);
	height: 42px;
	margin: 0; 
	padding: 0;
	position: relative;
	width: 610px; 
	}
	#header #nav li {
	margin: 7px 0 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
	}
	#header #nav li, #header #nav a { height: 35px; display: block; }
	/* Linkkien kohdat */
	#link1 {left: 58px; width: 77px;}
  	#link2 {left: 135px; width: 81px;}
	#link3 {left: 217px; width: 107px;}
  	#link4 {left: 325px; width: 75px;}
 	#link5 {left: 400px; width: 51px;}
	#link6 {left: 451px; width: 100px;}
	/* Roll-over mrittelyt */
	#link1 a:hover { background: transparent url(../_img/header_navbg.jpg) -58px -49px no-repeat; }
  	#link2 a:hover { background: transparent url(../_img/header_navbg.jpg) -135px -49px no-repeat; }
  	#link3 a:hover { background: transparent url(../_img/header_navbg.jpg) -217px -49px no-repeat; }
  	#link4 a:hover { background: transparent url(../_img/header_navbg.jpg) -325px -49px no-repeat; }
	#link5 a:hover { background: transparent url(../_img/header_navbg.jpg) -400px -49px no-repeat; }
	#link6 a:hover { background: transparent url(../_img/header_navbg.jpg) -451px -49px no-repeat; }
	/* Tekstien piilotus */
	#header #nav a span {position:absolute; height:0; top:0; left:-9000px;}


#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; }

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

/* body end ! ************************************************/

/* various 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; }


/* various end ! ************************************************/

/* 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;
}