html,*{
	margin: 0;
	padding: 0;
	border-width: 0;
}

input {
	border-width: 1px;
}

select {
	border-width: 1px;
}

body{
  text-align:center;
  margin: 0;
  padding: 0;
  font-family: 'Trebuchet MS', Trebuchet, Verdana,sans-serif;
  font-size: 62.5%;
  background-color:#660066;
  color:#666666;
  background-image:url(/_Layout/hintergrund.gif);
  background-repeat:repeat-y;
  background-position:center; 
}

#site{
  text-align:left;
  padding: 0;  
  margin:0px auto;
  width:100em;
  height:100%;
  background-color:white;  
}

#hintergrundlinie{
  margin-top: 0.5em;
  background-image:url(/_Layout/bilder/gepunktetelinie_senkrecht.gif);
  background-repeat:repeat-y;
  background-position: 19.5em 0em;
}

a{
  color:#353535;
}

a:hover, a:active {
  color:#652d86;  
}

.clear-right{
  clear:right;
  margin: 0 !important; 
}

.clear-left{
  clear:left;
  margin: 0 !important;
}

.clear-both{
  clear:both;
  height:1px;
  margin: 0 !important;  
}

.error{
  color:#bf0303;
}

/*
=====================================================================
Kopfzeile.
=====================================================================
*/

#header{	
  margin:1.5em;
  margin-bottom:3.5em;
  width: 97%;
  height: 138px;
  background-color:#5e005e;
  background-image:url(/_Layout/header_right.jpg);
  background-repeat:no-repeat;
  background-position:right;
}

/*
=====================================================================
Fusszeile.
=====================================================================
*/

#footer{	
  margin:1em;
  width: 98%;
  height:60px;
  background-image:url(/_Layout/bilder/cirquent_logo.gif);
  background-repeat:no-repeat;
  background-position:right;
}

/*
=====================================================================
Navigation
=====================================================================
*/
#navigation{
  float:left;
  width:17em;
  margin-left:1.5em; 
}

.module-top{
  border-top:1px dotted #666666;
  margin-bottom:0.5em;
}

.module-header{
  border:1px dotted #666666;
  color:#660066;
  font-size:100%;
  font-weight:bold;
  letter-spacing:0.3em;
  line-height:normal;
  margin:0;
  margin-bottom:0.5em;  
  padding:3px;
  text-align:left;
  text-transform:uppercase;
}

ul.menulinks{
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-image:none;
  line-height:150%;  
}

ul.menulinks li{
  padding-bottom:0.7em;
}

ul.menulinks li a{
  font-size:1.3em;
  text-decoration:none;
  color:#660066;
  border-bottom:0;
}

ul.menulinks li a:hover,
ul.menulinks li a:active {
  color:#FF6600;
}


li.linkesmenu{
  display:inline;
}

/* Navigation innerhalb des Ticketsystems   ====================== */


.ticket{
  margin:0;
  margin-bottom:0.3em;
}

ul.menulinks li.ticketli{
  padding-bottom:0.3em;
}

ul.menulinks li.en div a{
  background-image:url(/_Layout/icons/gb.gif);
  background-repeat:no-repeat;
  background-position:left;
  padding-left:20px;
}

ul.menulinks li div{
  background-color:#F4F4F3;
  padding:0.3em 0 0.3em 0;
}

ul.menulinks li div img{
  margin:0 0 0 0.3em;
  width:1em;
  height:1em;
}


/*
=====================================================================
Spalte mit den Inhalten
=====================================================================
*/


#dreispaltig{
  float:left;
  width:49.5em;
  padding:1.5em;
  padding-top:0;
  font-size:110%;
}

#ueberschrift{
  border-top:1px dotted #666666;
  padding-top:1.3em;
}  
  
#content{
 margin-top:1em;
}    
  
#zweispaltig{
  float:left;
  padding-left:1.5em;
  padding-top:0;
  width:71em;
  font-size:110%;  
}

#zweispaltig div{
  margin-bottom:0.3em; 
}

.width50{
	width:50em;
}

/*
=====================================================================
Tabelle im Ticketsystem
=====================================================================
*/

#zweispaltig table{
   border:0;
   width:100%; 
/*   cellspacing:0; 
   cellpadding:0;*/
   border-collapse:collapse;
   margin-top:0.5em;
}

