.png, .submit, .sbutton, .mbutton, .link div {_behavior: url("/js/iepngfix.htc")}

* {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%; background: url("/pics/bg/main.jpg") no-repeat fixed center top #0199C8;}
body {font-family: Arial, sans-serif; font-size: 100.01%; line-height: 1.25em; width: 960px; margin: 0 auto;}

p, li, label {font-size: .75em;}
a {text-decoration: none; color: #ED6A2C; outline: none;}
a:hover {text-decoration: none; color: #0099C8;}
a img {border: none;}
h1 {font-size: 1.875em; line-height: 1.1em; color: #ED6A2C; margin-bottom: 20px;}
h2 {font-size: 1em; color: #FFF;}
h3 {font-size: .75em;}
h4 {font-size: .75em; font-weight: normal;}
input[type="text"] {font-size: .75em; width: 180px; padding: 3px 7px; border: solid 1px #999;}
textarea {width: 400px; margin: 0 !important; padding: 3px 7px; border: solid 1px #999;}
input[type="submit"] {background-color: #ED6A2C; color: #FFF; width: 200px; margin-left: 107px; padding: 3px 7px 2px; border: none; cursor: pointer;}

.grey {color: #999;}
.blue {color: #009AC8 !important;}
.pressable {font-size: 1em; text-decoration: none; border-bottom: dotted 1px #ED6A2C; margin-right: 10px;}
.pressable:hover {text-decoration: none; border-bottom: solid 1px #009AC8;}
.pressed {font-size: 1em; text-decoration: none; color: #009AC8; cursor: default; margin-right: 10px;}
.pressed:hover {text-decoration: none;}
.clear {clear: both; height: 0;}
p.error {font-size: .6875em !important; color: #F00 !important; display: none; margin-bottom: 0 !important;}
input.error, textarea.error {border: solid 1px #F00;}
input.s {width: 675px; margin-bottom: 10px;}
input.search_button {margin: 0 0 10px 10px;}

table.vis img {position: relative; left: -4px; top: -1px;}
table.cvis td {padding-top: 10px;}
table.cvis .ll {text-align: left;}
table.cvis .rr {text-align: right;}
table.cvis .ll .png {position: relative; left: -4px; top: -1px;}
table.cvis .rr .png {position: relative; right: -4px; top: -1px;}

#z1, #o1, #t1 {background: url('/pics/bg/links.png') no-repeat 0px 0px;}
#z2, #o2, #t2 {background: url('/pics/bg/links.png') no-repeat 0px -50px;}
#z3, #o3, #t3 {background: url('/pics/bg/links.png') no-repeat 0px -100px;}
#z4, #o4, #t4 {background: url('/pics/bg/links.png') no-repeat 0px -150px; height: 50px !important;}
#z5, #o5, #t5 {background: url('/pics/bg/links.png') no-repeat 0px -215px;}
#z6, #o6, #t6 {background: url('/pics/bg/links.png') no-repeat 0px -265px;}

#header, #middle, #footer {width: 100%; position: relative;}
#header, #middle, #footer {background-color: #FFF;}
#header {height: 132px;}
#menu {background: url("/pics/bg/b_bg.gif") repeat-x left top #FFF; width: 100%; height: 49px; position: relative; overflow: hidden;}
#middle {padding-bottom: 20px;}
#index {background: url("/pics/bg/index.jpg") no-repeat left top; height: 473px; margin-top: -4px; position: relative; z-index: 5;}
#footer {background-color: #F2F2F2; height: 80px; margin-bottom: 20px;}

#header #links {width: 458px; height: 20px; position: absolute; top: 12px; z-index: 6; overflow: hidden;}
#header #links .link {background: url("/pics/bg/divider.gif") no-repeat left 7px; float: left; margin-left: -2px;}
#header #links .link a, #header #links .link p {font-size: .75em; margin: 1px 21px 0 22px;}
#header #topsearch {width: 300px; height: 20px; margin-left: -475px; position: absolute; left: 100%; top: 11px;}
#header #topsearch .s {color: #CCC; width: 150px; border: 1px solid #CCC; }
#header #topsearch input[type="submit"] {width: 100px;}
#header .logo {position: absolute; z-index: 5;}
/*#header .logo#xena {width: 198px; height: 45px; left: 750px; top: 59px;}*/
/*#header .logo#xena img {width: 188px; height: 45px;}*/
#header .logo#xena {width: 159px; height: 86px; left: 780px; /*top: 59px;*/ top: 24px;}
#header .logo#xena img {width: 159px; height: 86px;}
#header .logo#vaisala {width: 518px; height: 33px; left: 18px; top: 65px;}
#header .logo#vaisala img {width: 518px; height: 33px;}

#menu .fb {background: url("/pics/bg/divider_big.gif") no-repeat right top; width: 20px; height: 100%; float: left;}
#menu .button {background: url("/pics/bg/divider_big.gif") no-repeat right top; height: 49px; float: left;}
#menu .button#active {background-image: url("/pics/bg/active.gif") !important;}
#menu .button a, #menu .button p {font-size: .75em; font-weight: bold; text-transform: uppercase; display: block; padding: 12px 15px 14px;}
#menu .button p {color: #0099C8;}

#index #nav, #index #visual {height: 473px; float: left;}
#index #nav {width: 238px; position: relative;}
#index #nav h3 {color: #FFF; margin: 3px 0 0 15px;}
#index #nav .header {height: 25px;}
#index #nav .arrow {width: 16px; height: 14px; position: absolute; left: 218px; cursor: pointer;}
#index #nav .arrow#up {top: 35px;}
#index #nav .arrow#down {top: 366px;}
#index #nav #slider {height: 310px; margin:0 20px 23px; padding-top: 27px; position: relative; overflow: hidden;}
#index #nav  #slider .links  {height: 340px; position: relative; left: 0;}
#index #nav  #slider .links#zero  {top: -340px;}
#index #nav  #slider .links#one  {top: -340px;}
#index #nav  #slider .links#two  {top: -340px;}
#index #nav  #slider .links .link {width: 100%; height: 25px; margin: 0 0 30px; position: relative;}
#index #nav  #slider .links .link div {height: 30px; cursor: pointer;}
#index #nav .search {background-color: #9A4911; height: 74px; padding-top: 11px;}
#index #nav .search .input {margin: 8px 0 0 15px; //margin-left: 45px; -margin-left: 15px;}
#index #nav .search .input .text {font-size: .75em; color: #848484; width: 170px; height: 19px; //height: 17px; padding: 0 5px; //padding: 2px 5px 0; border: solid 1px #C45119;}
#index #nav .search .input .submit {background: url('/pics/bg/search_arrow.png') no-repeat center center; width: 16px; height: 16px; margin-left: 10px; border: none; position: relative; top: 1px; //top: -2px; cursor: pointer;}
#index #visual {width: 722px; overflow: hidden;}
#index #visual .inv {height: 473px; display: none;}
#index #visual #v1, #index #visual #v2, #index #visual #v3 {margin: 10px 0 0 17px;}
#index #visual #v4, #index #visual #v5, #index #visual #v6 {margin: 5px 0 0 6px;}

#middle .header {padding: 22px 0 1px 20px;}
#middle .menu {height: 27px; margin: -10px 20px 20px; border-bottom: solid 1px #007BB2;}
#middle .menu h2 {font-size: 0.75em; text-align: center; text-transform: uppercase; padding-top: 1px;}
#middle .menu a {font-size: 0.75em; font-weight: bold; text-transform: uppercase; color: #FFF; margin-top: 2px;}
#middle .menu .sbutton {background: url('/pics/bg/menu.png') no-repeat left top; text-align: center; width: 137px; height: 26px; //height: 25px; padding-top: 4px; //padding-top: 5px; float: left; position: relative;}
#middle .menu .mbutton {background: url('/pics/bg/menu.png') no-repeat -137px top; text-align: center; width: 170px; height: 26px; //height: 25px; padding-top: 4px; //padding-top: 5px; float: left; margin-left: -10px; position: relative;}
#middle .menu #act {background-image: url('/pics/bg/menuact.png');}
#middle .crumbs {display: none; margin: 5px 20px 0;}
#middle .crumbs a, #middle .crumbs span {font-size: .75em; color: #848484;}
#middle #column {line-height: 16px; width: 20%; float: left; margin: -8px 5% 0 0;}
#middle #column h3 {color: #ED6A2C; margin: 10px 0 15px 53px;}
#middle #column h4 {margin: -10px 0 15px 68px;}
#middle #column p {margin: -11px 0 16px 83px;}
#middle #content {margin: 0 20px;}
#middle #content.cat {width: 73%; margin: 0 2% 0 0; float: left; position: relative;}
#middle #content.cat #select {margin-bottom: 10px;}
#middle #visual {width: 920px; position: relative; left: 20px; top: -20px;}

#content #map, #map2 {width: 100%; height: 400px; border: solid 1px #007BB2;}
#content #lc {margin-right: 230px;}
#content #lc #info {display: block;}
#content #lc #tech {display: none;}
#content #lc #size {display: none;}
#content .position {width: 200px; height: 230px; margin-right: 20px; float:left;}
#content .position2 {width: 285px; height: 230px; margin-right: 20px; float:left;}
#content .position3 {width: 400px; margin-bottom: 20px;}
#content .position3 input[type="text"] {width: 400px;}
#content .position3 input[type="submit"] {margin-left: 0;}
/*#content .position h3, #content .pos h3 {font-weight: normal;}*/
#content .position  img{width: 210px; height: 170px; border: solid 1px #007BB2;}
#content .ta {margin-bottom: 20px;}
#content .ta p.error {margin-bottom: 20px !important;}
#content .pos {width: 45%; margin: 0 5% 20px 0; float:left;}
#content .pos img {width: 150px; border: solid 1px #0199C8;}
#content #rc {width: 200px; float: right;}
#content #rc img {width: 150px; border: solid 1px #007BB2;}
#content .new {width: 560px;}
#content .news {width: 45%; float: left; margin: 0 5% 20px 0;}
#content .news h2 {margin-bottom: 10px;}
#content .news .date {margin: 0;}
#content .news img {width: 150px;}
#content .dd {color: #666; width: 110px; display: inline-block;}
#content .date {color: #666; margin-bottom: 0;}
#content #listing {clear: both;}
#content #listing a, #content #listing span {text-align: center; display: block; float: left;}
#content #listing a {width: 20px; height: 19px; margin-left: 5px; padding-top: 1px; border: solid 1px #ED6A2C; position: relative; top: -2px;}
#content #listing .blue {color: #FFF !important; background-color: #009AC8; width: 22px; height: 20px; padding-top: 2px; margin-left: 5px; position: relative; top: -2px;}

#footer .vcard {padding: 15px 0 15px 15px;}
#footer #slogan {height: 20px; position: absolute; left: 15px; top: 50px;}
#footer #slogan p {font-size: .6875em; color: #666; text-align: center;}
#footer #rktv {width: 145px; position: absolute; left: 798px; top: 13px; overflow: visible;}
#footer #rktv a {font-size: .75em; color: #000;}
#footer #rktv #reaktive_block {display: none; width: 274px; height: 0; position:absolute; left: 0; top: 0; z-index:999;}
#footer #rktv #reaktive_block img {display: block; width: 0; height: 0; position: absolute;}