body {
  color: #222222;
}
h1, h2 {
  color: #333333;
  border-bottom: solid 1px #111111;
}

button {
  border-color: #111111;
  background: #222222;
  box-shadow: none;
  border-radius: 4px;
  font-family: geomanist-regular, Helvetica, Arial, sans-serif;
}
button.red {
  border-color: #DD0000;
  background: #DD0000;
}
button.green {
  border-color: #00DD00;
  background: #00DD00;
}
button.white {
  border-color: #aaaaaa;
  background: #eeeeee linear-gradient(#ffffff, #ededed);
  box-shadow: 0 0 1px 0 rgba(0,0,0,0.5);
  color: #333333;
}
button.white svg {
  fill: #222222 !important;
}

button.white .far,
button.white .fas {
  color: #333333 !important;
}

button.white:hover .far,
button.white:hover .fas {
  color: #333333 !important;
}

button:hover {
  border-color: #ffd400;
  background: #ffd400;
  color: #333333;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
}
button:hover svg {
  fill: #222222 !important;
}

#infoheader {
  background: #222222;
  padding-bottom: 2px;
}

#infoheaderbar {
  color: #FFFFFF !important;
}

#menucontainer {
  background: #ffd400 linear-gradient(#ffd400, #ffd400) !important;
  color: #222222 !important;
}
#menucontainer a, #menucontainer a .fas {
  color: #222222 !important;
}

nav#mainmenu .submenu {
  background: #ffd400 linear-gradient(#ffd400, #ffd400) !important;
}

nav#mainmenu .mainmenu li:hover {
  background: #eeeeee linear-gradient(#eeeeee, #dddddd) !important;
  color: #222222 !important;
}

nav#mainmenu .submenu li.link:hover {
  background: #eeeeee linear-gradient(#eeeeee, #dddddd) !important;
}

nav#mainmenu .submenu li.link:hover a {
  color: #222222 !important;
}

nav#mainmenu .submenu li.seperator:hover {
  background: inherit;
}

nav#mainmenu li[rel=search] img {
  margin-top: -1em;
}

svg {
  fill: #222222;
}

table.sectionoverview tr th {
  background: #222222 linear-gradient(#333333, #222222) !important;
  color: #ffffff !important;
}
table.sectionoverview tr th.large {
  text-shadow: 1px 1px 1px #555555;
}
table.sectionoverview tr.even:hover,
table.sectionoverview tr.odd:hover {
  color: #222222;
  background: #ffd400;
  cursor: pointer;
}
table.sectionoverview tr:hover svg,
table.sectionoverview tr.redbg svg,
table.sectionoverview tr.bluebg svg,
table.sectionoverview tr.orangebg svg {
  fill: #222222;
}

div.tabs {
  border-bottom: solid 5px #222222;
}

div.tabs ul li {
  background: #222222 linear-gradient(#333333, #222222);
  border: solid 1px #222222;
}

div.tabs ul li:hover {
  background: #ffd400;
  text-shadow: 0 0 0 #555555;
  border: solid 1px #ffd400;
}

div.tabs ul li:hover a {
  color: #222222;
}


div.multibuttons {
  background-color: #222222 !important;
  color: #ffffff;
}

div.multibuttons div.button {
  border-top: solid 1px #222222 !important;
  border-bottom: solid 1px #222222 !important;
}

div.multibuttons div.button:hover {
  background: #005291 none !important;
  border-top: solid 1px #222222 !important;
  border-bottom: solid 1px #222222 !important;
}

div.multibuttons.white {
  color: #222222;
}