/* General */

.none {
	display: none;
}

.unselectable {
	-moz-user-select:    -moz-none;
	-khtml-user-select:  none;
	-webkit-user-select: none;
	-ms-user-select:     none;
	user-select:         none;
}



/* Links */

a:hover, .pointer {
	cursor:              pointer;
}

a.link, a.link:active, a.link:visited, a.link2, a.link2:active, a.link2:visited {
	text-decoration:     none;
}

a.link:hover, a.link2:hover {
	text-decoration:     underline;
}

a.link:before, a.link2:before {
	content:             "[ ";
}
a.link:after, a.link2:after {
	content:             " ]";
}

a.icon-a:hover {
	text-decoration:     none;
}



/* Icons */

.icon-calendar:before {
	content:            "\ea5f";
	cursor:              pointer;
}

.icon-calendar2:before {
	content:            "\ea60";
	cursor:              pointer;
}

.icon-copy:before {
	content:            "\e9c7";
	cursor:              pointer;
}

.icon-delete:before {
	color:               #ff0000;
	font-weight:         bold;
	content:             "\ed6d";
	cursor:              pointer;
}

.icon-download:before {
	content:            "\ec83";
	cursor:              pointer;
}

.icon-edit:before {
	content:            "\e910";
	cursor:              pointer;
}

.icon-logerror:before {
	color:              #aa0000;
	content:            "\ed52";
}

.icon-loginfo:before {
	content:            "\ed63";
}

.icon-logwarning:before {
	color:              #eeaa55;
	content:            "\ed50";
}

.icon-newfile:before {
	content:            "\e9a1";
	cursor:              pointer;
}

.icon-nodata:before {
	color:              #990000;
	font-weight:        bold;
	content:            "\e9a3";
}

.icon-note:before {
	content:            "\ec50";
	cursor:              pointer;
}

.icon-noteprod:before {
	content:            "\ec52";
	cursor:              pointer;
}

.icon-notecalc:before {
	content:            "\ea19";
	cursor:              pointer;
}

.icon-ok:before {
	color:               #00bb00;
	content:            "\ed72";
}

.icon-save:before {
	content:            "\ea89";
	cursor:              pointer;
}

.icon-shop:before {
	content:            "\ea02";
	cursor:              pointer;
}

.icon-split:before {
	content:            "\eea4";
	cursor:              pointer;
}

.icon-view:before {
	content:            "\ecae";
	cursor:              pointer;
}

.icon-webeditor:before {
	content:             "\e92a";
	cursor:              pointer;
}

.icon-color:before {
	content:             "\e92a";
}

.icon-imagecrop:before {
	content:             "\ee7c";
}

.icon-image:before {
	content:             "\e93e";
}

.icon-upload:before {
	content:             "\e99d";
}

.icon-shop-status {
	display:             inline-block;
	margin-top:          2px;
	width:               14px;
	height:              14px;
}

.icon-shop-status.orderstate_new:before {
	color:               #cc2233;
	content:             "\ee78";
}

.icon-shop-status.orderstate_offer:before {
	color:               #ffaa22;
	content:             "\ee78";
}

.icon-shop-status.orderstate_approval:before {
	color:               #ffdd33;
	content:             "\ea50";
}

.icon-shop-status.orderstate_order:before {
	color:               #55bb66;
	content:             "\ee76";
}

.icon-shop-status.orderstate_invoice:before {
	color:               #117722;
	content:             "\ee76";
}

.icon-shop-new {
	display:             inline-block;
	width:               5px;
	height:              13px;
	background:          url('_icons/new.gif');
	background-repeat:   no-repeat;
}

.icon-shop-new.high {
	background:          url('_icons/new-high.gif');
}

.icon-shop-new.low {
	background:          url('_icons/new-low.gif');
}

.icon-myclimate, .icon-myclimate-new, .icon-myclimate-noorder {
	display:             inline-block;
	width:               18px;
	height:              13px;
	background:          url('_icons/myclimate.png');
	background-repeat:   no-repeat;
}

.icon-myclimate-new {
	background:          url('_icons/myclimate-new.png');
}

.icon-myclimate-noorder {
	background:          url('_icons/myclimate-noorder.png');
}



/* Input-, Select- and Textarea-Fields */

