@CHARSET "UTF-8";



.bwimage {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}





/**
* automatisch geöffnete Info Box, da wird der Text in eine Klasse boxText verpackt
**/





.boxText{
font-size:80%;
color:#333;
font-family:Helvetica;}


/*ALS in Dialogbox mit Hinweis auf doppelt*/
.dia_aks{	padding-top:4px;
	padding-bottom:4px;}
	
.delDialogTitle{
	padding-top:8px;
	margin-bottom: 6px;
}	
	
.dia_aks, .delDialogTitle{
	font-weight: bold;
	font-size:120%;
	color:#ff8000;
}


#delFileButton{
	
	color: #f32126;
}
#delFileButton:hover{
	font-weight: bold;
}


.diaBoxLeftButton{
	margin-right:10px;
}


.cl_button, .diaBoxButton{ /*width:12ex;*/
/* 	border: 1px solid red; */
	float: left;
	margin-bottom: 0.1em;
	/*min-height:3.7ex;*/
	/*height:3.7ex;*/
	padding: 0;
}

/*Boxes*/
/* Die Box links und rechts werden nicht mehr über ihre ID sondern über die Klassen definiert!*/
/* Beachte, dass bei den Box-Klasse ein cl_ vorangestellt wird, erst eine weitere Klassenbezeichnung geht ohne Veränderung durch!*/
/* ======================================================================================================================= */
/* #boxBoxAnlageLinks { */
/* 	width: calc(50% - 8px); */

/* 	min-width:400px; */
/* 	float: left; */
/* 	margin-right:16px; */
/* } */

/* #boxBoxAnlageRechts { */
/* 	width: calc(50% - 8px); */
/* 	min-width:400px; */
/* 	float: left; */
/* } */

/* #boxBoxAnlageRechtsErf {	 */
/* 	width: calc(50% - 8px); */
/* 	min-width:400px; */
/* 	float: left;} */

.wsBoxRechts, .wsBoxLinks {
	width: calc(50% - 8px);
	min-width: 400px;
	float: left;
}

.wsBoxLinks {
	margin-right: 16px;
}

/* ======================================================================================================================= */

/*Infos über die Seite ...*/
#info_array {
	display: none;
}

/* ======================================================================================================================= */
/* cl_line  */
/* ======================================================================================================================= */

.cl_line, .cl_dynline, .uplLine{
/* 	border: 1px solid cyan; */
	padding: 3px;
	width: calc(100% - 6px); /*abzgl. 2 x Padding*/

	float: left;
	/* margin-bottom:0.1em; */
	/* margin-top:0.1em; */
	margin-bottom: 2px;
	
	background-color: #cbcbcb;
	



}

/*============================================================ Die Eingabezeile ==========================================================*/

.cl_line label {

	float: left;
	width: 125px;

	margin-right: 3px;
	margin-top: 4px;
}

.cl_dynline label {
	
	float: left;
	width: 150px;
	
	margin-right: 3px;
	margin-top: 4px;
}

/*=================Zeige an, ob die Eingabe aktiv ist oder nicht================*/
.cl_line input, .uplLine input {
	/*Padding zugefügt: 2017-01-11*/
	/* 	padding-left:0ex; */

	padding: 2px;
	padding-left:5px;
	}

.cl_dynline input {
	/*Padding zugefügt: 2017-01-11*/
	/* 	padding-left:0ex; */
	padding: 2px;
	padding-left:5px;
	}

.selectElement{width:365px;}

.cl_disabledInput {
	color: #0000ff;
	background-color: #f0f0f0;
	border: 1px solid #e28c05;
}

.cl_enabledInput {
/* 	color: #000000; angegraut ... 20190404 / DO */
color: #3a3a3a;
	font-weight: 500;
	background-color: #ffffff;
	border: 1px solid #e28c05;
}

