/* Dialog */

.modalDialogOverlay {
  position: fixed;
  z-index: 10;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background: #000;
}

#dialogLogin {
  position: fixed;
  left: 50%;
  top: 200px;
  width: 400px;
  height: 300px;
  background: #FFFFFF;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
z-index: 20;
  font-family: usRegular, Helvetica, Verdana, sans-serif;
}
.dialog {
/*
  position: fixed;
  left: 50%;
  top: 200px;
  width: 400px;
  height: 300px;

*/
  font-family: usRegular, Helvetica, Verdana, sans-serif;
  padding-bottom: 2px;
  /*display: none;*/
/*
  background: #FFFFFF;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
*/
/**/
  /*opacity: 1.0;*/
  /*z-index: 11000;*/
  z-index: 30;
}

.dialogHeader {
  background-color: #FCFCFC;
  padding: 18px 18px 14px 8px;
  border-bottom: 1px solid #CCC;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
}

.dialogHeader .name, .dialogHeader .note {
  color: #303030;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  margin: 0 0 3px 0;
}
.dialogHeader .note {
  font-size: 12px;
  font-weight: normal;
}

.dialog .formElement {
  position: relative;
  width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
.dialog .formElement label { display: block; float: left; width: 90px !important; padding-top: 8px; color: #222; font-size: 14px; text-align: left;  }

.dialog .formElement input {
  width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
  font-size: 14px; color: #222; background: #F7F7F7;
  border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6;
  border-bottom: 1px solid #E7E6E6;
}
.dialog .formElement input:focus, .dialog .formElement textarea:focus { background-color: #FAF9DC; }

.dialog .formButtons { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }

.dialog .formButton {
	float: left;
   display: inline;
	background-color: #FCFCFC;
	border: 1px solid #999999;
  /*width: auto;
  width: auto;*/
  width: 100px;
  /*overflow: visible;*/
  font-size: 14px;
  font-weight: normal;
  color: #FFF;
  color: #303030;
  padding: 7px 10px;
  margin: 0 8px 0 8px;
  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

.dialog .formButton:hover {
  background-color: #303030;
  color: #FCFCFC;
  cursor: pointer;
}

.modalDialogClose {
}

#editorSave {
  position: fixed;
  top: 24px;
  right: 24px;
  padding: 10px 14px;
  border-radius: 5px;

	background-color: #FCFCFC;
	border: 1px solid #999999;

  z-index: 12000;
  opacity: 1;
  font-size: 14px;

  display: none;
}

#editorSave:hover {
	background-color: #B6D96C;
	border: 1px solid #B6D96C;
	color: #FFFFFF;
	cursor: pointer;
}

#editorCancel {
  display: none;
  margin-bottom: 15px;
  padding: 5px 10px;
  border-radius: 5px;
}

.editorMessage {
  position: fixed;
  top: 24px;
  width: 80%;
  margin: 0 auto;
  padding: 24px;
  border-radius: 5px;
  display: none;
  z-index: 11000;
  opacity: 1;
  font-size: 14px;
}

.editorMessage.success {
  background: #B6D96C;
}

.editorMessage.error {
  background: #ffc5cf;
}

/* Auszeichnungen für editierbaren Inhalt */

/* .editable:hover { */
[contenteditable]:hover {
  background: #AAAAAA;
  color: black;
  cursor: pointer;
}

/* .editable:hover:after { */
[contenteditable]:hover:after {
  /*content: ' Klicken zum Bearbeiten';*/
  color: #ccc;
  color: black;
  /*.text-stroke(0);*/
}

[Xcontenteditable]:focus {

}

[Xcontenteditable]:focus:after {
  content: '';
}