/* agenten */
html {height:100%;}
html, body, textarea {}
body {
  height:100%;
	width:100%;
	margin: 0px;
  text-align: left;
  font: 0.75em Arial, Helvetica, sans-serif;
	background-image:url(../../images/default/layout/seiten_hg.gif);
}
p {margin: 0; padding: 0;}

body, textarea, input, select {
	font: 0.75em Arial, Helvetica, sans-serif;
}
#style_header {
	padding:0px;
	margin:0px;
	width:100%;
	height:81px;
	background:url(../../images/default/layout/header_hg.jpg) no-repeat;
}
#style_menu {
	padding:0px;
	height:auto;
	width:auto;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;	
	background:url(../../images/default/layout/menu_hg_right.jpg) no-repeat;
	background-position:right;
	background-color:#C3C3C3;
}
#style_seiteneinteilung {
	width:100%;
	height:100%;
	margin:0px;
	text-align:left;	
}	
#style_inhalt{
	padding-left:5px;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	overflow:auto;
}

.protokoll_steuerung{
	width:7px;
	height:600px;
	float:right;
	vertical-align:middle;
	text-align:center;
	margin-right:1px;
	right:0px;
	/*
	border-width:2px;
	border-style:solid;
	border-color:#ffffff;
	*/
}
.style_protokolle{
	height:600px;
	width:180px;
	float:right;
	background-color:#C3C3C3;
	padding:5px 0px 5px 0px;
	margin-right:0px;
	right:0px;
}
.style_sichtbar_unsichtbar{
	padding:5px 5px 5px 5px;
	float:right;
}
.style_sub_links{
  padding:0px 0px 0px 0px;
  float:right;
}
#style_info_login{
	float:right;
	width:250px;
	height:80px;
	color:#FFFFFF;
	font-weight:bold;
  padding:2px 5px 0px 5px;
	margin:0px 5px 0px 5px;
	border-left:1px solid #fff;
}
#style_fusszeile{
  height:25px;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	bottom:0px;
	background-color:#C3C3C3;
}
/* images */
.help_div {
	display:none;
	color:#FFFFFF;
	border: 0px;
	float:right;
	width:150px;
	margin-right:230px;
	border:1px solid;
}

.help_img {
	display:none;
	float:right;
	padding-right:16%;
	margin-top:1.5px;
	height: 24px;
	width: 24px;

	background: url(../../images/default/help.gif) no-repeat;
	border: 0px;
	cursor:pointer;
}

.logo_klein {
	height: 82px;
	width: 442px;
	background: url(../../images/default/layout/logo_klein.jpg) no-repeat;
	border: 0px;
}

.arrow_up {
	height: 15px;
	width: 15px;
	background: url(../../images/default/arrow_up.gif) no-repeat;
	border: 0px;
}
.arrow_down {
	height: 15px;
	width: 15px;
	background: url(../../images/default/arrow_down.gif) no-repeat;
	border: 0px;
}


#important_link{
	width : 85%; 
	margin-left : 27px; 
	text-align : left; 
	list-style : none; 
	height: 15px;
	margin : 0; 
	padding : 0;
	font : 12px verdana, sans-serif;
	color:#ccc;
	background-color: #ccc;

	margin-top : 3px; 
	margin-bottom:3px;
}
.nach_oben{
	text-align:right;
	margin-right:5px;
}
#nav a {
	color : #fff; 
	display : block; 
	text-decoration: none;


	margin-top : 3px; 
	margin-left : 3px; 
	margin-bottom : 3px; 
	margin-right : 3px; 
} 

h1,h2,h3,h4,h5
{
	font-family: Verdana, Arial, sans-serif;
	color: #000;
	padding-top: 0.5em;

}
h5{
	font-size: 100%;

}

h4{
	font-size: 110%;
	padding-top: 0em;		
	margin-top: 0em;
}
h3{
	font-size: 115%;
}
h2{
	font-size: 120%;
}
h1{
	margin-bottom: 0em;
	padding-bottom: 0em;	
	font-size: 155%;
}
.format_information {
	font-size:70%;
	text-align:center;

}
.formPeriodTable{
	background-color:#fff;
	border:1px solid #C3C3C3;
}
.formPeriodTable thead{
	background-color:#C3C3C3;
}
.print_info {
	display:none;
	color:#0000CC;
}
#print_info {
	display:none;
	color:#0000CC;
}


