/*=============== Funktionsleiste im Listing ==================*/

	section .col80.listing {
		width:74.5%;
	}
	
	@media only screen and (min-width: 1901px) {
		
		section .col80.listing {
			width:81%;
		}
		
	}
	
	@media only screen and (min-width: 1600px) and (max-width: 1900px){
		
		section .col80.listing {
			width: 78%;
		}
		
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1024px) { 
		
		section .col80.listing {
			width: 69%;
		}
		
	}
	
	@media only screen and (min-width: 1024px) and (max-width: 1200px) { 
		
		section .col80.listing {
			width: 72%;
		}
		
	}
	
	
	
	
	
	
	
	
	body.menuopen section .col80.listing {
		width: 93.5%;
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1024px) { 
		
		body.menuopen section .col80.listing {
			width: 85%;
		}
		
	}
	
	@media only screen and (min-width: 1024px) and (max-width: 1200px) { 
	
		body.menuopen section .col80.listing {
			width: 80%;
		}
		
	}
	
	@media only screen and (min-width: 1200px) and (max-width: 1600px) { 
	
		body.menuopen section .col80.listing {
			width: 91%;
		}
		
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	body.functionsopen section .col80.listing {
		width:72%;
	}
	
	
	
	@media only screen and (min-width: 768px) and (max-width: 1024px) { 
		
		body.functionsopen section .col80.listing {
			width: 50%;
		}
		
	}
	
	@media only screen and (min-width: 1024px) and (max-width: 1200px) { 
	
		body.functionsopen section .col80.listing {
			width: 56%;
		}
		
	}
	
	@media only screen and (min-width: 1200px) and (max-width: 1600px){
		
		body.functionsopen section .col80.listing {
			width: 60%;
		}
		
	}
	
	@media only screen and (min-width: 1600px) and (max-width: 1900px){
		
		body.functionsopen section .col80.listing {
			width: 68%;
		}
		
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	body.menuopen.functionsopen section .col80.listing {
		width:80%;
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1024px) { 
	
		body.menuopen.functionsopen section .col80.listing {
			width:70%;
		}
		
	}
	
	@media only screen and (min-width: 1025px) and (max-width: 1366px) { 
	
		body.menuopen.functionsopen section .col80.listing {
			width: 70%;
		}
		
	}
	
	@media only screen and (min-width: 1367px) and (max-width: 1700px) { 
	
		body.menuopen.functionsopen section .col80.listing {
			width: 74%;
		}
		
	}
	
	@media only screen and (min-width: 1701px) { 
	
		body.menuopen.functionsopen section .col80.listing {
			width: 80%;
		}
		
	}
	
	
	
	
/*=============== Funktionsleiste rechts ==================*/	
	
	.functionsFrame {
		width: 4%;
		background: #fff;
		border-left: 1px solid rgba(0,0,0,.05);
		margin: 30px 0 0 0;
	}
	
	body.menuopen .functionsFrame {
		width: 4%;
	}
	
	body.functionsopen .functionsFrame {
		width: 13%;
		background: #fff;
	}
	
	@media only screen and (min-width: 1024px) and (max-width: 1200px) { 
	
		body.functionsopen .functionsFrame {
			width: 22%;	
		}
	}
	
	body.functionsopen .tooltiptext {
		display: none;
	}
	
	.functionsFrame ul, 
	.functionsFrame ul.top {
		margin: 0 0 0 10px;
		position: fixed;
		top: 100px;
		-webkit-backface-visibility: hidden;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		-ms-transition: all .5s ease;
		transition: all .5s ease;
	}
	
	.functionsFrame ul.top {
		top: 20px;
	}
	
	.functionsFrame ul li {
		display: block;
		margin: 0;
		padding: 0;
		line-height: 45px;
		clear: both;
	}
		
	.functionsFrame ul li a, 
	.functionsFrame ul li button {
		margin: 0 12px 5px 0;
		padding: 0 0 0 10px;
		text-decoration: none;
		display: block;
		outline: 0 none;
		font-size: 14px;
		color: #58585a;
		/*border: 1px solid rgba(0,0,0,.1);*/
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	.functionsFrame ul li button {
		border: none;
		background: none;
		line-height: 45px;
	}
	
	.functionsFrame ul li button:disabled {
		opacity: .3;
		cursor: default;
	}
	
	.functionsFrame ul li a:hover, 
	.functionsFrame ul li button:hover {
		/*background: rgba(0,157,224,.1);*/
		color: rgba(0,157,224,1);
		cursor: pointer;
	}
	
	.functionsFrame ul li button:disabled:hover {
		color: #58585a;
		cursor: default;
	}
	
	.functionsFrame ul li a .menuTxt, .functionsFrame ul li button .menuTxt {
		display: none;
	}
	
	.functionsFrame ul li a.button_new:before, .functionsFrame ul li button.button_new:before,
	.functionsFrame ul li a.button_change:before, .functionsFrame ul li button.button_change:before,
	.functionsFrame ul li a.button_delete:before, .functionsFrame ul li button.button_delete:before,
	.functionsFrame ul li a.button_lock:before, .functionsFrame ul li button.button_lock:before,
	.functionsFrame ul li a.menu5:before, .functionsFrame ul li button.menu5:before,
	.functionsFrame ul li a.menu6:before, .functionsFrame ul li button.menu6:before,
	.functionsFrame ul li a.button_mailSend:before, .functionsFrame ul li button.button_mailSend:before		{
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		text-decoration: inherit;
		padding: 0;
		margin: 0 2px 0 0;
		font-size: 28px;
		text-align: center;
	}
	
	/* Neu */
	.functionsFrame ul li a.button_new:before, .functionsFrame ul li button.button_new:before {
		content: "\f15b";
	}
	
	/* Bearbeiten */
	.functionsFrame ul li a.button_change:before, .functionsFrame ul li button.button_change:before {
		content: "\f044";
	}
	
	/* Löschen */
	.functionsFrame ul li a.button_delete:before, .functionsFrame ul li button.button_delete:before {
		content: "\f1f8";
	}
	
	/* Sperren/Freigeben */
	.functionsFrame ul li a.button_lock:before, .functionsFrame ul li button.button_lock:before {
		content: "\f023";
		
	}
	
	/* CSV */
	.functionsFrame ul li a.menu5:before, .functionsFrame ul li button.menu5:before {
		content: "\f6dd";
	}
	
	/* Liste */
	.functionsFrame ul li a.menu5:before, .functionsFrame ul li button.menu6:before {
		content: "\f46d";
	}
	
	/* Mail schicken */
	.functionsFrame ul li a.button_mailSend:before, .functionsFrame ul li button.button_mailSend:before {
		content: "\f0e0";
	}
	
	
	
	
	
	
	
	
	
	
	
	
	body.functionsopen .functionsFrame ul {
		margin: 0 0 0 20px;
	}
	
	body.functionsopen .functionsFrame ul li a .menuTxt{
		display: inline-block;
		vertical-align: top;
	}
	
	body.functionsopen .functionsFrame ul li button .menuTxt {
		display: inline-block;
		vertical-align: top;
	}
	
	
	
	
	

/*=============== Funktionsleiste im Listing horizontal 2020-06-16 ==================*/

	.buttonFrame button.buttonFrame_new, 
	.buttonFrame button.buttonFrame_edit, 
	.buttonFrame button.buttonFrame_delete, 
	.buttonFrame button.buttonFrame_lock, 
	.buttonFrame button.buttonFrame_info, 
	.buttonFrame button.buttonFrame_calendar, 
	.buttonFrame button.buttonFrame_process, 
	.buttonFrame button.buttonFrame_clock, 
	.buttonFrame button.buttonFrame_comment,
	.buttonFrame button.buttonFrame_firstmail,
	.buttonFrame button.buttonFrame_confirmed,
	.buttonFrame button.buttonFrame_paused,
	.buttonFrame button.buttonFrame_adduser,
	.buttonFrame button.buttonFrame_mailSend,
	.buttonFrame button.buttonFrame_mailReceive,
	.buttonFrame button.buttonFrame_undo,
	.buttonFrame button.buttonFrame_chiffre,
	.buttonFrame button.buttonFrame_abschluss,
	.buttonFrame button.buttonFrame_release_verk,
	.buttonFrame button.buttonFrame_release_k,
	.buttonFrame button.buttonFrame_filesUser,
	.buttonFrame button.buttonFrame_filesCsv,
	.buttonFrame button.buttonFrame_thumbUp,
	.buttonFrame button.buttonFrame_createfile,
	.buttonFrame button.buttonFrame_createFile,
	.buttonFrame button.buttonFrame_csvExport,
	.buttonFrame button.buttonFrame_ticket,
	.buttonFrame button.buttonFrame_hourglass_start,
	.buttonFrame button.buttonFrame_hourglass_end
	{
		position: relative;
		font-size: 0;
		width: 50px;
		min-width: 50px;
		padding: 10px 0;
		font-size: 0;
		margin: 20px 3px 20px 0;
		color: rgba(0,0,0,.5);
		/*background: #e5e5e5;
		border: 1px solid #e5e5e5;
		background: #009de0;
		border: 1px solid #009de0;*/
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		cursor: pointer;
		color: #fff;
		outline: none 0;
		border-radius: 4px;
		display: block;
		float: left;
	}
	
	/*@media only screen and (max-width: 1599px) { 
		
		.buttonFrame button.buttonFrame_new, 
		.buttonFrame button.buttonFrame_edit, 
		.buttonFrame button.buttonFrame_delete, 
		.buttonFrame button.buttonFrame_lock, 
		.buttonFrame button.buttonFrame_info, 
		.buttonFrame button.buttonFrame_calendar, 
		.buttonFrame button.buttonFrame_process, 
		.buttonFrame button.buttonFrame_clock, 
		.buttonFrame button.buttonFrame_comment,
		.buttonFrame button.buttonFrame_firstmail,
		.buttonFrame button.buttonFrame_confirmed,
		.buttonFrame button.buttonFrame_paused,
		.buttonFrame button.buttonFrame_adduser,
		.buttonFrame button.buttonFrame_mailSend,
		.buttonFrame button.buttonFrame_mailReceive,
		.buttonFrame button.buttonFrame_undo,
		.buttonFrame button.buttonFrame_chiffre,
		.buttonFrame button.buttonFrame_abschluss,
		.buttonFrame button.buttonFrame_release_verk,
		.buttonFrame button.buttonFrame_release_k,
		.buttonFrame button.buttonFrame_filesUser,
		.buttonFrame button.buttonFrame_filesCsv,
		.buttonFrame button.buttonFrame_thumbUp,
		.buttonFrame button.buttonFrame_createfile,
		.buttonFrame button.buttonFrame_createFile,
		.buttonFrame button.buttonFrame_csvExport,
		.buttonFrame button.buttonFrame_ticket,
		
		.buttonFrame fieldset.buttonFrame_thumbUp,
		.buttonFrame fieldset.buttonFrame_mailSend,
		.buttonFrame fieldset.buttonFrame_coins,
		.buttonFrame fieldset.buttonFrame_csvExport, 
		.buttonFrame fieldset.buttonFrame_thumbUp:disabled,
		.buttonFrame fieldset.buttonFrame_mailSend:disabled,
		.buttonFrame fieldset.buttonFrame_coins:disabled
		{
			margin: 0 3px 10px 0 !important;
		}
		
	}*/
	
	
	
	/*.buttonFrame button.buttonFrame_new:hover, .buttonFrame button.buttonFrame_edit:hover, .buttonFrame button.buttonFrame_delete:hover, .buttonFrame button.buttonFrame_lock:hover, .buttonFrame button.buttonFrame_info:hover, .buttonFrame button.buttonFrame_calendar:hover, .buttonFrame button.buttonFrame_process:hover, .buttonFrame button.buttonFrame_clock:hover, .buttonFrame button.buttonFrame_comment:hover {
		background: #fff;
		border: 1px solid #009de0;
		color: #009de0;
	}*/
	
	.buttonFrame button.buttonFrame_new:disabled, 
	.buttonFrame button.buttonFrame_edit:disabled, 
	.buttonFrame button.buttonFrame_delete:disabled, 
	.buttonFrame button.buttonFrame_lock:disabled, 
	.buttonFrame button.buttonFrame_info:disabled, 
	.buttonFrame button.buttonFrame_calendar:disabled, 
	.buttonFrame button.buttonFrame_process:disabled, 
	.buttonFrame button.buttonFrame_clock:disabled, 
	.buttonFrame button.buttonFrame_comment:disabled,
	.buttonFrame button.buttonFrame_firstmail:disabled,
	.buttonFrame button.buttonFrame_confirmed:disabled,
	.buttonFrame button.buttonFrame_paused:disabled,
	.buttonFrame button.buttonFrame_adduser:disabled,
	.buttonFrame button.buttonFrame_mailSend:disabled,
	.buttonFrame button.buttonFrame_mailReceive:disabled,
	.buttonFrame button.buttonFrame_undo:disabled,
	.buttonFrame button.buttonFrame_chiffre:disabled,
	.buttonFrame button.buttonFrame_abschluss:disabled,
	.buttonFrame button.buttonFrame_release_verk:disabled,
	.buttonFrame button.buttonFrame_release_k:disabled,
	.buttonFrame button.buttonFrame_filesUser:disabled,
	.buttonFrame button.buttonFrame_filesCsv:disabled,
	.buttonFrame button.buttonFrame_thumbUp:disabled,
	.buttonFrame button.buttonFrame_createfile:disabled,
	.buttonFrame button.buttonFrame_createFile:disabled	,
	.buttonFrame button.buttonFrame_csvExport:disabled,
	.buttonFrame button.buttonFrame_ticket:disabled,
	.buttonFrame button.buttonFrame_hourglass_start:disabled,
	.buttonFrame button.buttonFrame_hourglass_end:disabled
	{
		opacity: .5;
		cursor: default;
	}
	
	.buttonFrame button.buttonFrame_hourglass_end:before	{
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f253";
	}

	.buttonFrame button.buttonFrame_hourglass_start:before	{
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f251";
	}

	.buttonFrame button.buttonFrame_ticket:before	{
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f3ff";
	}
	
	.buttonFrame button.buttonFrame_createfile:before,
	.buttonFrame button.buttonFrame_createFile:before	{
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f570";
	}
	
	.buttonFrame button.buttonFrame_thumbUp:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f164";
	}
	
	.buttonFrame button.buttonFrame_filesCsv:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f6dd";
	}
	
	.buttonFrame button.buttonFrame_new:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f15b";
	}
	
	.buttonFrame button.buttonFrame_edit:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f044";
	}
	
	.buttonFrame button.buttonFrame_delete:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f1f8";
	}
	
	.buttonFrame button.buttonFrame_lock:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f023";
	}
	
	.buttonFrame button.buttonFrame_info:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f05a";
	}
	
	.buttonFrame button.buttonFrame_calendar:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f133";
	}
	
	.buttonFrame button.buttonFrame_process:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f07b";
	}
	
	.buttonFrame button.buttonFrame_clock:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f017";
	}
	
	.buttonFrame button.buttonFrame_comment:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f075";
	}
	
	.buttonFrame button.buttonFrame_firstmail:before {
		font-family: 'Font Awesome 5 Free';
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f2b6";
	}
	
	.buttonFrame button.buttonFrame_confirmed:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f46c";
		content: "\f658";
	}
	
	.buttonFrame button.buttonFrame_paused:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f252";
		content: "\f2f2";
	}
	
	.buttonFrame button.buttonFrame_adduser:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f234";
	}
	
	.buttonFrame button.buttonFrame_mailSend:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f0e0";
	}
	
	.buttonFrame button.buttonFrame_mailReceive:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f2b6";
	}
	
	.buttonFrame button.buttonFrame_undo:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f2ea";
	}
	
	.buttonFrame button.buttonFrame_chiffre:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f06e";
	}
	
	.buttonFrame button.buttonFrame_abschluss:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f46d";
	}
	
	.buttonFrame button.buttonFrame_release_verk:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f02b";
	}
	
	.buttonFrame button.buttonFrame_coins:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f51e";
	}
	
	.buttonFrame button.buttonFrame_release_k:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f290";
	}
	
	.buttonFrame button.buttonFrame_filesUser:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f15c";
	}
	
	.buttonFrame button.buttonFrame_visible_k:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f502";
	}
	
	.buttonFrame button.buttonFrame_visible_v:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f507";
	}
	
	.buttonFrame button.buttonFrame_archive:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f187";
	}
	
	.buttonFrame button.buttonFrame_csvExport:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		text-align: left;
		content: "\f6dd";
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*=============== Suche im Listing ==================*/	
	
	
	
	
	.buttonFrame_right {
		position: absolute; 
		right: 25px; 
		top: 100px;
		/*border: #e1e1e1 1px solid;*/
		max-width: 300px;
		width: auto;
		padding: 20px;
	}
	
	@media only screen and (max-width: 1024px) { 
	
		.buttonFrame_right {
			right: 10px; 
			top: 100px;
			max-width: 180px;
			padding: 5px;
		}
		
		.listings {
			margin: 180px 0 0 0 !important;
		}
		
	}
	
	@media only screen and (max-width: 768px) { 
	
		.listings {
			margin: 0 0 0 0 !important;
		}
		
	}
	
	@media only screen and (min-width: 2560px) { 
	
		.buttonFrame_right {
			max-width: 390px;
			min-width: 375px;
		}
		
	}
	
	@media only screen and (min-width: 1025px) and (max-width: 1366px) { 
	
		.buttonFrame_right {
			max-width: 250px;
			padding: 15px;
		}
		
	}
	
	/*.pagerFrame_right {
		position: absolute; 
		right: 440px; 
		right: 8%; 
		top: 153px;
		top: 50px;
	}*/
	
	.pagerFrame_right {
		top: 230px; 
	}
	
	.buttonFrame_right input[type="text"]#search {
		width: 100%;
		max-width: 250px;
	}
	
	.buttonFrame_right input[type="checkbox"] {
		margin: 0 5px 10px 0;
	}
		
	.buttonFrame_right select {
		margin: 0px 20px 10px 0;
		padding: 12px;
		background: #fff;
		max-width: 250px;
		width: 100%;
	}
	
	@media only screen and (min-width: 2560px) { 
	
		.buttonFrame_right input[type="text"]#search {
			max-width: 300px;
		}
	
		.buttonFrame_right select {
			max-width: 300px;
		}
		
	}
	
	@media only screen and (max-width: 767px) {
		
		.buttonFrame_right,
		.pagerFrame_right {
			position: relative; 
			top: 0;
			left: 0;
			overflow: hidden;
		}
		
	}
	
	/*@media only screen and (min-width: 1024px) and (max-width: 1200px) { 
	
		.buttonFrame_right, .pagerFrame_right {
			right: 10%; 
		}
		
	}
	
	body.menuopen .buttonFrame_right, 
	body.menuopen .pagerFrame_right {
		right: 14%; 
	}*/
	
	.buttonFrame .tooltip .tooltiptext.tt-left {
		left: 0;
		top: 4em;
	}
	
	.buttonFrame .tooltip .tooltiptext.tt-right {
		right: 10px;
		top: 4em;
	}
	
	#detailSearch i {
		margin: 0 10px 0 0;
	}
	
	
