/*---- CSS-Global ------------------------------------------------------------*/
html, body { 
  font-size: 12px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
  line-height: 14px; 
  background-image: url("images/tzhb_hg_punkte.png"); 
  margin: auto;
  min-height: 100%;
}


div.container { 
  background-color: #ccc; 
  width: 1000px; 
  vertical-align: top;
  margin: auto;
  height: auto !important;
  height: 600px;
  min-height: 100%;
  display:block;
}

.container:after { 
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div.head {
  height: 100px; 

	text-align: left;
	background-color: #FFFFFF;
	line-height: 20px;
  
}

.head_titelzeile {
  position: relative;
	background-color: #CC3300;
	line-height: 29px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	top: 10px;
	margin: 30px;
}
.head_titelzeile2 {
  position: relative;
	line-height: 41px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	top: 50px;
	margin: 30px;
}

#topbar { 
  background-color: #c30;
  background-image: none;
  margin-top: 0;
  padding-top: 0;
  position: absolute;
  top: 0;
  width: 1000px;
  height: 48px;
  float: left;
  text-align: left;
  vertical-align: middle;
}

#poslogo { 
  position: absolute;
  z-index: 10;
  top: 18px;
  right: 0;
  float: left;
}


div.navigation {

  float: left;
  background-color: #ccc; 
  width: 137px; 
  vertical-align: top;
}

/* Formatvorlagen für die Navigation */
div.navigation ul {
	list-style-type: none;
  width: 100%;
	margin: 0;
	padding: 0;
  border-bottom: 1px solid #c30;
}

div.navigation li {


}

div.navigation a {
  color: #000; 
  font-size: 12px; 
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
  text-decoration: none; 
  text-align: right; 
  padding-top: 5px; 
  width: 137px; 
  height: 20px; 
	display: block;  
  border-top: 1px solid #c30;
  font-weight: normal;
}

div.navigation a:hover {
  font-weight: bold;
}



div.inhalt {
  position: relative;
  margin-left : 155px;
  background-color: white;
  padding: 20px;
  padding-top: 0px;
  height: 100%;
  min-height: 100%;
  /*display:block;*/ 
  /*height: 600px;*/
  min-height: 600px;
}


div.inhalt_left{
  border-top: 1px solid silver;

}

div.footer{ 
  background-color: #545454; 
  height: 19px; 
}

/*----------------------------------------------------------------------------*/
/* login.html                                                                 */
/*----------------------------------------------------------------------------*/
div.form_login {
  margin:auto;
  /*border: 1px solid;*/
  /*text-align: center;*/ 
}

table.login{
  border:2px solid silver;
  padding: 3px;
  margin:auto;
  background-color: #F1F1F1;
}

th.login{
  background-color: #CCCCCC;
  font-weight: bold;
  text-align: center;
}

td.loginText{
  padding: 10px 5px 10px 5px ;
  text-align: center;
}

td.loginLeft{
  padding: 2px 5px 2px 5px;
  font-weight: bold;
  text-align: left;
}

td.loginRight{
  padding: 2px 5px 2px 5px;
  text-align: left;
}

td.inputButtons{
  border-top: 2px solid silver;
  padding: 10px 10px 5px 155px;
}

input.loginInputText{
  width: 200px;
  border-width: 2px;
  border-style: solid;
  border-color: silver;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  padding: 2px 2px 2px 2px;
  /*
  border-width: 2px 2px 2px 2px;
  border-color: silver silver silver silver;
  */
}

input.loginInputText:active{
  background-color: #FFFF77;
}

input.loginInputText:hover{
  background-color: #FFFFCC;
}

input.loginInputText:focus{
  background-color: #FFFF99;
}

/*
:focus = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)
:hover = für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)
:active = für gerade angeklickte Elemente
*/

input.loginInputButton{
  width: 100px;
  border-width: 2px;
  border-style: solid; 
  border-color: silver; 
  font-weight: bold;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}


/*----------------------------------------------------------------------------*/

.titelcenter {
	/*line-height: 0px;*/
	font-size: 16pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-align: center;
  padding-top:50px;
}

.titelzeile {
	background-color: #CC3300;
	line-height: 29px;
	font-size: 12px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	
}

.titelzeile2 {
	line-height: 41px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

a {
  color: #0000FF;
  font-weight: bold;
}

a:hover {
  text-decoration: none;
}

/*Kontonavigation*/

a.kontoNav{
  text-decoration: none;
  padding-left: 3px;
  padding-right: 3px;
}

a.kontoNav:hover{
  text-decoration: none;
  font-size: 16px;
}

b.aktSeite{
  font-size: 16px;
  padding-left: 3px;
  padding-right: 3px;  
  border: 1px solid silver; 
  margin: 1px;
  background-color: #eeeeee;
}

/*--- ToolTip ---*/
div#toolTip { 
	position:absolute;
	z-index:1000;
	max-width:600px;
	background-color:#dddddd;
	border:1px solid silver;
	/*color:#efefef;*/
	text-align:left;
	padding:10px;
	visibility:hidden;
	top: 0px;
	left: 0px;
  -moz-opacity:0.90; 
  -khtml-opacity:0.90; 
  opacity:0.90;
  filter:alpha(opacity=90);
}
/*---------------*/


th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	background-color: #DADADA;
}

