body.index {
	background: #ededed url(/img/bg1.gif) repeat-x top;
}

div#pagearea {
	background: transparent url(/img/bg2.gif) no-repeat top center;
}

div#page {
	width: 1004px;
	margin: auto;
}

div#top {
	width: 1004px;
	/* height: 179px; */
	height: 168px;
	margin: auto;
	background: transparent url(/img/top-bg2.gif) no-repeat top;
}

div#middle-mainpage {
	width: 938px;
	margin: auto;
	border-left: 1px solid #a2a2a2;
	border-right: 1px solid #a2a2a2;
	min-height: 400px;
	background-color: #ffffff;
	padding: 20px;
}

div#salesinfo {
	width: 200px;
	height: 70px;
	float: right;
	text-align: right;
	margin-right: 229px !important;
	margin-right: 129px;
	margin-top: 88px;
	color: #4d4d4d;
	font: bold 11px Arial, sans serif;
}

div#contacts-box {
	width: 134px;
	height: 27px;
	float: right;
	margin-right: 229px !important;
	margin-right: 129px;
	margin-top: 71px;
}

div#contacts-box a, div#contacts-box a:link, div#contacts-box a:active, div#contacts-box a:visited, div#contacts-box a:hover {
	color: #ffffff;
	font: normal 15px Arial, sans serif;
	line-height: 26px;
	padding-left: 10px;
	text-decoration: none;
}




/* NAVIGATION */
div#navigationarea {
	width: 1004px;
	height: 54px;
	clear: both;
}

div#nav-left {
	width: 13px;
	height: 54px;
	float: left;
	background: transparent url(/img/lev1area-left.gif) no-repeat top;
}

div#navigation {
	width: 978px;
	height: 54px;
	float: left;
	background: #ffffff url(/img/lev1area-bg.gif) repeat-x top;
}

div#nav-right {
	width: 13px;
	height: 54px;
	float: left;
	background: transparent url(/img/lev1area-right.gif) no-repeat top;
}

div#level1 {
	margin-left: 20px;
	margin-bottom: 13px;
}

div.lev1-left {
	float: left;
	width: 12px;
	height: 40px;
	background: transparent url(/img/lev1-center.gif) repeat-x left top;
}

div.lev1-left-first {
	float: left;
	width: 12px;
	height: 41px;
	background: transparent url(/img/lev1-left-first.gif) no-repeat left top;
}

div.lev1-right {
	float: left;
	width: 12px;
	height: 41px;
	background: transparent url(/img/lev1-right.gif) no-repeat right top;
}

div.lev1-center {
	float: left;
	height: 12px;
	background: transparent url(/img/lev1-center.gif) repeat-x top;
}

div.lev1-left-sel {
	float: left;
	width: 12px;
	height: 42px;
	background: transparent url(/img/lev1-center-sel.gif) repeat-x top;
}

div.lev1-right-sel {
	float: left;
	width: 12px;
	height: 41px;
	background: transparent url(/img/lev1-right-sel.gif) no-repeat right top;
}

div.lev1-left-sel-first {
	float: left;
	width: 12px;
	height: 41px;
	background: transparent url(/img/lev1-left-sel-first.gif) no-repeat left top;
}


div.lev1-center-sel {
	float: left;
	height: 41px;
	background: transparent url(/img/lev1-center-sel.gif) repeat-x top;
}

div.lev1-center a, div.lev1-center a:link, div.lev1-center a:active, div.lev1-center a:visited, div.lev1-center a:hover,
div.lev1-center-sel a, div.lev1-center-sel a:link, div.lev1-center-sel a:active, div.lev1-center-sel a:visited, div.lev1-center-sel a:hover {
	text-decoration: none;
	color: #ffffff;
	font: bold 15px Arial, sans-serif;
	line-height: 41px;
}




/* ETUSIVU */
div#column-left-1 {
	float: left;
	width: 480px;
	padding-left: 15px;
}

div#column-right-1 {
	float: left;
	width: 439px;
}

h1.big-title {
	font: bold 68px Arial, sans serif;
	line-height: 70px;
	color: #8b8b8b;
}

div#hr-main {
	width: 480px;
	margin: auto;
	height: 4px;
	background: transparent url(/img/hr-main.gif) repeat-x top;
	margin-top: 30px;
	margin-bottom: 10px;
}

div#mainpage-bottomarea {
	margin-top: 20px;
}

