/*

Urheberechtshinweis:

Alle Inhalte dieser Internetpräsenz, insbesondere Programmcode, Texte, Fotos und Grafiken, sind urheberrechtlich geschützt.
Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Schranken des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Urhebers.
Sollten Sie Inhalte verwenden wollen, wenden Sie sich bitte an den Seitenbetreiber.
Wer gegen das Urheberrecht verstößt, macht sich strafbar und muss mit einer kostenpflichtigen Abmahnung und Forderungen auf Schadensersatz rechnen. 

Rechteinhaber: catraxx

*/

@import url('https://fonts.googleapis.com/css2?family=Grape+Nuts&family=Inspiration&family=Raleway:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Bangers&display=swap');
/*
Hier werden Textfarbe am Chatstart und Systemtextfarbe angegeben.
Die Parameter werden mit PHO ausgelesen, deshalb bitte die Syntaxis beachten!
---------------------
Textfarbe:FFFFFF
Systemfarbe:FFFFFF
---------------------    
*/

/* for index.php - Login */
#body{

	font-family: 'arial';
	/* font-size: 20px; */
	color: #000;
background:#044187;
background-size:cover !important;
background-repeat:no-repeat;
padding-top:20px;
	} 


#check,#check_status_invisible {
padding: 10px;-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
margin:5px;margin-top:10px;

}

#content-outside {
margin:0 auto;
max-width:60%;
background:#003B7A;
border-radius:10px;
border:3px solid #0275FB;

}
#chatheader {
width:100%;
height:auto;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#chatfooter {
width:100%;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
margin-top:25px;
}
#page-title-outside {
font-size:35px;
margin-bottom:25px;

}



#contentbox-outside {
margin:0 auto;
max-width:59%;
background:#003B7A;
word-wrap: break-word;
padding-bottom:10px;
margin-top:30px;
color:white;
}

#username,#pw,#gender {
width:100%;
height:40px;
border-radius:20px;
background:#003A78;
border:1px solid #5EA4DC;
color:white;
}

#submit_button {
background: #006E9A !important;
color:black !important;
border:0;
}


.loginbox-title {
text-align:center;
font-weight:bold;
}
.footer {
margin:0 auto;
text-align:center;
font-size:16px;
}

#footer-outside {
text-align:center;
color:white;
}

#footer-outside a:link,#footer-outside a:visited, #footer-outside a:hover, #footer-outside a:active {
color:white !important;
}

#content-outside a:link,#content-outside a:visited, #content-outside a:hover, #content-outside a:active {
color:white !important;
}


/* for chat.php*/
table{
font-size: 12px;
}


#body_id{
	height: 100%;
	margin: 0px auto;
	background-color: #363A43;
	background-color: black;

	}
#rahmen_um_alles{
	margin: 8px;
}
#kopf{
	font-size: 12px;
	font-family: 'Raleway', sans-serif;  
	font-style: normal;
	padding: 2px;
	color:#94BC;

}

#prop_list a, #prop_list #body_id a, .dialog a {
font-size:12px !important;
}
#chatinhalt a {
font-size:16px !important;
}

#kopf a {
     color: #fff;
     text-decoration: none;
 }

.user_in_onlinelist {
margin-top:5px;
font-size:16px;
}
.user_in_onlinelist:hover {
background:#636363;

}
#onlinelist{

	padding: 5px;
	background-color: #0E1013;
	font-size: 12px;
	font-family:  sans-serif; 
	font-style: normal;
	float: right;
	width: 300px;
	border: 1px solid black;
	height: 450px;
	padding-bottom: 16px;
	overflow: auto;
overflow-x:hidden;
border-radius:10px;
color: white;
}

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


.etchat_style_title,.etchat_style_nw,.etchat_style_n,.etchat_style_ne {
background:#90A3C3 !important;
color:white !important;
}


#chatinhalt{
	padding: 5px;
	border: 1px solid black;
     color: black;                
background:#90A3C3;
background-image: url('./background-chat.jpg?v=1');
background-size:cover !important;
background-repeat:no-repeat;

	font-size: 16px ;
		font-family:  sans-serif;  
	font-style: normal;
	/*margin-right:200px;*/
	position:relative;
	height: 450px;
	overflow: auto;
	padding: 5px;
	padding-bottom: 16px;
border-radius:10px;

}
#form{
	background-color: #121417;
	font-size: 12px;
	font-family: sans-serif;  
	font-style: normal;
	clear: both;
	border: 1px solid black;
	margin-top: 3px;
	padding: 3px;
    height: 50px;
border-radius:10px;
color: white;
}
.linkregeln a   {
    text-decoration: none;
    color: #77ff77;
}







#form_left{
	position:relative;
         float: left;
         padding-left: 10px;
         
}
#form_right{
	padding: 6px;
	position:relative;
	float: left;
	
}

#message{
    max-height: 30px;
position:relative;
top:10px;
border:1px solid black !important;
padding:10px;
border-radius:10px;
font-size:16px;
background:#414141;
}

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

.rooms{
 background-color: #333333;   
 color: darkgray;
 border: 1px solid black;
 padding: 3px;
padding-left:5px;
 margin-bottom: 2px;
 cursor:pointer;
border-radius:10px;
color:white;
margin-top:3px;

}
.rooms_not_allowed{
 background-color: #CC3333;
 border: 1px solid #777777;
 color: white;
 padding: 3px;
padding-left:5px;

 margin-bottom: 2px;
 cursor:pointer;
border-radius:10px;
margin-top:3px;

}

