body {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
}
strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
div.indent {
	width:960px;
	margin:0 auto;
	position:relative;
}
a {
	color:#162F7B; /* #00242E */
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#133C5D;
	text-decoration:underline;
}
a img {
	border:none;
}
a.btn:hover {
	text-decoration:none !important;
}
ul {
	margin:0px 0px 0px 0px;
	padding:0px;
}
ul ul {
	margin-left:10px;
}
li {
	background:transparent url(../img/list_ball.png) no-repeat 5px 7px;
	list-style-type:none;
	padding-left:15px;
}
.clear {
	padding:0px !important;
	margin:0px !important;
	background:none !important;
	height:0px !important;
	display:block !important;
	float:none !important;
	clear:both;
}
.left {
	float:left;
}
.right {
	float:right;
}
td.right, th.right {
	float:none;
	text-align:right !important;
}
td.left, th.left {
	float:none;
	text-align:left;
}
.center {
	text-align:center !important;
}
.bold {
	font-weight:bold;
}
select {
	height:22px;
	padding:2px 0px;
	border:1px solid #c8c8c8;
}
textarea {
	font-family:verdana,arial;
	font-size:100%;
	border:1px solid #c8c8c8;
	padding:3px;
	width:99%;
}
button {
	width:auto;
	margin:5px;
	overflow:visible;
}
button {
	margin:5px;
/*	height:20px;*/
	font-weight:bold;
	padding:3px 3px 2px 3px;
	color:#5b5b5b;
	border:1px solid #bebebe;
	background:#fff url(../img/btn_bg.png) repeat-x top left;
    font-family:arial,sans-serif !important;
}
button:hover {
	cursor:pointer;
}
button img {
	bottom:1px;
	padding:0 5px 0 0;
	position:relative;
	vertical-align:middle;
}
.hidden {
	display:none;
}
h1 {
	font-size:1.7em;
	font-weight:bold;
	color:#162f7b;
	margin:5px 0px;
	line-height:1.2em;
}
#etusivunflash h1 a {
display: block;
width: 920px; height: 231px;
background: url("../img/content_header_main.png") left top no-repeat;
}

#etusivunflash h1 a span {
margin-left: -9999px;
}
h2 {
	font-size:1.5em;
	font-weight:bold;
	color:#162f7b;
	margin:5px 0px;
	line-height:1.2em;
}
h3 {
	font-family:'Trebuchet MS';
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 0px;
	padding:9px 0px 4px;
	text-transform:uppercase;
	border-bottom:1px dotted #bfbfbf;
	background:url(../img/column_title_bg.png) repeat-x top left;
	clear:both;
}
p.no_bottom_margin {
	margin-bottom:0px;
}
.video_ikkuna {
	background:transparent url(../img/icon_movie.png) no-repeat scroll right bottom;
	padding-right:32px;
	padding-top:5px;
	line-height:28px;
}

.dark_blue {
	color:#162F7B !important;
}
a.read_more {
	color:#00BAEF;
}

ul.arrow_list {
	margin-left:15px;
}
ul.arrow_list li {
	list-style:circle outside url(../img/list_arrow.png);
	color:#424243;
	background:none;
	padding-left:0px;
	line-height:1.1em;
	padding-top:10px;
}
ul.arrow_list li a {
	display:block;
	color:#162f7b;
	font-weight:bold;
}
div.addin_separator {
	clear:both;
	float:none;
	height:20px;
}

div#wrapper {
	position:relative;
}
div#extranet_login {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
	height:9px;
	background:#00baef url(../img/extranet_border.png) repeat-x bottom left;
	border-bottom:1px solid #f7f7f7;
	z-index:9;
}
div#extranet_login a.login {
	position:absolute;
	bottom:-11px;
	left:50%;
	margin-left:347px;
	height:20px;
	width:135px;
	text-align:center;
	display:block;
	background:url(../img/extranet_login_bg.png) no-repeat bottom left;
	color:#fff;
}
div#extranet_login a.login img {
	position:absolute;
	bottom:5px;
	left:50%;
	margin-left:-47px;
	vertical-align:bottom;
}
div#extranet_login div.content {
	display:none;
	text-align:center;
	padding:20px;
}
div#header {
	background:#f0f1f0;
	border-bottom:1px solid #dcdddc;
}
div#header div.content {
	background:url(../img/header_bg.png) repeat-x bottom left;
	
