body {
  font-family: Arial;
  color: #000;
  background-color: #fff;
}

h1 {
  font-family: Arial;
  font-size: 14px;
  color: #000;
}

a {
  font-family: Arial;
  font-weight: bold;
  color: #000;
}

.input {
  background-color: #f7f7f7;
  border-style: outset;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  color: #222;
  font-family: Arial;
  font-size: 12px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  cursor: text
}

.button {
  background-color: #f5f5f5;
  color: #000;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #000;
}

.topheader {
  font-family: Arial;
  font-size: 16px;
  color: #000;
  background-color: #693;
  font-weight: bold;
  font-decoration: none;
}

.header {
  font-family: Arial;
  font-size: 14px;
  color: #fff;
  background-color: #000080;
  font-weight: bold;
  font-decoration: none;
}

.headerdesc {
  font-family: Arial;
  font-size: 14px;
  color: #000;
  background-color: #6f6f6f;
  font-weight: bold;
  font-decoration: none;
}

.status {
  font-family: Arial;
  font-size: 12px;
  color: #000;
  background-color: #fc0;
  font-weight: bold;
  font-decoration: none;
}

.description {
  font-family: Arial;
  font-size: 10px;
  color: #efefef;
  background: #6f6f6f;
  font-decoration: none;
}

.help {
  font-family: Arial;
  font-size: 10px;
  color: #000;
  font-weight: bold;
  font-decoration: none;
}

.desc {
  font-family: Arial;
  font-size: 12px;
  color: #fff;
  background: #007;
  font-weight: bold;
  font-decoration: none;
}

.entry {
  font-family: Arial;
  font-size: 12px;
  color: #000;
  background: #cfcfcf;
  font-decoration: none;
}

tr.entry:hover td {
  background-color: #f0f0f0;
}

table img {
  float: left;
}

.smallentry {
  font-family: Arial;
  font-size: 10px;
  color: #000;
  background: #dfdfdf;
  font-decoration: none;
}

.small {
  font-family: Arial;
  font-size: 9px;
  color: #000;
  font-decoration: none;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
  background-color: #cbe3f7 !important;
}

/* Customers */
.customerLogoWrapper {
  float: left;

}

.logoWrapper {
  height: 150px;
  width: 225px;
}

.customerLogo {
  max-height: 150px;
  max-width: 225px;
}

/* Regionslogos */
.regionsLogo {
  float: left;
}

/* Detailprogramm */
.includedServicesWrapper {
  margin: 10px 0 0 10px;
  width: 100%;
}

.includedServicesTextareaWrapper {

}

.textareaWrapper {
  float: left;
  margin: 0 10px 0 0;
}

.includedServices {
  height: 150px;
  width: 500px;
}

.cover {
  margin: 25px 0 0 0;
}

.coverImage {
  border: 2px solid black;
  border-radius: 5px;
  margin: 10px;
  max-height: 500px;
  max-width: 500px;
}

.formWrapper {
  float: left;

}

.infoText {

}

.coverFormWrapper {
  margin: 10px 0 0 10px;
}

.clear {
  clear: both;
}

.typeSelect {
  width: 150px;
}

/**
* Fotostreifen
*/

.photobar {

}

.placeholder {
  float: left;
}

.overlayUpload {
  position: absolute;
  top: 140px;
  left: 5px;
  right: 5px;
  z-index: 5;
}

.dummyWrapper {
  position: relative;
}

.afterDummy {
  margin: 10px 0 0 0;
}

.newPhotobar {
  margin: 20px 0 0 0;
}

.backgroundImage {
  height: 210px;
  width: 818px;
}

.backgroundImageWrapper {
  background: #9c6;
  height: 210px;
  width: 818px;
}

.placeholderWrapper {
  float: left;
}

.placeholder {
  margin: 0 0 0 5px;
  position: absolute;
  top: 5px;
}

.renameForm {
  margin: 5px 0 10px 0;
}

.renameSubmit {
  margin: 0 0 0 5px;
}

.deletePhotobar {
  margin: 0 0 0 10px;
}

.headline h2 {
  color: #347ab6;
  margin: 10px 0 10px 0;
}

.photobarImage {
  max-height: 250px;
  max-width: 600px;
}

.error {
  font-weight: bold;
  color: red;
}

.info {
  font-weight: bold;
  color: #ffa500;
}