@import url('/sgm_nav_pos.css');

/* body */

body {
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  background-color: black;
}
table {
  border: 1px solid white;
}
td {
  background-color: grey;
}
th {
  background-color: dimgrey;
  font-weight: bold;
  text-align: left;
  padding: 4px;
}
a:visited {
  color:lightgray;
}
a:active {
  color:darkred;
}
a:link {
  color:white;
}

h1 {
  margin-top: 0.5em;
  font-weight: bold;
  font-size: 150%;
  margin-bottom: 0.5em;
}
h2 {
  margin-top: 0.4em;
  font-weight: bold;
  font-size: 130%;
  margin-bottom: 0.4em;
}
h3 {
  margin-top: 0.3em;
  font-weight: bold;
  font-size: 110%;
  margin-bottom: 0.3em;
}
#pageheader {
  margin-top: 0.5em;
  font-weight: bold;
  font-size: 150%;
  margin-bottom: 0.5em;
}
td.infodate {
  color: white;
  vertical-align: top;
  width: 10%;
  padding: 5px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 80%;
}
td.infotext {
  color: white;
  vertical-align: top;
  padding: 4px;
  font-family:Arial, Helvetica, Verdana, sans-serif;
}
td.infobig {
  color: white;
  vertical-align: top;
  padding: 8px;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  font-size: 110%;
}
a.infoheader {
  font-weight: bold;
}
table.info {
  width: 80%;
  border: 1px solid white;
}

/* when jumping to a target add an offset to show the target section below the top banner */
:target {
    padding-top: 200px;
}


/* different layouts */

@media (max-width: 1199px) {
}

@media(max-width: 768px) {
  table.info {
    width: 90%;
  }
}

@media (max-width: 480px) {
  table.info {
    width: 95%;
  }
}