/*
// File written by Jochen "Khuri" Dippel <khuri@khuris.com>
// Copyright 2020
//
// File        : main_page.css
// Begin       : 2010.02.02 13:49:48
// Last Update : 2020.03.13 15:29:02
*/

/* This file contains the basic page definitions, using ids, classes or nested declarations */
html, body {
	width: 100%;
	height: 100%;
}
html {
	display: table;
}
body {
	display: table-cell;
	vertical-align: top;
	padding: 20px;
}
#wrapper {
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
}
.page-projekt #wrapper, .page-projekt .topmenuscrolled header {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
#contentbox {
	margin-top: 100px;
}
#contentbox, header {/*
	padding: 20px;
	border: 1px solid rgba(255,255,255,.5);
	border-radius: 4px;*/
}
header {
	margin-bottom: 20px;
}
#wrapper nav {
	border-bottom: 1px solid rgba(255,255,255,.5);
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#wrapper nav li {
	display: inline-block;
}
.mainmenu, .rightmenu, .menu {
	list-style-type: none;
	padding: 0;
}
.rightmenu {
	position: absolute;
	right: 0;
	top: 0;
}
.mainmenu .button, .rightmenu .button, .menu .button {
	min-width: 140px;
	display: inline-block;
	text-align: center;
	margin: 4px 20px 0 0;
}
.mainmenu .marked, .rightmenu .marked {
	background-color: #ddd;
}
.rightmenu .button {
	margin-left: 20px;
	margin-right: 0;
}
.menu .button {
	width: 450px;
}
.form_navigation {
	position: relative;
}
.form_navigation > div {
	display: inline-block;
	font-family: FontAwesome !important;
}
.form_navigation > div:nth-child(2) {
	position: absolute;
	right: 0;
}
.form_navigation::after {
	content: ' ';
	clear: both;
}
.form_navigation #webform_form_submit {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
}
#webform_form_print {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
}
#webform_form_print span {
	margin-right: 10px;
}

.projecttitle {
	font-weight: bold;
	font-size: 18px;
}

#webform_login input {
	max-width: 200px;
}

.webform_content {
	background-color: #d4d0c7 !important;
}
.webform_block {
	vertical-align: top;
}
#webform_form_block1_block, #webform_form_block2_block, #webform_form_block3_block, #webform_form_block4-1_block, #webform_form_block4-2_block, #webform_form_block4-3_block, #webform_form_block4-4_block {
	display: inline-block;
	width: 25%;
	padding-right: 30px;
	box-sizing: border-box;
}
.fullwidth .webform_labelbox, .fullwidth .webform_fieldbox
{
	width: 100% !important;
	display: block !important;
	margin-left: 0 !important;
}
.nolabelwidth .webform_fieldbox {
	margin-left: 0 !important;
}
#webform_form_block2_block {
	width: 50%;
}
#webform_form_block3_block {
	padding-right: 0;
}
.halfcolumn, .stcolumn, .quartercolumn {
	display: inline-block;
	width: 50%;
	padding-right: 30px;
	box-sizing: border-box;
}
.halfcolumn:nth-child(2), .stcolumn:nth-child(2n), .quartercolumn:nth-child(4), #webform_form_block4-4_block {
	padding-right: 0;
}
.stcolumn {
	width: 70%;
}
.stcolumn:nth-child(2n) {
	width: 30%;
}
#webform_form_block4-1_block {
	width: 20% !important;
}
.quartercolumn {
	width: 26.66% !important;
}