.cl_inputRequired{	color: #000000;
	font-weight: 500;
	background-color: #ffffff;
	border: 1px solid #e60005;}

/*==========================================================="widget dline"==============================================================*/
/*========================================================  zeile gibt Text mit Label aus  ==============================================*/
.cl_dl_label {
	width: 150px;
	
/* 	width: 150px; */
	float: left;

}

.cl_dl_txt {
	float: left;
	color: #4f4f4f;
	font-weight: bold;
}



/*=======================================================Überschriften und Titel====================================================*/

.cl_headline1 {
	width: calc(100% - 5px - 2px); /* padding links, 2xBorder */
	font-size: large;
	
	padding-left: 5px;
	padding-bottom:5px;
	padding-top:5px;

	border: 1px solid white;
	background-color: #e28c05;
	color: white;


	margin-bottom: 4px;
}

/* .cl_headline2 V 20180214 / DO */

.cl_headline2, .cl_aksline {
	width: calc(100% - 5px - 2px); /* padding links, 2xBorder */
	border: 1px solid #e28c05;
	padding-left: 5px;
	float: left;
	margin-bottom: 4px;
	
	padding-bottom:5px;
	padding-top:5px;
	
	font-size: medium;
	font-weight: 500;
	
	background-color: white; 
	color: #e28c05; /*white;*/

}


.sp_titel_2{
	color: #606060;
	padding-top: 5px;
}


/*====================================================================================================================================*/

.replText {
	color: #e28c05;
}

.reqDocNameText {
	color: #e28c05;
}

.ereignisTitelText {
	color: #e28c05;
}

.varTitelText {
	color: #e28c05;
}

button {
	width: 12ex;
	height: 50px;
	margin-right: 3px;
}



.cl_active_button { /*width:12ex;*/
	border: 1px solid #e28c05;
	float: left;
	background: white;
	color: blue; /*  #e28c05  ;*/
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	/*min-height:3.7ex;*/
	/*height:3.7ex;*/
	padding: 0;
}

.cl_active_button:hover {
/* 	background-color: #e28c05;#fdd9a2; */
	background-color: #fdd9a2;
/* 	color: white; */
	cursor: pointer;
}

.cl_inactive_button { /*width:12ex;*/
	border: 1px solid #e28c05;
	float: left;
	background: aaaaaa;
	color: 101010; /*  #e28c05  ;*/
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	/*min-height:3.7ex;*/
	/*height:3.7ex;*/
	padding: 0;
}

.cl_space {
	width: 150px;
	/* border: 0.01ex solid red; */
	/* border:0px solid grey; */
	float: left;
	margin-bottom: 0.1em;
	min-height: 3.7ex;
	padding: 0;
}



.cl_vskip {
	width: 100%; /*98%;*/
	border: 0.0ex solid red;
	float: left;
	margin-bottom: 0em;
	margin-top: 0em;
	min-height: 3.5ex;
	padding-top: 0ex;
}





.cl_enabledInput:hover {
	border: 1px solid #fcf1c5;
}

.cl_enabledInput:focus {
	background: #fff8e8;
}

.cl_changedInput {
	color: #10007f;
	font-weight: 500;
	background-color: #ffffff;
	border: 1px solid #60a07f;
}

.cl_infoline {
	display: none;
	width: 100%;
	margin-top: 3ex;
	color: white;
	background-color: blue;
	float: left;
}

/*------------------------------------------------------------------------------------------------*/
/* Login und Logout*/
#id_Willkommen {
	background-color: #e28c05;
	color: white;
	padding-top: 0.55ex;
	font-size: medium;
	font-weight: 500;
	margin-bottom: 6ex;
}

#boxKopfzeilen {
	
}

/* ----------------------------------------------------------------------------------------------------- */
/* Optionszeile u.a. auf der Findenseite */
/* ----------------------------------------------------------------------------------------------------- */

.c_optionline {
	margin-bottom: 3px;
	background-color: #00ff00;
	background-color: #cbcbcb;
	padding: 3px;
}

.c_optionline:hover {
	background-color: #fdd9a2;
	color: #101010;
	cursor: pointer;
}

/* ----------------------------------------------------------------------------------------------------- */
/* Textkomponenten in einer Fehlermeldung */
/* ----------------------------------------------------------------------------------------------------- */
/**/
.dia_fcode, .dia_ftext{}
.dia_fcode {font-family: Helvetica;
font-size: 80%;
font-weight:600;
}	

.dia_ftext{font-family:Courier;
font-size: 85%;
color: blue;}
/**/
/* ----------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------- */
/* accordion Strukturen brauchen ein float left ... */
/* ----------------------------------------------------------------------------------------------------- */
.jqaccordion{float: left;
margin-bottom: 4px;}

.uploaderExp{
/* 	background-color: red; */
/* 	padding: 10px; */
}


/* ------------------------------------------------------------------------------------------------------*/
/* Aufräumen der Seiten, 24.04.2018 */

.boxBottomMargin {
	float: left;
	margin-bottom: 4px; 
/* 	padding-bottom: 4px; */
/* 	border-bottom: 5px solid red; */
	
}



/* Die Knöpfe für die Navigation im Seitenkopf */
/* Zwei Versionen */

/* 1. Die Anlagen seite nutzt noch dieses 
	  -----------------------------------*/

.cl_linkbutton button { /*width:12ex;*/	
/* border: 0.01ex solid red; */
width:250px;
float:left;
margin:0;
margin-top:0.1ex;
margin-bottom:0.8ex;
/*min-height:3.7ex;*/
height:3.8ex;
padding:0;
border: 1px solid #e28c05;
float:left;
background: white;
color: blue; /*  #e28c05  ;*/

}

#id_ButLinkEreigisse2{float:right;}

.cl_linkbutton button:hover{  
/* background-color: white;  */
/* color:#e28c05; */
color: white; 
background-color:#e28c05;
    cursor: pointer;}

/* 2. Version, andere Bezeichnungen 
   Hier für die Leistungschronik und die Leistungsspezifikation
   ------------------------------------------------------------  
 */
   
.cl_linkbuttonX button { /*width:12ex;*/	
/* border: 0.01ex solid red; */
width:250px;
float:left;
margin:0;
margin-top:0.1ex;
margin-bottom:0.8ex;
/*min-height:3.7ex;*/
height:3.8ex;
padding:0;
border: 1px solid #e28c05;
float:left;
background: white;
color: blue; /*  #e28c05  ;*/

}

.lButRechts{float:right;}

.cl_linkbuttonX button:hover{  
/* background-color: white;  */
/* color:#e28c05; */
color: white; 
background-color:#e28c05;
    cursor: pointer;}



/** Überschreibe hier Klassen aus der jQ-UI welt**/

/** Klassen für select Konstrukte **/
.fmSelectboxNotChanged {color:blue;}
.fmSelectboxChanged {color: #e28c05;}

.fmSelectboxChanged,.fmSelectboxNotChanged {padding:3px;}