/*

 Telba Rot		#d22730		Button Background

 ECS Grün		#87bc00		Button Background
				#2d3a41		Header Background

 Bytedesign		#2086f3		Button Background
				#333333		Header Background
				#666666		Textcolor
				
*/
				
:root {

  --buttonBackgroundColor: 	#ffad33;
  --buttonBackgroundColor: 	#2086f3;
  --buttonBackgroundColor: 	#87bc00;
  
  --buttonBorderColor: 		#dddddd;
  --buttonTextColor: 		#ffffff;
  
  
  --linkHover:				#87bc00;
  
  --textColor:				#666666;
  
  --headerBackgroundColor:	#2d3a41;
}


#corporate {

	color: 					#87bc00;
	text-decoration:		none;
}

#corporateBorder {

	border:					2px solid #87bc00;
}


.header {

	background-color:		#2d3a41;
}

#header A {

	color: 					#ffffff;
	text-decoration:		none;
}

#header A:hover {

	color: 					#87bc00;
	text-decoration:		none;
}


body {

	font-family:		Tahoma,Helvetica;
	font-weight:		lighter;
	font-size:			12px;
	color:				#666666;
	background-color:	#ffffff;
	margin:				0px;
	padding:			0px;
}


img {
	border: 			0px;
}

table {

	font-size:			12px;
}

A {

	color: 				#666666;;
	text-decoration:	none;
}

A:hover {

	color: 				#87bc00;
	text-decoration:	none;
}

INPUT {

	line-height:		normal;
	color: 				#000000;
	border:				1px solid #dddddd;
	background-color:	#ffffff;
	cursor:				pointer;
	border-radius:		5px;
	padding:			6px;
}

TEXTAREA {

	line-height:		normal;
	color: 				#000000;
	border:				1px solid #dddddd;
	background-color:	#ffffff;
	cursor:				pointer;
}

SELECT {

	height:				28px;
	line-height: 		normal;
	color: 				#333;
	border:				1px solid #dddddd;
	background-color:	#ffffff;
	padding-top:		0px;
}

OPTION {

	padding:			5px;

}


.infoText {

	color:				#777777;
	
	font-size:			12px;
}




.menuNormal {

	margin-top:			3px;
	margin-bottom:		3px;	
	border-radius:		2px;
	color:				#555555;
	background-color:	#ffffff;
	border-color:		#bbb;
	height:				28px;
	-webkit-appearance: none;
	-moz-appearance:	none;
}

.menuSpezial {

	margin-top:			3px;
	margin-bottom:		3px;
	border-radius:		2px;
	color:				#ffffff;
	background-color:	#87bc00;
	border-color:		#bbb;
	height:				28px;
	-webkit-appearance: none;
	-moz-appearance:	none;
}






.buttonSmall {

	padding:			5px;
	margin:				2px;
	border:				0px;
	border-radius:		2px;

	color:				#555555;
	background-color:	#ffffff;


	-webkit-appearance: none;
	-moz-appearance:	none;

}

.buttonNormal {

	padding:			5px;
	margin:				2px;
	border-radius:		2px;
	
	color:				#555555;
	background-color:	#ffffff;

	-webkit-appearance: none;
	-moz-appearance:	none;

}

.buttonSpezial {

	padding:			5px;
	margin:				2px;

	border-radius:		2px;

	color:				#ffffff;
	background-color:	#87bc00;

	-webkit-appearance: none;
	-moz-appearance:	none;
}

.buttonBigNormal{

	min-width:			120px;
	border-radius:		2px;
	padding:			5px;
	margin:				2px;
	
	color:				#555555;
	background-color:	#ffffff;
}

.buttonBigSpezial {

	min-width:			120px;	
	border-radius:		2px;
	padding:			5px;
	margin:				2px;
	
	color:				#ffffff;
	background-color:	#87bc00;
}





/*	************************************************************
	************************************************************

			tablist

	************************************************************
	************************************************************	*/



.tabNormal{

		border-left:		0px solid #dddddd;
		border-right:		0px solid #dddddd;
		border-top:			0px solid #dddddd;
		border-bottom:		1px solid #aaaaaa;
		font-size: 			12px;
		height:				22px;
		padding:			6px;
		color: 				#888888;
		background-color:	#ffffff;
		cursor:				pointer;
}