div.dropdown,
div.dropdownLarge,
input.fileField,
input.textField,
input.textFieldCity,
input.textFieldFlex,
input.textFieldLarge,
input.textFieldMid,
input.textFieldMid2,
input.textFieldMLarge,
input.textFieldSml,
input.textFieldSmlR,
input.textFieldStreet,
select.selectField,
select.selectFieldFlex,
select.selectFieldLarge,
select.selectFieldMid,
select.selectFieldMid2,
select.selectFieldMid3,
select.selectFieldMLarge,
select.selectFieldSml,
select.selectFieldTitle,
select.selectFieldVSml,
textarea.textareaField,
textarea.textareaFieldFlex,
textarea.textareaFieldLarge,
textarea.textareaFieldMid2,
textarea.textareaFieldMLarge,
textarea.textareaFieldVLarge
{
	font-family:         Verdana, Arial, Helvetica, sans-serif;
	font-size:           11px;
	color:               #646464;
	background-color:    #ffffff;
	border:              1px solid #646464;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}
div.dropdown,
div.dropdownLarge {
	-webkit-box-sizing:  content-box;
	-moz-box-sizing:     content-box;
	box-sizing:          content-box;
}

input.textField, select.selectField, div.dropdown {
	width:               300px;
}

input.textFieldLarge, select.selectFieldLarge, div.dropdownLarge {
	width:               540px;
}

input.textFieldStreet {
	width:               465px;
}

input.textFieldCity {
	width:               390px;
}

input.textFieldMid2, select.selectFieldMid2 {
	width:               231px;
}

select.selectFieldMid3 {
	width:               100px;
}

input.textFieldMLarge, select.selectFieldMLarge {
	width:               450px;
}

input.textFieldMid, select.selectFieldMid {
	width:               150px;
}

select.selectFieldSml {
	width:               60px;
}

select.selectFieldTitle {
	width:               70px;
}

select.selectFieldVSml {
	width:               55px;
}

input.textFieldSml {
	width:               70px;
}

input.textFieldSmlR {
	width:               60px;
	text-align:          right;
}

input.fileField {
	width:               305px;
}

textarea.textareaField {
	width:               300px;
	height:              50px;
}

textarea.textareaFieldMid2 {
	width:               231px;
	height:              50px;
}

textarea.textareaFieldVLarge {
	width:               800px;
	height:              150px;
}

textarea.textareaFieldLarge {
	width:               540px;
	height:              60px;
}

textarea.textareaFieldMLarge {
	width:               450px;
	height:              150px;
}

textarea.textareaHeight200 {
	height:              200px;
}

textarea.textareaHeight300 {
	height:              300px;
}

input.required, select.required, textarea.required, input.required[readonly], textarea.required[readonly], select.required[readonly], div.required {
	border:              1px solid #ff0000;
	background-color:    #ffdddd;
}

input.error, select.error, div.error, span.error {
	background-color:    #ffcccc;
}

input[type='file']::-ms-value {
	border:              0;
	background-color:    #ffffff;
}

input[type='file']::-ms-browse {
	border:              0;
}




/* Input-Fields Read-only */

input.textFieldVSmlRH {
	font-family:         Verdana, Arial, Helvetica, sans-serif;
	font-size:           11px;
	color:               #646464;
	width:               55px;
	border:              0;
	text-align:          right;
}

input.textFieldVSmlRH2nd {
	font-family:         Verdana, Arial, Helvetica, sans-serif;
	font-size:           11px;
	color:               #646464;
	width:               55px;
	border:              0;
	text-align:          right;
	background-color:    #eeeeee;
}

input.textFieldVSmlRBH {
	font-family:         Verdana, Arial, Helvetica, sans-serif;
	font-size:           11px;
	font-weight:         bold;
	color:               #646464;
	width:               55px;
	border:              0;
	text-align:          right;
}

input[readonly], textarea[readonly], select[readonly], input[disabled], textarea[disabled], select[disabled] {
	background-color:    #eeeeee;
}

input[readonly]::-ms-value, input[disabled]::-ms-value {
	background-color:    #eeeeee;
}



/* Textarea fixed font */

textarea.wiki-textareaFieldVLarge, textarea.b2c-textareaFieldVLarge {
	font-family:         "Courier New", Courier, mono-space;
	font-size:           11px;
	color:               #646464;
	width:               800px;
	height:              600px;
	border:              1px solid #646464;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}



/* Textfield Group */

input.textFieldFlex, textarea.textareaFieldFlex, select.selectFieldFlex {
	flex:                1 1 auto;
	width:               1%;
}

.textFieldGroup {
	width:               300px;
	display:             flex;
	flex-wrap:           wrap;
}

#webedit-simplesmall2 .textFieldGroup {
	width:               450px;
}

.textFieldGroupText {
	display:             flex;
	align-items:         center;
	padding:             0 7px;
	min-width:           16px;
	color:               #495057;
	text-align:          center;
	white-space:         nowrap;
	background-color:    #e9ecef;
	border:              1px solid #ced4da;
	border-radius:       2px;
}



/* Submit Buttons */

input.submitButton,
input.submitButtonLarge,
input.submitButtonMid,
input.submitButtonSml,
input.submitButtonVSml,
button.submitButton,
button.submitButtonLarge,
button.submitButtonMid,
button.submitButtonSml,
button.submitButtonVSml
{
	font-family:         Verdana, Arial, Helvetica, sans-serif;
	font-size:           11px;
	color:               #000000;
	background-color:    #aaaaaa;
	font-weight:         bold;
	border:              1px solid #646464;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

button.submitButton,
input.submitButton {
	width:               300px;
}

button.submitButtonMid,
input.submitButtonMid {
	min-width:           150px;
}

button.submitButtonLarge,
input.submitButtonLarge {
	width:               540px;
}

button.submitButtonSml,
input.submitButtonSml {
	min-width:           70px;
}

button.submitButtonVSml,
input.submitButtonVSml {
	min-width:           60px;
}

button.submitButton:disabled,
input.submitButton:disabled {
	color:               #666666;
	background-color:    #dddddd;
}

a.button {
	background-color:    #aaaaaa;
	color:               #000000 !important;
	padding:             15px 0 15px 0;
	border-radius:       5px;
	font-weight:         bold;
	display:             inline-block;
	width:               100px;
	text-align:          center;
	-webkit-box-sizing:  content-box;
	-moz-box-sizing:     content-box;
	box-sizing:          content-box;
}

a.button:hover {
	background-color:    #999999;
}

a.button-no, a.button-no:link, a.button-no:active, a.button-no:focus, a.button-no:visited {
	background-color:    #aa0000;
	color:               #ffffff !important;
}

a.button-no:hover {
	background-color:    #880000;
}

a.button-yes, a.button-yes:link, a.button-yes:active, a.button-yes:focus, a.button-yes:visited {
	background-color:    #007700;
	color:               #ffffff !important;
}

a.button-yes:hover {
	background-color:    #005500;
}





/* Checkboxen */
div.tblcell-checkbox {
	min-width:           300px;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

div.checkbox-required {
	border:              1px solid #ff0000;
	background-color:    #ffdddd;
	padding-right:       20px;
}

div.checkbox-either, div.checkbox-with, div.checkbox-without {
	float:               none;
	display:             block;
	padding-left:        16px;
	margin:              3px 5px 0 0;
	text-decoration:     none;
	background:          url('_icons/cb_three_state.gif') 0 0 no-repeat;
	margin-left:         4px;
	min-width:           200px;
	-moz-user-select:    -moz-none;
	-khtml-user-select:  none;
	-webkit-user-select: none;
	-ms-user-select:     none;
	user-select:         none;
	cursor:              pointer;
}

div.checkbox-either {
	background-position: 0 0
}

div.checkbox-with {
	background-position: 0 -18px
}

div.checkbox-without {
	background-position: 0 -36px
}




/* Font-Deklaration */

.sysMsg, .admin-isadmin {
	color:               #cc0000;
}

.right {
	text-align:          right;
}

.center {
	text-align:          center;
}

.admin-isdisabled, .workflow-isdisabled {
	color:               #aaaaaa;
}

.info {
	background-image:    url('_icons/warning.png');
	background-repeat:   no-repeat;
	background-position: 10px 10px;
	background-color:    #dddddd;
	color:               #000000;
	border:              1px solid #997700;
	padding:             10px 10px 10px 150px !important;
	margin-bottom:       10px;
	min-height:          100px;
}

.separator {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaaaaa;
}

.alert, .alert-success, .alert-info, .alert-warning, .alert-danger, .alert-error {
	border:              1px solid transparent;
	border-radius:       4px;
	padding:             15px 15px 15px 40px;
	margin-bottom:       20px;
	background-repeat:   no-repeat;
	background-position: 10px 13px;
	background-size:     20px 20px;
}

.alert-success {
	background-color:    #dff0d8;
	border-color:        #3c763d;
	color:               #3c763d;
	background-image:    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMzYzc2M2QiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZWNrLWNpcmNsZSI+PHBhdGggZD0iTTIyIDExLjA4VjEyYTEwIDEwIDAgMSAxLTUuOTMtOS4xNCI+PC9wYXRoPjxwb2x5bGluZSBwb2ludHM9IjIyIDQgMTIgMTQuMDEgOSAxMS4wMSI+PC9wb2x5bGluZT48L3N2Zz4=);
}

.alert-info {
	background-color:    #d9edf7;
	border-color:        #31708f;
	color:               #31708f;
	background-image:    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMTcwOGYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWFsZXJ0LWNpcmNsZSI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiPjwvY2lyY2xlPjxsaW5lIHgxPSIxMiIgeTE9IjgiIHgyPSIxMiIgeTI9IjEyIj48L2xpbmU+PGxpbmUgeDE9IjEyIiB5MT0iMTYiIHgyPSIxMi4wMSIgeTI9IjE2Ij48L2xpbmU+PC9zdmc+);
}

.alert-warning {
	background-color:    #fcf8e3;
	border-color:        #8a6d3b;
	color:               #8a6d3b;
	background-image:    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM4YTZkM2IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWFsZXJ0LWNpcmNsZSI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiPjwvY2lyY2xlPjxsaW5lIHgxPSIxMiIgeTE9IjgiIHgyPSIxMiIgeTI9IjEyIj48L2xpbmU+PGxpbmUgeDE9IjEyIiB5MT0iMTYiIHgyPSIxMi4wMSIgeTI9IjE2Ij48L2xpbmU+PC9zdmc+);
}

