html {overflow-y:scroll;height:100%}
body{background-color:#CCCCCC; margin:0px;font:0.75em Arial; scrollbar-base-color: #ffffff;height:100%}
p, table {font:1em Arial;}
h1 {font:bold 1.4em Arial; margin:0px 0px 10px 0px;color:#999999}
h2 {font:bold 1.2em Arial; margin:0px 0px 8px 0px;}
h3 {font:bold 1.1em Arial; margin:0px 0px 8px 0px;background:url(images/subhead_background.gif) repeat-y 0 0;color:#fff;padding:2px 10px;}
h4 {font:bold 1.1em Arial; margin:0px 0px 8px 0px;color:#0066cc}
p a {text-decoration:none;color#1969a4;}
p a:hover {text-decoration:underline;color#1969a4;}
p a:visited {text-decoration:none;color#333;}
/*omat tyylit */
div.imgleft {width:300px;float:left;display:table-cell;font-size:1em;color:#333;margin:0px 10px 10px 0px;font-style:italic;}
div.imgleft p {;font-style:italic;color:#333;margin:0px;padding:0px;}
div.imgright {width:300px;float:right;display:table-cell;font-size:1em;color:#333;margin:0px 0px 10px 10px;font-style:italic;}
div.imgright p {;font-style:italic;color:#333;margin:0px;padding:0px;}
div.wrapper {display:table;width:100%}
div.hline {border-bottom:1px solid #4575A2; width:100%; padding:10px 0px 0px;margin:0px 0px 10px 0px;}
div.redbox {padding: 10px; border: 2px red dotted; background: url(images/nav_grad.png) repeat-y;}
.clearb {clear:both;font-size:0em;}
img.imgRight {float:right;margin:0 0 10px 10px}
img.imgLeft {float:left;margin:0 10px 10px 0}
#header {background: url(images/back_01.jpg) no-repeat 0 0;width:995px;height:107px;display:block;}
#header_service{background-image:url(images/header_purple.jpg);width:1024px;height:107px;display:block;}
#header_sales{background-image:url(images/header_green.jpg);width:1024px;height:107px;display:block;}
#header_products{background-image:url(images/header_blue.jpg);width:1024px;height:107px;display:block;}
#header_library{background-image:url(images/header_orange.jpg);width:1024px;height:107px;display:block;}
#header_about{background-image:url(images/header_orange.jpg);width:1024px;height:107px;display:block;}
#header_software{background-image:url(images/header_red.jpg);width:1024px;height:107px;display:block;}
#header_partner{background-image:url(images/header_partner.jpg);width:1024px;height:107px;display:block;}
.mz{float: left;position: relative;top: 85px;left:40px;color: #FFFFFF;font-variant:small-caps;font-size:13px;font-weight:800;width: 700px;letter-spacing:3px;line-height:1.8em;}
/* Navigation */
.nav {background-image: url(images/back_02.jpg);background-color:#FFFFFF;height:auto;margin:0;_margin-top:-15px;padding: 0px 0px 0px 14px;width:100%;}
.nav ul{ display:inline}
.nav li {display:inline;list-style:none;text-align:center;float: left;margin: 0px 0px 0px 0px;border-right: 2px solid #336699;width:auto;padding:0px;}
.nav li a {text-decoration:none;color:#000000;display:block;padding:4px 10px 5px;}
.nav a:hover {color:#FFFFFF;text-decoration:none;background-color: #1969a4;}
.nav .active, .nav .menuactive {color:#FFFFFF;text-decoration:none;background-color: #1969a4;}
/* Leftnavi */
ul#sub-nav {margin:40px 10px 0px;padding:0;list-style-type:none;}
ul#sub-nav li {margin:5px 0px;padding:5px 10px;background:url(images/nav_grad.png) repeat-y 0 0;}
div#leftMenu a {display:block; width:120px;}
div#leftMenu a:hover {text-decoration:none;color:#ff0000;}
div#leftMenu li.menuactive a.menuactive {color:#ff0000;}
div.centerContent {margin:0px 200px 0px 0px;;padding:0px 15px 0px 0px;}
div.rightBox {float:right;width:300px;height:auto;padding:0px 0px 10px 10px;}
span.caption {font: italic 0.9em Arial;}
ul#sub-nav ul {list-style-type:none;margin:0;padding:0 0 0 15px;}
#sub-nav ul li {background:url(images/nav_grad2.png) repeat-y 100% 0;}
/* Uutiset */
div.NewsSummaryLink {font-size:0.9em;}
div.NewsSummaryPostdate {font-size:0.8em;}
div.NewsSummarySummary {font-size:0.9em;margin:0px 0px 10px;}
span.NewsSummaryMorelink {margin:0px 0px 10px;}
span.NewsSummaryMorelink a {font-size:0.8em;}
/* Haku */
#search {float:right;position:relative;top:-20px;right:50px;text-align:center;color:#ffffff;line-height:1.8em;}
#search a{color: #ffffff;}
a {color: #0066CC;text-decoration:none;font-weight:bold;}
a:hover {text-decoration: underline;}
.breadcrumb {font-size:9px;}
.container {margin: 0px auto;width:995px;background: url(images/back_03.jpg) repeat-y 0 0;padding: 0px;}
.rightcontent {width: 740px;margin: 20px 0px 0px 200px;padding: 0px 0px 0px 10px;}
.rightcontent img {margin:0 10px 5px}
.leftcontent{background-color: #FFFFFF;float:left;width:180px;margin:0 0 0 20px;_margin:0 0 0 10px;padding: 0 0 20px 0;height:400px;}
.maincontent {height:auto;overflow:hidden;text-align:left;clear:both;font-size:1em;margin:0 17px 0 0 }
div#footer {text-align:center;height:50px;background: url(images/back_04.jpg) no-repeat 0 0;clear:both;width:100%}
div.footer {width:400px;margin:-10px auto 0}
div.rightColumn {width:200px;float:right;background:url(images/newsBg.png) no-repeat 0 0;padding:10px 0 10px 10px;margin-right:-20px;}
div.centerContent {margin:0px 210px 0px 0px;;padding:0px 15px 0px 0px;}
div.mainImage img {_margin:0 5px 0 0;padding:0;}
div.credit {color:#999;font-size:0.8em;float:right;margin:35px 20px 0px 0;}
div.credit a {color:#999;}
div.credit a:hover {color:#777;}
/* mediaboxAdvanced - black theme */
#mbOverlay {position: fixed;z-index: 9998;top: 0;left: 0; width: 100%;height: 100%;background-color: #000;cursor: pointer;}
#mbOverlay.mbOverlayFF {background: transparent url(/images/mediabox/80.png) repeat;}
#mbOverlay.mbOverlayIE {position: absolute;}
#mbCenter { position: absolute; z-index: 9999;left: 50%;overflow: hidden;background-color: #000;-moz-border-radius: 10px;
-webkit-border-radius: 10px;-moz-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);-webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);}
#mbCenter.mbLoading {background: #000 url(/images/mediabox/BlackLoading.gif) no-repeat center;-moz-box-shadow: none; -webkit-box-shadow: none;}
#mbImage {position: relative;left: 0;top: 0;
font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px;font-size: 12px;color: #fff;text-align: left;background-position: center center; background-repeat: no-repeat;padding: 10px;}
#mbImage a, #mbImage a:link, #mbImage a:visited {color: #ddd;}
#mbImage a:hover, #mbImage a:active {color: #fff;}
/* End inline content styles */
#mbBottom { min-height: 20px;font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px;font-size: 12px;color: #999;text-align: left;padding: 0 10px 10px;}
#mbTitle {display: inline;color: #fff;font-weight: bold;line-height: 20px;font-size: 12px;}
#mbNumber { display: inline;color: #999;line-height: 14px;font-size: 10px;margin: auto 10px;}
#mbCaption {display: block; color: #999;line-height: 14px;font-size: 10px;}
#mbPrevLink, #mbNextLink, #mbCloseLink {display: block; float: right;height: 20px;margin: 0;outline: none;}
#mbPrevLink {width: 69px;background: transparent url(/images/mediabox/BlackPrevious.gif) no-repeat center;}
#mbNextLink {width: 41px;background: transparent url(/images/mediabox/BlackNext.gif) no-repeat center;}
#mbCloseLink {width: 46px;background: transparent url(/images/mediabox/BlackClose.gif) no-repeat center;}
/* Styles for flash version alert */
#mbError {position: relative; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px;font-size: 12px;color: #fff;text-align: center; border: 10px solid #700;padding: 10px 10px 10px;margin: 20px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {color: #d00;font-weight: bold;text-decoration: underline;}