div.quicklink {
	width: 249px;
	height: 131px;
	margin-left: 18px;
	float: left;
}

div.quicklink-img {
	width: 249px;
	height: 100px;
}


div.quicklinktext {
	background: transparent url(/img/mainpage-quicklink-bg3.gif) repeat-x top;
	width: 249px;
	height: 31px;
}

div.quicklinktext a, div.quicklinktext a:link, div.quicklinktext a:active, div.quicklinktext a:visited, div.quicklinktext a:hover {
	color: #ffffff;
	font: normal 18px Arial, sans serif;
	line-height: 31px;
	padding-left: 10px;
	text-decoration: none;
}


/* ETUSIVUN REFERENSSIT */
div#referens-mainpage {
	width: 401px;
	height: 130px;
	float: left;
}

div#referens-title {
	width: 389px;
	height: 29px;
	border: 1px solid #7a0f12;
	padding-left: 10px;
	color: #ffffff;
	font: normal 18px Arial, sans serif;
	line-height: 31px;
	text-decoration: none;
	background: transparent url(/img/mainpage-quicklink-bg3.gif) repeat-x center;
}

div#referensarea-fp {
	height: 59px;
	width:361px;
	padding: 20px;
	background: transparent url(/img/referensarea-bg.gif) no-repeat top;
}

div#scrollable {
	position: relative;
	overflow:hidden;
	float: left;
	height: 59px;
	width:361px;
}

div#scrollable .items {
	/* this cannot be too large */
	width:20000em; 	
	position:absolute;
	clear:both;
}

.items div {
	float: left;
	width:361px;
	height: 59px;
}

table.reftable {
	margin: auto;
	width: 361px;
	height: 59px;
}

table.reftable td {
	text-align: center;
}





div#referens-mainpage-left {
	width: 211px;
	height: 130px;
	float: left;
}

div#referens-mainpage-left p {
	text-align: center;
	color: #ffffff;
	font: bold 20px Arial, sans serif;
	line-height: 40px;
	text-transform: uppercase;
	margin-top: 28px;
}

div#referens-buttons {
	width: 99px;
	height: 34px;
	margin-left: 21px;
}

img#buttonleft {
	float: left;
	cursor: pointer;
}

img#buttonright {
	float: left;
	cursor: pointer;
}

div#refensarea {
	width: 130px;
	height: 106px;
	border: 1px solid #c3c3c3;
	background-color: #ffffff;
	float: left;
	margin-top: 8px;
	margin-left: 21px;
	text-align: center;
	padding-top: 3px;
}






/* SISÄSIVU */

div#middle-subpage {
	width: 978px;
	margin: auto;
	border-left: 1px solid #a2a2a2;
	border-right: 1px solid #a2a2a2;
	min-height: 400px;
	background-color: #ffffff;
	padding: 0px;
}

div#subpage-columnleft {
	float: left;
	width: 260px;
	height: 100%;
	padding: 20px 0px 20px 0px;
}

div#subpage-columnright {
	float: left;
	width: 600px;
	padding: 20px 49px 70px 49px;
}


/* LEVEL 2 & 3 */
div.lev2 {
	background: transparent url(/img/lev2-bg2.gif) repeat-x top;
	width: 260px;
	height: 32px;
	cursor: pointer;
}

div.lev2 a, div.lev2 a:link, div.lev2 a:active, div.lev2 a:visited, div.lev2 a:hover {
	text-decoration: none;
	color: #ffffff;
	font: bold 14px Arial, sans serif;
	line-height: 32px;
	padding-left: 34px;
}

div.lev2-sel {
	background: transparent url(/img/lev2-bg2.gif) repeat-x top;
	width: 260px;
	height: 32px;
	cursor: pointer;
}

div.lev2-sel a, div.lev2-sel a:link, div.lev2-sel a:active, div.lev2-sel a:visited, div.lev2-sel a:hover {
	text-decoration: none;
	color: #ffffff;
	font: bold 14px Arial, sans serif;
	line-height: 32px;
}

div.lev3 {
	width: 260px;
	height: 18px;
	clear: both;
}

div.lev3 a, div.lev3 a:link, div.lev3 a:active, div.lev3 a:visited, div.lev3 a:hover {
	text-decoration: none;
	color: #000000;
	font: normal 13px Arial, sans serif;
	line-height: 18px;
	padding-left: 0px;
}

