body {
  margin: 0;
  font-size: .625em;
  font-family: Arial,Helvetica,Tahoma,sans-serif
}

#container {
  margin: 0 auto;
  width: 900px;
}

#header {
  background: url(../img/header.gif) right top no-repeat;
  position: relative;
}

#header h1 {
  margin: 0;  
}

#header h1 a {
  display: block;
  text-indent: -9999px;
  width: 136px;
  height: 64px;
  background: url(../img/logo.gif) left top no-repeat;
}

#downloadLink {
	color:#8AA8F1;
	left:688px;
	position:absolute;
	text-align:right;
	top:10px;
	width:200px;
}

#navigation {
  background: url(../img/navi.gif) left top no-repeat;
  display: block;
  list-style: none;
  width: 758px;
  height: 21px;
  position: absolute;
  left: 142px;
  top: 43px;
  margin: 0;
  padding: 0;
}

#lang-en #navigation {
  background: url(../img/navi_en.gif) left top no-repeat;
}

#lang-de #navigation {
  background: url(../img/navi_de.gif) left top no-repeat;
}

body.konserni #navigation #konserni a { background: url(../img/navi.gif) -54px -42px no-repeat;}
body.toimialat #navigation #toimialat a { background: url(../img/navi.gif) -118px -63px no-repeat;}
body.toimintajarjestelma #navigation #toimintajarjestelma a {background: transparent url(../img/navi.gif) -179px -84px no-repeat; }
body.tuotteet #navigation #tuotteet a {background: transparent url(../img/navi.gif) -297px -105px no-repeat; }
body.yhteystiedot #navigation #yhteystiedot a {background: transparent url(../img/navi.gif) -360px -126px no-repeat; }
body.tyopaikat #navigation #tyopaikat a {background: transparent url(../img/navi.gif) -443px -147px no-repeat; }
body.uutiset #navigation #uutiset a {background: transparent url(../img/navi.gif) -555px -168px no-repeat; }
body.referenssit #navigation #referenssit a {background: transparent url(../img/navi.gif) -604px -189px no-repeat; }

#frontpage a:hover { background: transparent url(../img/navi.gif) 0 -21px no-repeat; }

#navigation #konserni a:hover { background: transparent url(../img/navi.gif) -54px -42px no-repeat; }
#navigation #toimialat a:hover { background: transparent url(../img/navi.gif) -118px -63px no-repeat; }
#navigation #toimintajarjestelma a:hover {background: transparent url(../img/navi.gif) -179px -84px no-repeat; }
#navigation #tuotteet a:hover {background: transparent url(../img/navi.gif) -297px -105px no-repeat; }
#navigation #yhteystiedot a:hover {background: transparent url(../img/navi.gif) -360px -126px no-repeat; }
#navigation #tyopaikat a:hover {background: transparent url(../img/navi.gif) -443px -147px no-repeat; }
#navigation #uutiset a:hover {background: transparent url(../img/navi.gif) -555px -168px no-repeat; }
#navigation #referenssit a:hover {background: transparent url(../img/navi.gif) -604px -189px no-repeat; }


#lang-en.Group #navigation #Group a { background: url(../img/navi_en.gif) -88px -42px no-repeat;}
#lang-en.branches #navigation #branches a { background: url(../img/navi_en.gif) -165px -63px no-repeat;}
#lang-en.management_systems #navigation #management_systems a {background: transparent url(../img/navi_en.gif) -244px -84px no-repeat; }
#lang-en.products #navigation #products a {background: transparent url(../img/navi_en.gif) -391px -105px  no-repeat; }
#lang-en.contacts #navigation #contacts a {background: transparent url(../img/navi_en.gif) -469px -126px  no-repeat; }
#lang-en.News #navigation #News a {background: transparent url(../img/navi_en.gif) -543px -147px no-repeat; }
#lang-en.references #navigation #references a {background: transparent url(../img/navi_en.gif) -596px -168px no-repeat; }

