/*
Hier werden Textfarbe am Chatstart und Systemtextfarbe angegeben.
Die Parameter werden mit PHO ausgelesen, deshalb bitte die Syntaxis beachten!
---------------------
Textfarbe:000099
Systemfarbe:000000
---------------------
*/

/* for index.php - Login */
#body{
        text-align:center;
        font-family:Verdana;sans-serif;
        background-image:url('orangeabstrakt.jpg');
        background-size: 150%;
        background-repeat:no-repeat;
        background-position:center;
        background-color: #FFFFFF;
        background-repeat:repeat-x;
        background-color:#eeeeff;
        }
#promt{
        background: linear-gradient(#FFFFFF, #F2F5A9, #FACC2E);
        background-size: auto;
        background-repeat:no-repeat;
        background-position:center;
        width: 1100px;
        padding: 18px;
        border: 2px solid #E6E6E6;
        border-radius: 50px;
        -webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;
        -webkit-box-shadow: 5px 5px 25px black;-moz-box-shadow: 5px 5px 25px black;box-shadow: 5px 5px 25px black;
        }
#promt2{
        background: linear-gradient(#FFFFFF, #F2F5A9, #FACC2E);
        background-size: 150%;
        background-repeat:no-repeat;
        background-position:center;
        width: 600px;
        padding: 25px;
        border: 2px solid #E6E6E6;
        border-radius: 20px;
        -webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;
        -webkit-box-shadow: 5px 5px 25px black;-moz-box-shadow: 5px 5px 25px black;box-shadow: 5px 5px 25px black;
        }
#promt3{
        background: linear-gradient(#FFFFFF, #F2F5A9, #FACC2E);
        background-size: 100%;
        background-repeat:no-repeat;
        background-position:center;
        width: 800px;
        padding: 10px;
        border: 2px solid #E6E6E6;
        border-radius: 100px;
        -webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;
        -webkit-box-shadow: 5px 5px 25px black;-moz-box-shadow: 5px 5px 25px black;box-shadow: 5px 5px 25px black;
        }
#promt4{
        background: linear-gradient(#FFFFFF, #F2F5A9, #FACC2E);
        background-size: 100%;
        background-repeat:no-repeat;
        background-position:center;
        width: 800px;
        padding: 10px;
        border: 2px solid #ffffff;
        border-radius: 100px;
        -webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;
        -webkit-box-shadow: 5px 5px 25px black;-moz-box-shadow: 5px 5px 25px black;box-shadow: 5px 5px 25px black;
        }
#box{
        background: linear-gradient(#FFFFFF, #F2F5A9, #FACC2E);
        background-size: 200%;
        background-repeat:no-repeat;
        background-position:center;
        width: 370px;
        font-size: 17px;
        font-family: Arial;
        border-color: #FF3300;
        border: 0px ridge;
        margin: 20px auto;
        border: 2px solid #ffffff;
        border-radius: 30px;
         -webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;
        -webkit-box-shadow: 5px 5px 25px black;-moz-box-shadow: 5px 5px 25px black;box-shadow: 5px 5px 25px black;
        }
#ueberschrift{
        float:none;
        background: linear-gradient(#FFFFFF, #F2F5A9, #FACC2E);
        font-family: Arial;
        color:black;
        font-style: normal;
        border-bottom: 2px solid #FFFFFF;
        border-radius: 20px;
        box-shadow: 0 9px 9px rgba(0,0,0,0.3);
        margin-bottom: 5px;
        padding: 2px;
        background-repeat:no-repeat;
        filter: alpha(opacity=90);opacity: 0.9;
       -webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;
        -webkit-box-shadow: 5px 5px 25px black;-moz-box-shadow: 5px 5px 25px black;box-shadow: 5px 5px 25px black;
        }
#inhalt{
        float:none;
        padding: 3px;
        font-size: 17px;
        font-family: Arial;
        color:black;
        font-style: normal;
        }
#copyright{
        font-size: 9px;
        }
#login{
        display:inline;
        }
/* for chat.php*/
table{
font-size: 12px;
}

#body_id{
        height: 100%;
        background-size: 100%;
        background-repeat:no-repeat;
        background-position:center;
        margin: 0px auto;
        background-image:url('orangeabstrakt.jpg');
        background-color:#eeeeff;
        }
#rahmen_um_alles{
        margin: 10px;
}
#kopf{
        background: linear-gradient(#FFFFFF, #F2F5A9, #FACC2E);
        background-size: 100%;
        background-position:center;
        background-repeat:no-repeat;
        font-size: 14px;
        font-family: sans-serif;
        font-style: normal;
        text-align:left;
        margin-bottom: 0.5em;
        padding: 5px;
        color: #000000;
        border: 1px solid white;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-top: 3px;
        box-shadow: 2px 2px 2px black;
}

#logoin{
    border: 1px solid black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 40px;
}

#kopf a:link {font-family:Arial,serif; font-size:10pt; color:#000000; text-decoration:none;}
#kopf a:visited {font-family:Arial,serif;        font-size:10pt;        color:#000000; text-decoration:none;}
#kopf a:active {font-family:Arial,serif; font-size:10pt; color:#000000; text-decoration:none;}
#kopf a:hover {font-family:Arial,serif; font-size:10pt; color:#ff0000; text-decoration:none;}