#webform_form_Ausgabereihe_box {
	width: 30%;
}
#webform_form_gegenstand_box {
	margin-top: 40px;
}
#webform_form_gegenstand_box label {
	display: none;
}
.projekttitle {
	font-size: 16pt !important;
	margin-bottom: 30px;
	font-weight: bold;
}
#webform_form_Bemerkung_Hersteller {
	height: 139px;
}
#webform_form_Bemerkung_Vorstufe {
	height: 300px;
}
#webform_form_Is_Digital_box {
	vertical-align: top;
}
#webform_form_Innenteil1_Papier_box, #webform_form_Druckformat_Innen1_box {
	margin-top: 20px;
}
#webform_form_block3-3_block {
	margin-top: 30px;
}
#webform_form_block4-1_block {
	margin-top: 23px;
}
#webform_form_Mattfolie_JN_box, #webform_form_Glanzfolie_JN_box {
	width: 40% !important;
	display: inline-block !important;
}
#webform_form_Breite_Mattfolie_box, #webform_form_Breite_Glanzfolie_box {
	width: 60% !important;
	display: inline-block !important;
}
#webform_form_Art_Leim_box, #webform_form_Farbschnitt_box {
	margin-bottom: 20px;
}
#webform_form_Farbschnitt_box {
	margin-bottom: 28px;
}
#webform_form_block4-5_block {
	margin-top: 30px;
}
#webform_form_block4-5_block .webform_labelbox, #webform_form_Liefern_KGA_JN_box .webform_labelbox {
	width: 20%;
}
#webform_form_block4-5_block .webform_fieldbox {
	width: calc(2 * 26.66% - 30px);
}
#webform_form_block4-6_block {
	margin-top: 20px;
}
#webform_form_block4-6_block > div {
	display: inline-block;
	width: auto;
}
#webform_form_Liefern_Text_box {
	width: 20% !important;
}
#webform_form_block4-6_block > div > .webform_fieldbox {
	display: block;
	width: 100%;
	padding-right: 20px;
}
#webform_form_block4-7_block, #webform_form_block4-8_block, #webform_form_block4-9_block, #webform_form_block4-91_block {
	width: calc(2 * 26.66% - 30px + 20%);
	display: inline-block;
	vertical-align: top;
}
#webform_form_block4-8_block, #webform_form_block4-91_block {
	width: calc(100% - (2 * 26.66% - 30px + 20%));
	box-sizing: border-box;
	padding-left: 20px;
	margin-top: -30px;
}
#webform_form_block4-8_block .webform_labelbox, #webform_form_block4-8_block .webform_fieldbox {
	width: 50%;
}
#webform_form_block4-91_block {
	margin-top: 100px;
}
#webform_form_Bemerkung_Buchbinderei {
	height: 150px;
}
#webform_form_Aktiviert_box {
	display: none;
}
#webform_form_btnaktivieren {
	width: 100%;
}
#webform_form_oben_block {
	margin-bottom: 20px;
}
#webform_form_links_block, #webform_form_rechts_block {
	display: inline-block;
	width: 50%;
	padding-right: 20px;
	box-sizing: border-box;
}
#webform_form_rechts_block {
	padding-right: 0;
}

#tableform .webform_etr:nth-child(2n+1) {
	background-color: #eaeaea;
}
#tableform .webform_ethr div {
	white-space: nowrap;
}
#tableform .webform_ethr div i {
	margin-left: 6px;
	color: #888;
	font-weight: 14px;
	vertical-align: middle;
}
#tableform .webform_ethr .selected i {
	color: #000;
}
#tableform .webform_ethr .sortable:hover {
	cursor: pointer;
}
#tableform .left {text-align: left;}
#tableform .center {text-align: center;}
#tableform .right {text-align: right;}
#tableform .webform_ethr > div, #tableform .webform_etr > div, #tableform .webform_etplaceholder > div, #tableform .webform_etar > div {
	padding: 2px 4px;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
}
#tableform .webform_et {
	table-layout: fixed;
}
#tableform .webform_ethr {
	display: table-header-group;
	width: 100%;
}
.page-termine #tableform .webform_etr > div:nth-child(2) {
	position: relative;
	padding: 0;
}
#tableform .webform_etr > div.bg-y {
	background-color: #ffffb0;
}
#tableform .webform_etr > div.bg-g {
	background-color: #90ee90;
}
#tableform div[class^=b-] {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
#tableform .b-c1 {background-color: transparent;}
#tableform .b-c2 {background-color: yellow;}
#tableform .b-c3 {background-color: orange;}
#tableform .b-c4 {background-color: red;}


