* {
  margin: 0;
  padding: 0;
}

a:link {
  color: black;
  font-weight: normal;
  text-decoration: none;
}

a:visited {
  color: black;
  font-weight: normal;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: black;
}

a:active {
  color: black;
  text-decoration: underline;
}

body {
  font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
  color: black;
  background: none;
  font-size: 95%;
}

h1 { 
  font-size: 140%;
  color: black;
}

h2 { 
  font-size: 120%;
  color: black;
}

h3 { 
  font-size: 105%;
  color: black;
}

.ing {
  font-weight: bold;
}

#mainwrapper {
  width: 90%;
  min-width: 89%;
  max-width: 90%;
  margin: 0 2% 0 5%;
}

#header {
  position: relative;
  color: black;
display: none;
}

#header .lvi {
  float: left;
  display: inline;
  font-size: 260%;
  font-weight: bold;
  font-family:  "Palatino Linotype", Arial, Verdana;
  margin: 0.1em 0.2em 0 3%;
}

*:first-child+html #header .lvi {
  margin: 0.2em 0.2em 0 0;
  padding: 0 0 0 3%;
}

#header .h1 {
  float: left;
  display: inline;
  margin: 1em -7em 0 0;
  width: 14em;
  font-size: 100%;
  font-weight: bold;
  font-family: "Courier New", "Palatino Linotype", Arial, Verdana;
}

.haku {
  display: none;
}

#wrapper {
  position: relative;
  padding: 0;
  background: none;
}

*:first-child+html #wrapper {
  padding: 5px 0 7px 0;
}

* html #wrapper {
  padding: 3px 0 7px 0;
}

#koul2 #wrapper, #koul #wrapper { background: none; }
#yhteys #wrapper, #yhteys2 #wrapper, #yhteys3 #wrapper { background: none; }

#container,
#footer {
  width: 98%;
  margin: 0 auto 0 auto;
  height: 1%;
}

#container {
  background: none;
  position: relative;
}

#koul2 #container,
#koul #container {
  background: none;
}

#yhteys3 #container,
#yhteys2 #container,
#yhteys #container {
  background: none;
}

#nav {
  display: none;
}

.main {
  position: relative;
  width: 97%;
  min-height: 70px;
  margin: 0 auto 0 auto;
  padding: 10px 0 0.5em 0;
  background: none;
}

#harj .main {
  max-width: 850px;
  background: none;
}

* html .main {
  height: 290px;
}

#yhteys .main {
  background: none;
}

#yhteys3 .main,
#yhteys2 .main {
  background: none;
}

.main h1 {
  margin: 0 0 0.5em 0;
  color: black;
}

.main p {
  width: 90%;
  font-weight: bold;
  font-size: 110%;
  color: black;
  margin: 0 0 1em 0;
}

#harj .main p {
  width: 90%;
  margin: 0.5em 0 0 3%;
}

#yhteys .main p {
  width: 90%;
  margin: 0 0 1em 3%;
}

#nav2 {
  display: none;
}

#boxwrap {
  clear: both;
  width: 100%;
  max-width: 850px;
  margin: 0.5em auto 0 auto;
  background: none;
}

#koul #boxwrap {
  width: 100%;
  position: static;
  margin: 0.5em auto 0 auto;
}

#yhteys #boxwrap {
  background: none;
}


.box {
  position: relative;
  width: 30.8%;
  min-width: 150px;
  margin: 0 0 0 2%;
  padding: 4px 0 4px 0;
  float: left;
  background: #3f3997;
  overflow: hidden;
}

#koul .box {
  width: 30.8%;
  margin: 0 0 0 2%;
}

* html .box {
  width: 30%;
}

.box + .box {
  background: #ff9c0f;
}

.box + .box + .box {
  background: #ef1209;
}

.ltb,
.rtb,
.rbb,
.lbb {
  position: absolute;
  width: 9px;
  height: 9px;
}

* html .ltb,
* html .rtb,
* html .rbb,
* html .lbb {
  overflow: hidden;
}


.ltb {
  top: 0;
  left: 0;
  background: url(kuvat/css/bw.png) no-repeat top left !important;
  background: url(kuvat/css/bw.gif) no-repeat top left;
}

.rtb {
  top: 0;
  right: 0;
  background: url(kuvat/css/bw.png) no-repeat right top !important;
  background: url(kuvat/css/bw.gif) no-repeat right top;
}

