@CHARSET "UTF-8";

/* Allgemein - beginn */
body { font-family: calibri, arial, sans-serif; margin-left: auto; margin-right: auto; max-width: 1280px; width: 1280px; font-size: 1em; }

.menuezeile { grid-area: header; background-color: #009f86; border-radius: 5px; padding: 5px 5px 5px 5px; width: 1280px; }
.fusszeile { grid-area: footer; background-color: #009f86; border-radius: 5px; padding: 5px 5px 5px 5px; width: 1280px; text-align: right; height: 28px; color: white; }

.wartungszeile {
	display: inline-block;
	background-color: RED;
	font-size: 1.3em;
	color: WHITE;
	text-align: center;
	width: 100%;
}

.inhalt {
	 grid-area: content;
}
.rechtespalte {
	 grid-area: sidebar;
	 padding-left: 35px;
}
.wrapper {
	 display: grid; grid-template-columns: 73% 25%; grid-template-areas: "header header" "content sidebar" "footer footer";
}

.zwischenmenues { display: inline-block; color: #009f86; padding-left: 12px; padding-right: 12px; }
.menue { height: 42px; }

.menue ul {
	display: inline-flex;
	list-style-type: none;
}

.menue ul li {
	margin-top: -7px;
}

.menue ul a {
	text-decoration: none;
	color: #ffffff;
}

#menueForm ul a:hover {
	text-decoration: none;
	color: #ffffff;
}


#fussForm a {
	text-decoration: none;
	color: #ffffff;
}


.daten, .datenRED, .datenRechts, .sperre {
	font-weight: bold; 
}

.datenRED, .sperre {
	color: RED;
}

.datenRechts {
	text-align: right;
}

.eingabezeile, .areazeile {
  margin-bottom: 0.8em;
}

.errorzeile {
	color: RED;
	font-weight: bold; 
	padding-top: .8em;
	padding-bottom: .8em;
}

schalter {
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 30px;
}

zwischenraum { display: inline-block; width: 30px; }
zwischenraumListe { display: inline-block; width: 8px; }


body .ui-panel .ui-panel-content {
	border: none;
}

body .ui-button.ui-button-text-only .ui-button-text {
	background-color: #009f86;
	width: 140px;
}

body .ui-button.schalterSpalte, body .ui-commandlink.linkSpalte {
	margin: 15px 10px;
}

body .ui-button.schalterBreit.ui-button-text-only .ui-button-text { width: 200px; }
body .ui-button.schalterExtrabreit.ui-button-text-only .ui-button-text { width: 350px; }

body .ui-commandlink.nutzungsbedingung { margin-left: 36px; }
body .ui-commandlink.abschluss { margin-left: 36px; }

label, .label, .labelSpalte { display: inline-block; width: 250px; padding-top: 15px; }
.labelSpalte { width: 118px; }


body .ui-inputfield.inputSpalte { width: 280px; }


body .ui-inputfield { width: 359px; }
body .ui-inputfield.inputStrasse { width: 280px; }
body .ui-inputfield.inputHSN { width: 50px; }
body .ui-inputfield.inputHSNZ { width: 22px; }
body .ui-inputfield.inputPLZ { width: 60px; }
body .ui-inputfield.inputOrt { width: 296px; }

body .ui-selectonemenu .ui-selectonemenu-label { width: 357px; }

body .ui-selectoneradio.ui-grid-responsive label { display: inline-block; margin-left: 20px; }
body .ui-selectoneradio label { vertical-align: top; }

body .ui-datagrid .ui-datagrid-content { border: none; }

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { background-color: #efefef; color: black; }

.ui-selectmanycheckbox.ui-grid-responsive > div label { margin-top: -15px}
.ui-selectmanycheckbox.gewerbe { margin-left: 60px}
.ui-selectmanycheckbox.abschluss.ui-grid-responsive > div > div { margin-top: 15px}

.ui-corner-all ol {
	background-color: #00AF96;
	list-style-type: none;
	margin-left: -15px;
	padding-top: .8em;
	width: 25%;
}

.ui-corner-all ol li {
  padding-bottom: .8em;
}

.ui-corner-all ol a {
  text-decoration: none;
  color: #ffffff;
}

.ui-corner-all ol a:hover {
  color: #ffffff;
}

.grid-radio td {
    padding: .5rem;
}
.legend {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .25rem;
    vertical-align: sub;
}