.auftragsgruppe {
	border-radius: 8px;
	padding-left: 1ex;
	padding-right: 1ex;
}

body .pflichtfeld {
	color: rgb(255, 128, 0);
	background-color: rgb(255, 255, 157);
	border-radius: .6em;
	border: 1px solid rgb(255, 128, 0);
	margin-left: 0;
	padding: 2px;
	line-height: 20px;
	text-overflow: hidden;
}

.ui-outputlabel-rfi {
	display: none;
}

.standard {
	color: black;
}

.wespe {
	color: black;
	font-weight: bold;
	background-color: yellow;
	border-radius: .6em;
}

.grau {
	color: black;
	background-color: rgb(200, 200, 200);
	border-radius: .6em;
}

.wald {
	color: rgb(230, 230, 230);
	background-color: rgb(0, 148,84);
	border-radius: .6em;
}

.schalke {
	color: white;
	background-color: blue;
	border-radius: .6em;
}

.alarm {
	color: white;
	font-weight: bold;
	background-color: red;
	border-radius: .6em;
}


 /*****************************/
/****** Standardeffekte ******/
body .ui-state-hover {
	webkit-box-shadow: 0 0 12px #3388cc !important;
    -moz-box-shadow: 0 0 12px #3388cc !important;
    box-shadow: 0 0 12px #3388cc !important;
    outline: 0 !important;
    position: relative;
    z-index: 10 !important;
}
body .ui-state-focus {
	webkit-box-shadow: 0 0 12px #3388cc !important;
    -moz-box-shadow: 0 0 12px #3388cc !important;
    box-shadow: 0 0 12px #3388cc !important;
    outline: 0 !important;
    position: relative;
    z-index: 10 !important;
}
body .ui-state-active {
	background: #00466E;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00466E', endColorstr='#3A6DA0') alpha(opacity = 100);
	background: -webkit-gradient(linear, left top, left bottom, from(#00466E), to(#3A6DA0));
	background: -moz-linear-gradient(top,  #00466E,  #3A6DA0);
	border-radius: .6em !important;
	color: #ffffff !important;
	position: relative;
	z-index: 9;
	border: none !important;
}
body .ui-state-disabled {
	pointer-events: none !important;
}


 /*************************/
/****** Runde Ecken ******/
body .ui-corner-all {
	-webkit-border-radius: .6em;
	border-radius: .6em;
}


 /**********************/
/****** Messages ******/
body .ui-messages {
	margin-left: 10px;
	margin-right: 10px;
}

body .ui-messages .ui-messages-info {
	background-color: rgb(200,255,200);
	color: green;
}/*
body .ui-messages .ui-messages-warn {
	background-color: rgb(255,255,157);
	color: rgb(255,128,0);
}*/
body .ui-messages .ui-messages-error {
	background-color: rgb(255,220,220);
	color: red;
}

 /*******************/
/****** Panel ******/
body .ui-panel .ui-panel-titlebar {
	border-top-left-radius: .6em;
	border-top-right-radius: .6em;
	background: #00466E;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00466E', endColorstr='#3A6DA0') alpha(opacity = 100);
	background: -webkit-gradient(linear, left top, left bottom, from(#00466E), to(#3A6DA0));
	background: -moz-linear-gradient(top,  #00466E,  #3A6DA0);
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	border: none;
}

	/* Panel Content */
.ui-panel .ui-panel-content {
	border-bottom-left-radius: .6em;
	border-bottom-right-radius: .6em;
}


 /****************************/
/****** AccordionPanel ******/
body .ui-accordion .ui-accordion-header {
	height: 50px;
	line-height: 2.4em;
	background-color: #f6f6f6;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
}
body .ui-accordion .ui-accordion-header.ui-state-hover {
	background-color: #ededed;
	position: relative;
}
body .ui-accordion .ui-accordion-header.ui-state-active {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
body .ui-accordion .ui-accordion-header.ui-state-focus {
	webkit-box-shadow: 0 0 12px #3388cc !important;
    -moz-box-shadow: 0 0 12px #3388cc !important;
    box-shadow: 0 0 12px #3388cc !important;
    outline: 0 !important;
    position: relative;
    z-index: 10 !important;
    background-color: #ededed;	
}
body .ui-accordion .ui-accordion-content {
	border-bottom-left-radius: .6em;
	border-bottom-right-radius: .6em;
}


 /********************/
/****** Button ******/
body .ui-button {
	margin-top: 10px;
	background-color: #f6f6f6;
	color: #333333;
	min-height: 50px;
	
	font-weight: bold;
	border: 1px solid #dddddd;
	
	-webkit-box-shadow:  0 1px 3px rgba(0,0,0,.6);
	-moz-box-shadow:  0 1px 3px rgba(0,0,0,.6);
	box-shadow:  0 1px 3px rgba(0,0,0,.6);
}

body .ui-button.ui-state-hover {
	background-color: #ededed;
    color: #333333;
    border-color: #dddddd;
}

body .ui-button.ui-state-focus {
    background-color: #ededed;
    color: #333333;
    border-color: #dddddd;
}
body .ui-button.ui-state-active {
    color: #ffffff;
}

body .ui-button-text {
	text-align: center;
	font-weight: bold;
	text-shadow: none;
	border-color: #dddddd;
	color: inherit;
	font-size: 16px;
}
body .ui-mobile-button {
	width: 100%;
}
body button.okButton {
	background: #00cc44;  /* green */
	border-color: #bababa;
}
body button.okButton:hover {
	background: #009933;
	border-color: #bababa;
}
button.absageButton {
	background: #ffa31a;
	border-color: #bababa;
}

button.absageButton:hover {
	background: #e68a00;
	border-color: #bababa;
}
body button.abbrechenButton {
	background: #ffa31a;
	border-color: #bababa;
}

body button.abbrechenButton:hover {
	background: #F53B00;
	border-color: #bababa;
	color: white;
}
body .ui-navigator {
	position: absolute !important;
	top: 5px;
	z-index: 10;
	cursor: pointer;
	min-height: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
}
body .ui-navigator.ui-state-hover {
	position: absolute;
	z-index: 200;
}
body .ui-navigator .ui-button-text {
	text-align: center;
	white-space: nowrap;
	font-size: 1em;
	opacity: .8;
	margin-top:-1px;
}
body .ui-navigator.navigator-back {
	left: 10px;
	width: 90px;
}
body .ui-navigator.navigator-forward {
	right: 10px;
	width: 132px;
}
body .ui-navigator.navigator-save {
	right: 10px;
	width: 110px;
}
body .ui-navigator.navigator-delete {
	right: 130px;
	width: 100px;
}
body .ui-navigator.navigator-save.ui-state-hover {
	z-index: 33 !important;
}
body .ui-navigator.navigator-back .ui-button-text {
	text-align: right;
}
body .ui-navigator.navigator-forward .ui-button-text {
	text-align: left;
}
body .ui-navigator .fa {
	opacity: .6;
	font-size: 1em;
}


 /************************/
/****** Inputfield ******/
body .ui-inputfield {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	border: 0;
	border-style: solid;
	background-clip: padding-box;
	line-height: 1.3;
	outline: 0;
	min-height: 40px;
	
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.6);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.6);
}


 /**********************/
/****** Textarea ******/



 /**********************/
/****** Calendar******/
body .ui-datepicker {
	min-width: 340px;
}
body .ui-datepicker .ui-datepicker-header {
	background: #00466E;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00466E', endColorstr='#3A6DA0') alpha(opacity = 100);
	background: -webkit-gradient(linear, left top, left bottom, from(#00466E), to(#3A6DA0));
	background: -moz-linear-gradient(top,  #00466E,  #3A6DA0);
	height: 56px;
}
body .ui-datepicker .ui-datepicker-title {
	border-radius: .6em;
}
body .ui-datepicker .ui-datepicker-title select {
	height: 50px;
	font-size: 16px;
	border-radius: .6em;
	cursor: pointer;
	width: 25%;
	min-width: 70px;
	margin-left: 2px;
	margin-right: 2px;
}
body .ui-datepicker .ui-datepicker-month,
body .ui-datepicker .ui-datepicker-year {
	background-color: #f6f6f6;
	border: none;
	
}
body .ui-datepicker .ui-datepicker-month:hover,
body .ui-datepicker .ui-datepicker-year:hover {
	background-color: #ededed;
	webkit-box-shadow: 0 0 12px #3388cc !important;
    -moz-box-shadow: 0 0 12px #3388cc !important;
    box-shadow: 0 0 12px #3388cc !important;
    outline: 0 !important;
}
body .ui-datepicker .ui-datepicker-month select {
	padding-left: 70px;
	margin-right: 5px;
}
body .ui-datepicker .ui-datepicker-year select {
	padding-right: 70px;
	margin-left: 5px;
}
body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next {
	background-color: rgba(0,0,0,0);
	color: #ffffff;
	font-size: 2em;
	height: 56px;
	width: 80px;
	padding-top: 14px;
}
body .ui-datepicker .ui-datepicker-prev {
	left: 0;
}
body .ui-datepicker .ui-datepicker-next {
	right: 0;
}
body .ui-datepicker .ui-datepicker-prev.ui-state-hover,
body .ui-datepicker .ui-datepicker-next.ui-state-hover {
	background-color: #00466E;
	color: #ffffff;
}
body .ui-datepicker .ui-datepicker-calendar {
	font-size: 16px;
}
body .ui-datepicker-calendar {
	font-size: 16px;
}
body .ui-datepicker .ui-datepicker-calendar tbody {
}
body .ui-datepicker .ui-datepicker-calendar tr {
}
body .ui-datepicker .ui-datepicker-calendar td {
	padding: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #dddddd;
}
body .ui-datepicker .ui-datepicker-calendar a {
	width: 100%;
	height: 100%;
}
body .ui-datepicker .ui-state-highlight {
	background-color: #f6f6f6 !important;
	border-radius: 0;
}
body .ui-datepicker .ui-state-highlight:hover {
	background-color: #ededed !important;
}
body .ui-datepicker .ui-state-focus {
	background-color: #ededed;
	webkit-box-shadow: 0 0 12px #3388cc !important;
    -moz-box-shadow: 0 0 12px #3388cc !important;
    box-shadow: 0 0 12px #3388cc !important;
    outline: 0 !important;
}
body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
	border-radius: 0 !important;
}

 /***************************/
/****** SelectOneMenu ******/
body .ui-selectonemenu {
	display: block;
	width: 100%;
	border: none;
	padding-right: 0;
}
body .ui-selectonemenu.ui-state-hover {
	border-color: #dddddd !important;
}

	/* SelectOneMenu Label - ausgewähltes Element */
body .ui-selectonemenu-label {
	font-size: 16px;
	background-color: #f6f6f6;
	color: #333333;
	min-height: 50px;
	border: 1px solid #dddddd;
	
	-webkit-box-shadow:  0 1px 3px rgba(0,0,0,.6);
	-moz-box-shadow:  0 1px 3px rgba(0,0,0,.6);
	box-shadow:  0 1px 3px rgba(0,0,0,.6);
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body .ui-selectonemenu-label.ui-inputfield {
	text-align: center;
	vertical-align: middle;
	line-height: 35px;
	font-weight: normal;
}

.ui-state-hover .ui-selectonemenu-label  {
	background-color: #ededed;
    color: #333333;
    border-color: 1px solid #dddddd;
}

	/* SelectOneMenu Trigger - Symbol rechts */
body .ui-selectonemenu .ui-selectonemenu-trigger {
	background-color: rgba(0,0,0,0);
	color: #333333;
	-webkit-border-radius: .6em;
	border-radius: .6em;
	opacity: .4;
	margin-right: 10px;
	
	webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}

	/* SelectOneMenu - Itemauswahl */
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
	border-radius: 0;
}
body .ui-selectonemenu-panel .ui-selectonemenu-list-item:first-child {
	border-top-left-radius: .6em;
	border-top-right-radius: .6em;
}
body .ui-selectonemenu-panel .ui-selectonemenu-list-item:last-child {
	border-bottom-left-radius: .6em;
	border-bottom-right-radius: .6em;
}

	/* SelectOneMenu - Item in der Auswahlliste */
body .ui-selectonemenu-item {
	min-height: 50px;
	line-height: 40px;
	margin-top: 2px !important;
	margin-bottom: 2px !important;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover {
	background-color: #ededed;
}

	/* SelectOneMenu - Ausgewähltes Item in der Auswahlliste */
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
	background: #00466E;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00466E', endColorstr='#3A6DA0') alpha(opacity = 100);
	background: -webkit-gradient(linear, left top, left bottom, from(#00466E), to(#3A6DA0));
	background: -moz-linear-gradient(top,  #00466E,  #3A6DA0);
	color: #ffffff;
	webkit-box-shadow: 0 0 12px #3388cc !important;
    -moz-box-shadow: 0 0 12px #3388cc !important;
    box-shadow: 0 0 12px #3388cc !important;
    outline: 0;
}
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight:hover {
	background-color: #00466E;
	background: #00466E;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00466E', endColorstr='#00466E') alpha(opacity = 100);
	background: -webkit-gradient(linear, left top, left bottom, from(#00466E), to(#00466E));
	background: -moz-linear-gradient(top,  #00466E,  #00466E);
}


 /***********************/
/****** PanelGrid ******/
body .ui-panelgrid {
	width: 100%;
	margin: 0 auto;
}

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

body .ui-panelgrid .ui-panelgrid-cell {
	background-color: rgba(0,0,0,0);
	padding: 4px 10px;
	border: none;
}
body .ui-panelgrid .label25 {
	width: 25%;
}
body .ui-panelgrid .value75 {
	width: 75%;
}
body .ui-panelgrid .label30 {
	width: 30%;
}
body .ui-panelgrid .value70 {
	width: 70%;
}
body .ui-panelgrid .value20 {
	width: 20%;
}
body .ui-panelgrid .w10 {
	width: 10%;
}
body .ui-panelgrid .w15 {
	width: 15%;
}
body .ui-panelgrid .w20 {
	width: 20%;
}
body .ui-panelgrid .w25 {
	width: 25%;
}
body .ui-panelgrid .w30 {
	width: 30%;
}
body .ui-panelgrid .w40 {
	width: 40%;
}
body .ui-panelgrid .w50 {
	width: 50%;
}
body .ui-panelgrid .w60 {
	width: 60%;
}
body .ui-panelgrid .w70 {
	width: 70%;
}
body .ui-panelgrid .w75 {
	width: 75%;
}
body .ui-panelgrid .w80 {
	width: 80%;
}
body .ui-panelgrid .w90 {
	width: 90%;
}
body .ui-panelgrid .text-middle {
	text-align: center;
}
body .ui-panelgrid .text-center {
	text-align: center;
}
body .ui-panelgrid .text-right {
	text-align: right;
}
body .ui-panelgrid .bold {
	font-weight: bold;
}
body .ui-panelgrid .nopad-left {
	padding-left: 0;
}
body .ui-panelgrid .nopad-right {
	padding-right: 0;
}
body .ui-panelgrid .nopad {
	padding: 0;
}
body .ui-panelgrid .border-side {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
}

#berichtform\:druckprüfungdetails_content {
	border: none;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

#berichtform\:kürzlicheschädendetails_content {
	border: none;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

#berichtform\:objektdetails_content {
	border: none;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

 /**********************/
/****** DataGrid ******/
body .ui-datagrid .ui-datagrid-content {
	padding: 0;
	margin: 0;
	width: 100%;
	color: #333333;
	border: none;
	text-align: center;
}

.ui-datagrid-column {
	color: #333333;
	text-shadow: none;
	
	padding: 3px;
	text-align: left;
	
	border: none;
	border-radius: .6em;
}

.ui-datagrid-column:hover {
	border-radius: .6em;
}
	/* Meldungsfarben */
.ui-datagrid-column .intern {
	background-color: #c8ffc8;
}
.ui-datagrid-column:hover .intern {
	background-color: #c8ffc8;
}
.ui-datagrid-column .normal {
	background-color: #ebebff;
}
.ui-datagrid-column:hover .normal {
	background-color: #ebebff;
}
.ui-datagrid-column .fremd {
	background-color: #ffff9d;
}
.ui-datagrid-column:hover .fremd {
	background-color: #ffff9d;
}
.ui-datagrid-column .warnung {
	background-color: #ffdcdc;
}
.ui-datagrid-column:hover .warnung {
	background-color: #ffdcdc;
}
	/* DataGrid - Link */
.datagrid-link {
	display: block;
	position: relative;
	padding: 5px 5px;
	color: #333333;
	border-radius: .6em;
	cursor: pointer;
	background-color: #f6f6f6;
	-webkit-box-shadow:  0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow:  0 1px 3px rgba(0,0,0,.4);
	box-shadow:  0 1px 3px rgba(0,0,0,.4);
}

.datagrid-link:hover {
	background-color: #ededed;
    color: #333333;
    border-color: #dddddd;
    webkit-box-shadow: 0 0 12px #3388cc !important;
    -moz-box-shadow: 0 0 12px #3388cc !important;
    box-shadow: 0 0 12px #3388cc !important;
    outline: 0;
    border-radius: .6em;
}

.datagrid-link:focus {
	webkit-box-shadow: 0 0 12px #3388cc !important;
    -moz-box-shadow: 0 0 12px #3388cc !important;
    box-shadow: 0 0 12px #3388cc !important;
    outline: 0;
    border-radius: inherit;
}
.ui-datagrid .ui-datagrid-content .datagrid-link.datei-link {
	min-height: 5em;
	padding-left: 6.25em;
	margin-right: 40px;
	position: relative;
	display: flex;
	min-height: 98px;
}
.ui-datagrid .ui-datagrid-content .datei-vorschaubild {
	position: absolute;
	top: 10px;
	left: 10px;
	min-width: 5em;
	min-height: 5em;
	max-height: 5em;
	max-width: 5em;
}
body .dateiLöschenButton {
	position: absolute;
	height: 100%;
	width: 30px;
	padding: 0;
	margin: 0;
	right: 0;
	top:0;
}
body .dateiLöschenButton .ui-icon {
	color: black;
	opacity: .6;
}
.ui-datagrid .ui-datagrid-content .auftrag-link-symbol,
.ui-datagrid .ui-datagrid-content .meldung-link-symbol,
.ui-datagrid .ui-datagrid-content .termin-link-symbol,
.ui-datagrid .ui-datagrid-content .berichte-link-symbol,
.ui-datagrid .ui-datagrid-content .datei-link-symbol {
	position: absolute;
	right: 0;
	pointer-events: none;
	margin-right: 10px;
	font-size: 4em;
	opacity: .1;
}
.ui-datagrid .ui-datagrid-content .auftrag-link-symbol {
	top: 30%;
}
.ui-datagrid .ui-datagrid-content .meldung-link-symbol {
	top: 20%;
}
.ui-datagrid .ui-datagrid-content .termin-link-symbol {
	top: 25%;
}
.ui-datagrid .ui-datagrid-content .berichte-link-symbol {
	top: 15%;
}
.ui-datagrid .ui-datagrid-content .datei-link-symbol {
	top: 15%;
}


 /***********************/
/****** DataGrid Paginator ******/
body .ui-paginator {
	margin-top: 10px;
	margin-bottom: 10px;	
}
.ui-paginator.ui-paginator-top, .ui-paginator.ui-paginator-bottom {
	border: none;
	font-size: 22px;
}
body .ui-paginator .ui-paginator-pages {
	margin-left: 0;
	margin-right: 0;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
	pointer-events: none;
	border-radius: 0 !important;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page,
body .ui-paginator .ui-paginator-first, body .ui-paginator .ui-paginator-prev,
body .ui-paginator .ui-paginator-next, body .ui-paginator .ui-paginator-last {
	border-radius: 0;
	background-color: #f6f6f6;
	border: 1px solid #dddddd;
}
body .ui-paginator .ui-paginator-first {
	border-top-left-radius: .6em;
	border-bottom-left-radius: .6em;
}
body .ui-paginator .ui-paginator-last {
	border-top-right-radius: .6em;
	border-bottom-right-radius: .6em;
}


 /*************************/
/****** Radiobutton ******/
body .ui-selectoneradio.ui-widget {
	position: relative;
	display: block;
	border-radius: .6em;
	margin-bottom: 10px;
	width: 100%;
}
body .ui-radiobutton.ui-widget {
	position: absolute;
	pointer-events: none;
	border-radius: 50%;
	top: 50%;
	margin-top: -10px;
	left: 10px;
}
body .ui-radiobutton-box.ui-widget {
	position: absolute;
	background-color: #d8d8d8;
	border: none;
}
body .ui-radiobutton-box.ui-widget.ui-state-active {
	box-shadow: none !important;
	z-index: 12 !important;
}
body .ui-radiobutton-box.ui-widget.ui-state-focus {
	border: none;
	background-color: #d8d8d8;
	z-index: 12 !important;
    outline: 0;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {	
}
body .ui-selectoneradio.ui-widget tbody,
body .ui-selectoneradio.ui-widget tr,
body .ui-selectoneradio.ui-widget td  {
	display: block;
	width: 100%;
}
body .ui-selectoneradio.ui-widget td {
	background-color: #f6f6f6;
	border: 1px solid #dddddd;
	position: relative;
}
body .ui-selectoneradio.ui-widget td:hover {
	background-color: #ededed;
    outline: 0 !important;
    position: relative;
    z-index: 10 !important;
}
body .ui-selectoneradio.ui-widget td:first-child {
	border-top-left-radius: .6em;
	border-top-right-radius: .6em;
}
body .ui-selectoneradio.ui-widget td:last-child {
	border-bottom-left-radius: .6em;
	border-bottom-right-radius: .6em;
}
body .ui-selectoneradio label {
	width: 100%;
	line-height: 50px;
	padding-left: 40px;
	background-color: #f6f6f6;
	margin: 0;
	border: 1px solid #dddddd;
	border-radius: .6em;
	font-weight: bold;
	font-size: 16px;
	
	background-color: rgba(0,0,0,0);
	border: none;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

 /**********************/
/****** Checkbox ******/
body .ui-selectmanycheckbox.ui-widget {
	position: relative;
	display: block;
	border-radius: .6em;
	margin-bottom: 20px;
}
body .ui-chkbox-box.ui-widget {
	position: absolute;
	left: 10px;
	pointer-events: none;
	border-radius: 3px;
	background-color: #d8d8d8;
	border: none;
	z-index: 12;
}
body .ui-chkbox-box.ui-widget.ui-state-active {
	border: none;
	border-radius: 3px !important;
	box-shadow: none !important;
	z-index: 12 !important;
}
body .ui-chkbox-box.ui-widget.ui-state-focus {
	border: none;
	border-radius: 3px !important;
	box-shadow: none !important;
	background-color: #d8d8d8;
	z-index: 12 !important;
    outline: 0;
}
body .ui-selectmanycheckbox.ui-widget tbody,
body .ui-selectmanycheckbox.ui-widget tr,
body .ui-selectmanycheckbox.ui-widget td  {
	display: block;
	width: 100%;
}
body .ui-selectmanycheckbox.ui-widget tr {
	background-color: #f6f6f6;
	border: 1px solid #dddddd;
}
body .ui-selectmanycheckbox.ui-widget tr:hover {
	background-color: #ededed;
    outline: 0 !important;
    position: relative;
    z-index: 10 !important;
}
body .ui-selectmanycheckbox.ui-widget tr:first-child {
	border-top-left-radius: .6em;
	border-top-right-radius: .6em;
}
body .ui-selectmanycheckbox.ui-widget tr:last-child {
	border-bottom-left-radius: .6em;
	border-bottom-right-radius: .6em;
}
body .ui-selectmanycheckbox label {
	width: 100%;
	line-height: 50px;
	padding-left: 40px;
	background-color: #f6f6f6;
	margin: 0;
	border: 1px solid #dddddd;
	border-radius: .6em;
	font-weight: bold;
	font-size: 16px;
	
	background-color: rgba(0,0,0,0);
	border: none;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


 /*****************************/
/****** SelectOneButton ******/
body .ui-selectbooleanbutton.ui-button.ui-widget {
	height: 50px;
	margin: 0;
	background-color: #f6f6f6;
	color: #333333;
	min-height: 50px;
	
	font-weight: bold;
	border: 1px solod #dddddd;;
	
	-webkit-box-shadow: none;
	-moz-box-shadow:  none;
	box-shadow:  none;
}
body .ui-selectbooleanbutton.ui-button.ui-widget.ui-state-hover {
	box-shadow: none !important;
	background-color: #ededed;
}
body .ui-selectbooleanbutton.ui-button.ui-widget.ui-state-active {
	background: #00466E;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00466E', endColorstr='#3A6DA0') alpha(opacity = 100);
	background: -webkit-gradient(linear, left top, left bottom, from(#00466E), to(#3A6DA0));
	background: -moz-linear-gradient(top,  #00466E,  #3A6DA0);
	box-shadow: none !important;
}
body .ui-selectbooleanbutton.ui-button.ui-widget.ui-state-focus {
	box-shadow: none !important;
}
body .ui-selectbooleanbutton.ui-button.ui-widget .ui-button-text {
	margin-top: 7px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body .ui-selectbooleanbutton.ui-button.ui-widget.ui-state-active .ui-button-text {
	color: white;
	opacity: .8;
}
body .ui-selectbooleanbutton.ui-button.ui-widget .ui-icon {
	color: red;
	left: 5px;
}
body .ui-selectbooleanbutton.ui-state-active .ui-icon  {
	color: lime !important;
	opacity: .6;
}


 /***********************/
/****** PI Symbol ******/
body .pi {
	font-size: 2em;
	opacity: .4;
}

 /*************************/
/****** Berichtform ******/
#berichtform {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
}
#berichtform2 {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
}


 /********************/
/****** Dialog ******/
body .ui-dialog .ui-dialog-titlebar {
	border-top-left-radius: .6em;
	border-top-right-radius: .6em;
	background: #00466E;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00466E', endColorstr='#3A6DA0') alpha(opacity = 100);
	background: -webkit-gradient(linear, left top, left bottom, from(#00466E), to(#3A6DA0));
	background: -moz-linear-gradient(top,  #00466E,  #3A6DA0);
	border: 0;
	text-align: center;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
	color: #f6f6f6;
	height: 20px;
	width: 20px;
	position: absolute;
	right: .6em;
	top: .6em;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-state-hover {
	color: #ffffff;
}
body .ui-dialog .ui-dialog-content {
	text-align: center;
	border-bottom-left-radius: .6em;
	border-bottom-right-radius: .6em;
}

 /********************/
/****** Slider ******/
body .ui-slider .ui-slider-handle {
	
}
body .ui-slider.ui-slider-horizontal .ui-slider-handle.ui-state-focus {
	background-color: #fff;
	border: 2px solid #666;
}

 /************************/
/****** Fileupload ******/
.fileUpload .ui-button .ui-button-text {
	line-height: 40px;
}
.ui-fileupload-simple .ui-fileupload-filename {
	position: absolute;
	top: 26px;
}

 /***************************/
/****** Basis Bereich ******/
#layout-menu-content {
	display: flex;
	width: 100%;
	padding-bottom: 60px;
	padding-top: 60px;
	padding-left: 10px;
	padding-right: 10px;
}
	/* Menü links */
#layout-menu {
	width: 180px;
	min-width: 180px;
	margin-right: 10px;
	z-index: 25;
}
#layout-menu .ui-menu {
	width: 100%;
	background-color: #f6f6f6;
	border: none;
}

#layout-menu .ui-menu .ui-menu-list .ui-widget-header {
	border-top-left-radius: .6em;
	border-top-right-radius: .6em;
	border: 1px solid #000000;
	background: #00466E;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00466E', endColorstr='#3A6DA0') alpha(opacity = 100);
	background: -webkit-gradient(linear, left top, left bottom, from(#00466E), to(#3A6DA0));
	background: -moz-linear-gradient(top,  #00466E,  #3A6DA0);
	font-weight: bold;
	text-align: center;
}
#layout-menu .ui-menu .ui-menu-list .ui-widget-header h3 {
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
}
#layout-menu .ui-menu .ui-menu-list .ui-menuitem {
	height: 50px;
	font-size: 16px;
	border: 1px solid #c8c8c8;
}
#layout-menu .ui-menu .ui-menu-list .ui-menuitem .ui-state-hover {
	background-color: #ededed;
}
#layout-menu .ui-menu .ui-menu-list .ui-menuitem:last-child {
	border-bottom-left-radius: .6em;
	border-bottom-right-radius: .6em;
}
#layout-menu .ui-menu .ui-menu-list .ui-menuitem:last-child .ui-state-hover {
	border-bottom-left-radius: .6em;
	border-bottom-right-radius: .6em;
}
#layout-menu .ui-sticky {
	top: 60px !important;
}
	/* Menü bei kleinen Displays */
#layout-menu .ui-menu-button {
	position: fixed;
	margin: 0;
	top: 5px;
	left: 5px;
	width: 40px;
	font-size: 16px;
	font-weight: normal;
	min-height: 40px;
	height: 40px;
	border-radius: 50%;
	z-index: 15;
} 
#layout-menu .ui-menu-button.ui-state-active {
	border-radius: 50% !important;
}
body .ui-widget-overlay.ui-dialog-mask {
	z-index: 24 !important;
}
body .ui-sidebar {
	width: 210px;
	margin-bottom: 60px;
	margin-top: 60px;
	margin-left: 2px;
	border: none;
	box-shadow: none;
	background-color: rgba(0,0,0,0);
	height: 1px;
}
body .ui-sidebar .ui-sidebar-close {
	display: none;
}
	/* Content rechts */
#layout-content {
	width: 100%;
	margin-left: 10px;
}


 /********************/
/****** Header ******/
#layout-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #00466E;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00466E', endColorstr='#3A6DA0') alpha(opacity = 100);
	background: -webkit-gradient(linear, left top, left bottom, from(#00466E), to(#3A6DA0));
	background: -moz-linear-gradient(top,  #00466E,  #3A6DA0);
	border: none;
	border-radius: 0;
	height: 50px;
	z-index: 10;
}
#layout-header .headline {
	position: absolute;
	top: 14px;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	
	text-overflow: ellipsis;
	outline: 0;
	font-family: sans-serif;
}


 /********************/
/****** Footer ******/
#layout-footer {
	position:fixed; 
	left: 0;
	right: 0;
	bottom:0;
	width:100%; 
	height: 50px;
	background: #00466E;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3A6DA0', endColorstr='#00466E') alpha(opacity = 100);
	background: -webkit-gradient(linear, left top, left bottom, from(#3A6DA0), to(#00466E));
	background: -moz-linear-gradient(top, #3A6DA0, #00466E);;
	z-index: 25;
}
/*
#layout-footer .ui-footer-button {
	position:fixed; 
	left: 5px;
	bottom: 4px;
	min-height: 42px;
	min-width: 120px;
	margin: 0;
	
	background-color: #FFFFFF !important;
	color: #333333;
	border-color: #dddddd;
	border: none;
	border-radius: .6em;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,1);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,1);
	box-shadow: inset 0 1px 3px rgba(0,0,0,1);
	display: none;
}

#layout-footer .ui-footer-button.ui-state-hover {
	webkit-box-shadow: inset 0 1px 3px #3388cc !important;
    -moz-box-shadow: inset 0 1px 3px #3388cc !important;
    box-shadow: inset 0 1px 3px #3388cc !important;
    outline: 0 !important;
    border: none !important;
}
#layout-footer .footer-image {
	position: fixed;
	left: 17px;
	bottom: 4px;
	opacity: .40;
	pointer-events: none;
	z-index: 30;
}*/
#layout-footer .footline {
	float: left;
	bottom: 20px;
	left: 130px;
}
#layout-footer .footerLogo {
	position: fixed;
	height: 50px;
	width: 88px;
	right: 0;
	right: 38px;
	bottom: 0px;
}
#layout-footer .footer-link {
	position: fixed; 
	left: 5px;
	bottom: 4px;
	height: 42px;
	width: 160px;
	border-radius: .6em;
}
#layout-footer .footer-link .fa {
	bottom: 4px;
	left: 20px;
	color: #ffffff;
	margin: 3px 2px;
}
#layout-footer .footer-link .fa.mob {
	font-size: 60px;
	margin-top: -8px;
	margin-left: 20px;
}
#layout-footer .footer-link .fa.connector {
	font-size: 30px;
	position: relative;
	bottom: 12px;
	left: 0;
}
#layout-footer .footer-link .fa.desk {
	font-size: 46px;
	position: relative;
	bottom: 3px;
	left: 0;
}

 /**************************************/
/****** Loginpage Besonderheiten ******/
#layout-content .login-content {
	margin-left: -200px;
}
#layout-content .login-label {
	white-space: nowrap;
	text-align: right;
	width: 20%;
}
#layout-content .login-field {
	width: 80% !important;
}
#layout-content .ui-messages {
}


 /***************************/
/****** Responsivekit ******/
@media (min-width: 716px) {
	#layout-menu .ui-menu-button {
		display: none;
	}
}

@media (max-width: 900px) {
	#layout-content .login-content {
		margin-left: -200px;
	}
}

@media (max-width: 715px) {
	#layout-content {
		width: 100%;
		margin-left: 0;
	}
	
	#layout-content .login-content {
		width: 100%;
		margin-left: 0;
	}
	
	#layout-menu {
		width: 0;
		min-width: 0;
		margin-right: 0;
	}
	
	#layout-menu .ui-menu-panel {
		display: none;
	}
	body .ui-navigator.navigator-back {
		left: 50px;
	}
	body .ui-panelgrid .label25 {
		width: 35%;
	}
	body .ui-panelgrid .value75 {
		width: 65%;
	}
}