body{
  font-family: "Monaco", monospace;
  background-color: #111133;
}

img{

max-width: 250px;

margin: auto;

display: block;
}

td{
  vertical-align: top;
}

.description{

padding-top: 20px;

padding-bottom: 20px;

padding-right: 40px;
}

.name{

font-size: 24px;

font-weight: bold;

text-align: center;
color: #cbf5ff;
}

.empty:before{
  content:"@";
  display:table-row;
  visibility: hidden;
  line-height: 25px;
  border-bottom: None;
}

.uberschrift{

padding: 10px;

font-weight: bold;

background-color: #15414d;

text-align: center;
color: #cbf5ff;
}

table{

width: 900px;

padding: 10px;

color: #d5d5d5;
}

.image{

min-width: 250px;

vertical-align: middle;
}

.blue{
  color: #3ec3dc;
}

.green{
  color: #92f200;
}

.yellow{
  color: #edc300;
}

.grey{
  color: #b7d1c2;
}

button{
  border: 1px solid #d5d5d5;
  background-color: #222222;
  color: #d5d5d5;
  margin-bottom: 5px;
  margin-right: 5px;
  font-size: 16px;
}

.active{
  color: #cbf5ff;
  background-color: #15414d;
}

.category{
  width: 100%;
padding: 10px;
margin-bottom: 10px;
color: #cbf5ff;
background-color: #15414d;
font-weight: bold;
font-size: 18px;
}

.ship{

display: inline-block;

vertical-align: top;

background-color: #222222;

margin-bottom: 10px;

border: 2px solid #d5d5d5;

margin-right: 10px;
}