.ylapalkki {
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 0em;
  padding-right: 0em;
  margin: 0em;
  height: 7em;
  width: 100%;
  position: relative;
}

.ylapalkki img {
  border: none;
}

.logo {
  width: 37%;
  height: 7em; 
  padding-top: 0em;
  padding-bottom: 0em;
  padding-right: 0em;
  padding-left: 8%;
  margin: 0em;
  float: left;
}

.logo img {
  max-height: 100%;
}

.navigointi {
  width: 55%;
  height: 7em;
  padding-bottom: 0em;
  margin: 0em;
  float: left;
}

.navigointi ul {
  position:absolute;
  margin-left: 0em;
  padding-left: 0em;
  bottom: 1em;
  left: 45%;
}

.navigointi ul li {
  margin: 0em;
  padding: 0em;
  list-style-type: none;
  display: inline;
  font-family: Arial, helvetica;
  font-weight: bold;
}

.navigointi a {
  padding-left: 0em;
  padding-right: 2em;
  padding-top: 0em;
  padding-bottom: 0em;
}

.sisalto {
  width: 84%;
  padding-left: 8%;
  padding-right: 8%;
  padding-top: 2em;
  padding-bottom: 2em;
  margin: 0em;
}

.vasen {
  width: 38%;  
  padding-left: 0%;
  padding-right: 3%;
  margin: 0em;
  float: left;
  text-align: center;
}

.vasen img {
  max-width: 100%;
}

.oikea {
  width: 56%;
  padding-left: 3%;
  padding-right: 0%;
  margin: 0em;
  float: left;
}

.alempisisalto {
  width: 84%;
  float: left;
  padding-top: 2%;
  padding-left: 8%;
  padding-right: 8%;
  padding-bottom: 2em;
}

.alapalkki {
  background-color: #FFFFFF;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1%;
  padding-right: 1%;
  margin: 0em;
  clear: both;
  text-align: right;
  font-size: 60%;
  position: relative;
}

body {
  width: 80%;
  min-width: 45em;
  max-width: 80em;
  margin-top: 2%;
  margin-bottom: 2%;
  margin-left: auto;
  margin-right: auto;
  color: Black;
  font-family: Arial, helvetica;
  font-size: 0.8em;
}

a:link {
  text-decoration: none;
  color: #800000;
}

a:visited {
  text-decoration: none;
  color: #520000;
}

a:focus, a:hover {
  color: #990000;
  text-decoration: underline;
}

a:active {
  color: #520000;
}

h1 {
  font-size: 115%;
  font-family: Arial, helvetica;
  letter-spacing: .1em;
  margin-top: 0em;
}

h2, h3 {
  font-size: 100%; 
  font-family: Arial, helvetica;
  letter-spacing: .1em;
  word-spacing: .3em;
  margin-bottom: 0em;
}

h3 {
  margin-top: 0em;
}

p {
  margin-top: 0em;
}

.navigointi a:link, .navigointi a:visited {
  text-decoration: none;
  color: #000000;
}

.navigointi a:focus, .navigointi a:hover {
  color: #990000;
}

.navigointi a.valittu:link, .navigointi a.valittu:visited {
  text-decoration: none;
  color: #990000;
}

.sisalto ul {
  margin-top: 0em;
  list-style-type: square
}

table {
  width: 100%;
  table-layout: fixed;
  empty-cells: hide;
  border-spacing: 1em;
  border-collapse: collapse;
}

table th {
  padding-top: 2%;	
}

table td {
  padding-top: 1%;
  padding-bottom: 0%;
  padding-right: 2%;
  vertical-align: top;
}

table img {
  max-width: 85%;
  border: none;
}

table th:first-child, table td:first-child {
  width: 10%;
  padding-right: 0%;
  font-size: 75%;
}

table.uutiset_eka td:first-child {
  width: 44%;
}

table th {
  text-align: left;
  padding-left: 0%;
}

table.uutiset td.uutisteksti {
  width: 56%;
  padding-left: 0;
}


th.vasentaulukko, td.vasentaulukko {
  width: 34%;
}

table.projektisivu th, table.projektisivu td{
  width: auto;
  font-size: 100%;
}