/*	background:#ebeceb;*/
	margin:0px 0px 1px;
}
div#header div.content div.indent {
	position:relative;
	padding:38px 0px 0px;
	height:49px;
}
div#header div.content div.indent a#logo {
	position:absolute;
	top:34px;
	left:0;
	background:url(../img/logo_heeros.gif) no-repeat top left;
	height:27px;
	width:113px;
}
div#header div.content div.indent div.links {
	margin-left:178px;
}
div#header div.content div.indent div.links a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#00baef;
	text-decoration:none;
	margin-left:27px;
	text-transform:uppercase;
	font-size:1em;
	display:block !important;
	position:relative;
	float:left;
	padding:0px 5px 0px;
	height:21px;
	margin-top:1px;
}
div#header div.content div.indent div.links a:hover {
	background:#fbfbfb;
}
div#header div.content div.indent div.links a img {
	position:relative;
	top:2px;
}
div#header div.content div.indent div.links a img.act {
	display:none;
}
div#header div.content div.indent div.links a span {
	position:absolute;
	top:0px;
	width:4px;
	height:21px;
	display:none;
}
div#header div.content div.indent div.links a.act {
	background:url(../img/navi_act_bg.png) repeat-x top left;
	height:23px;
	margin-top:0px;
}
div#header div.content div.indent div.links a.act img {
	top:3px;
}
div#header div.content div.indent div.links a.act img.inact {
	display:none;
}
div#header div.content div.indent div.links a.act img.act {
	display:inline;
}
div#header div.content div.indent div.links a.act span {
	display:block;
	height:23px;
}
div#header div.content div.indent div.links a span.hover_left {
	left:-4px;
	background:url(../img/navi_hover_left.png) no-repeat top right;
}
div#header div.content div.indent div.links a span.hover_right {
	right:-4px;
	background:url(../img/navi_hover_right.png) no-repeat top left;
}
div#header div.content div.indent div.links a.act span.hover_left {
	left:-4px;
	background:url(../img/navi_act_left.png) no-repeat top right;
}
div#header div.content div.indent div.links a.act span.hover_right {
	right:-4px;
	background:url(../img/navi_act_right.png) no-repeat top left;
}
div#header div.content div.indent div.links a:hover span {
	display:block;
}
div#header div.content div.indent div.links a img {
	
}

div#header div.content div.indent div.links a.lang {
	background:url(../img/navi_act_bg.png) repeat-x top left;
	height:23px;
	position:relative;
	bottom:1px;
	margin-left:55px;
}
div#header div.content div.indent div.links a.lang:hover {
	background:#fbfbfb;
}
div#header div.content div.indent div.links a.lang img {
	top:4px;
}
div#header div.content div.indent div.links a.lang:hover img.inact {
	display:none;
}
div#header div.content div.indent div.links a.lang:hover img.act {
	display:inline;
}
div#header div.content div.indent div.links a.lang span {
	display:block;
	height:23px;
}
div#header div.content div.indent div.links a.lang span.hover_left {
	left:-4px;
	background:url(../img/navi_act_left.png) no-repeat top right;
}
div#header div.content div.indent div.links a.lang span.hover_right {
	right:-4px;
	background:url(../img/navi_act_right.png) no-repeat top left;
}
div#header div.content div.indent div.links a.lang:hover span.hover_left {
	left:-4px;
	background:url(../img/navi_hover_left.png) no-repeat top right;
}
div#header div.content div.indent div.links a.lang:hover span.hover_right {
	right:-4px;
	background:url(../img/navi_hover_right.png) no-repeat top left;
}

div#top_content {
	border-bottom:1px solid #d1d2cd;
	background:#f6f7f1;
}	
div#top_content div.content {
	background:#f6f7f1;
	margin-bottom:1px;
}
div#top_content div.content div.indent {
	padding-left:30px;
}
div#top_content div.content div.indent img {
	vertical-align:bottom;
	margin-bottom:-1px;
}
div#content {
	background:#fff url(../img/content_header_sh.png) no-repeat center 1px;
	padding-top:15px;
}
div#content div.indent {
	background:url(../img/footer_shadow.png) no-repeat bottom center;
}
div#column_left {
	padding-left:0px;
	width:181px;
}
div#column_center {
	width:439px;
}
div#column_right {
	width:266px;
	float:right;
	padding:10px 9px;
	background:#f3f3f3;
	border:1px solid #eaeaea;
	margin-bottom:15px;
	margin-left:10px;
	/*
	position:absolute;
	top:0px;
	right:0px;
	bottom:15px;
	*/
}
div#column_right a {
/*	color:#162f7b;*/
}
div#column_right h3 {
	background:url(../img/column_title_bg_right.png) repeat-x top left;
	color:#424243;
}
div#footer {
	background:#e3e4e3;
	border-top:1px solid #c7c9c7;
	color:#545454;
	padding:0px 0px 0px;
	height:110px;
	position:relative;
	line-height:20px;
}
div#footer div.indent {
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-480px;
}	
div#footer div.indent img {
	vertical-align:middle;
}
div#footer div.left {
	margin-left:10px;
}
div#footer div.right {
	width:277px;
	padding-top:20px;
}
div#footer a {
	color:#545454;
	border-bottom:1px solid #9b9c9b;
}
div#footer div.right a {
	background:url(../img/list_arrow_grey.png) no-repeat center left;
	padding-left:10px;
	display:block;
	border:none;
	line-height:20px;
}
div#footer div.right a:hover {
	text-decoration:underline;
}
div#footer a:hover {
	text-decoration:none;
}
div#taloushallintoliitto {
	position:absolute;
	top:5px;
	left:470px;
	background:url(../img/icon_taloushallintoliitto.png) no-repeat 0 0px;
	height:50px;
	width:74px;
}