#onlinelist{
        background-color: #fff;
        padding: 5px;
        border: 1px solid black;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        font-size: 13px;
        font-family: sans-serif;
        font-style: normal;
        float: right;
        width: 250px;
        height: 450px;
        padding-bottom: 16px;
        overflow: auto;
        box-shadow: 2px 2px 2px black;
}

* html #splitpane {
        margin-left: -2px;
}
#splitpane{
        background-image:url('../../img/splitpane.png');
        background-repeat:no-repeat;
         background-position:center;
        font-size: 8px;
        font-family: sans-serif;
        font-style: normal;
        float: right;
        color:white;
        width: 8px;
        margin: 1px;
        height: 450px;
        overflow: auto;
        cursor:e-resize;
}

#chatinhalt{
        padding: 5px;
        background-color: rgba(255, 255, 255, 0.7);
        border: 1px solid black;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        font-size: 13px;
        font-family: sans-serif;
        font-style: bold;
        /*margin-right:200px;*/
        position:relative;
        height: 450px;
        overflow: auto;
        padding: 5px;
        padding-bottom: 16px;
        box-shadow: 2px 2px 2px black;
}
#form{
        background: linear-gradient(#FFFFFF, #F2F5A9, #FACC2E);
        background-size: 100%;
        background-position:center;
        background-repeat:no-repeat;
        font-family: sans-serif;
        font-size: 14px;
        font-style: normal;
        color: #000000;
        clear: both;
        border: 1px solid white;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;;
        margin-top: 8px;
        padding: 3px;
        height: 56px;
        box-shadow: 2px 2px 2px black;
}
#form_left{
        position:relative;
         float: left;
}
#form_right{
        padding: 6px;
        position:relative;
        float: left;
}

#privat_messages{
 position: absolute;
 top: 100px;
 left: 100px;
 background-color: #cccccc;
 border: 1px solid black;
 padding: 5px;
}

.rooms{
 background-color: #F7D358;
 border: 1px solid black;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 color: #000;
  padding: 1px;
  margin-bottom: 2px;
  text-align:center;
  cursor:pointer
}


.rooms:hover , .rooms_not_allowed:hover{
        box-shadow:inset 0 5px 10px rgba(0,0,0,.3), 0 0 15px #190707;
        -moz-transition: all 0.5s ease-in;
}

.rooms_not_allowed{
  background-color: #FE2E2E;
  border: 1px solid #000000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #ffffff;
  padding: 1px;
  margin-bottom: 2px;
  text-align:center;
  cursor:pointer
}

.mess_back{
        background:#fff;
        border:1px solid #ccc;
        border-radius:10px;
        padding:2px 8px 2px 5px;
        margin-bottom:3px;
        display:inline-block;
        box-shadow: 1px 1px 1px black;
}
.mess_self{
        background:#e7f1fe;
        border:1px solid #66CCFF;
        border-radius: 10px;
        padding:2px 8px 2px 5px;
        margin-bottom:3px;
        display:inline-block;
        direction:ltr;
        box-shadow: 1px 1px 1px black;
}
.mess_mod{
        background:#FFF5E6;
        border:1px solid #FF9900;
        border-radius:10px;
        padding:2px 8px 2px 5px;
        margin-bottom:3px;
        display:inline-block;
}
.mess_sys{
        margin-bottom:3px;
        margin-left:5px;
        display:inline-block;
}
.privat_ausg_an{
        background-color: #ffeeee;
        border: 1px solid #ff7777;
        border-radius:10px;
        padding:2px 8px 2px 5px;
        margin-bottom:3px;
        display:inline-block;
        box-shadow: 1px 1px 1px black;
}
.privat_ausg_von{
        background-color: #eeffee;
        border: 1px solid #77ff77;
        border-radius:10px;
        padding:2px 8px 2px 5px;
        margin-bottom:3px;
        display:inline-block;
        box-shadow: 1px 1px 1px black;
}
#close_privat{
        cursor:pointer;
        background-image:url('roombg.gif');
        background-repeat:repeat-x;
        font-size: 13px;
        font-family: sans-serif;
        font-style: normal;
        border: 1px solid black;
        padding-left:4px;
        padding-right:4px;
}
#privat_anzeige{
        padding-bottom: 3px;
        height: 18px;
}
#privat_modus{
        font-size: 10px;
}
.privat_mesages_window{
        height: 165px;
        padding:3px;
        border: 1px dashed #000000;
        overflow: auto;
}
.privat_win_button{
        cursor:pointer;
        font-weight:bold;
        background-image:url('roombg.gif');
        background-repeat:repeat-x;
        border: 1px solid #FF0000;
        width: 190px;
        margin-top: 3px;
        text-align: center;
}
.colorpick{
       font-size: 11px;
       cursor:pointer;
       border: 1px solid black;
       width: 100%;
}
.dialog{
        font-size: 8px;
        font-family: sans-serif;
        font-style: normal;
}