.rbb {
  bottom: 0;
  right: 0;
  background: url(kuvat/css/bw.png) no-repeat right bottom !important;
  background: url(kuvat/css/bw.gif) no-repeat right bottom;
}

.lbb {
  bottom: 0;
  left: 0;
  background: url(kuvat/css/bw.png) no-repeat left bottom !important;
  background: url(kuvat/css/bw.gif) no-repeat left bottom;
}

.boxcont {
  position: relative;
  width: 96%;
  margin: 0 auto 0 auto;
  background: white;
  text-align: center;
}

* html .boxcont {
  height: 165px;
}

#harj .boxcont {
  background: none;
}

* html #harj .boxcont {
  height: 138px;
}

.boxcont h2 {
  color: black;
}

.boxcont p {
  font-weight: bold;
  color: black;
}

.boxtext {
  position: relative;
  padding: 10px 2% 0.5em 4%;
  min-height: 100px;
  line-height: 1em;
  background: url(kuvat/css/savonia_merkki.png) center center no-repeat;
  text-align: left;
}

* html .boxtext {
  height: 83px;
  padding: 10px 2% 1.5em 4%;
}

#harj .boxtext {
  padding: 0 0 0 0;
  background: none;
}

* html #harj .boxtext {
  height: 83px;
}

#yhteys .boxtext {
  text-align: center;
  margin: 0.5em 0 0 0;
  min-height: 80px;
  background: none;
}

.boxtext p {
  margin: 0.3em 0 0 0;
  color: black;
}

.boxtext img {
  position: absolute;
  top: 10px;
  left: 1%;
  width: 96%;
  z-index: 1;
}

* html .boxtext img {
  position: relative;
  top: 0;
  left: 1%;
}

#harj .boxtext img {
  position: relative;
  top: 1px;
  left: 0;
  width: 100%;
}

*:first-child+html #harj .boxtext img {
  top: 3px;
}

#yhteys .boxtext img {
  position: relative;
  top: 0px;
  left: 0;
  width: 96%;
  margin: 0.5em 0 0 0;
}

.boxnav ul {
  width: 8.1em;
  margin: 10px auto 0 auto;
  list-style: none;
  font-weight: bold;
  line-height: 1.3em;
}

.subnav99 ul,
.subnav4 ul,
.subnav3 ul,
.subnav2 ul,
.subnav1 ul {
  display: none;
}

.boxnav li {
  font-size: 110%;
}

.boxnav a {
  text-decoration: none;
  color: black;
  padding: 0 0 0 25px;
  background: url(kuvat/css/navbg.png) left -67px no-repeat !important;
}

.drop {
  position: absolute;
  bottom: 5px;
  color: black;
  font-size: 110%;
  padding: 0.1em 0 0.3em 0;
  text-decoration: none;
  z-index: 2;
}

* html .drop {
  position: relative;
}

.boxtext .drop + a {
  bottom: 1.5em;
}

.box + .box .boxtext { background: url(kuvat/css/lsv.jpg) no-repeat right top; padding: 10px 2% 1.9em 4%; }
.box + .box + .box .boxtext { background: url(kuvat/css/yhteys.png) center center no-repeat; padding: 8px 2% 2.0em 4%; }
#koul .box + .box .boxtext { background: none; }
#yhteys .box + .box .boxtext { padding: 10px 2% 0.5em 4%; }

#harj .box + .box .boxtext { background: none; padding: 0 0 0 0; }
#harj .box + .box + .box .boxtext { background: none; padding: 0 0 0 0; }

.boxlink {
  text-decoration: none;
  font-weight: bold;
  font-size: 105%;
  color: black;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin: 0 0 5px -3.6em;
  padding: 0.2em;
  border: 1px dashed gray;
}

* html .boxlink {
  padding: 0;
  width: 7em;
}

.boxlink:hover {
  border: 1px dotted gray;
  color: black;
  text-decoration: none;
}

.boxcont .ltb {
  background: url(kuvat/css/bb.png) no-repeat left top !important;
  background: url(kuvat/css/bb.gif) no-repeat left top;
}

.boxcont .rtb {
  background: url(kuvat/css/bb.png) no-repeat right top !important;
  background: url(kuvat/css/bb.gif) no-repeat right top;
}

