body {
  background-color: #bcbcbc;
  font-family: Ubuntu,Arial,Verdana;
  margin: 0px; }

header {
  background: #87bd00;
  position: fixed;
  margin: 0px;
  padding: 10px 0px;
  display: inline-block;
  box-sizing: border-box;
  float: left;
  height: 100vh;
  border-right: 3px solid #006bb9; }

header .logo {
  display: block;
  padding: 0px 25px; }

header h1 {
  display: block;
  padding: 10px;
  font-size: 20px;
  text-align: center; }

.footer {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  font-size: 10px;
  color: #000;
  padding: 0px 5px 0; }

.content {
  margin: 0px;
  padding: 0px;
  background: #fff;
  display: inline-block;
  padding-left: 350px; }

.wrapper {
  min-height: 100vh;
  background-color: #fff; }

#navi {
  margin: 0px;
  padding: 0;
  text-align: left;
  background-color: #fb9f17;
  font-size: 20px;
  line-height: 25px;
  text-decoration: none; }
  #navi ul {
    margin: 0;
    padding-left: 0; }
    #navi ul li {
      display: block;
      list-style-type: none;
      position: relative; }
      #navi ul li:hover ul {
        display: block;
        background-color: #f2be70; }
      #navi ul li ul {
        position: absolute;
        right: -190px;
        top: 0px;
        display: none;
        width: 190px; }
        #navi ul li ul li {
          float: none !important;
          display: inline-block !important; }
          #navi ul li ul li a, #navi ul li ul li span {
            width: 190px;
            padding: 5px 10px;
            text-align: left; }
    #navi ul a, #navi ul span {
      display: block;
      margin: 0;
      padding: 10px;
      text-decoration: none;
      color: rgba(255, 255, 255, 0.6);
      box-sizing: border-box;
      -webkit-transition: all 200ms;
              transition: all 200ms;
      text-align: left; }
      #navi ul a:hover, #navi ul a span, #navi ul span:hover, #navi ul span span {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.2); }
      #navi ul a.last, #navi ul span.last {
        border-right: none !important; }

table {
  margin: 10px auto 10px;
  border: 2px solid #4b4b4b; }
  table.small th {
    font-size: 12px; }
  table.small td {
    font-size: 12px; }
  table th {
    background: #4b4b4b;
    color: white !important;
    padding: 5px;
    font-size: 14px;
    border: 1px solid black; }
    table th.small {
      font-size: 10px;
      padding: 2px;
      width: 10px; }
    table th.zeiten {
      width: 45px; }
  table tr.even {
    background: #efefef; }
  table tr.hidden {
    display: none; }
  table td {
    padding: 5px;
    border: 1px solid black; }
    table td.number {
      font-size: 36px;
      text-align: center;
      font-weight: bold; }
    table td.time {
      text-align: center;
      font-size: 28px; }
    table td.slalom {
      font-size: 28px; }
  table p {
    text-align: center;
    margin: 5px 0; }
    table p.time {
      font-size: 28px; }

.green {
  background: #00ff00; }

.red {
  background: #ff0000; }

h1 {
  text-align: center; }

h2 {
  margin: 5px 0;
  padding: 0px;
  padding-left: 5px;
  font-weight: bold;
  font-size: 18px; }

h3 {
  margin: 0px; }

input.fehler {
  width: 30px;
  height: 30px;
  font-size: 20px;
  text-align: center; }

input.zeit {
  width: 250px;
  height: 30px;
  font-size: 20px;
  text-align: center; }

select.kategorie {
  font-size: 20px; }

input.zeitsmall {
  width: 150px;
  height: 20px;
  font-size: 20px;
  text-align: center; }

input.startnummer {
  font-size: 20px;
  text-align: center;
  box-sizing: border-box;
  max-width: 60px; }

input.name {
  width: 250px;
  height: 25px;
  font-size: 18px; }

.currentTime {
  font-size: 20px;
  text-align: center; }

button.save {
  box-sizing: border-box;
  height: 30px;
  text-align: center;
  background: green; }

button.putTime {
  box-sizing: border-box;
  height: 30px;
  text-align: center;
  background: orange; }

button.delete {
  box-sizing: border-box;
  height: 30px;
  text-align: center;
  background: red; }

.login {
  width: 230px;
  box-sizing: border-box;
  padding: 15px;
  margin: 0px auto;
  font-size: 12px; }

form.login input {
  width: 200px;
  height: 30px;
  line-height: 30px;
  padding: 0px 5px;
  box-sizing: border-box;
  background-color: white !important; }

form.login .loginsubmit {
  width: 200px;
  height: 30px;
  background: #f79e06;
  font-size: 16px;
  text-transform: uppercase;
  color: #2a67b1;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  box-sizing: border-box; }

form.login .loginsubmit:hover {
  box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.75); }

a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  text-decoration: none;
  color: initial;
  padding: 2px 8px;
  font-size: 11px; }

@media print {
  table {
    width: 100%;
    border: 0px !important; }
  h1 {
    background: #bcbcbc;
    padding: 10px 5px;
    text-align: left; }
  header, header * {
    display: none !important; }
  td.blank, tr.blank {
    border: none !important; }
  td {
    padding: 5px 10px !important; }
  .content {
    padding-left: 0px !important; } }