/* Generated by less 3.11.1 */
/* VARIABLES */
/* Stand 16.12.2020 DPF für Präsentation Kunde IG-Metall */
/* FORMATIERUNG Body */
/* Dies ist das Background Image unseres Kunden: Werte via URL-Aufruf:url(images/background.png); ODER :none */
/* Dies ist Größeneinstellung für Background Image unseres Kunden; Werte sind in Prozent möglich ODER "cover, conatin, auto, " */
/* Dies ist das Header-Logo unseres Kunden */
/* Dies ist das Logo eines Extranetkunden*/
/* Dies ist Body-Schriftart der Seite*/
/* FORMATIERUNG Tab-Reiter */
/* TEXTFORMATIERUNGEN Tab-Reiter */
/* FORMATIERUNG Boxen und Adressboxen */
/* FORMATIERUNG Zusammmenfassungstabelle*/
/* FORMATIERUNG smallgreyButton */
/* FORMATIERUNG für Navigationsleiste und Buttons in div-class=button-wrap ab Zeile 502 */
/* FORMATIERUNG der Hoverffecte der Aktionsbuttons Weiter, Ändern, Suche, Ansicht karte, Liste, etc */
/* FORMATIERUNG Zeitraumauswahlbuttons inkl. Status wenn bereits belegt */
/* FORMATIERUNG Kampagnenauswahltabelle */
/* FORMATIERUNG Flächenauswahltabelle "flächenzurodnung.php" */
/* TEXTFORMATIERUNGEN Tabellen - Kopfzeilen und Inhalt */
/* FORMATIERUNGEN Formulare - Label und Eingabefelder */
/* FORMATIERUNGEN Warenkorbtabelle */
/* Formatierung Adresseindruck Formatauwahldropdowns */
/* FORMATIERUNGEN Motivauswahl */
/* VARIABLES END */
body {
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: 50%;
  font-family: "Arial", "Verdana", "Helvetica";
}
div {
  clear: none;
}
.page_margins {
  background-color: transparent;
  width: 980px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}
