body {
  background:#ccc;
  width:400px;
  height:300px;
  overflow:hidden;
}

.chatcontainer {
  float: left; /* Chatdisplays beim Admin nebeneinander */
  margin:0 20px 20px 0;
  background:#ccc;
  width:400px;
  height:300px;
}
.chatcontainer .title {
  height:38px;
  line-height:38px;
  background:url(/assets/images/msgr-title.jpg);
}
.chatcontainer .title h1 {
  float:left;
  width:281px;
  margin:0;
  padding:0 0 0 66px;
  color:#fff;
  text-transform:uppercase;
}
.chatcontainer .title .functions {
  float:left;
  padding:0 0 0 6px;
}
.chatcontainer .title .functions img {
  vertical-align:middle;
}
.chatdisplay-outer {
  width:390px;
  height:178px;
  padding:5px;
  overflow:auto;
  background:#fff;
}
.chatcontainer form {
  margin:0;
  padding:10px;
  height:54px;
  background:url(/assets/images/msgr-footer-bg.jpg);
}
.chatcontainer form input.text {
  width:370px;
  margin:0 0 5px 0;
}
.chatcontainer #contact-link {
  float:right;
  color:#fff;
  line-height:24px;
}

#form_contact form {
  background:#fff;
  padding:0;
  width:400px;
  height:auto;
}
#form_contact .scroll {
  height:242px;
  padding:10px;
  overflow-y:scroll;
}
#form_contact input.text {
  width:230px;
}
#form_contact textarea {
  width:340px;
  height:50px;
}


/* Container enthaelt unbeantwortete Kunden-Anfrage */
.chatcontainernew {
  border: 1px solid red;
}

/* Zeile mit Info ueber den Kunden */
.chatcustomer {
  background-color:#aff;
}

/* Zeile im Chat */
.chatline {
  margin:0;
}

/* Eigener Text */
.chatown {
  color:#777;
}

/* Text der Gegenseite */
.chatother {

}

#player {
  display:block;
  float:right;
  width:60px;
  height:24px;
  margin:0 0 10px 30px;
  background:#000;
}