body {
  background-color: #121212;
  margin: 0.2em;
  color: #eeddaa;
}

.dropdown-menu {
  background-color: #007bff;
}

.card-footer {
  width: 100%; 
  position: relative; 
  bottom: 0;
}

a {
    color: blue;
}


.modal-content {
  padding: 1em;
  font-size: larger;
  line-height:normal;
  background-color: #123456;
}

.nav navpills {
    color: #eeddaa;
}

.embededContent oembed-provider- {
  color: #eeddaa;    
}

.nav-link active {
  color: #eeddaa;    

}

.nav-item {
  color: #eeddaa;    

}

.card {
  background-color: #121212;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.infodiv {
  border:rgb(119, 226, 76);
  
}
.low-information {
  background-color: aliceblue;
}

.medium-information {
  font-size: larger; 
  padding: 1em; 
  margin: 1em;
  border: solid thin;
  border-radius: 10px;
  border-color: #eeddaa;
}

.high-information {
  font-size: larger; 
  padding: 1em; 
  margin: 1em;
  border: dashed; 
  border-color: orange;
}
  
.grid {
  display: grid;
/*  grid-template-columns: 1fr 65vw 1fr; */
  column-gap: 1em;
  row-gap: 5px;
  grid-auto-rows: 3em; /* seuraava rivi on skaalautuvampi */
  grid-auto-rows: minmax(3em, auto);
/* nimetään gridin ruudut */
  grid-template-areas:
      "header header header"
      "leftbar content rightbar"
      "footer footer footer";
}
  
/* sijoitetaan sisältö nimien perusteella */
.main {
  grid-area: content;
  font-family: 'Times New Roman', Times, serif;
  font-size: large;
  background-color: white; 
  border: 0;
}

.main img {
  border: 1em;
}

.box {
  display: flex;
  flex-wrap: wrap;
}

.header {
    grid-area: header;
    background-color: #999999;
    border: 1;
}

.leftbar {
    grid-area: leftbar;
    background-color: rgb(119, 226, 76);
    border: 0;
}

a:hover {
	background-color: #1111ab;
	color: #eeddaa;
}

.rightbar {
    grid-area: rightbar;
    background-color: rgb(119, 226, 76);
    border: 0;
}

.footer {
    grid-area: footer;
    border: 1;
    text-align:right;
    clear: both;
    background-color: #999999;
}

.footer ul li {
  display: inline;
  padding-right: 1em;
}

.footer ul {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.3em;
  margin-bottom: 0.1em;
}

.footer ul li:first-child {
  float: left;
}

.hidden {
    display: none;	
 }

 ul {
	list-style-type: square;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.1em;
}


ul li ul {
	font-size: 0.9em;
}

/* mediakyselyt */
@media all and ( max-width: 500px ) {
  /* Palautetaan navigointi koko sivun levyiseksi */
leftbar {
    float: none;
    width: 100%;
  }
  
  /* rajataan kuvat maksimissaan sivun levyisiksi */
img {
   max-width: 100%;
  }
  
  /* piilotetaan koko yläpalkki */
header {
    display: none;
  }
  /* pre -lohkoa ei ole, mutta esimerkkinä scrollista*/

pre {
   overflow: scroll;
  }
  
}