.page {
  padding: 0px;
}
#main {
  padding: 0px;
  margin: 0px;
  margin-bottom: 80px;
  background-color: transparent;
}
#header {
  background-color: White;
  border: 0px;
  height: 4px;
  border-bottom: 2px solid Black;
  margin-bottom: 34px;
}
#headerkundenlogo {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  padding: 0px;
  margin: 0px;
  width: 160px;
  height: 50px;
  margin-top: 15px;
  margin-left: 28px;
  float: left;
  /* opacity:0.3; */
}
#headershoplogo {
  background-color: transparent;
  background-image: url(images/header_logo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  padding: 0px;
  margin-top: 15px;
  margin-left: 0px;
  margin-right: 28px;
  margin-bottom: 20px;
  width: 600px;
  height: 0px;
  float: right;
}
#headermargin {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  height: 80px;
}
.subcl {
  padding: 0px;
}
#nav,
.yform {
  margin: 0px !important;
  overflow: visible;
}
.c50l,
.c50r {
  width: 49%;
  background-color: White;
  border: 1px solid Black;
  border-radius: 8px;
}
div.hlist {
  background-color: transparent;
}
.c50l div.hlist,
.c50r div.hlist {
  background-color: #969696;
  border-bottom: 3px solid Black;
  color: Black !important;
  border-radius: 3px 3px 0px 0px;
  font-size: 15px;
  font-weight: bold;
  height: 49px;
}
div.hlist strong,
div.hlist a {
  background: transparent;
  font-weight: bold !important;
  color: White !important;
  padding: 13px 28px !important;
}
.hlist li.active,
.hlist ul li.active:focus,
.hlist ul li.active:hover,
.hlist ul li.active:active,
.hlist li.active strong,
.hlist li:hover,
.hlist li:focus,
.hlist li,
.hlist ul li:focus,
.hlist ul li:hover,
.hlist ul li:active,
.hlist li strong {
  background: transparent;
  border: 0;
}
.hlist a:link,
.hlist a:visited,
.hlist a:hover {
  color: DimGray !important;
  text-decoration: none !important;
}
.hlist ul li.active a:link,
.hlist ul li.active a:visited,
.hlist ul li.active a:hover {
  color: White !important;
}
div.hlist li {
  width: auto;
}
.hlist {
  border-bottom: none;
}
.hlist li,
.hlist ul li:focus,
.hlist ul li:hover,
.hlist ul li:active {
  background-color: #E8E8E8;
  padding: 0px;
  margin: 0px;
  height: auto;
  color: White;
  font-size: 16px;
  height: 49px;
  margin-right: 2px;
}
.hlist li.active,
.hlist ul li.active:focus,
.hlist ul li.active:hover,
.hlist ul li.active:active,
.hlist li.active {
  background-color: #969696;
  color: White !important;
}
.hlist li.active strong,
.hlist ul li.active:focus strong,
.hlist ul li.active:hover strong,
.hlist ul li.active:active strong {
  color: White !important;
}
.subcolumns .hlist li.active strong,
.subcolumns .hlist ul li.active:focus strong,
.subcolumns .hlist ul li.active:hover strong,
.subcolumns .hlist ul li.active:active strong {
  color: Black !important;
}
.c50l .hlist li.active,
.c50l .hlist ul li.active:focus,
.c50l .hlist ul li.active:hover,
.c50l .hlist ul li.active:active,
.c50r .hlist li.active,
.c50r .hlist ul li.active:focus,
.c50r .hlist ul li.active:hover,
.c50r .hlist ul li.active:active {
  background-color: transparent;
}
#main > .subcolumns {
  margin-bottom: 34px;
}
div.hlist li:first-child {
  border-radius: 4px 0px 0px 0px;
}
div.hlist li:last-child {
  border-radius: 0px 4px 0px 0px;
}
div.hlist li:first-child:last-child {
  border-radius: 4px 4px 0px 0px;
}
form.yform {
  background-color: White;
  border: 1px solid Black;
  border-radius: 0px 0px 4px 4px;
  border-top: 0px;
  padding: 0px 28px;
}
form.yform textarea {
  background-color: #E8E8E8;
}
.c50l form.yform,
.c50r form.yform {
  background-color: White;
  border: none;
  margin: 0px;
}
p {
  color: Black;
  font-size: 14px;
}
table {
  font-size: 15px;
}
table.full {
  margin-left: -30px;
  margin-right: -30px;
  width: auto;
  min-width: 980px;
}
thead th {
  border-bottom: 2px solid Black;
  background-color: #969696;
  color: White;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 10px;
  letter-spacing: 0.5px;
}
thead th a {
  color: White;
}
tbody {
  height: auto !important;
}
tbody td {
  border-bottom: 1px solid White;
  padding: 10px;
}
tbody tr:nth-child(even) td {
  background-color: White;
}
table.full td:first-child,
table.full th:first-child {
  padding-left: 40px !important;
}
table.full td:last-child,
table.full th:last-child {
  padding-right: 40px !important;
}
table.full tr.selectedRow td {
  background-color: #969696;
  color: White !important;
  font-weight: bold;
}
table.full tr {
  background-color: White;
  color: White;
}
form.yform label {
  margin: 0px;
  padding: 0px;
  min-width: 50px;
  height: auto;
}
#kampagnenliste .mark {
  display: none;
}
#kampagnenForm,
#motivForm,
#zuordnungForm,
#zusammenfassungForm {
  padding-bottom: 0px;
}
form.yform#kampagnenForm,
form.yform#motivForm,
form.yform#zuordnungForm,
form.yform#zusammenfassungForm {
  border-radius: 0px 0px 4px 4px !important;
  border-top: 6px solid #969696 !important;
}
tbody#kampagnenliste tr,
tbody#kampagnenliste td {
  height: 46px;
  cursor: pointer;
}
tbody#kampagnenliste td {
  font-size: 15px;
  color: Black;
  line-height: 17px;
}
tbody#kampagnenliste td.anzahl {
  min-width: 110px;
}
tbody#kampagnenliste td.description {
  font-size: 15px;
  color: Black;
  min-width: 280px;
}
tbody#kampagnenliste td.description label {
  font-size: 15px;
  color: Black;
  font-weight: normal;
  min-width: auto !important;
}
.button-wrap {
  background-color: #E8E8E8;
  border-top: 1px solid White;
  height: 64px;
  margin-left: -28px;
  margin-right: -28px;
  margin-bottom: 0px;
  margin-top: 40px;
  border-radius: 0px 0px 4px 4px;
}
.button-wrap .type-button {
  margin: 0px !important;
  margin-right: 30px !important;
  margin-left: 30px !important;
  margin-top: 14px !important;
}
.button-wrap .type-button input,
.smallbutton,
.submitbuttonsingle {
  background-color: #969696 !important;
  color: White;
  font-family: "Arial", "Verdana", "Helvetica";
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.5px;
  min-width: 220px;
  border: 0px !important;
  margin: 0px !important;
  padding: 7px 20px 9px !important;
  border-radius: 4px;
}
.dialog .content {
  padding: 0px;
}
.smallbutton {
  min-width: 0px;
  font-size: 14px;
  padding: 4px 12px 6px !important;
}
.smallgreyButton {
  background-color: Black;
  color: White;
}
.button-wrap .type-button input.greyButton,
.singlegreybutton {
  background-color: Gray;
  color: White;
  min-width: 160px;
}
/* RH 17.04.2018  ### BEGIN ### INSERT aus form css*/
form.yform div.type-button input:focus,
form.yform div.type-button input:hover,
form.yform div.type-button input:active {
  color: White;
  font-weight: bold;
}
form.yform div.type-button input#reset:focus,
form.yform div.type-button input#reset:hover,
form.yform div.type-button input#reset:active {
  background-color: #969696;
  color: White;
  font-weight: bold;
}
form.yform div.type-button input#submit:focus,
form.yform div.type-button input#submit:hover,
form.yform div.type-button input#submit:active {
  background-color: #969696;
  color: White;
  font-weight: bold;
}
/* RH 17.04.2018  ### END ### INSERT aus form css*/
/* RH 17.04.18 NEW - Hovereffekte auf Aktionsbuttons, Suche, Ansichtwechsels, etc */
.submitbuttonsingle:focus,
.submitbuttonsingle:hover,
.submitbuttonsingle:active {
  color: White;
  font-weight: bold;
}
.tablebutton {
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  padding: 1px 7px 3px !important;
  border: 1px solid #969696 !important;
  color: Black;
  background-color: White !important;
}
.linkpagebrowsertable {
  font-size: 12px;
}
form.yform div.type-text,
form.yform div.type-select,
form.yform div.type-check,
form.yform div.type-button {
  margin: 0px;
}
form.inputForm label {
  display: block;
  float: none;
  width: auto;
  cursor: auto;
  color: Black;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding-left: 10px;
  padding-top: 12px;
  background-color: White;
  margin-bottom: 4px;
}
form.inputForm input[type="text"],
form.inputForm input[type="password"],
form.inputForm select,
form.inputForm .type-select select,
form.inputForm select.disabled,
form.inputForm .floatbox .type-text input.inputdatainbox,
.dekadenspalte select,
.inputstylev2 {
  background-color: #E8E8E8;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  border: 2px solid Black;
  float: none;
  font-size: 14px;
  color: Black;
  font-family: "Arial", "Verdana", "Helvetica";
  border-radius: 4px;
  letter-spacing: 0.5px;
  outline: none;
}
form.inputForm input[type="text"]:hover,
form.inputForm select:hover,
form.inputForm .type-select select:hover,
form.inputForm select.disabled:hover,
form.inputForm .floatbox .type-text input.inputdatainbox:hover,
.dekadenspalte select:hover,
form.inputForm input[type="text"]:focus,
form.inputForm select:focus,
form.inputForm .type-select select:focus,
form.inputForm select.disabled:focus,
form.inputForm .floatbox .type-text input.inputdatainbox:focus,
.dekadenspalte select:focus,
.inputstylev2 {
  background-color: inherit;
}
/* RH 17.04.18
.inputstylev2 {
	background-color:#ff9a00 !important;
}*/
form.inputForm input[type="text"].disabled,
form.inputForm select.disabled,
form.inputForm .floatbox .type-text input.inputdatainbox.disabled {
  color: Black;
  background-color: #E8E8E8;
}
form.inputForm .floatbox {
  margin-bottom: 15px;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.formatselect {
  width: 16% !important;
}
#vorschalttext h2,
.h2head {
  text-align: center;
  font-size: 20px;
  font-weight: 200;
  color: black;
  margin-top: 40px;
  margin-bottom: 40px;
}
#vorschalttext p,
.paligncenter {
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  color: black;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
}
.motivBlock {
  width: 280px;
  margin-right: 40px;
  margin-bottom: 40px;
  float: left;
  position: relative;
}
.motivBlock a {
  display: block;
}
.motivBlockBottom {
  padding: 15px;
  padding-left: 46px;
  width: auto !important;
  background-color: White;
  border-radius: 0px 0px 4px 4px;
  cursor: pointer;
  user-select: none;
  background-image: url(images/background.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: 14px 15px !important;
}
.motivBlockBottom .motivCheckbox {
  display: none;
}
.motivBlockBottom label {
  float: none !important;
  background-color: transparent !important;
  font-size: 14px !important;
  font-weight: bold;
  color: Black !important;
  margin-left: 28px !important;
}
.motivBlockBottom label input {
  position: absolute;
  margin-top: 2px;
  margin-left: -25px;
}
.motivBlock.active .motivBlockBottom {
  background-color: #969696 !important;
  background-image: url(images/check2.png) !important;
  background-repeat: no-repeat !important;
  background-position: 14px 15px !important;
}
.motivBlock.active .motivBlockBottom label {
  color: White !important;
  background: transparent !important;
  font-weight: bold;
  margin-left: 28px;
}
.motivFreigabeButton {
  border-radius: 4px;
  padding: 5px 12px;
  color: #969696;
  border: 0px;
  height: auto;
  right: 10px;
  margin: 0px !important;
  margin-top: -3px !important;
  background-color: ForestGreen;
  color: White;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}
.motivBlock.active .motivFreigabeButton {
  background-color: White;
  color: #969696;
}
.motivBlock:nth-child(3n) {
  margin-right: 0px;
}
#tablecontent {
  overflow: visible;
  max-height: none;
}
#motivlegende {
  display: none !important;
}
.newMotivLegendeBlock {
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
  width: 160px;
}
h3 {
  font-size: 14px;
  color: Black !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
}
.newMotivLegendeBlock .texte {
  padding: 10px;
  width: auto !important;
  background-color: White;
  border-radius: 0px 0px 4px 4px;
  user-select: none;
  font-size: 12px;
  color: black;
}
.newMotivLegendeBlock a {
  display: block;
  cursor: pointer;
}
.newMotivLegendeBlock:nth-child(5n) {
  margin-right: 0px;
}
#flaechentabelle td.commands img {
  margin-right: 10px;
}
#flaechentabelle td {
  font-weight: 400;
  color: Black;
  font-size: 14px;
  padding: 5px 20px 5px 10px;
}
#flaechentabelle th {
  padding-right: 20px;
}
table.fixed {
  table-layout: auto;
}
#flaechentabelle.motivzuordnung {
  width: 980px;
}
.zusammenfassungTable1,
.zusammenfassungTable2 {
  width: 100%;
  margin-bottom: 0px;
}
tbody.zusammenfassung td {
  padding: 5px 10px;
  font-size: 14px !important;
  color: Black !important;
  letter-spacing: 0.5px;
}
tbody.zusammenfassung tr,
tbody.zusammenfassung td {
  background-color: transparent;
}
.zusammenfassungTable1 tr:first-child td {
  border-top: 1px solid White;
}
.zusammenfassungTable1 tr:last-child td {
  border-bottom: 2px solid Gray;
}
#zusammenfassungForm .floatbox {
  border-top: none !important;
  border-bottom: 1px solid White !important;
  padding: 10px 10px !important;
  font-size: 14px !important;
  color: Black !important;
  letter-spacing: 0.5px;
}
#zusammenfassungForm .floatbox p {
  font-size: 14px !important;
  color: Black !important;
  letter-spacing: 0.5px;
}
#zusammenfassungForm .floatbox.Graybackground {
  background-color: #f8f8f8;
}
#zusammenfassungForm .floatbox.doubletopborder {
  border-top: 2px solid Gray !important;
  margin-top: -1px;
}
#zusammenfassungForm .floatbox.doublebottomborder {
  border-bottom: 2px solid Gray !important;
}
#zusammenfassungForm .floatbox.singletopborder {
  border-top: 1px solid Gray !important;
  margin-top: 1px;
}
.agbcheckbox {
  position: absolute;
  margin-left: -22px;
  margin-top: 2px;
}
#agbzusammenfassungbox p {
  font-size: 13px;
}
#popup_nichtbuchbar {
  position: absolute;
  width: 360px;
  height: 116px;
  top: 100px;
  margin-left: 320px;
  background: url(images/popup_nichtbuchbar.png) no-repeat;
  display: none;
}
#footer {
  position: static !important;
  margin: 0 !important;
  background-color: #E8E8E8;
  width: 100% !important;
  box-sizing: border-box;
  min-width: 0 !important;
  max-width: none !important;
  margin-top: 60px !important;
  padding-top: 10px !important;
}
#footer.bottom {
  position: absolute !important;
  bottom: 0 !important;
}
#footer .floatbox {
  margin-left: 20px;
  margin-right: 20px;
}
#main.loginmain {
  height: auto !important;
  margin: 0 !important;
  width: 456px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  background: White none repeat scroll 0 0;
  border: 1px solid Black;
  border-radius: 4px;
}
.loginheader {
  background-color: transparent;
  border-bottom: 3px solid;
  color: Yellow;
  font-size: 14px;
  height: 35px;
  box-sizing: border-box;
}
.loginheader {
  background-color: transparent;
  font-weight: bold !important;
  color: Black !important;
  padding: 10px 20px !important;
}
#main.impressumwrap {
  border-radius: 4px;
}
#mapping {
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: -40px;
  margin-top: 30px;
  height: 670px !important;
  width: auto !important;
  border: 0px !important;
  border-top: 1px solid White !important;
  border-radius: 4px !important;
}
.mappinghead_left {
  width: 580px;
  float: left;
}
.mappinghead_right {
  width: 310px;
  float: right;
}
div#infotexte {
  width: auto;
  padding: 0px !important;
  height: auto;
}
div#infotexte p {
  font-weight: 300 !important;
  font-size: 14px !important;
}
div#legende {
  width: auto;
  float: none;
  min-width: 0px;
  margin: 0px;
  margin-top: 18px;
  overflow: visible;
}
.yourplacedot {
  background-color: Red;
  width: 22px !important;
  height: 22px !important;
  float: left;
  border-radius: 11px;
}
#legendenbox {
  border: 0px;
  border-radius: 4px;
  padding: 0px;
}
#legendenbox .legendenzeile {
  clear: none;
  float: left;
  height: auto;
  margin-right: 15px;
}
#legendenbox .legendenzeile:last-child {
  margin-right: 0px;
}
#legendenbox .legendenzeile label {
  width: auto;
  padding-left: 7px;
  font-size: 13px;
  color: #969696;
  cursor: auto;
  padding-top: 2px;
  margin-right: 10px;
}
div#warenkorbinfo {
  float: none;
  margin: 0px;
  min-width: 0px;
  overflow: visible;
  width: auto;
}
div#warenkorb {
  border: 0px;
  border-radius: 4px;
  float: none;
  padding: 0px;
  width: auto;
}
.mappinghead_right #warenkorb .warenkorbzeile {
  border-top: 1px solid White;
  clear: none;
  height: 15px;
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.mappinghead_right #warenkorb #bruttokosten {
  border-bottom: 1px solid White;
  background-color: #E8E8E8;
}
.clear {
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}
#warenkorb #nettokosten span.caption {
  width: auto;
}
#warenkorb .warenkorbzeile span.highlight {
  display: block;
  clear: left;
  font-size: 11px;
  color: White;
  padding-top: 2px;
}
#warenkorb .warenkorbzeile span {
  width: auto;
  text-align: left;
  float: left;
  font-weight: bold;
  display: block;
  font-size: 15px;
  color: Black;
  padding-left: 10px;
}
#warenkorb .warenkorbzeile span.zahl {
  width: auto;
  text-align: left;
  float: right;
  display: block;
  padding-left: 0px;
  padding-right: 10px;
}
#warenkorb .warenkorbzeile span.zahl span {
  margin-right: 5px;
}
#warenkorb .warenkorbzeile span.zahl b span {
  font-weight: bold !important;
}
#warenkorb .warenkorbzeile div.inline {
  display: inline;
}
#wechselleiste {
  margin-top: 30px;
}
/* RH 17.04.18 ### BEGIN ###
.listbuttonmap {
	cursor: pointer;
	color:@button-alternative-text-color !important;
	background-color:@button-alternative-background-color !important;
	min-width:0px !important;
}

.weitereortemap {
	min-width:130px !important;
	margin-left:17px !important;
}

.suchenbuttonmap {
	min-width:160px !important;
}
### END ###*/
.ui-dialog,
.dialog {
  background-color: White;
  border-radius: 4px;
  border: 1px solid LightSteelBlue;
  padding: 0px;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3), 0px 0px 1400px rgba(0, 0, 0, 0.7), 0px 0px 7px rgba(0, 0, 0, 0.4);
  font-color: black;
}
.ui-widget-header,
.dialog h1 {
  font-weight: normal !important;
  padding: 15px 28px 11px !important;
}
.ui-dialog-titlebar,
.dialog h1 {
  display: block;
  border-radius: 4px;
  margin: 0px;
  padding: 0px;
  background-color: transparent!important;
  border: 0px;
  border-bottom: 3px solid LightSteelBlue;
  color: Black !important;
  font-size: 14px;
  height: 24px;
  font-weight: normal !important;
}
.dialog h1 {
  text-align: left;
  margin-left: -28px;
  margin-right: -28px;
  margin-top: -20px;
  margin-bottom: 20px !important;
}
.dialog {
  padding: 20px 28px 25px !important;
}
.dialog .buttons {
  padding: 0px;
  padding-top: 20px;
}
.dialog .yform {
  border: 0px;
  padding: 0px;
  margin-top: 10px !important;
  border-radius: 4px;
}
.ui-dialog-content {
  padding: 20px 28px !important;
}
.ui-dialog-titlebar-close {
  right: 20px !important;
}
div.ui-dialog p {
  font-size: 14px !important;
  font-weight: 300 !important;
}
.ui-dialog .yform {
  border-radius: 4px !important;
  border: 0px !important;
  padding: 0px !important;
}
#wechselleiste label#filtertext {
  background-color: #969696;
  width: 300px !important;
  box-sizing: border-box;
  padding: 9px 10px 10px !important;
  border: 1px solid White;
  float: left;
  min-width: 0px !important;
  font-size: 14px !important;
  font-style: bold;
  color: white !important;
  font-family: "Arial", "Verdana", "Helvetica";
  border-radius: 4px;
  letter-spacing: 0.5px;
  height: auto !important;
}
#wechselleiste label#filtertext.empty {
  opacity: 0;
  width: 5px !important;
  padding: 0px !important;
}
#tableselectwrapper {
  overflow: auto;
  height: auto;
  /*550px;*/
  margin-top: 30px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: -28px;
  margin-right: -28px;
  background-color: #E8E8E8;
  border-radius: 4px;
  border-top: 0px solid LightSteelBlue;
  border-bottom: 0px solid LightSteelBlue;
}
#flaechentabelle {
  border: 0;
  width: auto;
  min-width: 0 !important;
  padding: 0 !important;
}
#flaechentabelle .thead .tr {
  width: auto !important;
  font-size: 12px;
  font-weight: bold;
}
#flaechentabelle .thead {
  border-bottom: 5px solid White;
  color: Black;
  text-transform: uppercase;
  font-weight: normal;
  padding: 5px 0 0;
  letter-spacing: 0.5px;
  height: auto !important;
  background-color: #E8E8E8;
}
#flaechentabelle .thead .erstezeile {
  margin-bottom: 20px;
}
#flaechentabelle .thead a {
  color: Black !important;
}
#flaechentabelle .tbody .tr .td {
  padding: 7px 0 9px;
  overflow: hidden;
  color: Black !important;
  font-size: 100% !important;
}
#flaechentabelle .tbody .tr {
  background-color: #E8E8E8 !important;
  font-size: 14px;
  min-height: 30px;
  border-bottom: 1px solid White;
  width: auto !important;
}
#flaechentabelle .tbody .tr:last-child {
  /*border-bottom:0px;*/
}
#flaechentabelle .tbody .tr:nth-child(even) {
  background-color: White !important;
}
#flaechentabelle .thead .tr .td:first-child {
  padding-left: 28px !important;
}
#flaechentabelle .tbody .tr .td:first-child {
  padding-left: 28px;
}
div#flaechentabelle .td.dekadenspalte,
div.td.trenner {
  height: 20px !important;
}
div#flaechentabelle .headertr .td.dekadenspalte {
  height: auto !important;
}
.headertr div.td.trenner {
  height: 25px !important;
}
#flaechentabelle .headertr .td.tagespreis,
#flaechentabelle .tbody .td.tagespreis {
  width: 100px;
}
#flaechentabelle .headertr .td.anbieter,
#flaechentabelle .tbody .td.anbieter {
  width: 200px;
}
#flaechentabelle .headertr .td.plz,
#flaechentabelle .tbody .tr .td.plz {
  width: 60px;
}
#flaechentabelle .headertr .td.stadt,
#flaechentabelle .tbody .tr .td.stadt {
  width: 120px;
}
#flaechentabelle .tbody .tr .td.stadt {
  font-weight: 500 !important;
}
#flaechentabelle .headertr .td.tafelnr,
#flaechentabelle .tbody .tr .td.tafelnr {
  width: 60px;
  text-align: left;
}
#flaechentabelle .headertr .td.bezeichnung,
#flaechentabelle .tbody .tr .td.bezeichnung {
  width: 300px;
}
#flaechentabelle .headertr .td.preis,
#flaechentabelle .tbody .tr .td.preis {
  width: 55px;
  text-align: right;
  padding-right: 22px;
}
#flaechentabelle .headertr .td.stonummer,
#flaechentabelle .tbody .tr .td.stonummer {
  width: 105px;
}
#flaechentabelle .headertr .td.bel,
#flaechentabelle .tbody .tr .td.bel {
  width: 40px;
}
#flaechentabelle .headertr .td.abstand,
#flaechentabelle .tbody .tr .td.abstand {
  width: 70px;
}
#flaechentabelle .headertr .td.nr,
#flaechentabelle .tbody .tr .td.nr {
  width: 40px;
}
#flaechentabelle .headertr .td.block,
#flaechentabelle .tbody .tr .td.block {
  width: 60px;
}
#flaechentabelle .headertr .td.ortsteil,
#flaechentabelle .tbody .tr .td.ortsteil {
  width: 160px;
}
#flaechentabelle .headertr .td.art,
#flaechentabelle .tbody .tr .td.art {
  width: 60px;
}
#flaechentabelle .dekadenauswahl {
  margin-top: -2px;
}
div.td.commands {
  width: 45px;
  padding-top: 5px;
}
div.td.trenner {
  border-left: 2px solid LightSteelBlue;
}
div.td.trenner.withbutton {
  width: 45px;
}
#flaechentabelle div.td.radio {
  padding-top: 7px !important;
}
div#flaechentabelle button.dekadenbutton {
  /*background-image:url(images/butt_White.gif);*/
  /*background-repeat:no-repeat;*/
  /*background-position:center bottom;*/
  background-image: none !important;
  background-color: #969696;
  height: 22px;
  width: 22px;
  border: 0px grey !important;
  border-radius: 11px;
  position: relative !important;
  font-weight: bold;
  font-size: 100%;
  color: White;
  padding: 0px;
  margin-top: -7px;
  cursor: pointer;
  text-align: center;
}
div#flaechentabelle button.dekadebestaetigt {
  background-image: none !important;
  background-color: ForestGreen !important;
  height: 22px;
  width: 22px;
  border: 0px grey !important;
  border-radius: 11px;
  position: relative !important;
  font-weight: bold;
  font-size: 100%;
  color: White;
  padding: 0px;
  margin-top: -7px;
  text-align: center;
}
div#flaechentabelle button.dekadegebucht {
  /*background-image:url(images/butt_White.gif);*/
  /*background-repeat:no-repeat;*/
  /*background-position:center bottom;*/
  background-image: none !important;
  background-color: #E8E8E8;
  height: 22px;
  width: 22px;
  border: 0px grey !important;
  border-radius: 11px;
  position: relative !important;
  font-weight: bold;
  font-size: 100%;
  color: ForestGreen;
  padding: 0px;
  margin-top: -7px;
  text-align: center;
}
div#flaechentabelle .td.dekadenheader {
  text-align: left;
}
[title~=belegt] {
  background-color: #E8E8E8;
}
#showpic {
  width: 600px;
}
#standortfoto img,
#standortfoto {
  width: 600px;
}
#flaechentabelle .thead .erstezeile div.td:nth-child(1) {
  /*width:936px !important;*/
}
#flaechentabelle .thead .erstezeile div.td:nth-child(3) {
  /*margin-top:5px;*/
}
.dekpage {
  cursor: pointer;
  padding: 1px 6px 3px !important;
  margin-top: -5px !important;
}
#dekpageleft {
  margin-left: 10px !important;
}
.dekadenheader {
  width: 250px !important;
}
div.ui-dialog button.ui-button {
  font-size: 100%;
  height: auto;
}
#dekadenauswahl .dekadenauswahlbox {
  padding-left: 0px !important;
}
form.yform select {
  background-color: transparent;
}