.alert-danger,.alert-error {
	background-color:    #f2dede;
	border-color:        #a94442;
	color:               #a94442;
	background-image:    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhOTQ0NDIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXgtY2lyY2xlIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PGxpbmUgeDE9IjE1IiB5MT0iOSIgeDI9IjkiIHkyPSIxNSI+PC9saW5lPjxsaW5lIHgxPSI5IiB5MT0iOSIgeDI9IjE1IiB5Mj0iMTUiPjwvbGluZT48L3N2Zz4=);
}

.badge {
	display:             inline-block;
	padding:             .25em .4em;
	font-size:           75%;
	font-weight:         bold;
	line-height:         1;
	text-align:          center;
	white-space:         nowrap;
	vertical-align:      baseline;
	border-radius:       .25rem;
	color:               #ffffff;
	background-color:    #dc3545;
}




/* DIV-Layers with content */

.ajaxtooltip, .ajaxtooltip td {
	z-index:             100;
	background-color:    #ffffbb;
	border:              1px solid #aaaa00;
	font-size:           10pt;
	font-family:         Verdana, Tahoma, Arial, Helvetica, Univers, sans-serif;
	color:               #000000;
	padding:             5px 50px 5px 5px;
	max-width:           500px;
}

.fadeout {
	left:                0;
	top:                 0;
	position:            fixed;
	width:               100%;
	height:              100%;
	background-image:    url('_icons/transp-black.png');
	z-index:             200;
}