#zweispaltig table tr th,
#zweispaltig table tr td{
  padding:0 0.2em 0 0.2em;
}

#zweispaltig table tr td{
   border:1px solid #dddddd;
   border-bottom:0px;   
}


#zweispaltig table tr th{
   background-color:#e7e6e2;
   border:1px solid #666666;
   color:#353535;
   background-image:url(/_Layout/hintergrund_tabelle_th.gif);
   background-repeat:repeat-x;
   background-position:0px 0.8em;
}

#zweispaltig table tr th div{
  float:left;
}

#zweispaltig table tr th a img{
  float:right;
  margin:0.3em 0.1em 0 0;
  border:1px solid #666666;
}

/*
=====================================================================
neues Ticket
=====================================================================
*/

#zweispaltig .new_ticket{
  padding:0.5em;
  background-image:url(/_Layout/hintergrund_neues-ticket.gif);
  background-repeat:repeat;
  margin-bottom:1em;
}

#zweispaltig label{
  font-size:110%;
  width:9em;
  display:block;
  float:left;
}

#zweispaltig input,
#zweispaltig select,
#zweispaltig textarea{
  border:1px solid #DDDDDD;
}

#zweispaltig input,
#zweispaltig textarea{
  font-family: 'Trebuchet MS', Trebuchet, Verdana,sans-serif;
  font-size:110%;
  width:53.3em;
}

#zweispaltig input.button{
  width:10em;
}

#zweispaltig input.submit{
  margin-top:1em;
  background-color:#660066;
  border:2px solid white;
  color:white;
}

#zweispaltig .attachments{
  margin-top:1em;
  width:58.5em;
  display:table;
  margin-left:10em;
}

#zweispaltig .attachments h2{
  margin:0.5em 0 1em 0;
}

#zweispaltig .attachments input.delete{
  margin-left:0.5em;
}

#zweispaltig .attachments div{
  float:left;
  width:40em;
}

#zweispaltig .attachments div div{
  margin:0 0 0.5em 0;
}

#zweispaltig input.fixed{
	width:29.1em;
	font-size:100%;
} 

#zweispaltig input.attachment{
	width:9.5em;
} 

#zweispaltig table.attachment {
 width:59em;
 padding:0;
 margin:0;
}

#zweispaltig table.attachment tr td {
 border:0;
 padding:0.1em 0 0.1em 0;
}

#zweispaltig table.attachment tr td.uploaded_files {
 background-color:white;
 border-bottom:1px dotted #DDDDDD;
}


#zweispaltig table.attachment tr td input.button {
 float:right;
}

.error_ticket{
	color: red;
	padding-left:16px;
	background-image:url(/_Layout/icons/error_arrow.gif);
	background-repeat:no-repeat;
	background-position:5px 0;
}

/*
=====================================================================
Ticketsuche
=====================================================================
*/

#zweispaltig .search_ticket{
  padding:0.5em;
  background-image:url(/_Layout/hintergrund_neues-ticket.gif);
  background-repeat:repeat;
  margin-bottom:1em;
}

#zweispaltig .search_ticket h2{
  margin:0.3em 0 0.3em 0;
}

#zweispaltig .search_ticket div label{
  display:block;
    float:left;
}

#zweispaltig .search_ticket div{
  margin:0 0 0.5em 0;
}

#zweispaltig .search_ticket div div{
    float:left;
}

/*
=====================================================================
OTRS-PHP
=====================================================================
*/

.reiter{
	display:block;

	border-bottom:0;
	padding:0.2em 0.4em 0 0.4em;
	margin:0 0.2em 0 0.2em;

	float:left;
	background-image:none;
	text-decoration:none;
	color:#666666;
}

.AnsichtAktiv {
	font-weight: bold;
	color:#353535;
	background-image:url(/_Layout/hintergrund_neues-ticket.gif);
  	background-repeat:repeat;
	border-right:1px solid #DDDDDD;

}

#zweispaltig .new_ticket{
  padding:0.5em;
  background-image:url(/_Layout/hintergrund_neues-ticket.gif);
  background-repeat:repeat;
  margin-bottom:1em;
}


#zweispaltig .search_ticket div select{
	width:20em;
}


#zweispaltig input.size20em{
	width:22em;
}

