.pg_filetree img
{
	border: 1px solid #aaa;
	padding: 8px;
    border-radius: 3px;
}
.pg_filetree 
{
	background-color: #f0f0f0 !important;
    padding: 25px;
	box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
}

.trace
{	
	background-color: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	color: #000;
	height: 20px;
	padding: 4px;
}
.cross{font-weight: bold; color: #f00; cursor: pointer}
select
{
	opacity: 1 !important;
		width: 100%;
}
.styled_select
{
	opacity: 0 !important;
	display: none !important;
	
}

.be_headline
{
    background-color: #dedede;
    border-bottom: 1px solid #bbb;
    display: block;
    font-weight: bold;
    overflow: hidden;
    padding: 5px;
    margin-bottom: 8px;
}
.be_list
{
    padding: 5px;
}
.alr{text-align: right;}

.red{color: #f00}
.tar{text-align: right;}
.alignleft{margin-right: 60px !important;}

.cwrow
{
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    display: block;
    margin-bottom: 1px;
    padding: 4px;
    overflow: hidden;
}
.ovh{overflow: hidden;    hyphens: auto;    word-wrap: break-word;}
.row{clear: both; overflow: hidden;}
.col6 {
    float: left;
    width: 49%;
}

.cwrow:hover
{
	background-color: #eee;
	cursor: pointer;
}
.cwcol1
{
	display: inline-block;
	width: 30%;
	padding-right: 2%;
}
.cwcol2
{
	display: inline-block;
	width: 80px;
	margin-right: 8px;
	
}
.cwcol3
{
	display: inline-block;
	width: 80px;
	margin-right: 8px;
	margin-left: 8px;
	text-align: center;
}
.err{font-weight: bold; color: #f00}
.tg_search{display: inline-block;}
.tg_search input {margin: 2px !important; text-align: left !important; float: left;}
.hspace {width: 20px; float: left;}

.tg-libtn {
    background-color: #bbb;
    border: 1px solid #ddd;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
 
    text-align: center;
}
.tg-libtn:hover
{
	background-color: #ddd;
}

.tcbtn
{
	float: right; 
	padding-right: 12px;
	font-size: 14px; 
}
/* ====== */
#be_backdrop
{
    position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #000;
	opacity: 0.3;
	display: none;
}
.be_Dial,.be_sDial
{
    background-color: #fff;
    border: 2px solid #ddd;
    box-shadow: 2px 2px 2px #000;
    min-height: 200px; 
    padding: 12px;
    position: absolute;
    display: none;
    max-height: 600px;
}
.be_Dial
{
    left: 6%;
    top: 9%;
    width: 88%;
}
.be_sDial
{
    left: 18%;
    top: 9%;
    width: 64%;
}
.be_Dial h2,.be_sDial h2, .be_Dial hr,.be_sDial hr{margin-top: 0}

.be_DialContend
{
    margin-bottom: 54px;
    min-height: 120px;
    padding: 6px 12px;
}



/* ====== */
/* ====== */
#be_frame
{

	min-height: 600px;
	background-color: #fff;
	position: relative;
}
#be_contend
{
	padding: 12px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #eee;
	max-height: 1660px;
	overflow: auto;
}
#be_contend .btn
{
   border: 1px solid #ddd;
    margin-right: 4px;
    min-width: 80px;
    text-align: center;
    padding: 4px;
   	background-color: #fff;
   	border-radius: 3px;

}
#be_contend .btn:hover
{
	background-color: #f84;
	cursor: pointer;
}
#be_contend li
{
	font-family: monospace !important;
	font-size: 12px;
	padding-left: 4px;
	padding-top: 4px;
	box-sizing: border-box;
	border-bottom: 1px solid #999 !important;
}

#be_contend li
{
	font-family: monospace !important;
	font-size: 13px;
	padding-left: 4px;
	padding-top: 4px;
	box-sizing: border-box;
	min-height: 32px;
	
}
#be_contend .gray
{
	background-color: #ddc;
	color: #ddd;
}
#be_contend .warncolor
{
	color: #f00;
}
#be_contend .premium {
    background-color: #0f0;
    height: 2px;
    left: 23.7%;
    opacity: 0.32;
    position: absolute;
    width: 35%;
}

#be_contend img
{
	width: 14px; vertical-align: middle;
}

#be_contend .col0
{
    display: inline-block;
    overflow: hidden;
    width: 2%;
}
#be_contend .col05
{
    display: inline-block;
    overflow: hidden;
    width: 6%;
}

.sep
{
    border-bottom: 1px solid #ddd;
    margin: 0 auto 5px;
}
.padl
{
	padding-left: 6px;
}
/* Mal schaun ob ich hier das mit den Overlaydialogen vereinheitlichen kann */
.pg_content
{
	min-height: 200px;
}
.pg_last {
    margin-right: 0 !important;
}

.placard
{
    margin-bottom: 0;
    margin-top: 10px;
    overflow: hidden;
    padding-left: 0;
}
.label{   
	font-weight: bold;
    margin: 3px 1px;
    padding: 0;}
.center {
    text-align: center;
}
.mdbrow{line-height: 25px;padding: 0 2px;}
.mdbrow:hover{background-color: #f84; cursor: pointer;}
.be_w100
{
	float: left;
	width: 80%;
}

.be_w50
{
	float: left;
	width: 40%;
}
.be_w30
{
	float: left;
	width: 25%;
}

.clickable:hover
{
	color: #f84;
	cursor: pointer;
}
/* == Toolbar === */
#be_toolbar
{
	padding: 12px;
	display: block;
	width: 100%;
	background-color: #ddd;
	box-sizing: border-box;
	border-bottom: 1px solid #aaa
	font-family: arial !important;
}
.be-info{float: right; text-align: right;}

.te-btn
{
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    float: left;
    margin-right: 8px;
    padding: 5px 12px;
}
.te-btn:hover
{
	background-color: #f84;
	cursor: pointer;
}
.te-btn.alr{float: right;}
.te-btn.cta{border-radius: 5px;}
.te-btn.cta:hover
{
	border: 1px solid #aaa;
	background-color: #f00;
}


#toolbar .active
{
	background-color: #5a5;
	 border: 1px solid #5a5;
	color: #fff;
	
}
#backdrop
{
    height: 100%;
    left: 0;
     position: absolute;
    top: 0;
    width: 100%;
    display: none;
    background-color: #000;
    opacity: 0.2;
	
}
#WHEEL {
    margin: 0 auto;
}
#loading
{
	padding: 80px;
}

.odd{background-color: #fff}
.even{background-color: #efefef}



/* ============================================ */
.pg-fading-circle {

    left: 46%;
    margin: 2px auto;
    position: absolute;
    top: 40%;
    width: 40px;
    height: 40px;
}
.arrowdesc{
    bottom: -28px;
    font-size: 12px;
    left: -66px;
    margin: 0;
    position: absolute;
    width: 200px;
}
.pg-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.pg-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #666;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.pg-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.pg-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.pg-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.pg-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.pg-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.pg-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pg-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.pg-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.pg-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.pg-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.pg-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.pg-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.pg-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.pg-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.pg-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.pg-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.pg-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.pg-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.pg-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.pg-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.pg-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.pg-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}
/* ======== */