body {
	background:					#ffffff;
	color:						#000000;
	font-family:				Verdana, Arial, sans-serif;
	font-size:					11px;
	margin:						5px 0px 5px 0px;
}

h1 { font-size: 1.9em; font-weight: bold; margin-bottom: 10px; }
h2 { font-size: 1.75em; font-weight: bold; margin-bottom: 10px; }
h3 { font-size: 1.5em; font-weight: bold; margin-bottom: 10px; }
h4 { font-size: 1.35em; font-weight: bold; margin-bottom: 10px; }
h5 { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; }
h6 { font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }

p { padding-bottom: 6px; }
	
hr { 
	border:						none;
	border:						1px inset #eee;
	margin:						3px 0px 5px 0px;
}

input, img {
	font-size:					11px;
	overflow:					visible;
	vertical-align:				middle;
}

table tr:hover {
	background-color:			#eee;
}

/*
*	Input | Start
*/

input.inpCmd {
	border:						1px outset #a9a9a9;
	background:					#eee;
	padding:					0px 8px;
}

input.inpCmd:hover {
	border:						1px inset #000000;
}

input.inpTxt {
	border:						1px inset #a9a9a9;
	padding:					1px;
}

input.inpTxt:hover {
	border:						1px solid #000000;
}

input.inpTxt:focus {
	border:						1px solid #000000;
}

/*
*	Input | Ende
*/

/*
*	Links | Start
*/

a:link { color: #000000; text-decoration: underline; }
a:visited { color: #000000; text-decoration: underline; }
a:focus { color: #000000; text-decoration: underline; }
a:hover { color: #D30009; text-decoration: underline; }
a:active { color: #000000; text-decoration: underline; }

/*
*	Links | Ende
*/

/*
*	Seitenlayout | Start
*/

#wrapper {
	margin:						auto;
	width:						600px;
}

#header img#logo {
	margin-top: 				20px;
	height:						156px;
	width:						600px;
}

#mainmenu {
	padding:					5px 0px 5px 0px;
}

#content {
	padding:					5px 0px 5px 0px;
}

#login {}

#loginconnected {
	display:					none;
	margin-top:					0.3em;
}

#usrPanel {}

#debug {
	padding:					15px 0px;
}

/*
*	Seitenlayout | Ende
*/

/*
*	Freie Berater | Start
*/

#freeops {
	width:						600px;
}

#freeops div.operator {
	float:						left;
	overflow:					hidden;
	width:						140px;
}

#freeops div.operator * {
	color:						#000000;
	display:					block;
	margin:						5px;
	text-decoration:			none;
}

#freeops a {
	border:						1px inset #a9a9a9;
	
	margin:						5px;
	text-decoration:			none;
}

#freeops a:hover {
	background-color:			#D30009;
	border:						1px outset #a9a9a9;
	text-decoration:			none;
}

#freeops div.operator img {
	display:					block;
	height:						173px;
	width:						120px;
}

.operatorRequested {
	background-color:			#D30009;
	font-weight:				bold;
}

.operatorHover * {
	background-color:			#D30009;
	border:						1px outset #a9a9a9;
}

/*
*	Freie Berater | Ende
*/

/*
*	Registrierung | Start
*/

#frmReg {
	position:					relative;
	width:						375px;
}

#frmReg p {
	margin-bottom:				10px;
}

#frmReg input.inpTxt {
	position:					absolute;
	left:						150px;
	width:						16em;
}

/*
*	Registrierung | Ende
*/

/*
*	PayPay | Start
*/

#ppUsrSelect p {
	margin:						10px;
}

/*
*	PayPay | Ende
*/

/*
*	Chatansicht | Start
*/
#operator_info {
	height:						100px;
	margin-bottom: 				8px;
	overflow:					hidden;
}
#chatout {
	border:						1px inset #a9a9a9;
	height:						250px;
	overflow:					auto;
	padding:					1px;
	width:						600px;
}

#chatout input {
	margin-bottom:				5px;
}

#chatin {
	/*clear:						both;*/
	padding-top:				5px;
}

#chatin input#chatintxt {
	border:						1px inset #a9a9a9;
	overflow:					hidden;
	padding:					1px;
	width:						390px;
}

#is_typing_label {
	color: red;
}
/*
*	Chatansicht | Ende
*/

/*
*	Abrechnung | Start
*/

#tblBill {
	width:						300px;
}

/*
*	Abrechnung | Ende
*/

/*
*	Chatminuten kaufen | Start
*/

#tblBuy {
	width:						300px;
}

#tblBuy td {
	padding:					5px;
}

/*
*	Chatminuten kaufen | Ende
*/

/*
*	Diverse Klassen | Start
*/

.lFloat {
	float:						left;
}

.rFloat {
	float:						right;
}

.cleared {
	clear:						both;
}

.errormsg {
	color:						#FF0000;
	font-size:					9px;
	font-weight:				bold;
}

.bordered {
	border:						1px inset #a9a9a9;
}

.borderUnten {
	border-bottom:				1px inset #a9a9a9;
}

.colYellow {
	color:						#D30009;
}

.colRed {
	color:						#FF0000;
}

.centered {
	text-align:					center;
}

.fett {
	font-weight:				bold;
}

.pad5 {
	padding:					5px;
}

/*
*	Diverse Klassen | Ende
*/