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

/* for index.php - Login */
#body{
	text-align:center; font-family:Verdana,sans-serif;
	}
#box{
	border: 1px dashed #a88b59; width: 200px; font-size: 14px; margin: 0px auto;
	}
#ueberschrift{
	border-bottom: 1px dashed #a88b59; background-color: #d8c39a;
	}
#inhalt{
	padding: 3px; font-size: 12px; background-color: #e9ddc6;
	}
#copyright{
	font-size: 9px;
	}
#login{
	display:inline;
	}
/* for chat.php*/
table{
font-size: 12px;
}

#body_id{
	height: 100%;
	margin: 0px auto;
	}
#rahmen_um_alles{
	margin: 10px;
}
#kopf{
	font-size: 12px;
	font-family: sans-serif;
	font-style: normal;
	padding: 2px;
}
#onlinelist{

	padding: 5px;
	background-color: #e9ddc6;
	font-size: 12px;
	font-family: sans-serif;
	font-style: normal;
	float: right;
	width: 200px;
	border: 1px dashed black;
	height: 450px;
	padding-bottom: 16px;
	overflow: auto;
}

* 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;
	border: 1px dashed black;
	background-color: #f7efdf;
	font-size: 12px;
	font-family: sans-serif;
	font-style: normal;
	/*margin-right:200px;*/
	position:relative;
	height: 450px;
	overflow: auto;
	padding: 5px;
	padding-bottom: 16px;
}
#form{
	background-color: #e9ddc6;
	font-size: 12px;
	font-family: sans-serif;
	font-style: normal;
	clear: both;
	border: 1px dashed black;
	margin-top: 10px;
	padding: 3px;
    height: 46px;
}
#form_left{
	position:relative;
         float: left;
}
#form_right{
	padding: 6px;
	position:relative;
	float: left;
}

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

.rooms{
 background-color: #d8c39a;
 border: 1px solid black;
 padding: 1px;
 margin-bottom: 2px;
 cursor:pointer

}
.rooms_not_allowed{
 background-color: #e5ddcc;
 border: 1px solid #786e5c;
 color: #786e5c;
 padding: 1px;
 margin-bottom: 2px;
 cursor:pointer
}

.privat_ausg_an{
 background-color: #f0e2c5;
 border: 1px solid #b9975a;
}
.privat_ausg_von{
 background-color: #e5ead6;
 border: 1px solid #8a9569;
}

#close_privat{
	cursor:pointer;
	background-color: white;
	font-size: 10px;
	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 solid #bba77f; 
	overflow: auto;
}
.privat_win_button{
	cursor:pointer; 
	font-weight:bold;
	border: 1px solid #bba77f;
	width: 190px;
	margin-top: 3px;
	background-color: #d8c39a;
	text-align: center;
}

.colorpick{
     font-size: 10px;
     cursor:pointer;
     border: 1px solid black;
     width: 100%;
}
.dialog{
	font-size: 8px;
	font-family: sans-serif;
	font-style: normal;
}

.img_button{
	cursor:pointer;
}


.private_message_field{
	width:300px;
	border: 1px solid #666666;
	margin-top: 2px;
	background-color: #fff9ed;
}

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