#zweispaltig input.submitsize20em{
	margin-left:9em;
	width:22em;
}

/*
=====================================================================
Inhalt der Tickets (Kundensicht)
=====================================================================
*/

.ticket_print{
	float:right;
	text-align:right;
	margin-right:15px;
}

.content_ticket{
  padding:0.5em;
  background-image:url(/_Layout/hintergrund_neues-ticket.gif);
  background-repeat:repeat;
  margin-bottom:1em;
}

.ticket_head,
.ticket_body{
	background-color:white;
	border:1px solid #dddddd;
	padding:0.5em;
}

.ticket_head_left{
	float:left;
}

.ticket_head_right{
	float:right;
}

.statusanzeige{
	border-bottom:1px solid #ddd;
	padding:0.2em 0 0.2em 0;
}

.bezeichnung{
	float:left;
	width:10em;
	font-weight:700;
}

.status{
	float:left;
}

.aktuelles_ticket{
	border:1px solid #660066;
	border-top:2px dotted #666666;	
		
	margin:0 15px 5px 0;
	padding:0.2em;
	background-color:white;
	color:#333333;	
}

.aktuelles_ticket ul{
	list-style-type:none;	
}

.aktuelles_ticket ul li{
	background-color:#F4F4F3;
	padding:0.3em;
	margin-bottom:0.3em;
}

.aktuelles_ticket div.text{
	font-size:110%;
	padding:0.3em;
}

#zweispaltig  .aktuelles_ticket ul li table.aktuelles_ticket_attachment,
#zweispaltig  .aktuelles_ticket ul li table.aktuelles_ticket_attachment tr td{
	width:auto;
	margin:0;
	border:0;
	padding:0;
}


.add_message,
.ticket_history_headline{
	background-image:url(/_Layout/icons/add.gif);
	background-repeat:no-repeat;
	color:#660066;
	font-family:Georgia,"Times New Roman",serif;
	padding:0 0 5px 25px;
	font-size:130%;
	margin-top:1em;
}

.ticket_history_headline{
	background-image:url(/otrs-web/images/Standard/ticket.png);
	padding:2px 0 5px 25px;	
}

#zweispaltig div.choose_message{
	background-color:white;
	border:1px solid #660066;
	border-bottom:0;	
	padding:0.5em 0.5em 1em 0.5em;
	margin-right:15px; 	
	margin-bottom:0; 	
}

#zweispaltig  div.ticket_status {
 	background-color:#660066;
	margin:0;
	margin-bottom:1em;	
}

.ticket_status ul{
	list-style-type:none;

}

.ticket_status ul li{
	color:white;
	padding:0.2em;
	float:left;
	width:18em;
	margin-right:0.5em;
	border-right:0.2em solid white;
}

#zweispaltig table.tickethistory tr td {
	border:0;
	border-bottom:1px dotted #dddddd;
}

#zweispaltig table.tickethistory tr td  u{
	color:#660066;
}

#zweispaltig div.ticket_status ul li p{
	margin:0;
	color:white;

}

#zweispaltig .ticket_status ul li label{
	width:5em;	
	font-weight:bold;
}

/*
=====================================================================
Einstellungen (Kundensicht)
=====================================================================
*/

#zweispaltig table.notify{
	margin:0 0 10px 0;
	border:1px dotted #FF6600;
	background-color:#eeeeee;
}

#zweispaltig table.notify tr td {
	border:0;

}

#zweispaltig table.notify tr td.contentbody {
	color: #FF6600;
	letter-spacing:0.1em;
}

#zweispaltig table.notify tr td{
	margin-top:1px;
}

.bezeichnung_big{
	width:20em;
	float:left;
	font-weight:700;
}

.einstellungen_abstand{
	margin:1em 0 1em 0.2em;	
}

.password_label{
	float:left;
	width:20em;
	font-weight:700;
}

.password_input{
	float:left;
	margin-bottom:1em;
}

#zweispaltig .password_input input{
	width:40em;
}

/*
=====================================================================
OTRS-Abrechnungssicht
=====================================================================
*/

.ListeTicket {
	border: 1px solid gray;
	margin: 2px;
}
.ListeTicketNr {
	width: 100px;
}
		
