@CHARSET "utf-8";


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*Den Pooldokumentenknopf formatieren*/

/*<div class="cl_poolDokLine"  id="id_LinkPoolDok" >Verknüpfung mit Pool-Dokument</div>*/ 

.cl_poolDokLine{
	float: left;
	width: 100%;
	border: 1px solid red;
	margin-bottom: 10px;
}








/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*Spinner für Photoviewer*/
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}




#boxformularBox{float: left;
/* padding: 1px; */
/* background-color: #defecb; */
}


.HE_BACKGROUND{background-color: #fff2df;}
.NE_BACKGROUND{background-color: #e1f0ff;}


/* Formatiere die Box mit File-Infos */

.fileInfoLabel {color: #414240; }
.fileInfoText {color: #1318ec;}
.fileInfoLine{margin-bottom: 6px;}

.dokListeFPKHidden{display:none;}


/* // */
/* // Diese Klasse ist selbst gemacht */
/* // */
.ui-tooltip-content{
	background-color: #e28c05;
	color: white;
	font-family: calibri;
	font-size:small;	
	padding: 1ex;
/* 	border: 1px solid #A8A8A8; */
}



.ui-dialog-titlebar{background: 0;
background-color: #e28c05;
font-size:3;
color: white;
font-family:Helvetica;}


#tabAnlFiles .ui-icon { 
    zoom: 120%; 
    -moz-transform: scale(1.2); 
    -webkit-zoom: 1.2; 
    -ms-zoom: 1.2;
}


#tabAnlFiles .xcl_Beschreibung{display:none;} 
#tabAnlFiles .xcl_xEVNTID{display:none;}
/* #tabAnlFiles .xcl_Param_Text{display:none;} */
#tabAnlFiles .xcl_xupload{display:none;}
#tabAnlFiles .xcl_xfilename2{display:none;}

/* #id_AnlagenTitelRechts{height:120px;} */

#accordion_0, #accordion_1, #accordion_2{float:left;}

#acc1panZusAttr_body{max-height:200px;}

/* #accordion_2 .ui-accordion-content {max-height: 200px; */
/* /*   background-color: yellow; */ */
/*  } */

#accordion_1 .ui-accordion-content {max-height: 400px;
/*   background-color: palevioletred; */
 }


.ui-accordion {width: 100%;
/*20170822*/
/* font-family: calibri; */
font-family:Helvetica;
 	
}

/* .cl_dynline {font-size:100%; font-family: calibri;} */
/* .cl_dynline input {font-size:100%; font-family: calibri;} */

.cl_dynline {font-size:100%; font-family: Helvetica;}
.cl_dynline input {font-size:100%; font-family: Helvetica;}



/* #acc1panZusAttr_body{padding: 3px;} */

.ui-accordion-header
{font-size:large;
}
.ui-accordion-header-active{color: white; background: #e28c05; } 
.ui-accordion-header-collapsed{color: #e28c05; background:white; } 


.PanelDynFEmpty{padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.PanelDynFFilled{padding: 3px;
border-top: 0;
overflow: auto;
}




/*photoViewer konfigurieren*/

/* <div class="headline"  id="picfAnlage_Header" > */
/* <div class="picFrame2"  id="picfAnlage_Frame" > */
/*   <div class="picContainer"  id="picfAnlage_Container" > */

.headline{
	width: calc(100% - 1.25em);
	float: left;
	height: 20px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border: 1px solid #aaaaaa;
	color: white; background: #e28c05; 
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-family: Verdana,Arial,sans-serif;
} 

.picFrame2{width: calc(100% - 1.25em);
	height: 250px;
	border-left: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	color: white; background: white; 
	float: left;
	padding: 0.5em 0.5em 0.5em 0.5em;	
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	margin-bottom:0.2em;
} 

.piContainerVordergrund{}

.picContainer{
	/*border-top-right-radius: 4px;*/
	border-radius: 4px;
	overflow: hidden;
	

	position: relative;

	
	width: calc(100% - 0.4em - 2px);
	height: calc(250px - 1em - 2px );
/* 	height: 250px; */
	border: 1px solid #aaaaaa;
	color: white; background: #cacaca; 
	float: left;
	padding: 0.1em 0.1em 0.1em 0.1em;
}

.picContainer img {
	position: absolute;
	border: 1px solid white;
	
 	image-orientation: from-image; 
 		
	height: calc(100% - 4px);  
	
	/*width Angabe am 20171005 zugefügt. Damit hat das Bild immer eine Breite und wird entsprechend dargestellt?*/
	/*Jedenfalls verrutscht jetzt nichts mehr, allerdings werden Hochformat Aufnahmen nun verzerrt dargestellt*/
	/*Also nur ein workaround zur Minimierung der Effekte ...*/
/* fraglich: */
/* 	width:60%; */
/* fraglich: */

/* 	height: 248px; */
/* 	width:354px; */
}


/**
* Klasse zum Panel Body wenn Bilder vorhanden sind
*/
.picContainerFilled{
	padding: 0.3em 0.3em 0.3em 0.3em;
    height: calc(250px - 1em - 2px  + 0.3em);	
}


.ui_pBodyEmpty, .ui_pHeadBodyEmpty{color: grey;}


/**
* ======================================================================
* Tabellen in Panels
* ======================================================================
*/

.accPanelTab table{
	border-collapse: collapse;
	border:1px solid #e28c05 ;/* #339966;*/
    padding:3px;
    height:6ex;
    background-color:white;
	color:blue;
	width:100%;
	font-size: 100%;
	
/* 	font-family: calibri; */
	font-family: Helvetica;

	}


.accPanelTab td  {
 border: 1px solid   #e28c05  ;
/*  overflow-x:hidden; */
    padding:1ex;
 } 

.accPanelTab tr:nth-child(even) 
 {/*color:#303030;  ###### Blaue Schrift*/ 
           background-color: #d0d0d0;}  

/*
* https://www.w3schools.com/howto/howto_css_zoom_hover.asp
*/
.zoom:hover{transform: scale(1.2);}

.hoverPointer { cursor: pointer;}

.accPanelTab tr:hover
 { background-color:  #fdd9a2  ;
    color:#101010;
/*     war: text */
     cursor:pointer; 
     }