.privat_ausg_an{
background:#FFEEEE;
border:1px solid #FF7777;
border-radius:10px;
padding:5px 5px 5px 5px;
margin-bottom:3px;
display:inline-block;
	
}
.privat_ausg_von{
 background-color: #FBFCF4;
 border: 1px solid #77ff77;
border-radius:10px;
padding:5px 5px 5px 5px;
margin-bottom:3px;
display:inline-block;

}


#close_privat{
	cursor:pointer;
	background-color: white;
	font-size: 10px;
	font-family: 'Raleway', sans-serif;  
	font-style: normal;
	border: 1px solid black;
	padding-left:4px;
	padding-right:4px;
}
#privat_anzeige{
	padding-bottom: 3px;
	height: 18px;
display:none;
}
#privat_modus{
	font-size: 10px;
}
.privat_mesages_window{
	height: 165px; 
	padding:3px; 
	border: 1px solid #bbbbbb; 
	overflow: auto;
}
.privat_win_button{
	cursor:pointer; 
	font-weight:bold;
	border: 1px solid #bbbbbb;
	width: 190px;
	margin-top: 3px;
	background-color: #e1e1ff;
	text-align: center;
}

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

.img_button{
	cursor:pointer;  
}   


.private_message_field{
	width:300px;
	border: 1px solid black;
	margin-top: 2px;
	background-color: #f7f7ff;
color:black !important;
}

a:link {color:#000; font-size: 16px; text-decoration:none;}
a:visited {	color:#000; text-decoration:none;}
a:active {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}

/*------------ for history -----------------------*/
.kopf{ background-color:#dddddd; }
.gerade{ background-color:#d5d5ff; }
.ungerade{ background-color:#eeeeff; }
.privat_von{ background-color:#ddffdd; }
.privat_nach{ background-color:#ffdddd; }

/*------------ for adminbereich -----------------------*/
#adminbereich_body{
background-color:#ffffff;
color:black;
font-size: 12px;
	font-family: sans-serif;  
}
#adminbereich_body a:link {	font-family: sans-serif; color:#000099; text-decoration:underline;}
#adminbereich_body a:visited {	font-family: sans-serif; color:#000099; text-decoration:underline;}
#adminbereich_body a:active {	font-family:sans-serif; color:#000099; text-decoration:underline;}
#adminbereich_body a:hover {	font-family: sans-serif;  color:#000099; text-decoration:none;}



/*---------------------------- for Window -------------------------*/

.overlay_etchat_style {
	background-color: #ffffff;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.etchat_style_nw {
 border-left: 1px solid #888888;
 border-top: 1px solid #888888;
 border-bottom: 1px solid #888888;
  width:10px;
  height:18px;
  background-color: #8EA1BF;
  color: black;
}

.etchat_style_n {
  border-top: 1px solid #888888;
  border-bottom: 1px solid #888888;
  background-color: #8EA1BF;
  color: #fff;
}

.etchat_style_ne {
 border-right: 1px solid #888888;
 border-top: 1px solid #888888;
 border-bottom: 1px solid #888888;
  width:10px;
  height:18px;
   background-color: #8EA1BF;
  color: black;

}

.etchat_style_w {
 border-left: 1px solid #888888;
 width:10px;
  background-color: #ffffff;
}

.etchat_style_e {
  border-right: 1px solid #888888;
  width:10px;
  background-color: #ffffff;
}

.etchat_style_sw {
 border-left: 1px solid #888888;
 border-bottom: 1px solid #888888;
  width:10px;
  height:3px;
  background-color: #ffffff;
}

.etchat_style_s  {
border-bottom: 1px solid #888888;
background-color: #ffffff;
}

.etchat_style_se, .etchat_style_sizer {
 border-right: 1px solid #888888;
 border-bottom: 1px solid #888888;
  width:10px;
  height:3px;
  background-color: #ffffff;
}

.etchat_style_sizer {
	cursor:se-resize;
}

.etchat_style_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_style_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_style_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_style_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:black;
}

.etchat_style_content {
	padding-top:5px;
	overflow:auto;
	color: #000000;
		font-family: sans-serif;  
	font-size: 12px;
	background:#ffffff;
padding-bottom:6px;
}  
.no-scrolling {
overflow:hidden !important;
}
        


.etchat_style_title,.etchat_style_nw,.etchat_style_n,.etchat_style_ne {
background:#182F4E !important;
color:white !important;
}


/* Smartphones und Tablets (iPad, iPhone 8, Amazon-Kindle, usw.) by catraxx */

@media (max-width:799px) {

body {
background-repeat:no-repeat !important;
}
#footer-outside { margin-top:10px;font-size:11px !important; }
#footer-outside a:link,#footer-outside a:visited, #footer-outside a:hover, #footer-outside a:active {
color:white !important;
font-size:11px !important;
}

#content-outside a:link,#content-outside a:visited, #content-outside a:hover, #content-outside a:active {
color:white !important;
font-size:11px !important;
}

#content-outside {
margin:none !important;
width:98% !important;
max-width:98% !important;
}
#contentbox-outside {
min-height:57vh;
}

}