/*=============== Button mit Plus Zeichen ==================*/	
	
	.buttonPlus:after {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 16px;
		line-height: 18px;
		text-align: left;
		content: "\f067";
		position: absolute;
		right: 0;
		top: 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	.button_spacer {
		position: relative;
		font-size: 0;
		width: 20px;
		padding: 0;
		font-size: 0;
		margin: 20px 10px 20px 0;
		color: rgba(0,0,0,.5);
		display: inline-block;
	}
	
	.button_spacer:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0 0 0 5px;
		font-size: 38px;
		line-height: 38px;
		text-align: center;
		content: "|";
		color: rgba(0,0,0,.25);
	}
	
	
	.messagepop {
		background-color:#FFFFFF;
		cursor:default;
		display:block;
		margin-top: -5px;
		position:absolute;
		text-align:left;
		width: 275px;
		z-index:50;
		padding: 10px 10px 5px 10px;
		/*box-shadow: 0 12px 12px rgba(0, 0, 0, .25);*/
		z-index: 1;
		border: #009de0 1px solid;
		margin-left: 100px;
	}
	
	.messagepop input[type="text"]{
		max-width: 200px;
	}
	
	.messagepop button.buttonFrame_lock {
		margin: 0 10px 0 0;
		clear: both;
	}
	
	.messagepop button.button_red {
		background: #DF0101;
		border: 1px solid #DF0101;
	}
	
	.messagepop button.button_red:hover {
		background: #fff;
		border: 1px solid #DF0101;
		color: #DF0101;
	}
	
	.messagepop button.button_yellow{
		background: #ffa81e;
		border: 1px solid #ffa81e;
	}
	
	.messagepop button.button_yellow:hover {
		background: #fff;
		border: 1px solid #ffa81e;
		color: #ffa81e;
	}
	
	.messagepop button.button_green{
		background: #00d06e;
		border: 1px solid #00d06e;
	}
	
	.messagepop button.button_green:hover {
		background: #fff;
		border: 1px solid #00d06e;
		color: #00d06e;
	}
	
	.button_description {
		margin:  0 0 5px 0;
	}
	
	.button_description span {
		margin: 10px 0 0 0;
		display: inline-block;
		position: absolute;
		font-size: 14px;
	}
	
	
	
	
