﻿* {
	margin: 0 0;
	padding: 0 0;
} 

body, html{
font-family:Helvetica,Arial,sans-serif;
width: 98%;
margin: 0.1em auto;
}

h1 {
 margin: 0em 0em 0.1em;
 padding: 0em 0em;
}

//h2 {
// font-size: 1.0em; 
// margin: 0em 0em 0.1em;
// font-weight: normal;
//}

//th {
// border-bottom: 1px solid black; 
// font-weight: bold;
//}

label {
  padding-right: 1em;
}
input, textarea {
  border: 1px solid red;
//  text-align: justify;
	padding-left: 0.3em;
}

fieldset { padding:0; border:0; margin-top:20px; }

.ui-dialog, .ui-dialog-content {
  font-size: 1.0em; 
}

header {
	clear: both;
	padding: 0.2em 0;
}
main {
	clear: both;
}
footer {
	clear: both;
}

#Pat_ID, #Pat_Name, #Pat_Vorname, #upt_Pat_Name, #upt_Pat_Vorname {
	position: absolute;
	left: 120px;
}
#BarCode_read {
  float: right;
  background-color: lightgrey;
  border: 1px solid black;
  border-radius: 0.4em;
  padding-top: 3px;
  width: 18.5%;
  height: 37px;
  text-align: center;
  cursor: pointer;
}

#BarCode_img {
  width: 90%;
  height: 32px;
  margin: 0px;
  text-align: center;
}

#Pat_Fzg_1, #Pat_Fzg_2, #Pat_Khs, #Pat_sum_Vorname, #Pat_sum_Name, #Pat_sum_ID {
	position: absolute;
	left: 140px;
}
#Fzg_Name_u, #Fzg_Erreichbar {
	position: absolute;
	left: 173px;
}
#upt_Pat_Bem, #Pat_sum_Bem {
	width: 335px;
}
#Pat_Fzg_1, #Pat_Fzg_2, #Pat_Khs {
  border: none;
}
#Khs_Name, #Khs_T1, #Khs_T2, #Khs_T3, #Khs_Brand, #Khs_Paed {
	position: absolute;
	left: 140px;
}
#Khs_Name_update, #Khs_T1_update, #Khs_T2_update, #Khs_T3_update, #Khs_Brand_update, #Khs_Paed_update {
	position: absolute;
	left: 140px;
}
#lat {
	position: absolute;
	left: 250px;
}
#lon {
	position: absolute;
	left: 250px;
}
#KoorN {
	position: absolute;
	left: 20px;
	padding: 0.2em 0;
}
#KoorO {
	position: absolute;
	left: 410px;
	padding: 0.2em 0;
}
#lat1 {
	position: absolute;
	left: 230px;
}
#lon1 {
	position: absolute;
	left: 210px;
}

/* Index.php5 */

#Fehler {
  font-size: 1.3em; 
  font-weight: bold;
  color: red; 
  text-align: center;
}
#Index_Einsatz_Ueberschrift
{
  font-size: 1.4em; 
  font-weight: bold;
  color: black; 
  text-align: center;
}
#Einsatz_Ueberschrift {
  position: relative;
  float: left;
  width: 85%;
  //padding-top: 0.1em;
  margin-left: 5px;
  bottom: -1.0em;
}
#Logo {
  position: relative;
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
}

#Historytable
{
  font-size: 1.0em; 
  font-weight: normal;
  color: black; 
  text-align: left;
  margin: auto;
  padding: 5px;
}

#Index_Formular
{
  font-size: 1.2em; 
  font-weight: normal;
  color: black; 
  text-align: center;
}
#Einsatz_PIN
{
  font-size: 1.4em; 
  font-weight: normal;
  color: black; 
  text-align: center;
}
#Index_copyright
{
  font-size: 1.0em; 
  font-weight: normal;
  color: black; 
  text-align: center;
}

#Uebersicht, #Mstart, #History, #SMS_senden, #OrgL_SMS_senden
{
  background-color: lightgrey;
  border: 1px solid black;
  border-radius: 0.4em;
  //float: left;
  width: 80%;
  max-width: 200px;
  height: 35px;
  margin: 20px auto;
  padding: 0em 0;
  text-align: center;
  font-size: 1.4em; 
  //font-weight: bold;
}
#SMS_senden {
  float: right;
  width: 60px;
  height: 30px;
  font-size: 1.0em; 
  margin: -5px 10px 0px 0px;
}
#label {
	font-weight: bold;
}

.Tipps
{
  font-size: 0.9em; 
  font-weight: normal;
  color: red; 
  text-align: center;
}

