/* Der Benutzer soll keine Sachen durch reines Ziehen kopieren können! */

body {
  font-family: 
}

/**** CLOSE BUTTON ****/

.close_button {
  background : url(../layout/close.png) no-repeat;
  cursor     : pointer;
  height     : 16px;
  position   : absolute;
  right      : 10px;
  top        : 3px;
  width      : 14px;
}

.close_button a {
  display         : block;
  text-decoration : none;
}

/**** MESSAGES ****/

#dark {
  background-image:url(../layout/transe.png);
  height          : 100%;
  left            : 0;
  position        : fixed;
  top             : 0;
  width           : 100%;
  z-index         : 10;
}

#dark canvas {
  height      : 150px;
  left        : 50%;
  margin-left : -75px;
  position    : absolute;
  top         : 200px;
  width       : 150px;
}

.bad_message {
  border : 3px #FF483A solid;
}

.good_message {
  border : 3px #66CC66 solid;
}

/**** SYMBOLLEISTEN ****/

.iconbox {
  background    : rgba(255,255,255,1);
  float         : left;
  margin        : 7px 2px 5px 0 !important;
  text-align    : center;
  width         : 74px;
  cursor        : pointer;
  padding       : 5px;
  border-radius : 5px;
}

.iconbox:hover {
  background-color: rgba(240,240,240,1);
}

.iconbox:active {
  border:1px #666 solid;
  background-color: rgba(220,220,220,1);
}

.iconbox a {
  text-decoration: none;
  display: block;
  cursor: pointer !important;
}

.iconbox.mini .big_icon {
  width: 16px;
  float: left;
}

.iconbox p {
  color       : black;
  line-height : 10px;
  font-family : sans-serif !important;
  font-size   : 8px !important;
  margin      : 5px 0 0 !important;
  padding     : 0 !important;
  cursor: pointer;
}

.symbolleiste_h .iconbox p {
  color : black;
}

/* SORTABLE */

#sortable { 
  list-style-type : none; 
  margin          : 0; 
  min-height      : 400px;
  padding         : 0; 
}

.ui-state-highlight { 
  height          : 1.5em; 
  list-style-type : none !important;
  margin-left     : -25px;
}

.sortable {
	min-height : 0px;
}

.sortable li {
  margin     : 0;
  position   : relative;
  z-index    : 1;
}

/* STEUERUNG für SORTABLE */

.deactivated {
	-webkit-filter : grayscale(100%);
  filter : grayscale(100%);
  opacity: 0.5;
}

#trash ul { 
  height   : 52px; 
  overflow : hidden; 
}

#trash ul li { 
  display  : none;
  height   : 0;
  overflow : hidden; 
  width    : 0; 
}

#e1_hyperlink, #e3_hyperlink {
  font-family: Helvetica, Arial;
  font-size:12px;
  color:white;
  border:1px white solid;
  padding:3px 7px;
  max-width: 220px;
}

/* DIALOGE */

.dialog {
  position: fixed;
  left:50%;
  margin-left:-150px;
  top:30%;
  border-radius: 10px;
  border: 1px solid #666;
  padding:0;
  width:300px;
  background: white;
  z-index: 10;
}

.dialog * {
  font-family: sans-serif !important;
  color: black !important;
}

.dialog h3 {
  margin-top:0px;
  padding: 6px 10px;
  font-size:16px;
  border-bottom:1px solid #999;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.good_message h3 {
  background: rgba(151,255,155,0.4);
}

.bad_message h3 {
  background: rgba(251,055,055,0.4);
}

.dialog_question h3 {
  background: rgba(055,155,155,0.4);
}

.dialog_input h3 {
  background: rgba(055,055,155,0.4);
}

.dialog p {
  padding: 6px 10px;
  font-size:14px;
  line-height: 20px;
}

.dialog_input input[type=text] {
  display: block;
  margin:0 0 6px 8px;
}

.dialog button, .dialog input[type=button] {
  margin: 0 0 10px 10px;
}

.infobox {
  position:fixed;
  padding:2px 4px;
  background: #fff;
  border:1px solid #666;
  border-radius: 5px;
  color:black;
  font-size:11px;
  line-height:14px;
}

#page_configurator {
  border-radius: 10px;
}

/* filemanager */
li.tooltip {
  cursor: pointer;
}