.boxcont .rbb {
  background: url(kuvat/css/bb.png) no-repeat right bottom !important;
  background: url(kuvat/css/bb.gif) no-repeat right bottom;
}

.boxcont .lbb {
  background: url(kuvat/css/bb.png) no-repeat left bottom !important;
  background: url(kuvat/css/bb.gif) no-repeat left bottom;
}

.box + .box .boxcont .ltb {
  background: url(kuvat/css/bo.png) no-repeat left top !important;
  background: url(kuvat/css/bo.gif) no-repeat left top;
}

.box + .box .boxcont .rtb {
  background: url(kuvat/css/bo.png) no-repeat right top !important;
  background: url(kuvat/css/bo.gif) no-repeat right top;
}

.box + .box .boxcont .rbb {
  background: url(kuvat/css/bo.png) no-repeat right bottom !important;
  background: url(kuvat/css/bo.gif) no-repeat right bottom;
}

.box + .box .boxcont .lbb {
  background: url(kuvat/css/bo.png) no-repeat left bottom !important;
  background: url(kuvat/css/bo.gif) no-repeat left bottom;
}

.box + .box + .box .boxcont .ltb {
  background: url(kuvat/css/br.png) no-repeat left top !important;
  background: url(kuvat/css/br.gif) no-repeat left top;
}

.box + .box + .box .boxcont .rtb {
  background: url(kuvat/css/br.png) no-repeat right top !important;
  background: url(kuvat/css/br.gif) no-repeat right top;
}

.box + .box + .box .boxcont .rbb {
  background: url(kuvat/css/br.png) no-repeat right bottom !important;
  background: url(kuvat/css/br.gif) no-repeat right bottom;
}

.box + .box + .box .boxcont .lbb {
  background: url(kuvat/css/br.png) no-repeat left bottom !important;
  background: url(kuvat/css/br.gif) no-repeat left bottom;
}

.clear {
  clear: both;
}

.lt,
.rt,
.rb,
.lb {
  position: absolute;
  width: 28px;
  height: 28px;
}

.lt {
  top: 0;
  left: 0;
  background: none;
}

.rt {
  top: 0;
  right: 0;
  background: none;
}

.rb {
  bottom: 0;
  right: 0;
  background: none;
}

.lb {
  bottom: 0;
  left: 0;
  background: none;
}

.content {
  width: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}


#loki .content,
#koul .content {
  background: none;
}

#koul2 .content {
  background: none;
}

.text {
  float: right;
  display: inline;
  width: 95%;
  margin: 0.5em 0 0 0;
}

.text2 h1,
.text2 h2,
.text2 p,
.text h1,
.text h2,
.text p {
  margin: 0 0 0.6em 0;
}

.text2 ul,
.text ul {
  margin: 0 0 0.6em 1.9em;
}

.text2 {
  float: none;
  display: inline;
  width: 40%;
  width: 85%;
  margin: 1.2em 2% 0 2%;
}

.text2 img {
  width: 30%;
  float: right;
  display: inline;
  margin: 0 0 0 0;
  border: 1px solid gray;
}

.kartta {
  width: 380px;
  height: 410px;
  position: relative;
  left: 5%;
}

.kartta .text ul {
  position: absolute;
  top: 0px;
  right: 250px;
  color: black;
}

.kartta ul li {
  color: black;
}

.kartta ul li:hover {
  color: black;
}

.kartta img {
  width: 233px;
  height: 405px;
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0 0 0 0;
  z-index: 50;
}

* html .kartta img {
  top: -6px;
}

.kartta a .hotspot {
  width: 10px;
  height: 10px;
  position: absolute;
  background: url(kuvat/css/ospot.png) center center no-repeat !important;
  background: url(kuvat/css/ospot.gif) center center no-repeat;
  z-index: 60;
}

.kartta .hamina a .hotspot { bottom: 46px; right: 90px; }
.kartta .heinola a .hotspot { bottom: 67px; right: 113px; }
.kartta .hollola a .hotspot { bottom: 59px; right: 125px; }
.kartta .juankoski .hotspot { bottom: 134px; right: 74px; }
.kartta .jyvaskyla .hotspot { bottom: 105px; right: 117px; }
.kartta .kouvola .hotspot { bottom: 55px; right: 100px; }
.kartta .kuopio .hotspot { bottom: 128px; right: 85px; }
.kartta .siilinjarvi .hotspot { bottom: 134px; right: 84px; }
.kartta .leppavirta .hotspot { bottom: 115px; right: 84px; }
.kartta .varkaus .hotspot { bottom: 107px; right: 81px; }