.img_button{
        border-radius: 5px;
        box-shadow: 2px 2px 4px #59A7BD;
        cursor:pointer;
}

.img_button:hover{
        box-shadow: 2px 2px 4px #bebebe;
}
.img_button:hover {
        -webkit-transform: scale(0.9) rotate(+0deg);
        -moz-transform: scale(0.9) rotate(+0deg);
        -o-transform: scale(0.9) rotate(+0deg);
        transform: scale(0.9) rotate(+0deg);
        -webkit-transition: all 0.6s ease-in;
        -moz-transition: all 0.6s ease-in;
        -o-transition: all 0.6s ease-in;
        transition: all 0.6s ease-in;
}

.private_message_field{
       background-image:url('roombg.gif');
       background-repeat:repeat-x;
       border: 1px solid #2C299B;
       width:300px;
       margin-top: 2px;
}

a:link {font-family:Arial,serif; font-size:11pt; color:#000000; text-decoration:none;}
a:visited {font-family:Arial,serif; font-size:11pt; color:#000000; text-decoration:none;}
a:active {font-family:Arial,serif; font-size:11pt; color:#000000; text-decoration:none;}
a:hover {font-family:Arial,serif; font-size:11pt; color:#FF0000; text-decoration:none;}

/*------------ for history -----------------------*/
.kopf{
     background-image:url('roombg.gif');
     background-repeat:repeat-x; }
.gerade{ background-color:#d5d5ff; }
.ungerade{ background-color:#eeeeff; }
.privat_von{ background-color:#ddffdd; }
.privat_nach{ background-color:#ffdddd; }

/*------------ for adminbereich -----------------------*/
#adminbereich_body{
background-color:#eeeeff;
color:black;
font-size: 12px;
font-family: sans-serif;
}
#adminbereich_body a:link {font-family:Arial,serif; font-size:12pt; color:#000000; text-decoration:none;}
#adminbereich_body a:visited {font-family:Arial,serif; font-size:12pt; color:#000000; text-decoration:none;}
#adminbereich_body a:active {font-family:Arial,serif; font-size:12pt; color:#000000; text-decoration:none;}
#adminbereich_body a:hover {font-family:Arial,serif; font-size:12pt; color:#ff0000; text-decoration:none;}



/*---------------------------- for Window -------------------------*/
.overlay_etchat_blue {
        background-color: #f6f6ff;
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
}

.etchat_blue_nw {
 border-left: 1px solid #2C299B;
 border-top: 1px solid #2C299B;
 border-bottom: 1px solid #8888ee;
  width:10px;
  height:18px;
   background-image:url('roombg.gif');
 background-repeat:repeat-x;
}

.etchat_blue_n {
  border-top: 1px solid #2C299B;
  border-bottom: 1px solid #8888ee;
   background-image:url('roombg.gif');
 background-repeat:repeat-x;
}

.etchat_blue_ne {
 border-right: 1px solid #2C299B;
 border-top: 1px solid #2C299B;
 border-bottom: 1px solid #8888ee;
  width:10px;
  height:18px;
   background-image:url('roombg.gif');
 background-repeat:repeat-x;

}

.etchat_blue_w {
 border-left: 1px solid #2C299B;
 width:10px;
  background-color: #f6f6ff;
}

.etchat_blue_e {
  border-right: 1px solid #2C299B;
  width:10px;
  background-color: #f6f6ff;
}

.etchat_blue_sw {
 border-left: 1px solid #2C299B;
 border-bottom: 1px solid #2C299B;
  width:10px;
  height:3px;
  background-color: #f6f6ff;
}

.etchat_blue_s  {
border-bottom: 1px solid #2C299B;
background-color: #f6f6ff;
}

.etchat_blue_se, .etchat_blue_sizer {
 border-right: 1px solid #2C299B;
 border-bottom: 1px solid #2C299B;
  width:10px;
  height:3px;
  background-color: #f6f6ff;
}

.etchat_blue_sizer {
        cursor:se-resize;
}

.etchat_blue_close {
        width: 23px;
        height: 23px;
        background: transparent url(button-close-focus.gif) no-repeat 0 0;
        position:absolute;
        top:0px;
        right:11px;
        cursor:pointer;
        z-index:1000;
}

.etchat_blue_minimize {
        width: 23px;
        height: 23px;
        background: transparent url(button-min-focus.gif) no-repeat 0 0;
        position:absolute;
        top:0px;
        right:55px;
        cursor:pointer;
        z-index:1000;
}

.etchat_blue_maximize {
        width: 23px;
        height: 23px;
        background: transparent url(button-max-focus.gif) no-repeat 0 0;
        position:absolute;
        top:0px;
        right:33px;
        cursor:pointer;
        z-index:1000;
}

.etchat_blue_title {
        float:left;
        height:14px;
        font-family: Verdana, sans-serif;
        font-size:10px;
        font-weight:bold;
        text-align:left;
        margin-top:2px;
        width:100%;
        color:#666699;
}

.etchat_blue_content {
        padding-top:5px;
        overflow:auto;
        color: #000000;
        font-family: Arial, sans-serif;
        font-size: 12px;
        background:#f6f6ff;
}