div.lev3-sel {
	width: 260px;
	height: 18px;
	clear: both;
}

div.lev3-sel a, div.lev3-sel a:link, div.lev3-sel a:active, div.lev3-sel a:visited, div.lev3-sel a:hover {
	text-decoration: none;
	color: #d50003;
	font: normal 13px Arial, sans serif;
	line-height: 18px;
	padding-left: 0px;
}

div.lev3-last {
	width: 260px;
	height: 18px;
	margin-bottom: 10px;
	clear: both;
}

div.lev3-last a, div.lev3-last a:link, div.lev3-last a:active, div.lev3-last a:visited, div.lev3-last a:hover {
	text-decoration: none;
	color: #000000;
	font: normal 13px Arial, sans serif;
	line-height: 18px;
	padding-left: 0px;
}

div.lev3-sel-last {
	width: 260px;
	height: 18px;
	margin-bottom: 10px;
	clear: both;
}

div.lev3-sel-last a, div.lev3-sel-last a:link, div.lev3-sel-last a:active, div.lev3-sel-last a:visited, div.lev3-sel-last a:hover {
	text-decoration: none;
	color: #d50003;
	font: normal 13px Arial, sans serif;
	line-height: 18px;
	padding-left: 0px;
}

div.lev3-first {
	width: 260px;
	height: 18px;
	margin-top: 10px;
	clear: both;
}

div.lev3-first a, div.lev3-first a:link, div.lev3-first a:active, div.lev3-first a:visited, div.lev3-first a:hover {
	text-decoration: none;
	color: #000000;
	font: normal 13px Arial, sans serif;
	line-height: 18px;
	padding-left: 0px;
}

div.lev3-sel-first {
	width: 260px;
	height: 18px;
	margin-top: 10px;
	clear: both;
}

div.lev3-sel-first a, div.lev3-sel-first a:link, div.lev3-sel-first a:active, div.lev3-sel-first a:visited, div.lev3-sel-first a:hover {
	text-decoration: none;
	color: #d50003;
	font: normal 13px Arial, sans serif;
	line-height: 18px;
	padding-left: 0px;
}

div.lev3-last-first {
	width: 260px;
	height: 18px;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
}

div.lev3-last-first a, div.lev3-last-first a:link, div.lev3-last-first a:active, div.lev3-last-first a:visited, div.lev3-last-first a:hover {
	text-decoration: none;
	color: #000000;
	font: normal 13px Arial, sans serif;
	line-height: 18px;
	padding-left: 0px;
}

div.lev3-sel-last-first {
	width: 260px;
	height: 18px;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
}

div.lev3-sel-last-first a, div.lev3-sel-last-first a:link, div.lev3-sel-last-first a:active, div.lev3-sel-last-first a:visited, div.lev3-sel-last-first a:hover {
	text-decoration: none;
	color: #d50003;
	font: normal 13px Arial, sans serif;
	line-height: 18px;
	padding-left: 0px;
}





/* SAASBOX */
div.box {
	width: 248px;
	margin: auto;
	margin-top: 20px;
}

div.boxtop {
	width: 224px;
	padding: 9px 12px 2px 12px;
	background: transparent url(/img/box-top.gif) no-repeat top;
}

div.boxtop p {
	padding: 7px 8px 0px 8px;
}

div.boxbottom {
	width: 248px;
	height: 7px;
	background: transparent url(/img/box-bottom.gif) no-repeat top;
}






/* BOTTOM */
div#bottom {
	width: 978px;
	margin: auto;
	background-color: #e1e1e1;
	border: 1px solid #b4b4b4;
	color: #000000;
	text-align: center;
	line-height: 29px;
	margin-bottom: 30px;
}

table#bottomtable {
	width: 978px;
	margin: 20px auto 10px auto;
}


span.bottomlinktitle {
	line-height: 15px;
	font: bold 11px Arial, sans serif;
	color: #000000;
}

span.contactinfotext {
	line-height: 15px;
	font: normal 10px Arial, sans serif;
	color: #000000;
}

a.bottomlink, a.bottomlink:link,a.bottomlink:active, a.bottomlink:visited, a.bottomlink:hover {
	line-height: 15px;
	font: normal 10px Arial, sans serif;
	color: #000000;
	text-decoration: none;
}

