body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}


table, .lightbox, .content {
  border: 1px solid;    
  margin: 10px;
  padding: 10px;
}


th, .titel {
  background-color: #ccd2d3;
  padding: 4px 4px 4px 4px;
  border: 1px solid;
}

.titel {
  width: 100%;
  font-weight: bold;
}

td {
  padding: 0px 5px 0px 5px;
}

td.footer {
  background-color: #ccd2d3;
  border: 1px solid;
  padding: 5px;
}

tr.odd {
  background-color: #edf4f5; 
}

tr.even {
  background-color: #dae0e1;
}

input[type=submit], input[type=button], .myButton {
  margin: 5px 0px 5px 0px;
  background-color: #eeeeee;
  cursor: pointer;
  border: 1px solid;
  text-align: center;
}

.myButton{
  width: 100px;
}

input[type=text] {
  padding-left: 1px;
  width: 100%;
  margin: 2px;
  border: 1px solid;
}

.message {
  color: red;
  font-size: 10px;
}

.show {
  display: block;
}

.overlay {
  position: fixed;
  z-index: 999;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.5;
  display: none;
}

.lightbox {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -20%;
  margin-top: -20%;
  z-index: 1000;
  width: 40%;
  background-color: #edf4f5;
  text-align: left;
  display: none;
}

.help {
  background-color: #fdd960;
  display: none;
}

.popup {
  display: none;
  position: absolute;
  z-index: 1001;
  width: 30%;
  background-color: #edf4f5;
  text-align: left;
  margin: 2px;
  border: 1px solid;
}

.left {
  position: absolute;
  left: 10px;
}

.right {
  position: absolute;
  right: 10px;
  top: 90%;
}

.center {
  position: absolute;
  left: 40%;
  top: 50%;
}

.mouseMove {
  cursor: move;
}