div.smallbox, div.midbox, div.largebox {
	position:            relative;
	top:                 200px;
	width:               300px;
	margin-left:         auto;
	margin-right:        auto;
	background-color:    #ffffff;
	border:              0;
	box-shadow:          0 0 30px 1px #bbbbbb;
	padding:             20px 10px;
	z-index:             200;
	text-align:          center;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

div.midbox {
	width:               400px;
}

div.largebox {
	width:               650px;
}

div.smallbox p, div.midbox p , div.largebox p {
	margin:              10px 0;
}

div.boxleft {
	text-align:          left;
}



/* AJAX-Dropdowns */

div.dropdown, div.dropdownLarge {
	height:              15px;
	position:            relative;
	padding:             0;
	margin:              0;
}

div.dropdown img, div.dropdownLarge img {
	position:            absolute;
	top:                 0;
	right:               0;
	width:               15px;
	height:              15px;
}

div.dropdown input, div.dropdownLarge input {
	font-family:         Verdana, Arial, Helvetica, sans-serif;
	font-size:           11px;
	color:               #646464;
	border:              0;
	height:              13px;
	margin:              0 2px 0 2px;
	padding:             0;
}

div.dropdown input {
	width:               270px;
}

div.dropdownLarge input {
	width:               520px;
}

div.dropdownlist, div.dropdownlistLarge {
	max-height:          200px;
	border-left:         1px solid #646464;
	border-right:        1px solid #646464;
	border-bottom:       1px solid #646464;
	position:            relative;
	padding:             0;
	background-color:    #ffffff;
	overflow-y:          scroll;
	z-index:             200;
}

div.dropdownlist {
	width:               300px;
}

div.dropdownlistLarge {
	width:               540px;
}

div.dropdownlist div, div.dropdownlistLarge div {
	font-family:         Verdana, Arial, Helvetica, sans-serif;
	font-size:           11px;
	color:               #646464;
	border-bottom:       1px solid #cccccc;
	max-height:          32px;
	overflow-y:          hidden;
}

div.dropdownlist div:hover, div.dropdownlist div.selected, div.dropdownlistLarge div:hover, div.dropdownlistLarge div.selected {
	background-color:    #3399ff;
	color:               #ffffff;
}




/* Table Cell Definitions */

div.tblrow {
	padding-bottom:      3px;
}

div.tblcell {
	display:             table-cell;
	vertical-align:      top;
}

div.tblrow-line {
	border-top:          2px solid #aaaaaa;
	margin-bottom:       7px;
	margin-top:          5px;
	font-size:           2px;
	line-height:         2px;
}

div.even, tr.even td {
	background-color:    #eeeeee;
}

div.admin-header-m, div.forms-header-m {
	margin-left:         250px;
}

td.color, p.color, tr.color, div.color {
	background-color:    #dddddd;
	font-weight:         bold;
}

div.color2:nth-child(2n) {
	background-color:    #dddddd;
}

td.borderleft {
	border-left:         1px solid #646464;
	padding-left:        10px;
}

tr.highlight td  {
	background-color:    #ffeeee;
}

table.bordertop tr td {
	border-top:          1px solid #cccccc;
}

td.calc-header, td.admin-header, td.report-header, td.wiki-header, td.shop-header, td.workflow-header, td.docselect-header, div.admin-header, div.calc-header, div.forms-header, div.booklets-header, div.gallery-header, div.media-header, div.report-header, div.shop-header, div.wiki-header, div.workflow-header, div.webedit-header {
	width:               250px;
}

div.booklets-headersmall {
	width:               100px;
}

div.forms-rowspan, div.wiki-rowspan, div.webedit-rowspan {
	width:               550px;
}

div.webedit-rowspan-smalll {
	width:               450px;
}

td.settings-header {
	width:               300px;
}

td.webedit-header, div.webedit-header-small {
	width:               200px;
}

td.wiki-date, td.shop-date, td.workflow-date {
	width:               90px;
}

td.wiki-addfield, td.shop-nr {
	width:               80px;
}

td.shop-cartlist, tr.shop-cartlist td  {
	color:               #646464;
	border-top:          1px solid #cccccc;
}

td.admin-borderbottom {
	border-bottom:       2px solid #aaaaaa;
	padding-bottom:      10px;
}

td.admin-borderbottomnext {
	height:              10px;
	line-height:         2px;
}



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

	div.tblcell {
		display:           block;
	}

	div.admin-header-m, div.forms-header-m {
		margin-left:       0;
	}

	td.calc-header, td.admin-header, td.report-header, td.wiki-header, td.shop-header, td.workflow-header, td.docselect-header, div.admin-header, div.calc-header, div.forms-header, div.booklets-header, div.gallery-header, div.media-header, div.report-header, div.shop-header, div.wiki-header, div.workflow-header, div.webedit-header {
		width:             100%;
	}

}




/* Administration */
#addresstable div div div {
	padding:             0;
	margin:              0;
	height:              30px;
	overflow-x:          hidden;
	overflow-y:          hidden;
}

#addresstable > div > div {
	border-right:        1px solid #dddddd;
}



/* Buchmontage */

#bookletform ul li div.row {
	display:             table;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

#bookletform ul li div.cell {
	height:              60px;
	padding-top:         5px;
	display:             table-cell;
	padding-right:       20px;
	border-bottom:       1px solid #dddddd;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
	vertical-align:      middle;
}