.tabSpezial {

		border-left:		1px solid #aaaaaa;
		border-right:		1px solid #aaaaaa;
		border-top:			1px solid #aaaaaa;
		border-bottom:		1px solid #ffffff;	
		font-size: 			12px;
		height:				22px;
		padding:			6px;
		color: 				#555555;
		font-weight:		500;
		background-color:	#ffffff;
		cursor:				pointer;
		border-radius:		4px 4px 0px 0px;
}


.tabSpacer {

		border-bottom:1px solid #aaaaaa;
}











/*	************************************************************
	************************************************************

			table

	************************************************************
	************************************************************	*/


.tableCommon {
			
	border:				0px solid #dddddd;
	font-weight:		100;
}


.tableTitle {

	border-bottom:		1px solid #bbb;
	color:				#444;
	background-color:	#fff;

	padding-left:		5px;
}


.tableHeader td {

	border-bottom:		1px solid #aaaaaa;
	background-color:	#ffffff;

	padding:			5px;
}



.tableRow1 {
		
	background-color:	#ffffff;
	border-bottom:		0px solid #eeeeee;
}

.tableRow2 {
	
	background-color:	#ffffff;
	border-bottom:		0px solid #eeeeee;
}


.tableRowSelection {

	background-color:	#eeeeee;
	cursor:				pointer;
}

.tableRowSelection td {

	background-color:	#eeeeee;
	cursor:				pointer;
}


.tableCell1 {

	border-bottom:		0px solid #eeeeee;
	padding:			5px;
}

.tableCell2 {

	border-bottom:		0px solid #eeeeee;
	padding:			5px;
}









/*	************************************************************
	************************************************************

			iFrame

	************************************************************
	************************************************************	*/

.boxTitleBar {
	padding:			3px;
	border-bottom:		1px solid #eeeeee;
	background-color:	#EFEFEF;
}





/*	************************************************************
	************************************************************

			

	************************************************************
	************************************************************	*/

.boxGuiTitle {

	font-size:			12px;
	color:				#eeeeee;
	background-color:	#444444;
	padding:			3px;
}

.boxGuiContent {

	font-size:			14px;
	color:				#333333;
	background-color:	#ffffff;
	padding: 			10px;
}



.boxContentMiddle  {

	font-size:			16px;
	color:				#444444;
	background-color:	#ffffff;
	padding:			3px;
	padding-left:		6px;
	border:				0px solid red;
}

.boxContentBig 
{	
	font-size:			20px;
	color:				#444444;
	padding:			3px;
	padding-left:		6px;
	border:				0px solid red;
}




/*	************************************************************
	************************************************************

	CHAT	

	************************************************************
	************************************************************	*/

	
	
.chatBoxDate {
	color:			#333333;
	background: 	#ffffff;
	width:			100px;
	border: 		1px solid #cccccc;
	border-radius:	6px;
	padding:		2px;
}



	
.chatBoxWithLeftArrow {
	position: 		relative;
	color:			#222222;
	left:			20px;
	background: 	#fffceb;
	width:			300px;
	min-height:		30px;
	border: 		1px solid #cccccc;
	border-radius:	10px;
	padding:		10px;
}

.chatBoxWithLeftArrow:after, .chatBoxWithLeftArrow:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	position: absolute;
	pointer-events: none;
}

.chatBoxWithLeftArrow:after {
	border-color: rgba(5, 192, 230, 0);
	border-right-color: #fffceb;
	border-width: 11px;
	margin-top: -15px;
}
.chatBoxWithLeftArrow:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #cccccc;
	border-width: 12px;
	margin-top: -16px;
}






.chatBoxWithRightArrow {
	text-align:		left;
	position: 		relative;
	color:			#222222;
	right:			20px;
	background: 	#e3ffd5;
	width:			300px;
	min-height:		30px;
	border: 		1px solid #cccccc;
	border-radius:	10px;
	padding:		10px;
	
}
.chatBoxWithRightArrow:after, .chatBoxWithRightArrow:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	position: absolute;
	pointer-events: none;
}

.chatBoxWithRightArrow:after {
	border-color: rgba(5, 192, 230, 0);
	border-left-color: #e3ffd5;
	border-width: 11px;
	margin-top: -15px;
}
.chatBoxWithRightArrow:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #cccccc;
	border-width: 12px;
	margin-top: -16px;
}