#lang-de.Konserni_de #navigation #Konserni_de a { background: url(../img/navi_de.gif) -69px -42px no-repeat;}
#lang-de.Toimialat_de #navigation #Toimialat_de a { background: url(../img/navi_de.gif) -131px -63px no-repeat;}
#lang-de.Toimintajarjestelma #navigation #Toimintajarjestelma a {background: transparent url(../img/navi_de.gif) -251px -84px no-repeat; }
#lang-de.tuotteet #navigation #tuotteet a {background: transparent url(../img/navi_de.gif) -382px -105px  no-repeat; }
#lang-de.Yhteystiedot #navigation #Yhteystiedot a {background: transparent url(../img/navi_de.gif) -452px -126px  no-repeat; }
#lang-de.uutiset #navigation #uutiset a {background: transparent url(../img/navi_de.gif) -514px -147px no-repeat; }
#lang-de.referenssit #navigation #referenssit a {background: transparent url(../img/navi_de.gif) -600px -168px no-repeat; }


#navigation li {
  margin: 0; 
  padding: 0; 
  list-style: none; 

  position: absolute; 
  top: 0;
  text-indent: -9999px;
}
#navigation li, #navigation a {
  height: 21px; 
  display: block;
}

#frontpage { left: 0; width: 65px; }
#navigation #konserni { left: 54px; width: 74px; }
#navigation #toimialat {left: 118px; width: 71px;}
#navigation #toimintajarjestelma {left: 179px; width: 129px;}
#navigation #tuotteet {left: 297px; width: 72px;}
#navigation #yhteystiedot {left: 359px; width: 94px;}
#navigation #tyopaikat {left: 443px; width: 123px;}
#navigation #uutiset {left: 555px; width: 63px;}
#navigation #referenssit {left: 605px; width: 87px;}
#navigation #language {left: 680px; width: 77px;}

#lang-en #frontpage { left: 0; width: 98px; }
#lang-en #navigation #Group { left: 88px; width: 87px; }
#lang-en #navigation #branches {left: 165px; width: 89px;}
#lang-en #navigation #management_systems {left: 244px; width: 157px;}
#lang-en #navigation #products {left: 391px; width: 88px;}
#lang-en #navigation #contacts {left: 469px; width: 84px;}
#lang-en #navigation #News {left: 543px; width: 63px;}
#lang-en #navigation #references {left: 596px; width: 94px;}
#lang-en #navigation #language {left: 680px; width: 77px;}

#lang-de #frontpage { left: 0; width: 80px; }
#lang-de #navigation #Konserni_de { left: 69px; width: 73px; }
#lang-de #navigation #Toimialat_de {left: 131px; width: 131px;}
#lang-de #navigation #Toimintajarjestelma {left: 251px; width: 141px;}
#lang-de #navigation #tuotteet {left: 382px; width: 80px;}
#lang-de #navigation #Yhteystiedot {left: 452px; width: 73px;}
#lang-de #navigation #uutiset {left: 514px; width: 97px;}
#lang-de #navigation #referenssit {left: 600px; width: 96px;}
#lang-de #navigation #language {left: 686px; width: 72px;}

#lang-en #frontpage a:hover { background: transparent url(../img/navi_en.gif) 0 -21px no-repeat; }
#lang-en #navigation #Group a:hover { background: transparent url(../img/navi_en.gif) -88px -42px no-repeat; }
#lang-en #navigation #branches a:hover { background: transparent url(../img/navi_en.gif) -165px -63px no-repeat; }
#lang-en #navigation #management_systems a:hover {background: transparent url(../img/navi_en.gif) -244px -84px no-repeat; }
#lang-en #navigation #products a:hover {background: transparent url(../img/navi_en.gif) -391px -105px no-repeat; }
#lang-en #navigation #contacts a:hover {background: transparent url(../img/navi_en.gif) -469px -126px no-repeat; }
#lang-en #navigation #News a:hover {background: transparent url(../img/navi_en.gif) -543px -147px no-repeat; }
#lang-en #navigation #references a:hover {background: transparent url(../img/navi_en.gif) -596px -168px no-repeat; }
#lang-en #navigation #language a:hover {background: transparent url(../img/navi_en.gif) -680px -189px no-repeat; }