.Ueberschrift {
  background-color: lightgrey;
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  width: 12%;
  margin: 0px;
  padding: 0.1em 0;
  text-align: center;
  font-weight: bold;
}
.Ueberschrift23 {
  background-color: lightgrey;
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  margin: 0px;
  padding: 0.1em 0;
  text-align: center;
  font-weight: bold;
}
.Ueberschrift13 {
  background-color: grey;
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  text-align: center;
  font-weight: bold;
}

.Leiter_Fzg {
  position: relative;
  text-align: center;
  top: 30%;
}

.statistik_test {
  background-color: lightgrey;
  border: 1px solid black;
  border-radius: 0.64em;
  float: left;
  width: 12%;
  height: 3.4em;
  margin: 0.0em;
  padding-top: 0.1em;
  text-align: center;
  font-weight: normal;
}

.inhalt {
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  width: 12%;
  margin: 0px;
  padding-top: 0.1em;
  text-align: center;
  font-size: 1.0em; 
  font-weight: bold;
  background-color: #f0f0f0;
}

#Fzg {
  clear: left;
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  width: 90%;
  margin: 0.1em 4%;
  padding: 0.2em 0em;
  text-align: center;
  font-weight: normal;
}

.ui-draggable-dragging { 
  clear: left;
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  width: 90%;
  margin: 0.1em 4%;
  padding: 0.2em 0em;
  text-align: center;
  font-weight: normal;
  z-index: 1000;
}

.NEF{  background-color: red;}
.RTW{  background-color: yellow;}
.KTW{  background-color: lightgreen;}
.Sonder{  background-color: lightblue;}
.FzgSonder{  opacity: 0.6;}

#FzgBemerk{  
  clear: both;
  padding: 0.1em 0 0 0;
  font-size: 0.8em; 
  font-weight: normal;
  text-align: center;
}


#Pat {
  clear: left;
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  width: 90%;
//  max-width: 270px;
  //height: 2.4em;
  margin: 0.1em 4%;
  font-size: 1.0em; 
}

.Pat.ui-draggable-dragging { 
  font-size: 1.0em; 
}

#zeit{  
  float: right;
  padding: 0.2em 0.4em;
  font-weight: normal;
}
#IDnumber{  
//  border: 1px solid black;
  float: left;
  padding: 0.2em 0.4em;
  font-weight: normal;
}
.PatName{  
  clear: both;
  font-weight: bold;
  text-align: center;
}

#Bemerk{  
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  padding: 0.2em 0;
}
#Akreis, #AblageKreis {
	position: absolute;
	margin: 2px;
	border: 1px solid black;
	font-weight: normal;
	text-align: center;
	bottom: 0;
}
#BemerkText{  
  position: relative;
  float: left;
  font-weight: normal;
  text-align: center;
}
#AblageKreis {
	right: 0;
}

.T1{  background-color: red;}
.T2{  background-color: yellow;}
.T3{  background-color: lightgreen;}
.T4{  background-color: lightblue;}
.T5{  background-color: white;}
.Brand{  background-color: chocolate;}
.Paed{  background-color: violet;}

.Hospital, .ambulant, .unverletzt, .exitus {
  clear: left;
  border: 1px solid black;
  border-radius: 0.4em;
  background-color: lightblue;
  float: left;
  width: 90%;
  margin: 0.1em 4%;
  padding: 0.2em 0em;
  text-align: center;
  font-weight: normal;
}
.unverletzt {
  background-color: white;
}
.ambulant {
  background-color: lightgreen;
}
.exitus {
  background-color: grey;
}
.PatTrans {
  clear: left;
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  width: 90%;
  margin: 0.1em 4%;
  padding: 0.2em 0em;
  text-align: center;
  font-weight: normal;
}

.Box3 {
  position: relative;
  clear: left;
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  width: 90%;
  margin: 0.1em 4%;
  padding: 0.3em 0em;
  text-align: center;
  font-weight: normal;
}
#FzgSMS {
	position: absolute;
	margin: 3px;
	width: 16px;
	height: 16px;
	border: 1px solid black;
	border-radius: 8px;
	font-size: 14px;
    font-weight: normal;
	text-align: center;
	top: 0;
	right: 0;
	cursor: pointer;
}

.anzahl {
  position: relative;
  bottom: -27em;
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  width: 90%;
  margin: 0.1em 4%;
  padding: 0.3em 0em;
  text-align: center;
  font-weight: normal;
}