.kartta .varkaus a:hover .hotspot,
.kartta .siilinjarvi a:hover .hotspot,
.kartta .leppavirta a:hover .hotspot,
.kartta .kuopio a:hover .hotspot,
.kartta .kouvola a:hover .hotspot,
.kartta .jyvaskyla a:hover .hotspot,
.kartta .juankoski a:hover .hotspot,
.kartta .hollola a:hover .hotspot,
.kartta .heinola a:hover .hotspot,
.kartta .hamina a:hover .hotspot {
  background: #3F3997;
  width: 10px;
  height: 10px;
  background: url(kuvat/css/bspot.gif) center center no-repeat !important;
  background: url(kuvat/css/bspot.gif) center center no-repeat;
  z-index: 70;
}

#koul .text2 ul a:link,
#koul .text ul a:link,
.kartta a:link {
  color: black;
  text-decoration: none;
}

#koul .text2 ul a:visited,
#koul .text ul a:visited,
.kartta a:visited {
  text-decoration: none;
  color: black;
}

#koul .text2 ul a:hover,
#koul .text ul a:hover,
.kartta a:hover {
  text-decoration: underline;
  font-weight: bold;
  color: black;
}

.savnav ul {
  list-style: none;
  margin: 0 0 0 0;

}

.savnav a {
  padding: 0 0 0 25px;
  background: url(kuvat/css/navbg.png) left -67px no-repeat !important;
  display: block;
}

.pagelink {
  display: none;
}

.area {
  width: 95%;
  padding: 0.5em 2% 0.5em 2%;
}

.info {
  float: left;
  display: inline;
  width: 25%;
  min-width: 6em;
  color: black;
  background: none;
}

.area img {
  float: right;
  display: inline;
  width: 45%;
  margin: 1em 2% 1em 2%;
  border: 1px solid gray;
}

.note2,
.note {
  float: left;
  display: inline;
  width: 72%;
  padding: 0 0 0 2%;
page-break-inside: avoid;
}

.note2 img {
  width: 45%;
}

#harj .note2,
#harj .note {
  float: right;
  width: 97%;
}

hr {
  color: black;
  clear: both;
}

.snav6,
.snav5,
.snav4,
.snav3,
.snav2,
.snav1,
.snav {
  display: none;
}

.email img {
  width: 18em;
  border: none;
  float: none;
  margin: 0;
}

.bottom {
  height: 5px;
  margin: 0 0 0 2%;
  background: none;
}

#koul2 .bottom,
#koul .bottom {
  background: none;
}

#yhteys3 .bottom,
#yhteys2 .bottom,
#yhteys .bottom {
  background: none;
}

#footer {
  clear: both;
  text-align: center;
  color: black;
  margin: 0 0 0 0;
display: none;
}

#footer img {
  margin: 0.6em auto 0 auto;
}

form {
  float: right;
  display: inline;
  width: 100%;
  width: 82%;
  margin: 1em 1% 0 0;
  background: none;
}

.haku form {
  background: none;
}

#yhteys3 form {
  background: none;
}

fieldset {
  padding: 0 0 1em 0;
}

fieldset fieldset {
width: 94%;
  margin: 1em 0 0 2%;
}

fieldset fieldset+fieldset {
  background: none;
}

fieldset fieldset+fieldset+fieldset {
  background: none;
}

legend {
  font-weight: bold;
  color: black;
  margin: 0 0 0 2%;
  padding: 0 1% 0 1%;
}

#yhteys3 .main p,
#yhteys2 .main p {
  width: 100%;
  margin: 1em 0 0 1%;
font-size: 105%;
}

label {
  background: none;
}

#nimi, #yritys, #sijainti,
#email, #mika, #tehtava,
select {
  width: 60%;
  margin: 0 1% 0 1%;
}

#yhteys2 select {
  width: 20em;
}

#yhteys3 select {
  width: 5em;
}

textarea {
  height: 15em;
  width: 94%;
  width: 70%;
  margin: 0 1% 0 1%;
}

input {
  margin: 0 0 1em 0;
}