#lang-de #frontpage a:hover { background: transparent url(../img/navi_de.gif) 0 -21px no-repeat; }
#lang-de #navigation #Konserni_de a:hover { background: transparent url(../img/navi_de.gif) -69px -42px no-repeat; }
#lang-de #navigation #Toimialat_de a:hover { background: transparent url(../img/navi_de.gif) -131px -63px no-repeat; }
#lang-de #navigation #Toimintajarjestelma a:hover {background: transparent url(../img/navi_de.gif) -251px -84px no-repeat; }
#lang-de #navigation #tuotteet a:hover {background: transparent url(../img/navi_de.gif) -382px -105px no-repeat; }
#lang-de #navigation #Yhteystiedot a:hover {background: transparent url(../img/navi_de.gif) -452px -126px no-repeat; }
#lang-de #navigation #uutiset a:hover {background: transparent url(../img/navi_de.gif) -514px -147px no-repeat; }
#lang-de #navigation #referenssit a:hover {background: transparent url(../img/navi_de.gif) -600px -168px no-repeat; }
#lang-de #navigation #language a:hover {background: transparent url(../img/navi_de.gif) -686px -189px no-repeat; }

#navigation #language {
  padding: 4px 0 0 15px
}
#navigation #language a {
  display: inline;
  height: auto;
  width: auto;
  float: left;
  margin-right: 5px;
  
}

#navigation #language img {
	display: block;
	border: 0;
}

#content {
  font-size: 1.2em;
  color: #626262;
  float: left;
  width: 100%;
  background: #FEF2EA;
}

.frontpage #content {
  background: #fff url(../img/news-bg.png) top right repeat-y;
}

/* Standard style */
#extraContent, #main {
  background: #fff;
  margin: 10px 13px 13px 13px;
  float: left;  
  padding: 20px;
  width: 834px; 
}

/* for IExplorer */
* html #extraContent, * html #main {
  margin: 10px 10px 13px 7px;
  /* margin: 10px; */
  padding: 20px 0 20px 20px;
/*  width: 866px;*/
/*  overflow: hidden;*/
}

* html #extraContent img{
	margin-right: 15px;
	
	
}
* html #extraContent h2, * html #extraContent p, * html #main #marginizer{
	margin: 20px;
}

* html #main table td p{
	margin-left: 0px;
	
	
}


* html #main img{
	margin-right: 15px;		
}


.frontpage #main {
  width: 638px;
  margin: 0 0 16px 0;
  padding: 0;
}

.frontpage #main img {
  margin-bottom: 16px;
}
.frontpage #main .column {
  margin: 0 0 0 16px;
  /* width: 300px; */
  width: 280px;
  /* make space in between cells. */ 
  padding-right: 20px;
}
#main .column {
  float: left;
  width: 260px;
}

#container #content #main table tbody tr td {
	padding-right: 20px;	
}

/* Product header removed */
/*
#container #content #main table tbody tr td h5.tuoteotsikko{
    background: #fef2ea url(/img/tuoteotsikkokiila.gif) top right no-repeat;
}
*/

#sidebar {
  margin-left: 670px;
  padding: 15px;
}

#sidebar dl {
  padding: 0;
  margin: 0;
}

#sidebar dd {
  margin: 0 0 10px 0;
  padding: 0;
}

#sidebar a, .news a {
  color: #FB7C43;
  text-decoration: none;
}
#sidebar dd a, .news dd a {
		color: #626262;
}

#sidebar dd a:hover, .news dd a:hover {
		text-decoration: none;
}
#footer {
  /* width required for Safari */
  width: 860px;		
  clear: both;
  overflow: hidden;
  margin: 0;
  height: 38px;
  line-height: 38px;
  color: #fff;
  padding-left: 40px;
  background: url(../img/footer.gif) left top no-repeat; 
  /* In general pages have a orange see through color in the footer gif. */
  background-color: #fef2ea;
}

#lang-fi #footer {
  background: url(../img/footer_fi.gif) left top no-repeat; 
}

#lang-en #footer {
  background: url(../img/footer_en.gif) left top no-repeat; 
}

#lang-de #footer {
  background: url(../img/footer_de.gif) left top no-repeat; 
}

.frontpage #footer {
  /* On the frontpage the footer's transparent area is should be blue. */
  background-color: #dde2fe;
}


#top ul {
  list-style: none;
  background: url(../img/subnavi-bg.gif) left top repeat-x;  
  height: 20px;
  margin: 0;
  padding: 0 0 0 20px;
}