#bookletform ul li {
	clear:               both;
}

#bookletform ul li div.cell-image {
	width:               70px;
	height:              100px;
}

#bookletform ul li div.cell-image img {
	border:              1px solid #000000;
}

#bookletform ul li div.cell-pages, #bookletform ul li div.cell-finishing {
	width:               120px;
}

#bookletform ul li div.cell-icon {
	width:               70px;
	height:              100px;
	vertical-align:      middle;
	padding-right:       10px;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

#bookletform ul li div.cell-title {
	width:               250px;
}

#bookletform ul li div.cell-finishing {
	vertical-align:      top;
	padding-top:         47px;
}

#bookletform ul li div.cell-links {
	width:               130px;
	padding-right:       0;
	text-align:          right;
}

.booklets-row {
	display:             table;
	clear:               both;
	width:               100%;
}

.booklets-documents {
	display:             table-cell;
	float:               left;
	width:               50%;
	display:             table-cell;
}

.booklets-navi {
	display:             inline;
	float:               none;
	width:               auto;
	text-align:          right;
}

.booklets-navi .booklets-navigation1 {
	display:             table-cell;
	float:               right;
	width:               50%;
	height:              30px;
	text-align:          right;
}

.booklets-navi .booklets-navigation2 {
	display:             table-cell;
	float:               left;
	width:               70%;
	text-align:          left;
}

.booklets-navi .booklets-navigation3 {
	display:             table-cell;
	float:               left;
	width:               30%;
	text-align:          right;
}

#pages .booklets-pages:before {
	content:             '(';
}

#pages .booklets-pages:after {
	content:             ')';
}

/*
.booklets-documents {
	height:              auto;
}

.booklets-navi {
	display:             table-cell;
	float:               right;
	width:               50%;
	text-align:          right;
}

.booklets-navi .booklets-navigation1, .booklets-navi .booklets-navigation2, .booklets-navi .booklets-navigation3 {
	width:               100%;
	height:              auto;
	text-align:          right;
}
*/

#booklets-gridpage {
	position:            relative;
	width:               100%;
}

#booklets-gridpage .booklets-page {
	position:            relative;
	width:               442px;
	float:               left;
}

#booklets-gridpage .booklets-results {
	position:            relative;
	width:               calc(100% - 442px - 40px - 90px);
	margin-right:        20px;
	float:               left;
}

#booklets-gridpage .booklets-searchform {
	position:            relative;
	width:               100%;
	margin-bottom:       10px;
	border:              1px solid #646464;
	padding:             5px;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

#booklets-gridpage .booklets-searchtitle, #booklets-gridpage .booklets-dropzonetitle {
	position:            relative;
	width:               calc(50% - 5px);
	margin-right:        10px;
	color:               #000000;
	background-color:    #cccccc;
	font-weight:         bold;
	padding-left:        4px;
	float:               left;
	border:              1px solid #646464;
	border-bottom:       0;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

#booklets-gridpage .booklets-dropzonetitle {
	margin-right:        0;
	float:               right;
}

#booklets-gridpage .booklets-searchresults, #booklets-gridpage .booklets-dropzoneresults {
	position:            relative;
	width:               calc(50% - 5px);
	margin-right:        10px;
	float:               left;
	height:              320px;
	border:              1px solid #646464;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
	overflow-y:          scroll;
}

#booklets-gridpage .booklets-dropzoneresults {
	margin-right:        0;
	float:               right;
}

#booklets-gridpage .booklets-pages {
	position:            relative;
	width:               90px;
	height:              600px;
	float:               right;
	text-align:          center;
	overflow-y:          scroll;
}

#booklets-gridpage .booklets-pages ul {
	list-style-type:     none;
	padding:             0;
	margin:              0;
}

#booklets-gridpage .booklets-pages ul li {
	margin-bottom:       15px;
}

#booklets-gridpage .booklets-pages ul li img {
	border:              1px solid #000000;
}

#booklets-gridpage .booklets-pages #booklets-active {
	font-weight:         bold;
	background-color:    #cccccc;
}

#booklets-gridpage .booklets-pages #booklets-active img {
	border:              1px solid #ff0000;
}

.booklets-article {
	position:            relative;
	width:               100%;
	border-bottom:       1px solid #000000;
	padding:             0;
	-moz-box-sizing:     border-box;
	-webkit-box-sizing:  border-box;
	box-sizing:          border-box;
	clear:               both;
	display:             block;
	height:              60px;
	background-color:    #ffffff;
	overflow:            hidden;
}

.booklets-article-image {
	width:               57px;
	float:               left;
	height:              100%;
}

.booklets-article-image img {
	width:               auto;
	height:              auto;
	max-width:           55px;
	max-height:          59px;
}

.booklets-article-info {
	width:               calc(100% - 82px);
	float:               left;
	height:              100%;
}

.booklets-article-info .booklets-article-title {
	font-weight:         bold;
	height:              30px;
	overflow:            hidden;
	margin-bottom:       5px;
}

.booklets-article-info .booklets-red{
	color:               #ff0000!important;
}

.booklets-article-links {
	width:               25px;
	float:               right;
	height:              100%;
	text-align:          right;
}

.booklets-article-link {
	width:               100%;
	height:              19px;
	overflow:            hidden;
}

.booklets-article-link img {
	width:               auto;
	height:              auto;
	max-width:           25px;
	max-height:          19px;
	vertical-align:      top;
}