td {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

hr {
  border: 0px;
  border-top: 1px solid silver; 
}

td.top {
	vertical-align: top;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td.middle {
	vertical-align: middle;
  padding: 0px;
}

form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
	vertical-align: middle;
}

.error_big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
	vertical-align: middle;

}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

/*
.button1 {
	font-family: Arial, Helvetica, sans-serif;
  font-weight:bold; 
  font-size: 1.2em;
  background-color: #ffffcc;
  border: 2px outset #999999;
}
*/


/*
.button2 {
	font-family: Arial, Helvetica, sans-serif;
  font-weight:bold; 
  font-size: 1.2em;
  background-color: #ffffcc;
  background-color: #0000FF;
  border: 2px outset #999999;
  border: 1px solid #000000;
  color: white;
	vertical-align: middle;
	text-decoration: none;  
  padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;	
	padding-right: 2px;	
}
*/

/*
.button2 {
	border: 1px solid #000000;

  padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;	
	padding-right: 6px;

	
	background-color: #0000FF;
	text-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 12px;
	vertical-align: middle;
	text-decoration: none;
	
}

*/
/*
.button1 {
	border: 1px solid #000000;

  padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;	
	padding-right: 6px;

	
	background-color: #CC3300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 12px;
	vertical-align: middle;
	text-decoration: none;
}

*/


tr.alt{
  background-color: #e3e3e3;
}

/*----Tracking---*/

tr.alt-{
  background-color: #e3e3e3;
}

tr.alt-knd{
  background-color: #bbbbff;
}

tr.knd{
  background-color: #bbbbff;
}


/*-----------------*/


.button1 {
	border: 1px solid #000000;

  padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;	
	padding-right: 6px;

	
	background-color: #CC3300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 12px;
	vertical-align: middle;
	text-decoration: none;
}

.button2 {
	border: 1px solid #000000;

  padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;	
	padding-right: 6px;

	
	background-color: #0000FF;
	text-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 12px;
	vertical-align: middle;
	text-decoration: none;
	
}

/*============================================================================*/
/*Fahrtliste*/

.tab_fahrtlist {
  padding: 0px;
  margin: 0px;
  border-collapse:collapse;
}

.tab_fahrtlist td {
  padding-left: 5px;
  padding-right: 10px;
}

.tr_bb{
  border-bottom: 1px solid silver;
}

.tdtitle_bltr{
  border: 1px solid silver;
  background-color: #eeeeee;
  border-bottom: 0px;
  padding-left: 2px;
  padding-right: 5px;
}

.tdtitle_blbr{
  border: 1px  solid silver;
  background-color: #eeeeee;
  border-top: 0px;
  padding-left: 2px;
  padding-right: 5px;
}

.tdtitle_blr{
  border: 1px solid silver;
  background-color: #eeeeee;  
  border-bottom: 0px;
  border-top: 0px;
  padding-left: 2px;
  padding-right: 5px;
}

/*============================================================================*/
/*Dauerauftrags Kalender CSS*/

.tab_kalender {

}

.tab_kalender th{
  width: 60px;
  height: 20px;
  color: #eeeeee;
  background-color: #999999;
  text-align: center;
}
.tab_kalender td{
  width: 60px;
  height: 60px;
  color: #444444;
  border: 1px solid #bbbbbb;
  background-color: #eeeeee;
  text-align: center;
  margin:0px;
  padding:0px;
}

div.day{
  cursor:crosshair;
  float:right;
  color: #cfcfcf;
  position: relative;
  font-size: 26px;
  padding:3px;

  font-weight: 600;

  text-align: right;
}

div.monName {
  float:left;
  color: #cfcfcf;
  position: relative;
  height: 20px;
  font-size: 16px;
  font-weight: 600;

  text-align: left;

}

td.aktMonat{
  border: 1px solid #ddddbb;
  background-color: #ffffdd;
  
}

input.cal{
  border: 1px solid #cccccc;
  background-color: #f5f5f5;
  text-align:center;
  width:45px;
  
  color: #777777;
  font-weight: 600;
  
  position: relative;
  top: 7px;
}

input.calAktMonat{
  border: 1px solid #ddddcc;
  background-color: #ffffee;
  text-align:center;
  width:45px;

  color: #888800;
  font-weight: 600;

  
  position: relative;
  top: 7px;  
}



.cal_jahr {
  width: 40px;
}


/*============================================================================*/
/*Drucker CSS*/

div.mediaprint{
  position: absolute;
  top: -999px;
  left: -999px;
  /*border: 1px solid black;*/
  /*z-index: 10;*/
  /*width: 350px;*/
  /*height: 450px;*/
  padding: 5px;
  
  background-color: white;

}

div#imghead{
  /*float:right;*/
}

#print_table{
  position: relative;
  float:left;
  top: 20px;
  vertical-align: top;
  white-space: nowrap;
}

#datum_zeit, #kosten_st, #fahrgast, #ziel, #taxi_nr{
  vertical-align: top;
  height: 30px;
}


#kosten_tr{
  vertical-align: top;
}

#unterschrift{
  border-top: 1px dotted black;
  height: 30px;
  vertical-align: top;
}


.print_titelzeile {
	font-size: 14px;
  background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

/*Lang-Panel*/
img.lang {
  padding: 3px;
  cursor: pointer;
}

img.sel_lang {
  padding: 2px;
}

img.lang:hover {
  cursor: pointer;
  border: 1px solid silver; 
  background-color: yellow;
  padding: 2px;
  margin-bottom: 2px;
}