@media all
{
	html {  }
	body {
		font-size: 13px;
		background: #E6E8E9;
	}
	h1 { color: #004480; }
	ul { list-style-type: none; }
	
	.shadow {
		box-shadow:0px 3px 3px #666;
	}
	
	.sr-only {
		display: none;
	}

	/* Buttons */
	button,
	input.button {
		height: 31px;
		border: none;
		background-color: #004480;
		color: #fff;
		text-decoration: none;
		padding: 0 6px;
		box-shadow: 0px 3px 3px #666;
		margin-top: 10px;
		margin-bottom: 4px;
	}
	a.button,
	span.button {
		padding: 8px;
		margin-top: 10px;
		margin-bottom: 4px;
		background: #004480;
		color: #fff;
		text-decoration: none;
		box-shadow: 0px 3px 3px #666;
		cursor:pointer;
		display: block;
		text-align: center;
	}
	a.button.show_all_pdf { display: none; }
	
	a.button.small { display: inline-block; padding: 4px 8px; }
	
	a, a:hover { text-decoration:none; }
	a { color: #004480; }

	div.formbody input.submit,
	input.submit {
		height: 31px;
		border: none;
		background: #004480;
		color: #fff;
		text-decoration: none;
		box-shadow: 0px 3px 3px #666;
		margin-top: 10px;
		margin-bottom: 4px;
	}
	

	.navHome ul { margin: 0 -12px; } 
	.navHome ul li { display: block; width: 50%; float: left; margin: 0; padding: 12px; box-sizing: border-box; }
	.navHome ul li a { display: block; text-align: center; color: #fff; background: #004480; padding: 24px; }
	.navHome ul li img { display: block; margin: 0 auto; }
	.navHome ul li a div { font-size: 25px; font-weight: bold; margin-top: 24px; }
	
	body.kundenauswahl .mod_header_info { display: none; }
	body.kundenauswahl .mod_customnav li.kundeninfo { display: none; }
	body.kundenauswahl #headerNav.mod_customnav li a { border: none; }
	body.kundeninfo .mod_header_info .headerInfoLine_geraet { display: none; }
	body.kundeninfo .mod_header_info ul li span { border: none; }
	
	#headerNav, .mod_header_info { max-width: 480px; }
	#headerNav, #headerNav li { float: left; max-height: 38px; line-height: 38px; margin: 0; }
	.mod_header_info { float: right; margin: 0; }
	.mod_header_info li { float: left; max-height: 38px; line-height: 38px; margin: 0; }
	#headerNav li>a,
	#headerNav li>span,
	#headerNav li>strong,
	.mod_header_info li>span{ border-right: 2px solid #e3e4e4; padding: 0 9px; font-weight: normal; }
	
	#headerNav li.last a, #headerNav li.last span, #headerNav li.last strong, .mod_header_info li:last-child span { border-right: none; }
	#headerNav li, #headerNav li a, .mod_header_info li { color: #fff; }
	
	
	#header { background: #004480; margin-bottom:  }
	#header img { display: block; }
	#logo { padding: 0 18px; margin-right: 18px; float: right; background: #e3e4e4; }
	
	#footer {  border-top: 3px solid; margin-top: 18px; }
	
	
	
	#infoList {
		width: 230px;
		float: left;
		padding: 10px;
		margin-right: 12px;
		overflow: hidden;
		background: #fff;
		border: 4px solid #97979b;
	}
	
	#infoList h3 { color: #004480; }
	
	#infoList ul li:first-child {
		color: #004480;
		font-weight: bold;
		border-bottom: 1px solid;
	}
	
	#itemList .extendedList { display:none; }
	
	#minListButton { display: none; }
	.cstListButton, #extListButton, #minListButton {
		    position: absolute;
			right: 0;
			top: 3px;
			color: #004480;
			text-decoration: none;
			padding: 4px 8px;
			margin-left: 5px;
			background: #bbb;
			font-weight: bold;
			color: #485E88;
			text-decoration: none;
			cursor: pointer;
	}
	
	#itemList h4, .mod_termin h4 { border-bottom: 1px solid #004480; color: #004480; line-height: 28px; margin-bottom: 10px; }

	.hlBlock { border-bottom: 1px solid #004480; position: relative; margin-bottom: 10px; }
	.hlBlock h4 { color: #004480; border-bottom: none !important; display: inline; }
	
	#itemList ul.listSelector {
		width: 100%;
		margin: 0;
		display: table;
		border-bottom: 5px solid #004480;
	}
	#itemList ul.listSelector li {
		display: table-cell;
		width: 500px;
		text-align: center;
		background: #004480;
		border-top-right-radius: 6px;
		border-right: 1px solid #fff;
		font-size: 120%;
		line-height: 130%;
		padding-top: 2px;
		color: #fff;
		font-weight: bold;
	}

	
	#itemList .tableContainer {
		
		border: 4px solid #97979b;
		background: #fff;
	}
	#itemList table { font-size: 130%; line-height: 140%; width: 100%; }
	#itemList table { border: 0px solid; border-collapse: collapse; }
	#itemList table td, #itemList table th { padding: 4px 14px 4px 4px; }
	
	#itemList table tr { border-top-width: 1px; border-top-style: solid; border-color: #97979b; color: #004480; }
	#itemList table tr:first-child { border-top-width: 0px; color: #000; }
	
	#itemList div.formbody { padding: 0; }
	
	
	#itemList.mod_protokoll_proc_list table td, #itemList.mod_protokoll_proc_list table th { width: auto; }
	#itemList input.checkbox { width: auto; height: auto; }
	#itemList.mod_protokoll_proc_list div.submit_container { padding: 7px 0; position: relative; }
	
	
	.typeHidden { display: none; }
	.searchHidden { display: none; }
	
	#listSearchString {width: 180px; }
	
	
	#detailsWidget {
		position: fixed;
		border: 5px solid #97979b;
		box-shadow:3px 3px 3px #666;
		top:50%;
		left:50%;
		margin-top: -100px;
		margin-left: -250px;
		width: 500px;
		height: 200px;
		background: #fff;
		padding: 10px 10px 10px 10px;
	}
	#detailsWidget ul { float: left; width: 44%;}
	#detailsWidget .hideMore{text-align:right; color: #004480; font-weight: bold;}
	
	#detailsCover {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url('/system/modules/mk_protokoll/assets/coverBg.png') repeat;
		z-index: 9999
	}
	#detailsWidget { z-index: 99999; display: none; }
	
	
	.generalForm>label,
	.generalForm>input,
	.generalForm>textarea,
	.generalForm>fieldset { margin-bottom: 12px; }
	
	div.formbody {
		padding: 7px;
	}
	
	div.formbody {
		/*width: 470px;*/
	}
	
	div.formbody br { clear: both; float: none; }
	
	div.formbody input,
	div.formbody select { height: 21px; width: 300px; }
	div.formbody textarea { height: 88px; width: 302px; }
	
	div.formbody .widget-checkbox input { width: auto; height: auto; margin: 4px 0; }
	div.formbody .widget-checkbox .custom-controls-stacked label { width: 120px; height: auto; text-align: left; }
	div.formbody .widget-checkbox>span { line-height: 1.8; margin-right: 25px; display: block; float: left; }
	
	#itemList div.formbody input.submit { width: 100%; }
	
	div.formbody input.radio { width: auto; }
	div.formbody label, .mod_edit_geraet div.formbody legend { display: inline-block; width: 200px; margin-right: 4px; line-height: 21px; text-align: right; vertical-align: top; }
	div.formbody.align-left label, .mod_edit_geraet div.formbody.align-left legend { text-align: left; }
	.mod_edit_geraet div.formbody legend { float: left; margin-right: 8px; }
	div.formbody fieldset.radio_container label { text-align: left; width: auto; min-width: 20px; margin-right: 14px; }
	
	.formHl { font-weight: bold; }
	
	.widget { margin-bottom: 10px; }
	div.formbody .widget .submit { display: block; width: 100%; }
	div.mod_termin div.formbody .submit_container input.submit {  }
	
	
	.mod_login h3 { color: #004480; }
	.mod_login .formbody { padding-left: 0; }
	.mod_login .widget-checkbox,
	.mod_login .widget-submit { padding-left: 208px; }
	
	.mod_login div.formbody .widget .submit { width: auto; padding-left: 30px; padding-right: 30px; }
	
	#home .mod_login h3 { text-align: center; color: #004480; }
	#home .mod_login table { margin: 0 auto; }
	#home .mod_login table td label { width: auto; }
	
	#home .mod_login  div.formbody { width: auto; }
	#home .mod_login div.formbody input,
	#home .mod_login div.formbody textarea,
	#home .mod_login div.formbody select { margin-bottom: 0; width: 160px; }
	#home .mod_login table td { padding: 0 10px 10px 0; }
	#home .mod_login div.formbody .submit_container input.submit { margin: 0; }
	
	
	#protokollForm label {
		text-align: left;
		/*width: auto;*/
		/*border-bottom: 1px solid #000;*/
	}
	
	#protokollForm input:focus {  }
	
	#protokollForm .formbody label.frageHeading {
		width: 100%;
		font-size: 110%;
		font-weight: bold;
		margin-bottom: 12px;
		border: none !important;
	}
	#protokollForm .protokollHeading {
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 12px;
		border: none !important;
		color: #004480;
	}
	#protokollForm label.frageLabel, #protokollForm fieldset.frageLabel {
		margin: 0 0 14px 0;
	}
	
	#protokollForm textarea.comment { max-width: 74px; max-height: 18px; margin-top: -2px; margin-left: 0px; color: #c22; }
	#protokollForm textarea.comment:focus, #protokollForm .formbody>textarea:focus { width: 70%; min-height: 140px; max-width: 100%; max-height: 100%; position: fixed; left: 40px; top: 60px; z-index: 99999; color: #000; }
	
	
	/* { width: 50%; margin-right: 0; border-bottom: 1px solid #9c9d9d; }*/
	
	#protokollForm .loading { display: none; }
	#protokollForm .formbody>fieldset.generalFrage { float: left; }
	#protokollForm .formbody>textarea { width: 300px; max-width: 300px; max-height: 20px; margin: 0px; }
	

	#protokollForm .formbody>label,
	#protokollForm .formbody legend { float: left; width: 40%; border-bottom: 1px solid #9c9d9d; margin-right: 3px;  }
	#protokollForm .formbody>fieldset.radio_container.frageLabel input.radio {
		width: auto;
		height: auto;
		line-height: 12px;
		border: none;
		margin: 0;
	}
	#protokollForm .formbody>fieldset.radio_container.frageLabel input.text {
		height: auto;
		width: 100px;
		line-height: 16px;
	}
	#protokollForm .formbody>fieldset.frageLabel .setfile,
	#protokollForm .formbody>fieldset.frageLabel .delfile	{
		cursor: pointer;
		background: #005580;
		padding: 0;
		border: 0px solid #005580;
		overflow: hidden;
		color: #fff;
		font-size: 12px;
		position: relative;
		top: -3px;
	}
	
	#protokollForm .formbody>fieldset.frageLabel .delfile {	width: 80px;  }
	#protokollForm .formbody>fieldset.frageLabel .setfile { width: 90px; }
	
	#protokollForm .formbody input.hidefile {
		display: none !important;
	}
	#protokollForm .formbody>fieldset.frageLabel .hasfile { background: #a00; }
	
	#protokollForm .formbody>fieldset.radio_container.frageLabel label {
		padding: 6px 12px 0 0;
		width: 20px;
		min-width: 20px;
		height: 25px;
		line-height: 12px;
		border: none;
		vertical-align: top;
		margin: -6px 0 6px 0;
	}
	#protokollForm .formbody>fieldset.radio_container.frageLabel.maengelGroup label {
		width: auto;
	}
	
	#protokollForm .formbody>fieldset.radio_container.frageLabel span {  }
	
	/* spec fields */
	#protokollForm .formbody>fieldset { position: relative; }
	#protokollForm .formbody input.specfield {
		float:left;
		font-size: 1em;
		line-height: 0.8em;
		height: 16px;
		width: 10%;
		margin-right: 3px;
	}
	#protokollForm .formbody > label.specfield_label, #protokollForm .formbody legend.specfield_label { width: 30%; margin-right: 0px; }
	
	#protokollForm .formbody>fieldset.auswertung { padding-top: 22px; }
	
	input.radio { padding: 12px; }
	
	#protokollForm .cst_margin { margin: 24px 0 15px 0; }
	
	
	.mod_protokoll_info_short ul li { width: 30%; min-width: 270px; float: left; padding: 2px 0; }
	.mod_protokoll_info_short { margin-bottom: 24px; color: #fff; background: #004480; }
	
	
	
	.mod_protokoll_info .tableContainer {
		border: 4px solid #97979b;
		background: #fff;
	}
	.mod_protokoll_info table {
		width: 100%;
		border-collapse: collapse;
		border: none;
	}
	.mod_protokoll_info table tr { border-top: 1px solid #97979b }
	.mod_protokoll_info table tr.frageHeading td { font-weight: bold; color: #004480; padding-left: 4px; }
	.mod_protokoll_info table td { padding: 4px 8px; overflow: hidden; }
	.mod_protokoll_info table td.frageTd { min-width: 25%; }
	.mod_protokoll_info table td.zustandTd { width: 35px; padding: 4px; color: #9c9d9d; }
	.mod_protokoll_info table td.zustandTd.active { color: #004480; font-weight: bold; }
	.mod_protokoll_info table td.zustandTd.active.beanstandung { color: #f00; }
	.mod_protokoll_info table td.bemerkungTd { padding-left: 14px; }
	.mod_protokoll_info table td.imageTd { width: 60px; }
	.mod_protokoll_info table td img { max-height: 120px; width: auto; }
	
	
	.mkwarning { color: #d33; }
	
	
	.infoButton {
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		border: 2px solid;
		border-radius: 12px;
		display: block;
		position: relative;
	}
	.infoContent {
		display: none;
		position: absolute;
		top: 0;
		right: 24px;
		min-width: 380px;
		background: #fff;
		border: 1px solid #97979b;
		padding: 12px;
	}
	.infoButton:hover .infoContent { display: block; }
	
	.ce_hofff_recursive-download-folder ul { list-style-type: none; }
	.ce_hofff_recursive-download-folder ul.level_1 { margin: 0; padding: 12px 22px 12px 0; border: 1px solid #004480; overflow: hidden; }
	.ce_hofff_recursive-download-folder ul li { border-left: 1px solid #ccc; padding-left: 5px; }
	.ce_hofff_recursive-download-folder ul li .item {
		display: inline-block;
		margin: 2px 0;
		line-height: 36px;
		background: #fff;
		padding: 0 5px;
		width: 100%;
	}
	.ce_hofff_recursive-download-folder div.formbody { padding: 7px 0 12px 0; }
	.ce_hofff_recursive-download-folder input.text { height: 31px; }
	
	div.formbody .recMails { margin-bottom: 16px; }
	div.formbody .recMails input {
		width: auto;
		margin-right: 6px;
	}
	div.formbody .recMails label {
		width: 300px;
		text-align: left;
	}
	#email_additional { width: 400px; max-width: 100%; }
	
	/************************ Extensions *********************/
	
	.kunde-pruefer.widget-checkbox
		.custom-controls-stacked,
		.custom-checkbox {
			display: inline-block;
		}
	}
	
	/* Erinnerungsfuntkion */
	.mod_edit_kunde .erinnerung { margin: 6px 0; }
	.mod_edit_kunde .erinnerung select { width: 14%; margin-right: 4px; }
	.mod_edit_kunde .erinnerung .widget-text { display: inline-block; width: 30%; margin-right: 4px; }
	
	.mod_erinnerungsfunktion  table .move_link img { margin-right: 12px; }
	.mod_erinnerungsfunktion .erinnerungen table tr td:last-child { width: 60px; }
	
	
	.mod_ln_send div.formbody #lnAddresses.checkbox_container { margin-bottom: 12px; }
	.mod_ln_send div.formbody #lnAddresses.checkbox_container label { width: 200px; }
	.mod_ln_send .moreAddresses { width: 100%; max-width: none; box-sizing: border-box; margin-bottom: 12px; }
	
	.mod_pruefer_edit #listSearchString { width: 400px; }
	.mod_pruefer_edit #itemList table tr th:first-child,
	.mod_pruefer_edit #itemList table tr td:first-child { width: 12px; }
	
	
	
	
	/************* Material ***************/
	/* Edit material */
	.mod_edit_material .ersatzteil { margin-top: 12px; }
	.mod_edit_material .ersatzteil > span { padding: 2px; }
	.mod_edit_material .ersatzteil br { display: none; }
	.mod_edit_material .widget.material_einheit { width: 14%; margin-right: 1%; display: block; float: left; }
	.mod_edit_material .widget.material_name { width: 38%; margin-right: 1%; display: block; float: left; }
	.mod_edit_material .widget.material_artnum { width: 38%; margin-right: 1%; display: block; float: left; }
	.mod_edit_material .deleteMaterialButton { width: 3%; display: inline-block; }
	.mod_edit_material .widget input,
	.mod_edit_material .widget select { width: 100%; }
	
	.mod_edit_material .submit_container { display: inline; }
	.mod_edit_material.tableless div.formbody .submit_container  input.submit { left: auto; margin-left: 0; }
	
	.mod_edit_material input.search { width: 100%; margin-top: 20px; }
	.mod_edit_material input { background-color: #fff; }
	.mod_edit_material .even input {  }
	
	
	.mod_edit_protokoll { margin-bottom: 100px; }
	.mod_edit_protokoll .ersatzteil, .mod_ln_edit .ersatzteil {
		margin-top: 10px;
		padding: 3px;
	}
	
	.mod_edit_protokoll .ersatzteil br, .mod_ln_edit .ersatzteil br {
		display: none;
	}
	.mod_edit_protokoll .ersatzteil .widget.ersatzteil_name, .mod_ln_edit .ersatzteil>.ersatzteil_name,
	.mod_edit_protokoll .ersatzteil .ersatzteil_delete, .mod_ln_edit .ersatzteil>.ersatzteil_delete,
	.mod_edit_protokoll .ersatzteil .ersatzteil_status, .mod_ln_edit .ersatzteil>.ersatzteil_status,
	.mod_edit_protokoll .ersatzteil .ersatzteil_menge, .mod_ln_edit .ersatzteil>.ersatzteil_menge { float: left; }

	.mod_edit_protokoll .ersatzteil .widget.ersatzteil_name, .mod_ln_edit .ersatzteil .ersatzteil_name { margin-right: 1%; }
	.mod_edit_protokoll .ersatzteil .ersatzteil_delete, .mod_ln_edit .ersatzteil .ersatzteil_delete { width: 2%; margin-top: 4px; text-align: right; }
	.mod_edit_protokoll .ersatzteil .ersatzteil_menge, .mod_ln_edit .ersatzteil .ersatzteil_menge {width: 300px; margin-right: 1%; }
	.mod_edit_protokoll .ersatzteil .ersatzteil_status, .mod_ln_edit .ersatzteil .ersatzteil_status {width: 300px; margin-right: 1%; }
	
	.mod_edit_protokoll .ersatzteil .widget input,
	.mod_edit_protokoll .ersatzteil .widget select { width: 100%; }
	
	.mod_ln_edit .stunden input{
		width: 120px !important;
	}
	
	.ersatzteil_selector { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }
	.ersatzteil_selector.open { display: block; }
	.ersatzteil_selector .ESinside {
		width: 680px;
		position: fixed;
		background: #fff;
		top: 150px;
		left: 50%;
		margin-left: -340px;
		padding: 30px;
		position: relative;
	}
	.ersatzteil_selector .ESinside .close { position: absolute; top:8px; right: 8px; color: #485E88; font-weight: bold; font-size: 15px; }
	.ersatzteil_selector .ersatzteil_list_material { padding: 8px 8px; margin-bottom: 12px; background-color: #E6E8E9; }
	.ersatzteil_selector .ESlist { height: 292px; overflow-x: hidden; overflow-y: scroll; }
	
	div.formbody input.ersatzteil_search { width: 70%; margin-bottom: 20px; }
	#addToList { width: 28%; float: right; margin: 0 0 20px 0; padding: 3px; }
	
	.formbody .mkarbeit label,
	.formbody .mkarbeit input,
	.formbody .mkarbeit textarea { margin-bottom: 12px; }
	
	.mod_geraet_docs .items { margin: 0 -15px; }
	
	.mod_geraet_docs .item {
		padding: 0 15px 30px 15px;
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
	.mod_geraet_docs .item.odd { clear: both; }
	
	.mod_geraet_docs .item .delete {
		position: absolute;
		right: 15px;
		top: 15px;
	}
	
	.mod_geraet_docs .item_inside {
		background-color: #004480;
		padding: 15px;
		position: relative;
	}
	.mod_geraet_docs .item_inside:after { content: ""; display: block; clear: both; }
	.mod_geraet_docs .preview {
		float: left;
		width: 130px;
		height: 130px;
		margin-right: 15px;
	}
	.mod_geraet_docs .preview img {
		max-width: 130px;
		max-height: 130px;
		width: auto;
		height: auto;
	}
	
	.mod_geraet_docs .item, .mod_geraet_docs .item a { color: #fff; }
	
	.mod_geraet_docs .upload { clear: both; float: none; }
	
	.mod_geraet_docs input { margin-bottom: 20px; margin-top: 0; }
	.mod_geraet_docs input.text,
	.mod_geraet_docs input.button { width: 220px; }
	
	#protokollForm #ohm{
		width: 105px;
		background: white;
		border: none;
	}
}

@media only screen and (max-width: 900px) {
	#protokollForm label.specfield_label, #protokollForm .formbody legend.specfield_label {
		width: 140px;
	}
	#protokollForm .formbody > label, #protokollForm .formbody legend {
		width: 200px;
	}
	
	.mod_header_info ul li span { border: none; }
	
	#protokollForm .formbody input.specfield { width: 60px; }
}