h1, h2, h3, h4, h5, h6 {
  font-family: "Arial", sans-serif;
  font-style: normal; }

p, a {
  font-family: "Open Sans", sans-serif; }

a {
  color: #b81824; }

button .button {
  background-color: #b81824; }

svg {
  fill: #fff; }

.button {
  background-color: #b81824; }
  .button:hover {
    background-color: #8b121b; }

.menu-centered {
  background-color: #b81824;
  height: 5em;
  margin-bottom: 2em; }
  .menu-centered li {
    height: 5em; }
    .menu-centered li:hover {
      background-color: #a11520; }
  .menu-centered a {
    color: white; }

nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 85px;
  height: 100%;
  background-color: #b81824;
  z-index: 50;
  border-right: 1px solid #8b121b; }
  nav ul {
    position: absolute;
    top: 50%;
    margin-top: -280px;
    width: 100%;
    margin-left: 0px;
    /* left: 0; */ }
    nav ul li {
      display: block;
      position: relative; }
    nav ul a {
      display: block;
      position: relative;
      overflow: hidden;
      line-height: 70px;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      background-color: #b81824;
      transition: width 0.4s ease-out 0s, background-color 0.2s ease; }
      nav ul a .active {
        background-color: #94131d; }
      nav ul a:hover {
        width: 280%;
        display: block;
        background-color: #a11520; }
      nav ul a .textstyle {
        position: relative;
        left: -999px; }
      nav ul a:before, nav ul a:after {
        position: absolute; }
    nav ul a, nav ul a:hover, nav ul a:visited {
      color: white; }
  nav svg {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 10px; }
  nav .round {
    width: 45px !important;
    height: 45px !important;
    top: 14px; }
  nav .active {
    background-color: #94131d; }

@media only screen and (min-width: 90.063em) {
  nav {
    min-width: 300px; }
    nav a:hover {
      width: 100% !important; }
    nav a:before {
      content: attr(data-message);
      right: 90px; }
    nav svg {
      right: 15px; }
    nav .round {
      right: 17px !important; } }

@media only screen and (max-width: 90.063em) {
  nav a:after {
    content: attr(data-message);
    left: 90px; }
  nav svg {
    left: 17px; }
  nav .round {
    left: 19px !important; } }

#logo {
  background: url(../img/logo_plus_huisarten_allenamen_transp.png) no-repeat center;
  background-color: #fefefe;
  height: 170px;
  text-indent: -9999px;
  position: relative;
  display: block;
  width: auto; }

#linkssection {
  background: #97978e;
  background-image: url("../img/bgpattern.png");
  color: #FFF;
  padding: 3rem 0; }
  #linkssection a.terug {
    background: #b81824;
    margin-bottom: 1.5rem;
    padding-left: 2rem;
    position: relative; }
    #linkssection a.terug svg {
      width: 0.8rem;
      position: absolute;
      left: 0.5rem; }
  #linkssection ul {
    /*list-style-type: none;*/
    color: black;
    background-color: white;
    margin-right: 1.25rem;
    margin-left: 1.25rem; }
    #linkssection ul li {
      margin: 0 1rem; }
  #linkssection .callout {
    padding: 0;
    border: 0;
    /*margin: 4rem 0;*/ }
    #linkssection .callout h2 {
      background-color: #b81824;
      color: white;
      padding: 1rem 2rem;
      margin-bottom: 1.5rem;
      position: relative; }
    #linkssection .callout svg {
      width: 60px;
      position: absolute;
      right: 30px;
      top: 15px; }

#linksBtn > a {
  background-color: #8b121b; }

#footer table tbody {
  background: 0;
  border: 0; }
  #footer table tbody tr:nth-child(even) {
    background: 0; }
  #footer table tbody td:first-child {
    text-align: right; }
  #footer table tbody td:nth-child(2) {
    width: 50px; }
  #footer table tbody td {
    padding: 0 0.25rem 0.25rem; }
  #footer table tbody a {
    color: #fff; }

#footer h6 {
  font-size: 0.8rem; }

#footer .copyright {
  text-align: center; }

/*# sourceMappingURL=linkspage.css.map */