/* Kalkulation */

div.calc-productdetail {
	background-color:    #aaaaaa;
	width:               100px;
	height:              100px;
	color:               #ffffff;
	padding:             5px 10px 10px 10px;
	border-radius:       20px;
	position:            relative;
	text-align:          center;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

div.calc-productdetail-active {
	background-color:    #666666;
	cursor:              pointer;
}

div.calc-productdetail a.calc-link {
	color:               #ffffff;
	text-decoration:     none;
}

input.calc-productdetail-radio {
	display:             none;
}



/* Docselect */

#docselect-list div.docselect-file {
	position:            relative;
	width:               100%;
	height:              220px;
	cursor:              pointer;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
	clear:               both;
}

#docselect-list div.docselect-file:hover a {
	text-decoration:     underline;
}

#docselect-list div.docselect-icon {
	position:            relative;
	width:               250px;
	height:              150px;
	text-align:          left;
	overflow:            hidden;
	float:               left;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

#docselect-list div.docselect-icon img {
	max-width:           150px;
	max-height:          150px;
}

#docselect-list div.docselect-text {
	position:            relative;
	left:                0;
	top:                 0;
	width:               500px;
	height:              150px;
	text-align:          left;
	color:               #000000;
	overflow:            hidden;
	line-height:         1em;
	float:               left;
}

#docselect-table div.docselect-file {
	position:            relative;
	width:               150px;
	height:              220px;
	float:               left;
	margin-left:         20px;
	margin-right:        20px;
	cursor:              pointer;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

#docselect-table div.docselect-file:hover a {
	text-decoration:     underline;
}

#docselect-table div.docselect-icon {
	position:            absolute;
	width:               150px;
	height:              150px;
	text-align:          center;
	overflow:            hidden;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

#docselect-table div.docselect-icon img {
	max-width:           150px;
	max-height:          150px;
}

#docselect-table div.docselect-text {
	position:            absolute;
	left:                0;
	top:                 160px;
	width:               150px;
	height:              40px;
	text-align:          center;
	color:               #000000;
	overflow:            hidden;
	line-height:         1em;
}

#docselect-buttons div.docselect-file {
	position:            relative;
	background-color:    #dddddd;
	margin:              10px;
	width:               200px;
	height:              200px;
	float:               left;
	box-shadow:          0 0 30px 1px #bbbbbb;
	cursor:              pointer;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

#docselect-buttons div.docselect-file:hover a {
	text-decoration:     underline;
}

#docselect-buttons div.docselect-icon {
	position:            absolute;
	left:                25px;
	top:                 10px;
	width:               150px;
	height:              150px;
	text-align:          center;
	overflow:            hidden;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

#docselect-buttons div.docselect-icon img {
	max-width:           150px;
	max-height:          150px;
}

#docselect-buttons div.docselect-text {
	position:            absolute;
	left:                10px;
	top:                 170px;
	width:               180px;
	height:              25px;
	text-align:          center;
	color:               #000000;
	overflow:            hidden;
	line-height:         1em;
}

#docselect-ajaxlist div.docselect-file {
	position:            relative;
	background-color:    #dddddd;
	margin-bottom:       2px;
	width:               250px;
	height:              20px;
	padding:             4px;
	color:               #000000;
	overflow:            hidden;
	line-height:         1em;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

#docselect-ajaxlist div.docselect-subcat {
	font-weight:         bold;
}

#docselect-ajaxlist div.docselect-document {
	cursor:              pointer;
}

#docselect-ajaxlist div.docselect-document:hover {
	background-color:    #bbbbbb;
}

#docselect-ajaxlist div.docselect-files {
	float:               left;
	width:               300px;
}

#docselect-ajaxlist div.docselect-icon {
	float:               left;
	width:               250px;
}

#docselect-ajaxlist div.docselect-icon img {
	max-width:           150px;
	max-height:          150px;
}

#docselect-ajaxlist div.docselect-text {
	float:               left;
	width:               250px;
}

div.docselect-productdetail, div.docselect-productdetail-large {
	background-color:    #aaaaaa;
	height:              105px;
	color:               #ffffff;
	padding:             10px;
	position:            relative;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

div.docselect-productdetail {
	width:               100px;
}

div.docselect-productdetail-large {
	width:               167px;
}

div.docselect-productdetail:hover, div.docselect-productdetail-large:hover {
	background-color:    #666666;
	cursor:              pointer;
}

div.docselect-productdetail a.docselect-link, div.docselect-productdetail-large a.docselect-link {
	color:               #ffffff;
	text-decoration:     none;
}



/* Formular-Manager */

.forms-currentstep {
	font-weight:         bold;
	color:               #cc0000;
}

.forms-currentstep:before {
	content:             "[ ";
}

.forms-currentstep:after {
	content:             " ]";
}

#forms-resulttable tr.forms-document:hover td {
	background-color:    #eeeeee;
	color:               #000000;
}

div.forms-detail span.checkbox, div.forms-detail label.checkbox {
	min-width:           250px;
	display:             inline-block;
	-moz-user-select:    -moz-none;
	-khtml-user-select:  none;
	-webkit-user-select: none;
	-ms-user-select:     none;
	user-select:         none;
}

#forms-search-show, #forms-search-hide {
	color:               #999999;
	cursor:              pointer;
	background-repeat:   no-repeat;
	background-position: right;
	padding-right:       15px;
	text-align:          right;
}

