/* Mediatiedot elements */

#paketit {
  width: 70%;
  margin: 2% auto;
  }

#paketit .taulu {
  float: left;
  width: 44%;
  padding: 1%;
  margin: 0.7%;
  background-color: #eee;
  border: 1px solid #ccc;
  
  /* Kulmat */
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }
  
.koroste {
  margin: auto;
  width: 85%;
  background-color: #eee;
  border: 1px solid #ccc;
  
  /* Kulmat */
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }
  
.floatright {
  float: right;
  margin: 2%;
  }
  
table {
  margin-left: 5.5%;
  margin-bottom: 4%;
  width: 45%;
  }
  
tr {
  text-align: left;
  margin-right: 2%; 
  }
  
td {
  padding-left: 1%;
  }

/* Palaute elements */

.container .form p{
  margin: 0.5% 0;
  }

.container input, .container textarea {
  border: 1px #244775 solid; 
  }

.form .buttons {
  background-color: #244775;
  color: #ffffff;
  margin-top: 1%;
  }

.container fieldset {
  border: 0px;
  margin: 1.5%;
  }

.form hr {
  margin: 10px auto;
  width: 98%;
  }
  
/* Referenssit */


.ref-tunniste {
  margin: 0 0 2em;
  width: 94%;
  height: 238px;
  background: #fff;
  background-image: url('/img/references/rf_bg.jpg');
  background-repeat: no-repeat;
  background-position: top right;
  border: 1px solid #5bdc6b;
  /*border-bottom: 78px solid #5bdc6b;*/
  padding: 0;
  text-align: left;
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;  
}  

.ref-tunniste img{
  margin:10px;
  margin-bottom: -74px;
  margin-top: 10px;
  padding: 0;
  border: 1px solid #000;
}

  
.ref-logo {
  width: 98%;
  margin: auto;
  text-align: center;
  }
  
  /* Yhteenveto referenssiasiakkaasta yksittaisella referenssisivulla */
  
.ref-tiivistelma {
  padding: 2% 2% 1%;
  width: 94%;
  margin: auto;
  margin-top: 3%;
  background: #1a598f;
  color: #fff;
  
  /* Kulmat */
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }
  
.ref-hyodyt {
  width: 94%;
  margin: auto;
  margin-top: 3%;
  padding: 2% 2% 1%;
  border: #1a598f 1px solid;
  
  /* Kulmat */  
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }
  
.ref-polaroid {
  float: right;  
  text-align: center;
  width: 40%;
  }
  
.ref-polaroid a {
  white-space: normal;
  }

/* Sivulla jossa on kaikki referenssit */

.referenssitiivistelma {
  display: block;
  width: 94%;
  margin: auto;
  position: relative;
}

.referenssitiivistelma p {
  margin: 0 0 3em 60px;
}

.referenssitiivistelma h3 {
  margin: 0 0 0 60px;
  border-bottom: 1px #ccc solid;
  color: #0c3749;
  font-size: 120%;
  padding: 0 0 0.5em;
}

.referenssitiivistelma h4 {
  margin: 0.5em 0 1em 60px;
}

.referenssitiivistelma h4 img {
  position: absolute;
  top: 0;
  left: 0;
}

  
/* Infopage typography */

  
h3.plain {
  width: 94%;
  border-bottom: 1px #ccc solid;
  color: #0c3749;
  }

.leftcontent h3 {
  width: 94%;
  border-bottom: 1px #ccc solid;
  color: #0c3749;
  }

.warning {
  color: #c11818;
  }

/* Infopage list elements */

dt {  
  font-size: 110%;
  }

.infolista dt {
  margin-bottom: 1%;
  }

.infolista dd {
  margin-top: 1%;
  }

.koroste li {
  margin-top: 0.5%;
  }