.style_sub_links a:link,.style_sub_links a:hover,.style_sub_links a:visited {
	padding: 3px 3px 3px 3px;

	text-decoration:none;

	
	font-style:italic;
	border: 1px solid #000;
	color:#fff;
	font-size: 100%;
	background-color:#003399;	
}

a:link, a:visited {
	color:#20007A;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#20007A;
	text-decoration: underline;
	font-weight:bold;	
}
a:active {
	color: #20007A;
	text-decoration: none;
	font-weight:bold;	
}
.blocksatz{
	text-align:justify;
}
/* 
legend,fieldset{
	padding:0px 0px 0px 0px;
	color: black;
	border: 0 px solid #fff;
	
}
*/

/* 
##################################################################################################################################################

F O R M U L A R E                                                                                                                ANFANG

##################################################################################################################################################
*/
.form_required {
	color:#FF0000;
	text-align:left;
}

.form_radio_checkbox {

	font-weight:bold;
}
.form_texte {
	padding:0px;
	margin: 0px 0px 1px 0px;

	border: 0px solid #000;
	color:#000;
	background-color:#FFFFFF;
	border: 1px solid #000;
	font-size:100%;
}
.form_submit {
	font-size: 100%;
	color:#000000;
	font-weight:bold;	
	
	padding:.2em .8em;
	cursor:pointer;
	height:1.8em;


	background-color:#C2C2C2;
	border-color:#FFF #C1C1C1 #C1C1C1 #FFF;
	

}

.form_submit_back {
	background:url(../../images/default/Arrows/arrowLeft.gif) no-repeat left center;
	font-size: 100%;
	color:#000000;
	font-weight:bold;	
	
	padding:.2em .8em;
	cursor:pointer;
	height:1.8em;


	background-color:#C2C2C2;
	border-color:#FFF #C1C1C1 #C1C1C1 #FFF;


}



.subitem_input{
	padding:.1em .8em;

	font-size: 80%;
	color:#fff;

	
	cursor:pointer;
	height:1.8em;


	background-color:#5688EE;
	border: 1px solid;
	border-color:#FFF #C1C1C1 #C1C1C1 #FFF;
	

}

.calendar_button{
  background-color:#FFFFFF; 
  border:0;
}

/* 
##################################################################################################################################################

F O R M U L A R E                                                                                                                ENDE

##################################################################################################################################################
*/


/* 
##################################################################################################################################################

T A B E L L E N                                                                                                                   A N F A N G 

##################################################################################################################################################
*/


.status-table{
	padding:3px 3px 3px 3px;
	border: 1px solid #000; 
	border-collapse: collapse;
	
}
.status-table th,thead{
	background-color: #C3C3C3;
	color:#000000;
}
.rowcolor1{
	background-color: #FFFFFF;
	
}
.rowcolor2{
	background-color: #DEDEDE;
}

.table_bordered { /* findet verwendung bei tabellen die keine statistik darstellen */
	border-spacing:0pt;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 27px;	
	background-color:#FCE3E3;
	text-align:center;
	border: 1px solid #C3C3C3;
}

/* für statistiken */
.table_maintable{
	padding:3px 3px 3px 3px;
	border-collapse: collapse;
	border: 1px solid #C3C3C3; 	
	table-layout:auto;
}
.table_maintable thead tr td, .table_maintable thead a:link, .table_maintable tr td a:active, .table_maintable thead tr td a:visited,.table_maintable thead tr th{
/*	text-align:left;*/
	color:#000;
/*	background-color: #FFA4C2;*/
	background-color: #C3C3C3;	
	padding-left:4px;
}
.lineInfoBg{
	background-color:#FFFFFF;
	padding-right:0px;
}
.custFormBg{
	background-color:#FFFFFF;
	padding-left:0px;
}