#top ul li {
  display: block;
  float: left;
  line-height: 20px;
  height: 20px;
}

#top ul li a {
  color: #fff;
  text-transform: uppercase;
  padding: 0 7px;
  display: block;
}

#top ul li.selected a, #top ul li a:hover {
  background: #FFAA7B url(../img/subnavi-bg-selected.gif) left top repeat-y;  
  text-decoration: none;
  color: #A63B0A;
  
}

#breadcrumbs {
  margin-top: 1px;
  background: #fff url(../img/breadcrumbs.gif) left top no-repeat;
  color: #fff;
  height: 40px;
  line-height: 30px;
  padding-left: 10px;
}

#breadcrumbs a {
	color: #fff;
}
h2 {
  margin-top: 0;
  color: #FC8744;
  font-weight: bold;
  font-size: 1.8em;
}

a {
	/* Color removed, because links need to be standard blue. */
	/* color: #FC8744; */
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h5, h6 {
	font-size: 1.2em;
	color: #FC8744;
	font-weight: normal;
	margin: .2em 0 .2em 0;
	padding: 0;
}
h5 {
	font-weight: bold;
}

td {
	vertical-align: top;
}

/* form */

#contact input, #contact textarea {
  border: 1px solid #bfbfbf;
  padding: 1px;
  width: 20em;
  margin: .2em;
}

#contact textarea {
	height: 120px;
}

#contact fieldset {
  border: none;
}


#contact.extra fieldset {
  background: none;
}
#contact legend {
  font-weight:bold;
  padding:0pt 2px;
}
#contact label {
  line-height:2em;
  vertical-align:top;
}
#contact fieldset ol  {
  margin:0pt;
  padding:0pt;
}

#contact fieldset li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt;
  padding:0px;
  clear:both;
}
#contact fieldset fieldset {
  padding: 0 0 0 0;
  border:medium none;
  margin:3px 0pt 0pt;
  background: none;
}
#contact fieldset fieldset legend {
  font-weight:normal;
  padding:0pt 0pt 5px;
}
#contact fieldset fieldset label {
  display:block;
  width:auto;
}
#contact label {
  width: 150px;
  float: left;
  text-align: right;
  margin-right: 5px;
}
#contact label.inline {
  float: none;
}

#contact li ul {
  display: block;
  float: left;
  margin-left: 0;
  padding-left: 0;
}

#contact li ul li label { 
  float: none;
}

#contact li ul li input {
  border: 0;
}

#contact li ul li input.other {
  border: 1px solid #ccc;
}

#contact li ul li input, #contact .submit input { 
  width: auto;
}

#contact .submit {
  width: 424px;
  text-align: right;
}

#contact #postCode {
  width: 4em;
}

#contact #city {
  width: 9.2em;
}

#contact .other {
  width: 11.3em;
}

#contact .submit * {
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
}

.messut {
  height: 1%;
  padding-top: 10px;
}

* html #sidebar {
  width: 210px;
  height: 1%;
  padding: 10px 0 10px 0;
  margin: 0 0 0 672px;
  position: relative;
}

* html #sidebar {
}		

.messut h2 {
  background: url(../img/tuleviamessuja.gif) top left no-repeat;
  text-indent: -9999px;
  margin: 0 -15px;  
}

#lang-en .messut h2 {
  background: url(../img/tuleviamessuja_en.gif) top left no-repeat;
}

#lang-de .messut h2 {
  background: url(../img/tuleviamessuja_de.gif) top left no-repeat;
}

* html .messut h2 {
  margin: 0;
}

ul.referenceNavi {
  list-style: none;
}

ul.referenceNavi li {
  float: left;
  width: 50%;
}

ul.referenceNavi li a {
  color:#FC8744;
}


.downloads table {
  width: 100%;
  border-collapse:collapse;  
}
.downloads table th, .downloads table td {
  padding: 10px;
  margin: 0;
}
.downloads table td a {
  padding: 5px 0 5px 30px;		
}
.downloads table td a.pdf {
  background:url(../img/pdf.png) center left no-repeat;  
}

.downloads table th {
  text-align: left;
  border-bottom: 1px solid #ccc;
}

.downloads table .even td {
		background: #efe;
}