body {
  background-color: #b170a5;
  color: #00387D;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 0;
  scrollbar-face-color: #b170a5;
  scrollbar-track-color: #b170a5;
  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:687px;*/
  width:937px;
  margin-top: 5px;
}

/* Laatikko, jossa kaikki elementit */
div.color {
  /*width:686px;*/
  width:937px;
  padding: 0 0 0 0;
  background-color: #00387D;
}

/* Tekstilaatikko */
div.laatikko {
  text-align:left;
  padding: 20px 20px 10px 20px;
  width: 400px;
  height: 95%;
  margin-top: 5px;
  margin-left:5px;
  border: 1px solid black;
  background-color: white;
}

div.linkit {
  float:right;
  margin:15px 20px 40px 15px;
  color:#E5E219;
  font-weight: bold;
}
div.vasen {
  float:left;
  margin:15px 20px 40px 15px;
  color:#E5E219;
  font-weight: bold;
}
span.pieni {
  font-size: 65%;
}

span.contact {
  width: 230px;
  font-weight: bold;
  font-size: 75%;
  color:#E5E219;
}

span.julkkis {
  width: 230px;
  font-weight: bold;
  font-size: 12px;
  color:#000;
}

span.julkkis a{

  color:#003366;
}

span.ots {
  /*width: 230px;*/
  font-weight: bold;
  font-size: 120%;
  color:#E5E219;
}

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

/* Määrittelee kuvien aseman oikealla */
span.kuva {
    margin:0px 0px 0px 0px;
}

/* Kuviin leveys ja marginaali */
img.kuvat {
  margin:0px;
  padding: 0px;
  width: 686px;
}


/* Leipäteksti: koko ja kappaleiden välisen marginaalin pienennys */
p.leipis {
  font-size: 95%;
  margin-top: -7px;
  color: #00387D;
  font-weight: normal;
}

/* Otsikon tekstin koko */
h1 {
  font-size: 95%;
  padding-bottom: 10px;
  color: #00387D;
}

h2 {
  font-size: 90%;
  padding-bottom: 10px;
  color: #00387D;
}


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



/* Copy ja webdesign tiedot */
p.copy {
  font-size: 80%;
  font-style: italic;
  font-weight: bold;
   color: #00387D;
}

p.oikea {
  margin-bottom: 30px;
}

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


/* Copy-tiedoissa olevat linkit, ei alleviivausta, musta fontti */
a.copy {
  text-decoration:none;
  color: #00387D;
}

/* Sivun oikeassa laidassa olevat linkit, teksti*/
a.link {
  text-decoration:none;
  color: #336699;
}

/* Sivun oikeassa laidassa olevat sähköpostilinkit, valkoinen teksti*/
a.mail {
  text-decoration:none;
  color: #336699;
}

a:hover {
  color:#003366;
}

.all {
	width: 904px;
	background-color:#00387D;
	display:table;
	border: 1px solid #333333;
	height:770px;
	margin-top:20px;
}

.topheader {
  width:904px;
  background:url(img/topheader-bg.jpg) left top repeat-x;
  float:left;
  height:103px;
  
  }
.left {
	width: 230px;
	float:left;
	/*background-color: #1831FF;   */
	background-color: #eee;
	display:table;
		height:770px;
}
.cont {
	width: 430px;
	background-color:#fff;
	float:left;
	padding: 10px;
	height:750px;
	border-top: none;
	border-right: 1px solid #333333;
	border-bottom: none;
	border-left: 1px solid #333333;
}
.right {
  	width: 200px;
  	float:right;
  	padding: 10px;
		height:750px;
		background-color:#eee;
}
span.julkkissmall {
  font-weight: bold;
  font-size: 70%;
  color:#E5E219;
}
span.julkkissmall a{
  color:#E5E219;
}
.copy {
	width: 904px;
	margin-top:6px;
	margin-bottom:20px;
	text-align: center;
	font-size: 11px!important;
	font-weight: bold;
}