/*=============== div als Button mit Plus Zeichen ==================*/	

	.buttonFrame fieldset.buttonFrame_new, 
	.buttonFrame fieldset.buttonFrame_edit, 
	.buttonFrame fieldset.buttonFrame_delete, 
	.buttonFrame fieldset.buttonFrame_lock, 
	.buttonFrame fieldset.buttonFrame_info, 
	.buttonFrame fieldset.buttonFrame_calendar, 
	.buttonFrame fieldset.buttonFrame_process, 
	.buttonFrame fieldset.buttonFrame_clock, 
	.buttonFrame fieldset.buttonFrame_comment,
	.buttonFrame fieldset.buttonFrame_firstmail,
	.buttonFrame fieldset.buttonFrame_confirmed,
	.buttonFrame fieldset.buttonFrame_paused,
	.buttonFrame fieldset.buttonFrame_adduser,
	.buttonFrame fieldset.buttonFrame_mailSend,
	.buttonFrame fieldset.buttonFrame_undo,
	.buttonFrame fieldset.buttonFrame_chiffre,
	.buttonFrame fieldset.buttonFrame_abschluss,
	.buttonFrame fieldset.buttonFrame_release_verk,
	.buttonFrame fieldset.buttonFrame_release_k,
	.buttonFrame fieldset.buttonFrame_visible_k,
	.buttonFrame fieldset.buttonFrame_visible_v,
	.buttonFrame fieldset.buttonFrame_archive,
	.buttonFrame fieldset.buttonFrame_thumbUp,
	.buttonFrame fieldset.buttonFrame_coins,
	.buttonFrame fieldset.buttonFrame_csvExport,
	.buttonFrame fieldset.buttonFrame_createFile {
		position: relative;
		font-size: 0;
		width: 50px;
		min-width: 50px;
		padding: 10px 0;
		font-size: 0;
		margin: 20px 3px 20px 0;
		color: rgba(0,0,0,.5);
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		cursor: pointer;
		color: #fff;
		outline: none 0;
		border-radius: 4px;
		background: #576874;
		border: 1px solid #576874;
		text-align: center;
		min-height: auto;
		display: block;
		float: left;
		min-height: 45px;
	}
	
	.buttonFrame fieldset.buttonFrame_new:before, 
	.buttonFrame fieldset.buttonFrame_edit:before, 
	.buttonFrame fieldset.buttonFrame_delete:before, 
	.buttonFrame fieldset.buttonFrame_lock:before  , 
	.buttonFrame fieldset.buttonFrame_info:before, 
	.buttonFrame fieldset.buttonFrame_calendar:before,
	.buttonFrame fieldset.buttonFrame_process:before,
	.buttonFrame fieldset.buttonFrame_clock:before,
	.buttonFrame fieldset.buttonFrame_comment:before,
	.buttonFrame fieldset.buttonFrame_firstmail:before,
	.buttonFrame fieldset.buttonFrame_confirmed:before,
	.buttonFrame fieldset.buttonFrame_paused:before,
	.buttonFrame fieldset.buttonFrame_adduser:before,
	.buttonFrame fieldset.buttonFrame_mailSend:before,
	.buttonFrame fieldset.buttonFrame_undo:before,
	.buttonFrame fieldset.buttonFrame_chiffre:before,
	.buttonFrame fieldset.buttonFrame_abschluss:before,
	.buttonFrame fieldset.buttonFrame_release_verk:before,
	.buttonFrame fieldset.buttonFrame_release_k:before,
	.buttonFrame fieldset.buttonFrame_visible_k:before,
	.buttonFrame fieldset.buttonFrame_visible_v:before,
	.buttonFrame fieldset.buttonFrame_archive:before,
	.buttonFrame fieldset.buttonFrame_thumbUp:before,
	.buttonFrame fieldset.buttonFrame_coins:before,
	.buttonFrame fieldset.buttonFrame_csvExport:before,
	.buttonFrame fieldset.buttonFrame_createFile:before 	{
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 22px;
		/*text-align: center;*/
		content: "\f15b";
	}
	
	.buttonFrame fieldset.buttonFrame_createFile:before {
		content: "\f570";
	}
	
	.buttonFrame fieldset.buttonFrame_new:before {
		content: "\f15b";
	}
	
	.buttonFrame fieldset.buttonFrame_edit:before {
		content: "\f044";
	}
	
	.buttonFrame fieldset.buttonFrame_delete:before {
		content: "\f1f8";
	}
	
	.buttonFrame fieldset.buttonFrame_lock:before {
		content: "\f023";
	}
	
	.buttonFrame fieldset.buttonFrame_info:before {
		content: "\f05a";
	}
	
	.buttonFrame fieldset.buttonFrame_calendar:before {
		content: "\f133";
	}
	
	.buttonFrame fieldset.buttonFrame_process:before {
		content: "\f07b";
	}
	
	.buttonFrame fieldset.buttonFrame_clock:before {
		content: "\f017";
	}
	
	.buttonFrame fieldset.buttonFrame_comment:before {
		content: "\f075";
	}
	
	.buttonFrame fieldset.buttonFrame_firstmail:before {
		content: "\f2b6";
	}
	
	.buttonFrame fieldset.buttonFrame_confirmed:before {
		content: "\f658";
	}
	
	.buttonFrame fieldset.buttonFrame_paused:before {
		content: "\f2f2";
	}
	
	.buttonFrame fieldset.buttonFrame_adduser:before {
		content: "\f234";
	}
	
	.buttonFrame fieldset.buttonFrame_mailSend:before {
		content: "\f0e0";
	}
	
	.buttonFrame fieldset.buttonFrame_undo:before {
		content: "\f2ea";
	}
	
	.buttonFrame fieldset.buttonFrame_chiffre:before {
		content: "\f06e";
	}
	
	.buttonFrame fieldset.buttonFrame_abschluss:before {
		content: "\f46d";
	}
	
	.buttonFrame fieldset.buttonFrame_release_verk:before {
		content: "\f02b";
		/*content: "\f51e";*/
	}
	
	.buttonFrame fieldset.buttonFrame_release_k:before {
		content: "\f290";
	}
	
	.buttonFrame fieldset.buttonFrame_visible_k:before {
		content: "\f0db";
		content: "\f502";
	}
	
	.buttonFrame fieldset.buttonFrame_visible_v:before {
		content: "\f0c5";
		content: "\f507";
	}
	
	.buttonFrame fieldset.buttonFrame_archive:before {
		content: "\f187";
	}
	
	.buttonFrame fieldset.buttonFrame_thumbUp:before {
		content: "\f164";
	}
	
	.buttonFrame fieldset.buttonFrame_coins:before {
		content: "\f51e";
	}
	
	.buttonFrame fieldset.buttonFrame_csvExport:before {
		content: "\f6dd";
	}
	
	.buttonFrame fieldset.buttonFrame_new:hover,
	.buttonFrame fieldset.buttonFrame_edit:hover, 
	.buttonFrame fieldset.buttonFrame_delete:hover, 
	.buttonFrame fieldset.buttonFrame_lock:hover, 
	.buttonFrame fieldset.buttonFrame_info:hover, 
	.buttonFrame fieldset.buttonFrame_calendar:hover, 
	.buttonFrame fieldset.buttonFrame_process:hover, 
	.buttonFrame fieldset.buttonFrame_clock:hover, 
	.buttonFrame fieldset.buttonFrame_comment:hover,
	.buttonFrame fieldset.buttonFrame_firstmail:hover,
	.buttonFrame fieldset.buttonFrame_confirmed:hover,
	.buttonFrame fieldset.buttonFrame_paused:hover,
	.buttonFrame fieldset.buttonFrame_adduser:hover,
	.buttonFrame fieldset.buttonFrame_mailSend:hover,
	.buttonFrame fieldset.buttonFrame_undo:hover,
	.buttonFrame fieldset.buttonFrame_chiffre:hover,
	.buttonFrame fieldset.buttonFrame_abschluss:hover,
	.buttonFrame fieldset.buttonFrame_release_verk:hover,
	.buttonFrame fieldset.buttonFrame_release_k:hover,
	.buttonFrame fieldset.buttonFrame_visible_k:hover,
	.buttonFrame fieldset.buttonFrame_visible_v:hover,
	.buttonFrame fieldset.buttonFrame_archive:hover,
	.buttonFrame fieldset.buttonFrame_coins:hover,
	.buttonFrame fieldset.buttonFrame_csvExport:hover,
	.buttonFrame fieldset.buttonFrame_createFile:hover  	{
		background: #fff;
		border: 1px solid #576874;
		color: #576874;
	}
	
	.buttonFrame fieldset.buttonFrame_new:disabled, 
	.buttonFrame fieldset.buttonFrame_edit:disabled, 
	.buttonFrame fieldset.buttonFrame_delete:disabled, 
	.buttonFrame fieldset.buttonFrame_lock:disabled, 
	.buttonFrame fieldset.buttonFrame_info:disabled, 
	.buttonFrame fieldset.buttonFrame_calendar:disabled, 
	.buttonFrame fieldset.buttonFrame_process:disabled, 
	.buttonFrame fieldset.buttonFrame_clock:disabled, 
	.buttonFrame fieldset.buttonFrame_comment:disabled,
	.buttonFrame fieldset.buttonFrame_firstmail:disabled,
	.buttonFrame fieldset.buttonFrame_confirmed:disabled,
	.buttonFrame fieldset.buttonFrame_paused:disabled,
	.buttonFrame fieldset.buttonFrame_adduser:disabled,
	.buttonFrame fieldset.buttonFrame_mailSend:disabled,
	.buttonFrame fieldset.buttonFrame_undo:disabled,
	.buttonFrame fieldset.buttonFrame_chiffre:disabled,
	.buttonFrame fieldset.buttonFrame_abschluss:disabled,
	.buttonFrame fieldset.buttonFrame_release_verk:disabled,
	.buttonFrame fieldset.buttonFrame_release_k:disabled,
	.buttonFrame fieldset.buttonFrame_visible_k:disabled ,
	.buttonFrame fieldset.buttonFrame_visible_v:disabled,
	.buttonFrame fieldset.buttonFrame_archive:disabled,
	.buttonFrame fieldset.buttonFrame_thumbUp:disabled,
	.buttonFrame fieldset.buttonFrame_coins:disabled,
	.buttonFrame fieldset.buttonFrame_csvExport:disabled,
	.buttonFrame fieldset.buttonFrame_createFile:disabled    	{
		background: #e5e5e5;
		border: 1px solid #e5e5e5;
		color: #ccc;
		opacity: .5;
		cursor: default;
	}
	
	.buttonFrame .dropdown-button button {
		position: relative;
		display: block;
		line-height: normal;
		padding: 12px 20px 12px 45px;
		font-size: 15px;
		color: #212529;
		clear: both;
		text-align: left;
		overflow: hidden;
		text-indent: -33px;
		background: #fff;
		margin: 0;
		width: 100%;
	}
	
	.buttonFrame .dropdown-button.dropdown-notext button {
		width: 50px;
	}
	
	.buttonFrame .dropdown-button.dropdown-notext button {
		padding: 12px 0 12px 0;
	}
	
	.buttonFrame .dropdown-button.dropdown-notext button:before {
		padding: 0 0 0 42px;
	}
	
	.buttonFrame .dropdown-text button:before {
		margin: 0 5px 0 -5px;
		vertical-align: -5px;
	}
	
	.buttonFrame .dropdown-button button.status0:before {
		color: rgba(0,0,0,1);
	}
	
	.buttonFrame .dropdown-button button.buttonFrame_archive.status0 {
		border: 1px solid #e1e1e1;
		border-collapse: collapse;
	}
	
	.buttonFrame .dropdown-button button.buttonFrame_archive.status0:before {
		color: rgba(0,0,0,1);
	}
	
	.buttonFrame .dropdown-button button.status1:before {
		color: #ff0000;
	}
	
	.buttonFrame .dropdown-button button.status2:before {
		color: #00c853;
	}
	
	.buttonFrame .dropdown-button button.status3:before {
		color: #fbd540;
	}
	
	.buttonFrame .dropdown-button button.status4:before {
		color: #9f30b3;
	}
	
	.buttonFrame .dropdown-button button.status5:before {
		color: #2f69b5;
	}
	
	.buttonFrame .dropdown-button button.status6:before {
		color: #975b3b;
	}
	
	.buttonFrame .dropdown-button button:disabled.status0:before,
	.buttonFrame .dropdown-button button:disabled.status1:before,
	.buttonFrame .dropdown-button button:disabled.status2:before,
	.buttonFrame .dropdown-button button:disabled.status3:before,
	.buttonFrame .dropdown-button button:disabled.status4:before,
	.buttonFrame .dropdown-button button:disabled.status5:before,
	.buttonFrame .dropdown-button button:disabled.status6:before	{
		color: rgba(0,0,0,.25);
	}
	
	.buttonFrame .dropdown-button button.status0,
	.buttonFrame .dropdown-button button.status1,
	.buttonFrame .dropdown-button button.status2,
	.buttonFrame .dropdown-button button.status3,
	.buttonFrame .dropdown-button button.status4,
	.buttonFrame .dropdown-button button.status5,
	.buttonFrame .dropdown-button button.status6	{
		border: 1px solid #e1e1e1;
		border-collapse: collapse;
	}
		
	.buttonFrame .dropdown-button button.status0:hover {
		border: 1px solid #000000;
		border-radius: 4px;
	}
	
	.buttonFrame .dropdown-button button.status1:hover {
		border: 1px solid #ff0000;
		border-radius: 4px;
	}
	
	.buttonFrame .dropdown-button button.status2:hover {
		border: 1px solid #00c853;
		border-radius: 4px;
	}
	
	.buttonFrame .dropdown-button button.status3:hover {
		border: 1px solid #fbd540;
		border-radius: 4px;
	}
	
	.buttonFrame .dropdown-button button.status4:hover {
		border: 1px solid #9f30b3;
		border-radius: 4px;
	}
	
	.buttonFrame .dropdown-button button.status5:hover {
		border: 1px solid #2f69b5;
		border-radius: 4px;
	}
	
	.buttonFrame .dropdown-button button.status6:hover {
		border: 1px solid #975b3b;
		border-radius: 4px;
	}
	
	.buttonFrame .dropdown-button button.buttonFrame_archive.status0:hover {
		border: 1px solid rgba(0,0,0,1);
		border-radius: 4px;
	}
	
	