#tableform .td-buttons {
	position: relative;
	vertical-align: top;
	height: 100%;
	padding: 0 !important;
	/*border-left: 0 none;*/
	overflow: visible !important;
}
#tableform .td-buttons > div {
	display: table;
	height: 100%;
	float: right;
}
#tableform .td-buttons > div > button {
	position: relative;
	display: table-cell;
	border-radius: 0;
	border-width: 0 0 0 1px;
	height: 100%;
	line-height: 18pt;
	font-size: 10pt;
	background-color: #efefef;
	cursor: pointer;
	box-sizing: border-box;
	padding: 5px 10px;
	border-left: 1px solid #888;
	vertical-align: top;
	margin: 0;
	font-family: FontAwesome;
	font-weight: normal;
}
#tableform .td-buttons > div > button:hover {
	background-color: #ababab;
}
#tableform .td-buttons > div > button.fa-clock-o {
	background-color: yellow;
}
#tableform .td-buttons > div > button::before {
	top: 50%;
	transform: translateY(0);
	position: relative;
	display: inline-block;
}
#archivesearch, #archivesearchclear, #druckliste, #idsearch, #projectcountbtn {
	width: auto;
	display: inline-block;
	margin-top: 0;
}
#archivesearch span, #archivesearchclear span, #druckliste span, #idsearch span, #projectcountbtn span {
	margin-right: 10px;
}
#webform_form_Ausgabereihe_box label, #webform_form_Editionsnummer_box label {
	margin-top: 0;
}
#archivesearchclear, #idsearch, #projectcountbtn {
	margin-left: 30px;
}
body.page-termine_terbeck #idsearch {
	margin-left: 0;
}
#druckliste {
	float: right;
}
#webform_content_archiv .webform_block {
	margin-bottom: 10px;
}
#webform_content_archiv .webform_block:last-child {
	margin-bottom: 0;
}
#webform_content_archiv .webform_block > div {
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin-right: 5%;
}
#webform_content_archiv .webform_block > div:last-child {
	margin-right: 0;
}
.webform_station_box, .webform_status_box {
	display: table;
	width: 100%;
	border: 1px solid #888;
}
.webform_station_box .row, .webform_status_box .row {
	line-height: 20px;
	font-size: 13px;
	display: block;
	width: 100%;
	display: table-row;
	background-color: #fff;
}
.webform_station_box .row.title, .webform_status_box .row.title {
	background-color: #e0e0e0;
}
.webform_station_box .row > div, .webform_status_box .row > div {
	display: inline-block;
	padding: 5px 4px;
	width: calc((100% / 13));
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #888;
	border-bottom: 1px solid #888;
	box-sizing: border-box;
}
.webform_station_box .row > div:first-child, .webform_station_box .row > div:nth-child(2), .webform_status_box .row > div:first-child, .webform_status_box .row > div:nth-child(2) {
	width: calc((100% / 13));
}
.webform_station_box .row:last-child > div, .webform_status_box .row:last-child > div {
	border-bottom: 0 none;
}
.webform_station_box .row > div:first-child, .webform_status_box .row > div:first-child {
	border-left: 0 none;
}
.webform_station_box .row > div span {
	font-size: 20px;
	line-height: 40px;
	display: block;
	margin: -5px -4px;
	width: calc(100% + 8px);
	height: calc(100% + 10px);
	cursor: pointer;
}
#webform_form_unten_block #webform_form_submit_box,  #webform_form_unten_block #webform_form_reset_box {
	display: inline-block;
	width: 50%;
}
#webform_form_reset_box {
	text-align: right;
}
#webform_form_reset_box button {
	background-color: #ffdab8;
}
#webform_form_focusfield_box {
	display: none;
}
.webform_status_box {
	color: #000;
}
.page-ablieferung #webform_form_rechts_block {
	width: 100%;
}
.webform_et .highlight {
	background-color: #ababab !important;
}
body.page-termine #contentbox > #webform_content_form, body.page-termine_terbeck #contentbox > #webform_content_form, body.page-ablieferung #contentbox > #webform_content_form {
	border: 0 none;
}
body.page-termine #contentbox > #webform_content_form > #webform_form, body.page-termine_terbeck #contentbox > #webform_content_form > #webform_form, body.page-ablieferung #contentbox > #webform_content_form > #webform_form {
	padding: 0;
}
.webform_etr.gray, .webform_etr .gray {
	background-color: #fff !important;
}
#tableform .webform_etr:nth-child(2n+1).gray, #tableform .webform_etr:nth-child(2n+1) .gray {
	background-color: #eaeaea !important;
}
#tableform .webform_etr:nth-child(2n+1):hover > div, .webform_elementlist .webform_etr:hover > div, .webform_elementlist .webform_etar:hover > div {
	background-color: #ababab !important;
}
.webform_etr.greenline, .webform_etr .greenline {
	background-color: #90ee90 !important;
}
.webform_etr.yellowline, .webform_etr .yellowline {
	background-color: #ffffb0 !important;
}
#tableform .webform_etr:nth-child(2n+1):hover .bg-g, #tableform .webform_etr:hover .bg-g, #tableform .webform_etr.greenline:hover > div {
	background-color: #6e9d70 !important;
}
#tableform .webform_etr:nth-child(2n+1):hover .bg-y, #tableform .webform_etr:hover .bg-y, #tableform .webform_etr.yellowline:hover > div {
	background-color: #a5a680 !important;
}
#tableform .webform_etr.marked:nth-child(2n+1), #tableform .webform_etr.marked, #tableform .webform_etr.marked:nth-child(2n+1):hover, #tableform .webform_etr.marked:hover {
	background-color: #919191 !important;
}
#tableform .webform_etr.marked:nth-child(2n+1) .bg-g, #tableform .webform_etr.marked .bg-g, #tableform .webform_etr.marked.greenline > div {
	background-color: #6e9d70 !important;
}
#tableform .webform_etr.marked:nth-child(2n+1) .bg-y, #tableform .webform_etr.marked .bg-y, #tableform .webform_etr.marked.yellowline > div {
	background-color: #a5a680 !important;
}
#tableform .webform_etr:hover .gray, #tableform .webform_etr:nth-child(2n+1):hover .gray, #tableform .webform_etr.greenline:hover .gray, #tableform .webform_etr.yellowline:hover .gray, #tableform .webform_etr.marked .gray, #tableform .webform_etr.yellowline.marked .gray, #tableform .webform_etr.greenline.marked .gray {
	background-color: #ababab !important;
}

.topmenuscrolled {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 20px;
	background-color: #003f9e;
	box-sizing: border-box;
}
.testinfo {
	position: absolute;
	left: 50%;
}