.table_call {
	background-color:#FFFFB8;
}
.table_message {
	background-color:#FAF721;
}
.image_call {
	background: url(../../images/default/anruf.gif) no-repeat;
	float:left;
	width:20px;
	height:20px;	
}
.image_message {
	background: url(../../images/default/message.gif) no-repeat;
	float:left;
	width:20px;
	height:20px;	
}
.table_maintable tfoot tr {

	background-color: #cccccc;

}
/* für statistiken einrücken um 5 px*/
.table_maintable td,table_maintable tbody tr {
	text-align:left;
/*	border: 1px solid white;*/
}

.table_plain{
	border-spacing:0pt;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border: 0px solid white;
}
.table_plain td{
  border: 0px solid white;
}


.greencolor, .logged_in{
	font-weight:bold;
	color:#009900;
	padding:1px 1px 1px 1px;
}
.redcolor, .logged_out {
	font-weight:bold;
	color:#FF0000;
	padding:1px 1px 1px 1px;	
}
.bluecolor, .in_break{
  font-weight:bold;
	color:rgb(51,51,255);
	padding:1px 1px 1px 1px;	
}
.yellowcolor {
	font-weight:bold;
	color:#FFCC00;
	padding:1px 1px 1px 1px;	
}
.violetcolor, .in_conference{
  font-weight:bold;
	color:rgb(153,0,204);
	padding:1px 1px 1px 1px;	
}
.agent_img{
  background: url(../../images/default/agent.gif) no-repeat;
  float:left;
  width:37px;
  height:32px;
  padding-right: 2px;
}
.agent_button1{
  background: url(../../images/default/agent_button/button1.gif) no-repeat;
  border-width:0px;
  height:41px;
  vertical-align:top;
  cursor: pointer;
}
.agent_button{
  background: url(../../images/default/agent_button/button.gif) no-repeat;
  border-width:0px;
  height:41px;
  cursor: pointer;
}

.info_tooltip{
  background-color:#ffffff;
  padding:0px;
/*  border:2px solid black;*/
  cursor: move;
}
.tooltip_close{
	text-align:right;
  cursor: pointer;
  background: url(../../images/default/close.gif) no-repeat;
  width:16px;
  height:16px;  

}
.tooltip_open{
  cursor: pointer;
  background: url(../../images/default/maximieren.gif) no-repeat;
  width:16px;
  height:16px;    
}

.table_bordered_subitem td{
	padding-left:21px;
	border-bottom:1px solid #5688EE;
	border-top:1px solid #5688EE;	
	text-align:left;
	font-weight:bold;
	color:#000;
	background-color:#AAC5FD;
}
.table_bordered_subitem input{
	padding:.1em .8em;

	font-size: 80%;
	color:#fff;
	
	cursor:pointer;
	height:1.8em;

	background-color:#5688EE;
	border: 1px solid;
	border-color:#FFF #C1C1C1 #C1C1C1 #FFF;
}

/*
.sub_level_1{
  background-color: #AAC5FD;
}
.sub_level_2{
  background-color: #ccccff;
}
.sub_level_3{
  background-color: #eeeeee;
}
*/

.colored1{ /* findet verwendung bei speziellen tabellenhintergründen */
	font-weight:bold;
	color:#000;
	font-size:100%;
	background-color: #C1C1C1;
	
}
.colored2{ 
	background-color: #EFEFEF;
}



/* 
##################################################################################################################################################

T A B E L L E N                                                                                                                   A N F A N G 

##################################################################################################################################################
*/


/* 
##################################################################################################################################################

E R R O R  C O L L E C T O R  / I N F O R M A T I O N  C O L L E C T O R  / H I S T O R Y                                          A N F A N G

##################################################################################################################################################
*/

.errorcollector {
	width:50%;
	margin:5px 5px 5px 27px;
	padding:5px 5px 5px 5px;	
	background-color:#FF3300;
	color:#000000;
	border:1px solid #000;

	
}

.informationcollector {
	width:50%;
	margin:5px 5px 5px 27px;
	padding:5px 5px 5px 5px;	
	background-color:#FECF00;
	color:#000000;
	border:1px solid #000;
	
}
.history {

	margin:0px 5px 20px 28px;


/*	background-color:#FF3300;*/
	color:#000000;
/*	border:1px solid #000;*/
	
}

/* 
##################################################################################################################################################

E R R O R  C O L L E C T O R  / I N F O R M A T I O N  C O L L E C T O R / H I S T O R Y                                           A N F A N G

##################################################################################################################################################
*/