/* Body */

body {
      font-family: arial;
      font-size: 14px;
      line-height: 1.75rem;
      color: #333;
      margin: 0;
      padding: 0;
}


/* Menu Top */

language {
      max-width: 760px;
      display: block;
      margin: 0 auto;
}


/* Header */

header {
      width: 960px;
      min-height: 255px;
      margin: 0 auto;
}

@media all and (max-width: 959.98px) { header { width: 720px; } }
@media all and (max-width: 767.98px) { header { width: 540px; } }
@media all and (max-width: 575.98px) { header { width: 100%; } }

header img {
/*      float: left; */
      display: block;
      margin: 10px auto;
      width: 200px;
      height: auto;
/*      margin: 115px 16px 16px 35px; */
}

@media all and (max-width: 575.98px) {
      header img {
            float: left;
            width: 200px;
            height: auto;
            margin: 115px 16px 16px 35px;
      }
}

header language {
      float: right;
      font-size: 14px;
      margin-right: 0.5rem;
      margin-top: 0.5rem;
}

header language span {
      padding: 0.5rem 0.5rem;
}


language a:link,
language a:visited {
      text-decoration: none;
      font-weight: bold;
      color: black;
}

language a:hover,
language a:active {
      text-decoration: none;
      font-weight: bold;
      color: yellow;
}


/* Content */

content {
      width: 960px;
      display: block;
      margin: 0 auto;
      background-color: white;
}

@media all and (max-width: 959.98px) { content { width: 720px; } }
@media all and (max-width: 767.98px) { content { width: 540px; } }
@media all and (max-width: 575.98px) { content { width: 100%; } }

row {
      width: 100%;
      display: flex;
}

@media all and (max-width: 767.98px) {
      row {
            flex-direction: column;
      }
}

data {
      display: block;
/*      width: 640px; */
      padding: 0 1rem;

}

/*
@media all and (max-width: 959.98px) { data { width: 500px; } }
@media all and (max-width: 767.98px) { data { width: 93%; } }
*/

menu {
      display: block;
      width: 320px;
      padding: 0 1rem;
      margin: 2rem 0 0 0;
}

@media all and (max-width: 959.98px) { menu { width: 220px; } }
@media all and (max-width: 767.98px) { menu { width: 90%; margin: 0 0 1rem 0; } }

menu ul {
      padding-left: 0;
      list-style-type: none;
      font-weight: bold;
      line-height: 2.5rem;
      border-bottom: 1px #00873f solid;
}

menu ul li {
      border-top: 1px #00873f solid;
}


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

menu ul li a:hover,
menu ul li a:active {
      text-decoration: none;
      color: red;
}

data h1 {
      font-weight: bold;
      color: black;
      font-size: 2rem;
      text-align: center;
}

data h2,
data .h2 {
      font-weight: bold;
      color: black;
      font-size: 1.5rem;
}

data h3,
data .h3 {
      text-decoration: none;
      font-weight: bold;
      color: black;
      font-size: 1.25rem;
}

.fleft {
      float: left;
}

.showcase {
      display: block;
}

teaser {
      min-height: 265px;
      display: block;
}

teaser img {
      margin-right: 20px;
}

@media all and (max-width: 991.98px) {
      teaser img {
            margin-right: 0;
            width: 100%;
            height: auto;
      }
      teaser a {
            display: block;
            width: 100%;
      }
}

data table {
      width: 100%;
      border-collapse: collapse;
}

data table th {
      border: 1px black solid;
      padding: 2px 5px;
      text-align: center;
      font-weight: bold;
}

data table td {
      border: 1px black solid;
      padding: 2px 5px;
      text-align: center;
}

data table td.left {
      text-align: left;
}

data img.main {
      width: 100%;
      height: auto;
}

data img.main2 {
      display: block;
      margin: 0 auto;
      width: 90%;
      height: auto;
}

data p {
      text-align: justify;
}

data p b {
      color: #555;
}

data p strong {
      color: #555;
}

data ol.rome {
      list-style-type: upper-roman;
}

data a:link,
data a:visited {
      text-decoration: none;
      color: #03308a;
}

data a:hover,
data a:active {
      text-decoration: none;
      color: rgb(197, 10, 41);
}

/* Footer */

footer {
      width: 960px;
      margin: 0 auto;
}

@media all and (max-width: 959.98px) { footer { width: 720px; } }
@media all and (max-width: 767.98px) { footer { width: 540px; } }
@media all and (max-width: 575.98px) { footer { width: 100%; } }

footer p {
      color: black;
      font-size: 14px;
      text-align: center;
}