div.column {
	float:left;
	padding:10px 14px;
}
div.column div.column_content {
	padding-top:9px;
	border-top:1px dotted #fafbfa;
}

div#column_center ul {
	margin-left:0px;
}
div#column_center ul li {
	list-style-position:outside;
}


hr {
	border:none;
	height:1px;
	background:#ecedec;
	margin:6px 0px 12px;
}
div.news {
	margin-bottom:15px;
}
div.news p.info {
	margin:5px 0px;
}
div.news p.info span.added {
	color:#606060;
}
div.news p.info a {
	color:#00baef;
}
div.news div.content_short {
	text-align:justify;
	font-size:1em;
}
div.news div.content_short p {
	line-height:1.2em;
	margin:0px 0px 12px;
}
div.news div.content_short img.left {
	margin:0px 6px 6px 0px;
}
div.news a.read_more {
	display:block;
	margin-bottom:15px;	
}
div.news > img {
	float:right;
}

ul.product_list {
	margin:0px;
}
ul.product_list li {
	clear:both;
	list-style:none;
	line-height:1.3em;
	margin-bottom:0px;
	background:none;
	padding-left:0px;
}
ul.product_list li h2 {
	float:left;
	font-size:1em;
	margin:0px;
	padding:0px;
	font-weight:normal;
	width:140px;
}
ul.product_list li h2 a {
/*	margin-top:11px;*/
	clear:none;
	float:none;
}
ul.product_list li img {
	margin-right:8px;
	margin-bottom:10px;
}
ul.product_list li a {
	float:left;
	clear:left;
	display:block;
	font-weight:bold;
	color:#162f7b;
}
ul.product_list li span {
	color:#555555;
	width:130px;
	display:block;
	float:left;
}

div.box {
	margin:15px 14px;
	background:#fff;
	width:240px;
}
div.box p.title {
	position:relative;
	background:url(../img/box_header_bg.png) repeat-x top left;
	margin:0px;
	padding:7px 10px 0px;
	height:24px;
	color:#fff;
	text-transform:uppercase;
	font-size:1.1em;
}
div.box p.title span {
	width:6px;
	height:31px;
	position:absolute;
	top:0px;
}
div.box p.title span.title_left {
	left:0px;
	background:url(../img/box_header_left.png) no-repeat top left;
}
div.box p.title span.title_right {
	right:0px;
	background:url(../img/box_header_right.png) no-repeat top right;
}
div.box div.content {
	margin:0px;
	padding:10px 10px 0px;
	background:url(../img/box_content_bg.png) repeat-y top left;
}
div.box a.read_more {
	display:block;
	margin:0px -10px;
	padding:5px 10px 10px;
	text-align:right;
	color:#00baef;
	background:url(../img/box_footer.png) no-repeat bottom left;
}

/* lomake */
div.field_wrapper {
	float:left;
}
p.field_title {
	margin:0px;
	display:inline;
}
p.field_title span {
	color:#ED3840;
}
div.input {
	margin-right:10px;
}
div.input input.text {
	width:100%;
	border:1px solid #C8C8C8;
	padding:3px 1px;
}
div.button button {
	margin-left:0px;
	padding:0px;
	border:none;
}
div.button button img {
	margin:0px;
	padding:0px;
}
div.input_width_25 {
	width:25%;
}
div.input_width_50 {
	width:50%;
}
div.input_width_75 {
	width:75%;
}
div.input_width_100 {
	width:100%;
}

#cs_flashBody {
	margin:0px !important;
}
#fancy_frame {
	overflow:hidden;
}

div#blog_entries {
	
}
div#blog_entries ul {
	margin-top:10px;
}
div#blog_entries ul li {
	
}
div#blog_entries ul li a {
	
}