#forms-search-show {
	background-image:    url('_icons/arrow-down.png');
}

#forms-search-hide {
	background-image:    url('_icons/arrow-up.png');
}




/* Webeditor */

div.webedit-subtitle, div.webedit-subtitleml, div.webedit-fieldtitle, div.webedit-fieldtitleml {
	background-color:    #dddddd;
	color:               #000000;
	font-weight:         bold;
	margin-bottom:       2px;
	padding:             0 2px 0 2px;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

div.webedit-subtitle, div.webedit-fieldtitle {
	width:               300px;
}

div.webedit-subtitleml, div.webedit-fieldtitleml {
	width:               450px;
}

.webedit-blau, .webedit-blau[readonly] {
	background-color:    #ebecff;
}

.webedit-gelb, .webedit-gelb[readonly] {
	background-color:    #ffffeb;
}

.webedit-gruen, .webedit-gruen[readonly] {
	background-color:    #ddffdd;
}

div.marked {
	background-color:    #ffff00;
	opacity:             0.5;
	filter:              alpha(opacity=50);
}

div.marked-error {
	background-image:    url('_icons/error.gif');
	background-repeat:   no-repeat;
	background-position: 0 0;
}

div.webedit-fields-big, div.webedit-fields-small, div.webedit-fields-small2, div.webedit-fields-tabbed {
	position:            relative;
	min-height:          460px;
	max-height:          570px;
	overflow-y:          auto;
	margin-bottom:       15px;
}

div.webedit-fields-small2 {
	width:               480px;
}

div.webedit-tabs div {
	font-weight:         bold;
	background-color:    #dddddd;
	border-right:        1px solid #999999;
	border-top:          1px solid #999999;
	border-bottom:       1px solid #999999;
	display:             inline-block;
	padding:             2px 10px 2px 10px;
}

div.webedit-tabs div:nth-child(1) {
	border-left:         1px solid #999999;
}

div.webedit-tabs div.tab_active {
	background-color:    #ffffff;
	border-bottom:       1px solid #ffffff;
}

div.webedit-tabcontent {
	background-color:    #ffffff;
}

.webedit-row {
	display:             table;
	clear:               both;
	width:               100%;
}

.webedit-documents {
	display:             table-cell;
	float:               left;
	width:               50%;
	display:             table-cell;
}

.webedit-topnavigation {
	display:             table-cell;
	float:               right;
	width:               50%;
	text-align:          right;
}

.webedit-bottomnavigation {
	width:               100%;
	padding-top:         5px;
}

.webedit-topnavigation .webedit-navigation1, .webedit-topnavigation .webedit-navigation2, .webedit-topnavigation .webedit-navigation3, .webedit-topnavigation .webedit-navigation4, .webedit-topnavigation .webedit-navigation5,
.webedit-bottomnavigation .webedit-navigation1, .webedit-bottomnavigation .webedit-navigation2, .webedit-bottomnavigation .webedit-navigation3, .webedit-bottomnavigation .webedit-navigation4, .webedit-bottomnavigation .webedit-navigation5 {
	width:               100%;
}

.webedit-form {
	display:             table-cell;
	float:               left;
	width:               500px;
	width:               calc(100% - 320px);
}

.webedit-preview {
	display:             table-cell;
	float:               right;
	width:               300px;
	text-align:          right;
}

.webedit-content-simple-small2 .webedit-form,.webedit-content-dhtml-rendered-dual2 .webedit-form {
	float:               right;
	width:               480px;
}

.webedit-content-simple-small2 .webedit-preview, .webedit-content-dhtml-rendered-dual2 .webedit-preview {
	float:               left;
	text-align:          left;
	width:               320px;
}


.webedit-content-simple-big .webedit-form, .webedit-content-dhtml-rendered-dual .webedit-form {
	float:               right;
	width:               350px;
}

.webedit-content-simple-big .webedit-preview, .webedit-content-dhtml-rendered-dual .webedit-preview {
	float:               left;
	text-align:          left;
	width:               420px;
}

.webedit-content-dhtml-rendered .webedit-form {
	float:               right;
	width:               1px;
}

.webedit-content-dhtml-rendered .webedit-preview {
	float:               left;
	text-align:          left;
	width:               98%;
}

#webedit-topnavigation a, #webedit-bottomnavigation a, #booklets-navi a, #booklets-navi select {
	margin-left:         5px;
}

#webedit-topnavigation a:first-child , #webedit-bottomnavigation a:first-child , #booklets-navi a:first-child  {
	margin-left:         0;
}

#webedit-navi-pdfpreview {
	display:             none;
}

#webedit-naviform-previewrefresh, #webedit-naviform-back, #webedit-naviform-calc, #webedit-navibottom-previewrefresh, #webedit-navibottom-back, #webedit-navibottom-calc {
	display:             none;
}

#booklets-navi2 a, #booklets-navi2 input, #booklets-navi2 select {
	margin-right:        5px;
}

div.webeditor-indicator {
	background-color:    #dddddd;
	width:               100%;
	height:              20px;
	padding:             0;
}

div.webeditor-indicator div {
	height:              20px;
	overflow-x:          hidden;
	overflow-y:          hidden;
}

img.webeditpreview {
	border:              1px solid #000000;
	margin-bottom:       2px;
}

img.webeditpreview2 {
	margin-right:        2px;
	height:              100px;
}