.ListeTicketBuchung li {
	margin: 0 0 0 40px;
}
.ListeTicketNr {
	width: 100px;
}

.ListeTicketBetreff span {
	font-weight: bold;
}

.ListeTicketAufwand {
	font-weight: bold;
}

#GesamtsummeAufwand {
	text-align: right;
	margin: 15px 0;
	font-weight: bold;
}


/*
=====================================================================
Login
=====================================================================
*/


.login{
  padding:0.3em;  
  margin-bottom:0.5em;
  background-color:#F4F4F3;
}

.login label{
  font-size:1.3em;
  text-decoration:none;
  color:#660066;
  border-bottom:0;
}

.login input{
  margin-bottom:0.2em;
  margin-top:0.2em;
  border:1px solid #8c8a7a;
  width:12em;
  font-size:13px;
  padding:0.1em;
}

.login a{
  font-size:1.3em;
  text-decoration:none;
  color:#660066;
  border-bottom:0;
}

.login input.login_button{
  color:#660066;
  font-size:13px;
  width: 12.2em;
  height: 1.6em;
  padding-bottom:0.1em; 
  padding-top:0em;
  margin-top:1em;
  margin-bottom:1em;
}

/*
=====================================================================
Druckbutton
=====================================================================
*/

#print{
  float:right;
  padding-top:2.7em;
  font-size:0.8em;
  }
  
  /*
=====================================================================
#abstand ist ein weisses Kaestchen, dass für den Abstand der Linien
links oben von der rechten Spalte sorgt.
=====================================================================
*/

#abstand{
  position:relative;
  right:0.2em;
  top:-0.2em;
  width:0.45em;
  height:0.45em;
  background-color:#ffffff;
  }

  /*
=====================================================================
Bilder
=====================================================================
*/

.imageStyle{
  margin-top:3em;
  width:6em;
  height:4.1em;
}

.bild{
  border:1px solid #000000;
}

  /*
=====================================================================
Schriften
=====================================================================
*/

h1{
  margin:0;
  font-size:220%;
  font-weight:normal;
  font-family:Georgia,"Times New Roman",serif;
  color:#660066;
}

h2{
  font-family: Georgia, serif;
  margin:0;
  font-size:150%;
  font-weight:normal;
  color:#333;
}

h3{
  font-family:Georgia,"Times New Roman",serif;
  margin:0;
  font-size:1.2em;
  font-weight:normal;  
  color:#660066;
  margin:1em 0 0.5em 0;
}

h4{
  font-family: Trebuchet, sans-serif;
  margin-top:0em;
  padding-top:0.3em;
  font-size:1em;
  font-weight:700;
  color:#000000;
}

p{
  font-size:1.2em;
  color:#666666;
  text-align: justify;  
	margin-top:0.5em;
	margin-bottom:0.5em;
  }

.intro{
  font-style:italic;
  color:#660066;  
}




/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

  /*
=====================================================================
Cirquent Logo
=====================================================================
*/

.cirquent-logo{
	float:right;
	  height:60px;
	  width:200px;
  background-image:url(/_Layout/bilder/cirquent_logo.gif);
  background-repeat:no-repeat;
  background-position:right;
}
a.cirquent-logo{
	display: block;
	float:right;
	  height:60px;
	  width:200px;
  background-image:url(/_Layout/bilder/cirquent_logo.gif);
  background-repeat:no-repeat;
  background-position:right;
}
a.cirquent-logo span {
	display: none;
}

  /*
=====================================================================
Infobox
=====================================================================
*/

.infobox{
	border:1px solid #8c8a7a;
	float:right;
	width:23em;
	padding:0.2em;
	margin-left:2em;
	font-size:1.2em;
	background: url(/_Layout/hintergrund_infobox.gif);
	background-repeat:repeat-x;
}

.infobox table,
#zweispaltig div.infobox table tr td{
	border:0;
	vertical-align:top;
	padding:0.2em;
}

.infobox table tr.table_highlight{
	background-color:#F4F4F3;
}

.infobox h3{

	color:#660066;
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:0.3em;
	line-height:normal;
	margin:0 0 0.5em;
	padding:3px;
	text-align:left;
	text-transform:uppercase;
	background-color:white;
}


.info_content{
		background-color:#660066;
		color:white;
		display:inline;
		padding:0.2em;
}