.steg-platz-red2, .steg-platz-blue {
  background:#f33d50;
  border:1px solid #d03041;
  border-radius:3px;
}

.steg-platz-green {
  background:#3ddc58;
  border:1px solid #34bf4c;
  border-radius:3px;
}

.steg-platz-red,.steg-platz-yellow,.steg-platz-yellowa,.steg-platz-yellowaa, .steg-platz-greena {

  border-radius:3px;
}

.steg-platz-red4, .steg-platz-red4:hover {
  background:#c3dcf0;
  border:1px solid #a0ccf0;
  border-radius:3px;
}
.steg-platz-red4:hover {background: #a0ccf0;}

.steg-platz-reservierung {
  background: rgb(85,153,222);
  background: linear-gradient(180deg, rgba(85,153,222,1) 46%, rgba(238,132,7,1) 48%);
  border-radius:3px;
}

.steg-platz-frei {

  border-radius:3px;
}

.steg-platz-blue {background:#5599de; border:1px solid #4a92dc;}
.steg-platz-blue:hover {background:#508cca;}

a.edit-button, a.edit-button2, a.edit-button-green, a.edit-button-details, input.edit-button2, input.edit-button-details {
  padding:4px 5px;
  position: relative;
  background:#ecf0f1;
  border:0px;
}

a.edit-button-green {background:#2ecc71;color:#ecf0f1}
a.edit-button-green:hover {background:#27ae60;}

a.edit-button:hover, a.edit-button2:hover, a.edit-button-details:hover,input.edit-button2:hover, input.edit-button-details:hover {
  background:#e5e5e5;
}

/* TABLE TEST */
table a.edit-button,table a.edit-button2 {top:0;}
.table td, .table th , .tablebenutzer td, .tablebenutzer th, .table-small td, .table-small th, .table-big td, .table-big th {
    font-size: 13px;
    border: 0;
    color:#2c3e50;
    border-bottom: 2px solid #63afe8;
    padding: 3px 7px 2px 7px;
    -webkit-transition: all 0.2s linear;
         -moz-transition: all 0.2s linear;
         -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
         transition: all 0.2s linear;

         height:30px;
}

.table th, .tablebenutzer th, .table-small th, .table-big th {
    font-size: 15px;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #218cde;
    color: #ffffff;
}

.table tr.alt td, .tablebenutzer tr.alt td, .table-small tr.alt td , .table-big tr.alt td{
    color: #2c3e50;padding:2px 0px;
    margin: 5px 5px;position: relative;
    background-color:#ecf0f1;

}

.tablebenutzer tr:hover {
  -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
       -ms-transition: all 0.2s linear;
       -o-transition: all 0.2s linear;
       transition: all 0.2s linear;
  background:#63afe8;
}

/* TABLE TEST ENDE */


#sub-navigation li a {background:#f4f6fb}
#sub-navigation li a:hover {background:#e7e8ec}



#sub-navigation li a.redbg:hover  {
  background:#f75f5e;
}

.zoom {
  font-family: 'Open Sans', sans-serif !important;
  font-size:18px !important;
  border-radius:3px;
  border:0px !important;

  -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
       -ms-transition: all 0.2s linear;
       -o-transition: all 0.2s linear;
       transition: all 0.2s linear;
}

.zoom:hover {box-shadow: 0px 0px 2px 1px #EEEEEE}

.legende {color:#333333;}

#sub-navi {height:26px;}
#body {border-top:2px solid #8eb3e8}

#body h2 {top:-5px;position: relative;}

.logout {position: absolute;color:white;right:5px;bottom:5px;}





.ui-tooltip, .arrow:after {
  background: white !important;
  border: 2px solid white;
  opacity: 1 !important;
  z-index: 999999;
}
.ui-tooltip {
  padding: 10px 20px;

  border-radius: 5px;
  box-shadow: 0 0 7px black;
  opacity: 1 !important;
  z-index: 999999;
}
.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
  opacity: 1 !important;
  z-index: 999999;
}
.arrow.top {
  top: -16px;
  bottom: auto;
  opacity: 1 !important;
  z-index: 999999;
}
.arrow.left {
  left: 20%;
  opacity: 1 !important;
  z-index: 999999;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  transform: rotate(45deg);
  opacity: 1 !important;
  z-index: 999999;
}
.arrow.top:after {
  bottom: -20px;
  top: auto;
  opacity: 1 !important;
  z-index: 999999;
}