body {
  background-image: url(img/tausta.jpg);
  background-repeat: no-repeat;
  background-color: #DADADA;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 0 0;
  scrollbar-face-color: #DADADA;
  scrollbar-track-color: #DADADA;
  scrollbar-arrow-color: #330033;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #CCCCCC;
  scrollbar-shadow-color: #663366;
  scrollbar-darkshadow-color: #000000; 
}

/* Sivuston keskittäminen */
div.keskitys {
  margin-left: auto;
  margin-right: auto;
  width: 950px;
  margin-top: 10px;
}

/* Laatikko, jossa pistekehys ja kaikki elementit */
div.color {
  width:900px;
  height: 530px;
  border: 2px dotted black;
  padding: 10px 5px 10px 5px;
  background-color: #DADADA;
}

/* Tekstilaatikko, johon tulee scroll bar tarvittaessa */
div.laatikko {
  text-align:left;
  padding: 0 30px 0 20px;
  width: 470px;
  height: 420px;
  overflow: auto;
  margin-left: 10px;
  margin-top: 10px;
  border: 1px solid black;
  background-color: white;
  float: left;
}


/* Logon asemointi */
span.kuvaleft {
  float:left;
  margin:0px 0px 0px 20px;
}


/* Sitoo yhteen elementit, määrittelee alueen leveyden */
div.yla {
  width:950px;
}

/* Määrittelee kuvien aseman oikealla */
span.kuvalinkit {
  float:right;
  margin:0px 70px 0px 0px;
}

/* Kuvalinkkeihin kehys ja koko (pienennetty alkuperäisestä) */
img.linkki {
  margin-top:1px;
  border: solid black 1px;
  width: 151px;
  height: 100px;
}

/* Kontaktitiedot tekstin alussa */
p.cont {
  font-weight: bold;
  color: white;
  background-color: #000080;
  text-align: center;
  font-size: 70%;
  padding: 2px;
  margin-bottom: 10px;
}	

/* Leipäteksti: koko ja kappaleiden välisen marginaalin pienennys */
p.leipis {
  font-size: 70%;
  margin-top: -7px;
}

/* Otsikon tekstin koko */
h3 {
  font-size: 75%;	
}

/* Kursivointi */
span.ital {
  font-style: italic;
}

/* Kielilinkit yläreunassa */
p.lang {
  font-size: 55%;
  font-style: italic;
}


/* Copy ja webdesign tiedot */
p.copy {
  font-size: 55%;
  font-style: italic;
  font-weight: bold;
}

/* Neliömetrin 2:nen */
span.sup {
  font-size: 70%;
}

/* Lihavointi */
span.bold {
  font-weight: bold;
}

/* Copy-tiedoissa olevat linkit, ei alleviivausta, musta fontti */
a.copy {
  text-decoration:none;
  color: black;
}
/* kuvalinkki */
img.kuva {
  border: 0px;
}

/* Yhteystiedoissa oleva linkki */
a.cont {
  color: white;
}

a:hover {
  color:#ff3300;
}