/**
 * Disable fucking "Twitter-Bootstrap" Framework pollution
 */
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	position: unset;
	margin: unset;
}

.field,
.labelField {
	display: flex;
	align-items: center;
	float: left;
	width: 100%;
	/*	border-bottom: 1px solid #eee; */
	margin: 0;
	padding: 5px 0;
}

.labelField > label {
	float: left;
	width: 250px;
	/*	border: 1px solid cyan; */
	/*	padding: 5px; */
}

.labelField.required .label label {
	font-weight: bold;
}

@media all and (max-width: 480px) {

	.labelField .help {
		display: none;
	}

	.textareaType {
		width: 100%;
	}

	.labelField {
		display: unset;
	}
}

.labelField .value {
/* float: left; */
/*	width: 100%; */
/*	border: 1px solid red; */
/*	padding: 5px; */
}

.labelField .value {
	float: left;
/*	width: calc(100% - 300px); */
}

.labelField .value textarea {
	box-sizing: border-box;
	width: 100%;
	resize: vertical;
}

/** Die Images der ViewHelper <hpl:form.....image **/
.labelField .type-edit-image.value,
.labelField .value button {
	float: left;
	width: auto;
}

.field .type-edit-image.value {
	float: left;
	width: auto;
}

.field {
	float: left;
	width: 100%;
	/*	border: 1px solid green; */
	/*	padding: 5px; */
}

.field .value {
	float: left;
/*	width: calc(100% - 300px); */
/*	border: 1px solid red; */
/*	padding: 5px; */
}

.value {
	/*	height: 100%; */
	/*	border: 1px solid red; */
	/*	padding: 5px; */
}

.value.image {
	width: auto;
}

.help {
	float: left;
	/*  border: 1px solid yellow; */
	/*	padding: 5px; */
	width: 30px;
	text-align: center;
	vertical-align: middle;
}

.rest {
	float: left;
	/*	border: 1px solid #eee; */
	/*	padding: 5px; */
}

/**
 * Accordions fuer Values
 */
/*
.accordionWrapper {
	width: 100%;
}
*/

.hpl-table {
}

.hpl-tr {
}

.hpl-th,
.hpl-td {
	vertical-align: middle;
}

.hpl-th .checkboxType,
.hpl-td .checkboxType {
	display: table-cell;
	width: 100%;
	text-align: center;
}

.hpl-th.checkbox,
.hpl-td.checkbox {
	display: table-cell;
	width: 30px;
	text-align: center;
}

.hpl-th.checkbox input[type="checkbox"],
.hpl-td.checkbox input[type="checkbox"] {
	margin: auto;
	width: 13px;
}

.checkboxType,
.booleanType,
.radioType {
}

.numberType {
	text-align: right;
}

.hpl-th.details,
.hpl-td.details,
.hpl-th.read,
.hpl-td.read {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	text-align: center;
	padding: 0;
}

.hpl-td.details:hover a,
.hpl-td.details:hover a:hover {
	text-align: center;
	background-color: inherit;
}

.hpl-th.edit,
.hpl-td.edit {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	text-align: center;
	padding: 0;
}

.hpl-td.edit:hover a,
.hpl-td.edit:hover a:hover {
	text-align: center;
	background-color: inherit;
}

.hpl-th.delete,
.hpl-td.delete {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	text-align: center;
	padding: 0;
}

.hpl-td.delete:hover a,
.hpl-td.delete:hover a:hover {
	text-align: center;
	background-color: inherit;
}

/*
.hpl-table {
	border-collapse: collapse;
}

.hpl-th,
.hpl-td {
	border: 1px solid #ccc;
}

.hpl-th {
	font-weight: bold;
}
*/

/*
.hpl-table { display:table; }
.hpl-tr { display:table-row; }
.hpl-th { display:table-cell; }
.htp-td { display: table-cell; }

.hpl-th.read    { width: 30px; }
.hpl-th.details { width: 30px; }
.hpl-th.edit    { width: 30px; }
.hpl-th.delete  { width: 30px; }

.hpl-td.read    { width: 30px; }
.hpl-td.details { width: 30px; }
.hpl-td.edit    { width: 30px; }
.hpl-td.delete  { width: 30px; }
*/

.linkBox {
	margin-top: 3px;
}

.backLink {
	margin-bottom: 20px;
}

.images {
	display: flex;
}

.event-image .value-image {
	position: relative;
}

.type-edit-button {
	float: left;
}

.type-read-image,
.type-edit-image {
	margin-right: 10px;
}

.type-submit-button {
	margin-left: 20px;
}