.drag-helper {
  clear: left;
  border: 1px solid black;
  border-radius: 0.4em;
  background-color: lightblue;
  float: left;
  width: 10%;
  height: 1.2em;
  margin: 0.1em 4%;
  padding: 0.1em 0em;
  text-align: center;
  font-size: 0.9em; 
  font-weight: normal;
}
.ui-droppable.drop-hover {
  border: 1px solid red;
}
#RTH, #Notarzt , #RTW, #KTW, #Sonder{
    margin: 0.5em 0.5em;
	padding: 0em 0em;
	-moz-column-count:    3;
    -webkit-column-count: 3;
	column-count: 3;
	column-width: 200px;
}
#RTH input, #Notarzt input, #RTW input, #KTW input, #Sonder input {
	margin: 0.5em 0em;  
}
.enter {
  background-color: lightgrey;
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  width: 12%;
  height: 2.0em;
  margin: 0px;
  padding-top: 0.8em;
  text-align: center;
  font-weight: bold;
}

#dialog-Einsatz-beenden{  
  text-align: center;
}

#statistik, #statistik_entlassen {
  background-color: lightgrey;
  border: 1px solid black;
  border-radius: 0.5em;
  float: left;
  text-align: center;
  font-weight: normal;
}

#statistik_entlassen {
  width: 12%;
}

#Karte { height: 90%; }
/* BHP */
.BHP_1 {
  //clear: left;
  border: 1px solid white;
  float: left;
  width: 15%;
  //height: 55.0em;
  margin: 0em 0px 0 0;
  //padding: 0 0 0 5%;
}
.BHP_Links {
  //clear: left;
  //border: 1px solid red;
  float: left;
  width: 15%;
  //height: 55.0em;
  margin: 11.5em 3em 0 0;
  //padding: 0 0 0 5%;
}
.BHP_2 {
  //clear: left;
  //border: 1px solid blue;
  float: left;
  width: 5%;
  //height: 55.0em;
  margin: 0em 0px 0 0;
  //padding: 0 0 0 5%;
}
.BHP_Mitte {
  //clear: left;
  //border: 1px solid yellow;
  float: left;
  width: 15%;
  margin: 0em 3em 0 0;
  //height: 55.0em;
}
.BHP_3 {
  //clear: left;
  //border: 1px solid yellow;
  float: left;
  width: 5%;
  //height: 55.0em;
  margin: 0em 0px 0 0;
  //padding: 0 0 0 5%;
}

.BHP_Rechts {
  //clear: left;
  //border: 1px solid green;
  float: left;
  width: 15%;
  //height: 55.0em;
  margin: 11.5em 0 0 0px;
}
.BHP_Ueberschrift {
  //background-color: lightgrey;
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  margin: 3px 0px 0px 0;
  padding: 0.2em 0 0 0;
  text-align: center;
  font-weight: bold;
}
.BHP_frei {
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  margin: 3px 0px 0px 0px;
  padding: 0.2em 0 0 0;
  text-align: center;
  font-weight: bold;
}
.BHP_Zelt {
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  width: 100%;
  margin: 0px 0px 0px 0;
  padding-top: 0.1em;
  text-align: center;
  font-size: 1.0em; 
  font-weight: bold;
}
.BHP_Ueberschrift_Ein {
  background-color: lightgrey;
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  width: 100%;
  height: 1.4em;
  margin: 3px 0px 0px 0;
  padding: 0.2em 0 0 0;
  text-align: center;
  font-weight: bold;
}
.BHP_Ueberschrift_Aus {
  background-color: lightgrey;
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  width: 100%;
  height: 1.4em;
  margin: 0px 0px 0px 0;
  padding: 0.2em 0 0 0;
  text-align: center;
  font-weight: bold;
}

.BHP_Ein {
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  width: 100%;
  height: 22em;
  margin: 0px 0px 0px 0px;
  padding-top: 0.1em;
  text-align: center;
  font-size: 1.0em; 
  font-weight: bold;
}

.BHP_Aus {
  border: 1px solid black;
  border-radius: 0.4em;
  float: left;
  width: 100%;
  height: 22em;
  margin: 0px 0px 0px 0px;
  padding-top: 0.1em;
  text-align: center;
  font-size: 1.0em; 
  font-weight: bold;
}
#Klickbutton
{
  position: absolute;
  border-radius: 0.4em;
  font-weight: bold;
}

/* Fusszeile */
#copyright {
  clear: left;
  float: left;
  margin: 0.2em 0;
  padding: 0px;
}
#Uhrzeit {
  clear: right;
  float: right;
  margin: 0.2em 2em;
  padding: 0px;
}

#Karte { height: 95%; }