@font-face {
    font-family: Otsikkofontti;
    src: url(fonts/Sekuya-Regular.ttf);
  }

@font-face {
  font-family: footerfont;
  src: url(fonts/Limelight-Regular.ttf);
}

@font-face {
  font-family: Leipis;
  src: url(fonts/Arvo-Regular.ttf);
}

@font-face {
  font-family: Leipis;
  src: url(fonts/Arvo-Bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: Leipis;
  src: url(fonts/Arvo-Italic.ttf);
  font-style: italic;
}



body {
  font-family: Leipis, serif;
  background-color: #90a8d5;
  background-image: url(muut-kuvat/page-background.jpg);
}

.kaikki {
  background-color: #3494b7;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.header {
  font-family: Otsikkofontti;
  min-height: 100px;
  background-image: url(muut-kuvat/header-background.jpg);
  padding: 30px;
  font-size: 80px;
  color: #000;
}

.header, .nav, .footer {
  text-align: center;
}

.nav {
  background-color: #ACCCD8;
  padding: 10px;
}

/* navigointilinkit */
.nav a {
  margin: 10px;
  color: #242a3e;
  text-decoration: none;
}

/* Muut linkit */



.main {
  padding: 30px;
  min-height: 500px;
}

.footer {
  font-family: footerfont;
  background-color: #1b2d52;
  color: #6281dc;
  padding: 30px;
}

/*Tästä alaspäin on yhteenvetoon*/

table {
  background-color: #fff;
  border-collapse: collapse; /*raot pois solujen välistä*/
}
td, th {
  border: 1px solid #777;
  padding-top: 4px;
  padding-right: 6px;
  padding-bottom: 4px;
  padding-left: 6px;
}



th {
    text-align: left;
    background-color: #000;
    color: #fff
}