/* ******* */
/* General */
/* ******* */

@font-face {
  font-family: 'Roboto';
  src: url(Roboto/Roboto-Regular.ttf);
}

* {
  font-family: Roboto, Arial, sans-serif;
  margin: 0px;
  padding: 0px;
}

html, body {
  width: 100%;
  height: 100%;
  background: lightgray;
  font-size: 15px;
}

/* Background box */
div.outer {
  width: 1450px;
  background: white;
  margin: 0px auto;
}

/* Content */
div.inner {
  padding: 30px;
}

h1 {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

h2 {
  padding-top: 15px;
  padding-bottom: 15px;
}

h3 {
  padding-top: 15px;
  padding-bottom: 15px;
}

ul {
  padding-left: 20px;
}

/* ****** */
/* Tables */
/* ****** */

table {
  border-collapse: collapse;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  margin: auto;
}

th {
  border-bottom: 2px solid black;
}

th, td
{
  text-align: left;
  padding: 5px;
  padding-right: 15px;
  padding-left: 15px;
}

td:nth-child(4), td:nth-child(5), td:nth-child(6), td:nth-child(7),
td:nth-child(8), td:nth-child(9) {
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
}

th:nth-child(4), th:nth-child(5), th:nth-child(6), th:nth-child(7),
th:nth-child(8), th:nth-child(9) {
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
}

/* **************** */
/* Section counters */
/* **************** */

body {
  counter-reset: section;
}

h2 {
  counter-reset: subsection;
}

h2:before {
  counter-increment: section;
  content: counter(section) ". ";
  font-weight: bold;
}
    
h3:before {
  counter-increment: subsection;
  content: counter(section) "." counter(subsection) " ";
}

/* ***** */
/* Other */
/* ***** */

a:link, a:visited
{
  text-decoration: none;
  color: black;
}

a:hover, a:active
{
  text-decoration: underline;
  color: black;
  background-color: transparent;
}