span.webedit-tooltip {
	width:               16px;
	height:              16px;
	margin-right:        6px;
	float:               right;
	background-size:     16px 16px;
	opacity:             0.5;
	filter:              alpha(opacity=50);
}

div.webedit-content-simple-small2 span.webedit-tooltip, div.webedit-content-simple-big span.webedit-tooltip, div.webedit-content-dhtml-rendered-dual span.webedit-tooltip, div.webedit-content-dhtml-rendered-dual2 span.webedit-tooltip {
	margin-right:        0;
	background-position: center center;
	background-repeat:   no-repeat;
	background-size:     14px 14px;
	opacity:             1.0;
	filter:              alpha(opacity=100);
}



/* Wiki */

.wiki-protected  {
	color:               #646464;
	background-image:    url('_icons/key.gif');
	background-repeat:   no-repeat;
	background-position: 5px 5px;
	background-color:    #dddddd;
	font-weight:         bold;
	padding-top:         2px;
	padding-bottom:      2px;
	padding-left:        20px;
}

td.wiki-area {
	width:               150px;
}

td.wiki-links {
	width:               70px;
	text-align:          right;
}

td.wiki-header-view, div.wiki-header-view {
	width:               250px;
	font-weight:         bold;
	border-bottom:       1px solid #cccccc;
}

td.wiki-details-view, div.wiki-detail-view {
	color:               #646464;
	border-bottom:       1px solid #cccccc;
	width:               550px;
}

#wiki_clipboard {
	font-weight:         bold;
}

#wiki_clipboard:before {
	content:             "[ ";
}

#wiki_clipboard:after {
	content:             " ]";
}




/* Workflow */

tr.workflow-project-header td, tr.workflow-project td {
	background-color:    #dddddd;
	font-weight:         bold;
}

tr.workflow-task-linkstop {
	display:             none;
}


/* Shop */

td.shop-price {
	width:               100px;
	text-align:          right;
}

table.shop-radiotable tr td {
	padding-bottom:      5px;
	padding-top:         5px;
	padding-right:       5px;
}

table.shop-radiotable tr td a {
	font-weight:         normal;
}

.shop-amount {
	width:               60px;
	text-align:          right;
}

.shop-title {
	width:               190px;
	max-width:           190px;
	overflow-x:          hidden;
}

.shop-address {
	width:               550px;
	max-width:           550px;
	overflow-x:          hidden;
}

td.shop-links {
	width:               100px;
	text-align:          right;
	white-space:         nowrap;
}

td.shop-smalllinks {
	width:               20px;
}

td.shop-borderbottom {
	border-bottom:       2px solid #aaaaaa;
	padding-bottom:      10px;
}

div.shop-productdetails {
	background-color:    #bbbbbb;
	color:               #000000;
	padding:             2px;
	margin:              3px 0 3px 0;
	border-radius:       5px;
}

/*
div.shop-companylist {
	width:               500px;
	height:              100px;
	overflow-y:          scroll;
}
*/
div.shop-companylist span:after {
	content:             '\A';
	white-space:         pre;
}

#shop-orderlist tr.shop-order {
	cursor:              pointer;
}

div.shopretail-button {
	width:               120px;
	height:              120px;
	float:               left;
	margin-right:        30px;
	margin-bottom:       30px;
	text-align:          center;
	padding:             20px;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
	font-weight:         500;
	font-size:           18px;
	line-height:         22px;
	box-shadow:          0 0 30px 1px #bbbbbb;
	display:             flex;
	align-items:         center;
	justify-content:     center;
	color:               #ffffff;
	background-color:    #aaaaaa;
}

div.shopretail-button:hover {
	cursor:              pointer;
	color:               #ffffff;
	background-color:    #666666;
}

/*
#shopretail_Kategorie_1 {
	background-image:    url('_icons/warning.png');
	background-image:    url('staempfli-small.jpg');
	background-position: center;
	background-size:     cover;
	font-size:           12px;
	font-weight:         bold;
	padding-top:         90px;
	align-items:         baseline;
}
#shopretail_Kategorie_1:hover {
	opacity: 0.7;
}
*/

#productiontable tr.even td {
	background-color:    #eeeeee;
}

#productiontable tr.details td {
	background-color:    #e5eeff;
}


#productiontable tr td {
	border-right:        1px solid #dddddd;
	padding:             2px 4px 0 4px;
	height:              35px;
	min-height:          35px;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

#productiontable tr td div {
	height:              35px;
	max-height:          35px;
	overflow-y:          hidden;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

#productiontable tr.details td {
	height:              18px;
	min-height:          18px;
}


/*
#productiontable tr td {
	white-space:         nowrap;
}
*/








/*
#shop-orderfiltertable span:after, #shop-productionfiltertable span:after {
	content:             '\A';
	white-space:         pre;
}
div.tblrow {
	padding-bottom:      20px;
}

div.tblcell {
	display:             inherit;
	padding-bottom:      3px;
}

div.tblrow-line {
	border-top:          2px solid #aaaaaa;
	margin-bottom:       17px;
	margin-top:          5px;
	font-size:           2px;
	line-height:         2px;
}

div.admin-header-m {
	margin-left:         0;
}

div.wiki-header-view, div.wiki-detail-view {
	border:              0;
}

#forms-search-state div.forms-detail span.checkbox {
	min-width:           0;
	display:             inline;
	padding-right:       20px;
}

#forms-search-state div.forms-detail br {
	display: none;
}
*/