/*=============== Button Icon & txt im Listing ==================*/	

	.buttonFrame button.xlarge {
		text-align: left;
		width: auto;
		min-width: auto;
		padding: 9px 10px 8px 10px;
		font-size: 16px;
		font-weight: 400;
		min-height: 45px;
	}
	
	.buttonFrame button .button_txt {
		padding: 0 10px 0 10px;
		margin: 0;
		position: relative;
		top: -4px;
		font-weight: 400;
	}
	
	.buttonFrame button .button_txt {
		display: none;
	}
	
	.buttonFrame button.xlarge .button_txt {
		display: inline-block;
	}
	
	
	/*.buttonFrame fieldset.buttonFrame_release_verk:before {
		-moz-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg);
		display: inline-block;
	}*/
	
	.buttonFrame .dropdown-text button.buttonFrame_release_verk:before {
		/*-moz-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg);*/
		display: inline-block;
		position: absolute;
		/*top: -10px;
		left: 25px;*/
	}
	
	.buttonFrame .dropdown-text button.buttonFrame_release_verk {
		padding: 12px 20px 12px 75px;
	}
	
	.dropdown-menu.dropdown-menu4 i.la-tag{
			-moz-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg);
	}
	
	
	
	
	
/* Block-Button */	
	.buttonFrame button.xlarge2Lines {
		text-align: left;
		width: auto;
		min-width: auto;
		padding: 9px 10px 0px 10px;
		font-size: 11px;
		font-weight: 400;
		min-height: 45px;
	}
	
	.buttonFrame button.xlarge2Lines .button_txt {
	  display: inline-block;
	  max-width: 170px;
	  vertical-align: middle;
	  top: -7px;
	}
	
	
	section .col80.listing {
		background:#fff !important;
	}
	
	body.functionsopen section .liste {
		background:#f9f9f9;
	}