/***************************************************
   HTML elementtien tyylit
 ***************************************************/

body {
  margin: 0px;
  padding: 0px;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  text-align: center;
  background-color: #cccccc;
}

h1 {
  font-size: 14px;
  font-weight: bold;
  color: #003366;
  padding: 0px 0px 0px 5px;
}

h2 {
  font-size: 13px;
  font-weight: bold;
  color: #1f3764;
}

h3 {
  font-size: 10px;
  font-weight: bold;
  color: #069;
}

.title {
  font-size: 20px;
  font-weight: bold;
  color: #690;
  border-left: 5px solid #F90;
  padding-left: 5px;
}

.subtitle {
  font-size: 11px;
  font-weight: bold;
  color: #333;
  border-left: 5px solid #FFF;
  padding-left: 5px;
}

a {
  color: #990000;
  text-decoration: none;
  padding: 0px;
}

a:hover {
  color: #666;
  background-color: #EEE;
  text-decoration: underline;
}


img {
  border: 0;
}

#taulukko1 h3 {
  font-size: 14px;
  font-weight: bold;
  color: #690;
}

#taulukko2 h1 {
  font-size: 14px;
  font-weight: bold;
  color: #690;
}

/***************************************************
   Sisältö div:it
 ***************************************************/
 
#kehys {
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;   
}

#tekstikehys {
  float: left;
  width: 300px;
  text-align: justify;
  padding: 0px 0px 0px 0px;
  border: 1px solid #000000;
}
  
#sisaltokehys {
  float:left;
  width: 680px;
  margin: 0px 0px 0px 0px;
  border: 0px solid black;
}  
 
#header {
  width: 850px;
  height: 112px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #9966CC;
  border: 0px solid #DDD;
  background: url(../kuvat/yla.jpg) no-repeat top left;
}

 #tausta {
  float: right;
  width: 819px; 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #F0F0F0;
  border: 0px solid black;
}

#vasenpieni {
  float: left;
  width: 31px;
  height: 80px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #FAA;
  border: 0px solid #DDD;
  background: url(../kuvat/vasenpieni.jpg) no-repeat top left;
  clear: both;
}

#lpanel {
  float: left;
  width: 139px;
  height: 455px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #969696;
  border: 0px solid #DDD;
  background: url(../kuvat/vasen.jpg) no-repeat top right;
}

#ylavalikko {
  float: left;
  width: 680px;
  height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #FFFFFF;
  border: 0px solid #DDD;
}

#content {
  float: left;
  width: 590px;
  min-height: 415px;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  border: 0px solid #DDD;
}

#yrityscontent {
  float: left;
  width: 320px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
  border: 0px solid black;
  min-height: 150px;  
}
  
#oikeakuva {
  float: left;
  width: 80px;
  height: 425px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid #DDD;
  background: url(../kuvat/oikea.jpg) no-repeat top left;
}

#osastokuva {
  float: right;
  width: 220px;
  height: 130px;
  margin: 0px 10px 5px 0px;
  padding: 0px 0px 0px 0px;
  clear: right;
  border: 5px solid #000000;
}

#osastokuva2 {
  float: right;
  width: 220px;
  height: 130px;
  margin: 0px 10px 10px 0px;
  padding: 0px 0px 0px 0px;
  border: 5px solid #000000; 
}

#osastokuva3 {
  float: right;
  width: 220px;
  height: 220px;
  margin: 10px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #9966DD;
  border: 5px solid #000000;
}

#osastokuva4 {
  float: right;
  width: 220px;
  height: 220px;
  margin: 10px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #9966DD;
  border: 5px solid #000000;
}

#osastokuva5 {
  float: right;
  width: 130px;
  height: 220px;
  margin: 10px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #9966DD;
  border: 5px solid #000000;
}

#osastokuva6 {
  float: left;
  width: 130px;
  height: 220px;
  margin: 10px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #9966DD;
  border: 5px solid #000000;
}

#osastokuva7 {
  float: right;
  width: 220px;
  height: 130px;
  margin: 5px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 5px solid #000000;
}

#yrityskuva {
  float: right;
  width: 220px;
  height: 128px;
  margin: 0px 10px 5px 0px;
  padding: 0px 0px 0px 0px;
  clear: right;
  border: 5px solid #000000;
}

#yrityskuva2 {
  float: right;
  width: 220px;
  height: 193px;
  margin: 0px 10px 10px 0px;
  padding: 0px 0px 0px 0px;
  border: 5px solid #000000;
}