td.quicklinktd {
	border-right: 1px solid #b4b4b4;
	padding-left: 40px;
	/*width: 146px;*/
	width: 20%;
}

td#contactinfotd {
	text-align: center;
	padding-left: 40px;
	/*width: 188px;*/
	width: 20%
}

div#contactinfodiv {
	width: 120px;
	text-align: left;
}







br.clear {
	clear: both;
}





/* CONTACT FORM */
div#contactformarea {
}

label.formLabel {
}

input.palaute-input {
	border: 0px;
	background: transparent url(/img/input-bg.gif) no-repeat top;
	width: 176px;
	height: 19px;
	line-height: 14px;
	padding-left: 6px;
	padding-bottom: 4px;
	vertical-align: top;
}

textarea.palaute-input2 {
	border: 0px;
	background: transparent url(/img/input2-bg.gif) no-repeat top;
	width: 227px;
	height: 126px;
	line-height: 14px;
	padding: 5px 10px 10px 6px;
	vertical-align: top;
}

table#contactformtable td {
	padding-bottom: 10px;
	padding-left: 10px;
}

input.submit {
	border: 0px;
	background: transparent url(/img/sendbutton2.gif) no-repeat top;
	width: 74px;
	height: 29px;
}

input.submit-en {
	border: 0px;
	background: transparent url(/img/sendbutton2-en.gif) no-repeat top;
	width: 74px;
	height: 29px;
}



/* NEWS */
div#mainpage-news {
	width: 938px;
	margin-top: 20px;
}

div#newsbox-top {
	width: 922px;
	background: transparent url(/img/newsbox.gif) no-repeat top;
	padding: 8px 8px 2px 8px;
}

div#newsbox-bottom {
	width: 938px;
	height: 7px;
	background: transparent url(/img/newsbox-bottom.gif) no-repeat top;
}

div.newsitem-fp {
	width: 277px;
	float: left;
	padding-left: 10px;
}

span.newsitem-date {
	font: normal 11px Arial, sans serif;
}

span.newsitem-title {
	font: normal 12px Arial, sans serif;
}

h3#newstitle-fp {
	padding-left: 10px;
}

hr.newshr {
	width: 90%;
	height: 1px;
	border: 0px;
	background-color: #970305;
	margin-top: 20px;
	margin-bottom: 20px;
}











table.infobox1 {
	width: 600px;
	margin: auto;
	padding: 20px;
	background: #e30308 url(/img/infobox-bg3.gif) no-repeat top;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #ffffff;
	border: 1px solid #a44043;
}

table.infobox1 td {
	color: #ffffff;
}

table.infobox1 td li {
	color: #ffffff;
}

div.nosto {
	background: #747474 url(/img/nosto-bg3.gif) no-repeat top;
	border: 1px solid #717171;
	width: 500px;
	margin: 20px auto 20px auto;
	padding: 20px;
	color: #ffffff;
}
div.nosto p {
	color: #ffffff;
}





/* ASIAKKAAT */


div.hiddendiv {
	visibility: hidden;
	background: transparent url(/img/hiddendiv_bg.png) no-repeat top center;
	height: 130px;
	width: 160px;
	position: relative;
	top: -90px;
	right: -10px;
}

div.hiddendiv p {
	padding: 12px 8px 30px 8px;
	line-height: 13px;
	color: #ffffff;
	font: bold 9px Arial, sans-serif;
	text-transform: uppercase;
}


/* for ie6 */
* html div.hiddendiv {
	visibility: hidden;
	background: none;
	height: 0;
	width: 0;
	position: relative;
	top: 0px;
	right: 0px;
}

/* for ie6 */
* html div.hiddendiv p {
	width: 0px;
	height: 0px;
	overflow: hidden;
}



div.customeritem {
	background-position:center;
	width: 150px;
	margin: auto;
	height: 130px;
	background-repeat: no-repeat;
}

table.customertable {
	border-collapse: collapse;
	width: 480px; 
	margin-top: 20px;
	margin-bottom: 20px;
}

table.customertable td {
	border: 5px solid #ececec;
	width: 150px;
	height: 150px;
}

div#languages {
	float: right;
	padding-top: 12px;
}

a.lang, a.lang:link, a.lang:visited, a.lang:hover, a.lang:active {
	color: #ffffff;
	vertical-align: top;
	float: left;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 27px;
	height: 20px;
	padding-top: 2px;
	margin-right: 20px;
}