/*------------ for history -----------------------*/
.kopf{ background-color:#d8c39a; }
.gerade{ background-color:#e6d5b7; }
.ungerade{ background-color:#f3e8d4; }
.privat_von{ background-color:#e5ead6; }
.privat_nach{ background-color:#f0dfd0; }

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



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

.etchat_white_nw {
 border-left: 1px solid #a88b59;
 border-top: 1px solid #a88b59;
 border-bottom: 1px dashed #a88b59;
  width:10px;
  height:18px;
  background-color: #d8c39a;
}

.etchat_white_n {
  border-top: 1px solid #a88b59;
  border-bottom: 1px dashed #a88b59;
  background-color: #d8c39a;
}

.etchat_white_ne {
 border-right: 1px solid #a88b59;
 border-top: 1px solid #a88b59;
 border-bottom: 1px dashed #a88b59;
  width:10px;
  height:18px;
  background-color: #d8c39a;

}

.etchat_white_w {
 border-left: 1px solid #a88b59;
 width:10px;
  background-color: #f7efdf;
}

.etchat_white_e {
  border-right: 1px solid #a88b59;
  width:10px;
  background-color: #f7efdf;
}

.etchat_white_sw {
 border-left: 1px solid #a88b59;
 border-bottom: 1px solid #a88b59;
  width:10px;
  height:3px;
  background-color: #f7efdf;
}

.etchat_white_s  {
border-bottom: 1px solid #a88b59;
background-color: #f7efdf;
}

.etchat_white_se, .etchat_white_sizer {
 border-right: 1px solid #a88b59;
 border-bottom: 1px solid #a88b59;
  width:10px;
  height:3px;
  background-color: #f7efdf;
}

.etchat_white_sizer {
	cursor:se-resize;
}

.etchat_white_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_white_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_white_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_white_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:#61482e;
}

.etchat_white_content {
	padding-top:5px;
	overflow:auto;
	color: #35291f;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background:#f7efdf;
}
/* Radio Einstein – Hörerstube. Bestehende IDs und Fensterklassen bleiben erhalten.
   Keine festen Chat-Abmessungen geändert: diese steuert ET-Chat per JavaScript. */
body, #body, #body_id {
  color: #35291f;
  background-color: #f1e8d5;
  background-image: linear-gradient(110deg, rgba(189,150,89,.09), transparent 65%);
  font-family: Arial, sans-serif;
}
#kopf {
  color: #f5e8ce;
  background: linear-gradient(100deg, #493122, #704b32, #493122);
  border: 1px solid #ad8b53;
  border-bottom: 3px solid #bd9659;
  padding: 8px 10px;
  font-family: Georgia, serif;
  font-size: 14px;
}
#kopf a:link, #kopf a:visited { color: #f0d19a; }
#onlinelist, #chatinhalt, #form {
  border: 1px solid #bba77f;
  box-shadow: inset 0 0 12px rgba(99,66,32,.045);
}
#onlinelist { background: #e9ddc6; color: #493b29; }
#chatinhalt { background: #fbf5e8; line-height: 1.5; }
#form { background: #dfcfaf; }
.rooms { background: #d8c39a; border-color: #a78955; color: #392f22; }
.rooms:hover { background: #cdb27e; }
.rooms_not_allowed { background: #e4ddcf; border-color: #b6aa94; color: #766b58; }
.privat_ausg_an, .privat_ausg_von { padding: 4px; }
#box {
  width: 280px;
  max-width: calc(100% - 24px);
  border: 1px solid #a88b59;
  box-shadow: 0 8px 25px rgba(62,40,24,.15);
}
#ueberschrift {
  background: #513725;
  color: #f5e8ce;
  border-bottom: 3px solid #bd9659;
  padding: 12px 6px;
  font-family: Georgia, serif;
  font-size: 19px;
}
#inhalt { background: #eee2ca; padding: 15px 8px; }
input:not([type="checkbox"]):not([type="radio"]):not([type="image"]):not([type="button"]):not([type="submit"]), textarea, select {
  background-color: #fff9ed;
  color: #35291f;
  border: 1px solid #ac956a;
  border-radius: 2px;
}
button, input[type="submit"], input[type="button"], .privat_win_button {
  background: #dbc69c;
  color: #392b1d;
  border: 1px solid #9b7e4d;
  border-radius: 3px;
  cursor: pointer;
}
button:hover, input[type="submit"]:hover, input[type="button"]:hover { background: #cdb17a; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid #9b5238;
  outline-offset: 2px;
}
#adminbereich_body { background: #f7efdf; color: #35291f; }
.etchat_white_nw, .etchat_white_n, .etchat_white_ne { background: #dbc69c; border-bottom-style: solid; }
.etchat_white_title { color: #493521; }
.etchat_white_content { background: #f7efdf; color: #35291f; }

/* Dunkle Hörerstube – Nussbaum, Messing und warmes Elfenbein */
body, #body, #body_id {
  background-color: #211b17;
  background-image: linear-gradient(110deg, #38281f, #211b17 70%);
  color: #eadcc5;
  color-scheme: dark;
}
#kopf { background: linear-gradient(100deg, #352319, #5b3c28, #352319); color: #f3dfbc; border-color: #977342; }
#chatinhalt { background: #29231e; color: #eadcc5; border-color: #80633f; }
#onlinelist { background: #35291f; color: #eadcc5; border-color: #80633f; }
#form { background: #3e2d21; color: #eadcc5; border-color: #80633f; }
.rooms, .privat_win_button { background: #59422d; color: #f3dfbc; border-color: #977849; }
.rooms:hover { background: #705334; }
.rooms_not_allowed { background: #342d26; color: #baa98e; border-color: #75654f; }
.privat_ausg_an, .privat_nach { background: #443327; border-color: #947348; color: #eadcc5; }
.privat_ausg_von, .privat_von { background: #303b2e; border-color: #6d805c; color: #eadcc5; }
#privat_messages, .private_message_field, .privat_mesages_window { background: #30271f; color: #eadcc5; border-color: #80633f; }
#close_privat { background: #59422d; color: #f3dfbc; border-color: #977849; }
#box { border-color: #977849; box-shadow: 0 8px 25px #0005; }
#ueberschrift { background: #493020; color: #f3dfbc; }
#inhalt { background: #30271f; color: #eadcc5; }
input:not([type="checkbox"]):not([type="radio"]):not([type="image"]):not([type="button"]):not([type="submit"]), textarea, select {
  background-color: #211c18; color: #f3e6ce; border-color: #9c7b4d;
}
button, input[type="submit"], input[type="button"] { background: #65492e; color: #fff0d4; border-color: #ac8853; }
button:hover, input[type="submit"]:hover, input[type="button"]:hover { background: #7b5a37; }
a:link, a:visited, a:active, a:hover,
#adminbereich_body a:link, #adminbereich_body a:visited, #adminbereich_body a:active, #adminbereich_body a:hover { color: #e4bd7d; }
#adminbereich_body { background: #29231e; color: #eadcc5; }
.kopf { background: #59422d; color: #f3dfbc; }
.gerade { background: #352b22; color: #eadcc5; }
.ungerade { background: #29231e; color: #eadcc5; }
.overlay_etchat_white { background: #100d0b; }
.etchat_white_nw, .etchat_white_n, .etchat_white_ne { background: #59422d; border-color: #977849; }
.etchat_white_w, .etchat_white_e, .etchat_white_sw, .etchat_white_s, .etchat_white_se, .etchat_white_sizer { background: #29231e; border-color: #977849; }
.etchat_white_title { color: #f3dfbc; }
.etchat_white_content { background: #29231e; color: #eadcc5; }