#footer {
  width: 809px;
  height: 20px;
  margin: 0px 0px 10px 31px;
  padding: 0px 0px 0px 10px;
  background-color: #990000;
  color: white;
  border: 0px solid #DDD;
  text-align: left;
  clear: both;
}

/***************************************************
  Vaihtuva kuva etusivulla
 ***************************************************/

#vaihtuva {
  float: right;
  width: 430px;
  height: 195px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #9966DD;
  border: 5px solid #000000;
  background: url(../kuvat/vaihtuvat/kuva1.jpg) no-repeat top left;
}

#uutiset {
  float: right;
  width: 440px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid;
  clear: both;
}

/***************************************************
   Taulukot
 ***************************************************/
 
#taulukko1 {
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
	padding: 0px 0px 0px 10px;
} 

#taulukko1 th {
	border-width: 0px;
	padding: 0px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	background-color: white;
}

#taulukko1 td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#taulukko2 td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#vmc {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
	margin: 0px 0px 5px 5px;
	background: white;
	text-align: left;
}

#vmc th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
}

#vmc td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
}

#vmc a {
  color: #990000;
  text-decoration: none;
  padding: 1px;
}

#vmc a:hover {
  color: #990000;
}
  
/***************************************************
  Ylä valikko
 ***************************************************/
 
#menu, #menu ul {
  width: 680px;
  height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: #990000;
  list-style: none;  
}

#menu li {
  float: left;
  width: 149px;
  height: 28px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-right: 1px solid white;
  border-left: 0px solid white;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  text-align: center;
}

#menu li a {
  float: left;
  width: 149px;
  w\idth : 149px; /* Määrää laatikon leveyden */
  height: 25px;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 0px 0px;
  background: #990000;
  color: #ccc;
  display: block;
  text-decoration: none;
  font-weight:normal;
}

#menu li a:hover {
  height: 25px;
  background-color: #FFFFFF;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 0px 0px;  
} 
 
/***************************************************
  Vasen valikko
 ***************************************************/

/* IE korjaukset  */
  
*:first-child+html #nav {
  height: 25%;
}

*:first-child+html #nav li {
  height: 25%;
  /* dislpay: inline; **/
  float: left;
  clear: left;
}

/* IE korjaukset loppuu */

#nav, #nav ul { /* kaikki listat */
  width: 115px;
  margin: 110px 0px 0px 6px; 
  padding: 0px 0px 0px 0px;
  list-style: none;
  float: left;
}
	
#nav li { /* ensimmäisen listan sisällöt */
  position: relative; /*uusi */
  float: left; /*uusi */
  margin: 0px 0px 6px 0px; /*valikon osien välit*/
  padding: 0px 0px 0px 0px;
  position: static;
  line-height: 25px; 
}

#nav li  li { /* toisen listan sisällöt */
  margin: 0px 0px -1px 0px; /*valikon osien välit */
  padding: 0px 0px 0px 0px;
  position: static;
  line-height: 25px;
}

#nav li  li  li{ /* kolmannen listan sisällöt */
  margin: 0px 0px -1px 0px; /*valikon osien välit */
  padding: 0px 0px 0px 0px;
  position: static;
  line-height: 25px; 
}

#nav li:hover, #nav li.hover { /* korjaa ie7 probleeman että menut jäätyy */
  position:static;
}

#nav li a {
  width: 115px;
  w\idth : 115px; /* Määrää ensimmäisen laatikon leveyden */
  padding: 0px 0px 0px 10px;
  display : block;
  color : black;
  font-weight : bold;
  text-decoration : none;
  background-color : white;
  border : 1px solid black; 
}
	
#nav li ul { /* toisen tason listat */
  margin: -20px 0px 0px 115px; /* toisen tason listan paikat */
  position: absolute;
  left: -999em;
}

#nav li ul a {
  width: 140px;
  w\idth : 140px; /* Määrää toisen tason laatikon leveyden */
}

#nav li ul ul {
  margin: -20px 0px 0px 140px; /* kolmannen tason listan paikat */
  position: absolute;  /*uusi*/
  left: -999em;
}

#nav li ul ul a {
  width: 140px;
  w\idth : 140px; /* Määrää kolmannen tason laatikon leveyden */
}

#nav li a:hover {
  color : white;
  background-color : black;
}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{ 
  left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
  left: auto;
}