body {
        height: 100%;
	width: 100%;
        margin: 0px; 
        text-align: center;
	background-color: white;
}


input.inputbutton, button.classTabBut {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
}

option {
	font-family: Arial, Helvetica, sans-serif;
	//font-size: 11px;
	font-weight: normal;
	color: black;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
}

span.bold { font-weight: bold; }

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: black;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: black;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: black;
}

table { 
	border-spacing: 1px;
}
table.bigsep { border-spacing: 5px; }
table.dgrau { background-color: #808080; }

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: black;
	margin: 0px;
}
td.alarm { color: red; }
td.centered { text-align: center; }

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
	margin: 0px;
}

th.bigth { font-size: 14px; }

td.subformular {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
	margin: 0px;
	background-color: #80a080;
	padding: 10px;
}

th.dataTableHeader {
	background-color: white;
}

td.dataTableCell { color: black; padding-left: 5px; padding-right: 5px; }
td.dataTableCellTooltipped { color: #000080; padding-left: 5px; padding-right: 5px; }

tr.odd > td { background-color: #f3f3f3; padding-left: 5px; padding-right: 5px; }
tr.even > td { background-color: #e7e7e7; padding-left: 5px; padding-right: 5px; }
tr.oddsel > td { background-color: #ffff66; padding-left: 5px; padding-right: 5px; }
tr.evensel > td { background-color: #ffff66; padding-left: 5px; padding-right: 5px; }

th.grau { background-color: #e7e7e7; }
th.weiss { background-color: #ffffff; }
td.grau { background-color: #e7e7e7; padding-left: 5px; padding-right: 5px; }


img#img_pestipedia {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 233px;
	height: 66px;
}

img#imgbut_logoff, img#imgbut_benutzer, img#imgbut_gruppen, img#imgbut_geraete, img#imgbut_admin , img#imgbut_methoden, img#imgbut_mischungen, img#imgbut_mess_import, img#imgbut_literatur, img#imgbut_previous, img#imgbut_next {
	position: absolute;
	z-index: 1;
	top: 10px;
	width: 48px;
	height: 48px;
	visibility: hidden;
	cursor: pointer;
}
img#imgbut_logoff { right: 10px; }
img#imgbut_benutzer { right: 70px; }
img#imgbut_gruppen { right: 130px; }
img#imgbut_geraete { right: 190px; }
img#imgbut_methoden { right: 250px; }
img#imgbut_mischungen { right: 310px; }
img#imgbut_mess_import { right: 370px; }
img#imgbut_literatur { right: 430px; }
img#imgbut_next { right: 490px; }
img#imgbut_previous { right: 550px; }
img#imgbut_admin { right: 610px; }

div#div_filter {
	position: absolute;
	z-index: 1;
	top: 70px;
	left: 10px;
	background-color: #ccdcaf;
}


p.filter {
	color: black;
	font-weight: bold;
}


input.textfeld, textarea.textfeld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
}
input.textfeld {
	height: 30px;
	box-sizing: border-box;
}

input.removebut { float: right; color: red; }

img.imgbutInfo { margin-top: 10px; margin-left: 10px; cursor: pointer; }
img.imgbutInfoR { float: right; margin-top: 5px; cursor: pointer; }


div#div_hint {
	position: absolute;
	z-index: 3;
	top: 40%;
	left: 20%;
	bottom: 40%;
	right: 20%;
	background-color: #c0c0c0;
}

p#hinttext {
	font-size: 14px;
        font-weight: bold;
        color: black;
}


div#div_stoffliste {
	position: absolute;
	z-index: 5;
	top: 140px;
	left: 10px;
	background-color: #ccdcaf;
}


td.catspecial {
	font-size: 14px;
	color: red;
}


td.catdefault {
	font-size: 14px;
	color: green;
}


td.pestnameClickable {
	background-color: #c0d0c0;
	cursor: pointer;
}


img#img_intro_tree {
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 0px;
	height: 100%;
}


div#div_login {
	position: absolute;
	z-index: 2;
	left: 20px;
	top: 150px;
	text-align: right;
}


div#main {
	position: absolute;
	z-index: 1;
	left: 40px;
	top: 140px;
	right: 40px;
	bottom: 10px;
	background-color: #d0d0d0;

	font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
	color: black;
}


div#divPestHeader {
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 10px;
	right: 10px;
	height: 50px;
	background-color: #a0a0a0;
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
}


div#divChapterHeader {
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 10px;
	right: 10px;
	height: 35px;
	background-color: #a0a0a0;
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
}


div#divChapterContent {
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 55px;
	right: 10px;
	bottom: 10px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}


span#chapterTitle {
	color: black;
	font-size: 24px;
	font-weight: bold;
}


span#spLabId {
	color: #006600;
	font-size: 20px;
	font-weight: bold;
}

span#spArbeitsname {
        color: #006600;
        font-size: 20px;
        font-weight: bold;
}

span#spCasLabel {
        color: #3333ff;
        font-weight: bold;
}

span#spCas {
	color: #3333ff;
        font-weight: bold;
}

span#spProperty {
        color: #990000;
        font-weight: bold;
}

span.lSpace {
	width: 50px;
	text-align: center;
}


div#dialogbg {
  position: fixed;
  z-index: 5;
  top: 0px;    
  left: 0px;   
  height: 100%;
  width: 100%;
  margin: 0px;
  text-align: center;
  
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.8);
}

div#dialog {
  position: absolute;
  top: 100px;
  left: 8%;  
  right: 8%; 
  bottom: 50px;
  background-color: #dce8f7;
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;
  color: black;
  text-align: left;
  padding: 10px;   
  overflow: auto;  
}


div#infoboxbg {
  position: fixed;
  z-index: 10;
  top: 24%;    
  left: 24%;   
  right: 24%;
  bottom: 24%;
  margin: 0px;
  text-align: center;
  visibility: hidden;
  background-color: #606060;
  padding-top: 5px;
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;
  color: white;
}

div#infobox {
  position: absolute;
  top: 30px;
  left: 2px; 
  right: 2px; 
  bottom: 2px;
  background-color: #e8e8e8;
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;
  color: black;
  text-align: left;
  padding: 10px;   
  overflow: auto;  
}


img.butImg {
  cursor: pointer;
}

img.hiddenLink {
  cursor: default;
  border: 0px;
}


th.label {
  text-align: right;
}


table.inputHint {
  position: fixed;
  background-color: #d0d0d0;
  z-index: 1;
}
 
td.inputHintCell {
  padding: 10px;  
  background-color: #ffffd0;
  cursor: pointer;
}
 
td.inputHintSelCell {
  padding: 10px;
  background-color: #d0ffd0;
  cursor: pointer;
}

div#divCharge {
  background-color: #c0c0c0;
  padding: 10px;
}

div#divChargeHeader { float: left; }
img#imgWSK, img#imgDoku { border: 0px; float: right; }
img#butChargeEdit { border: 0px; float: right; margin-left: 10px; cursor: pointer; visibility: hidden; }
img#butChargeAgn { border: 0px; float: right; margin-left: 10px; cursor: pointer; visibility: hidden; }
img#butChargeClone { border: 0px; float: right; margin-left: 10px; margin-right: 10px; cursor: pointer; visibility: hidden; }
div#divTabLsgen { clear: both; }

div#divLsg {
  background-color: #d0d0d0;
  padding: 10px;
}
div#divLsgHeader { float: left; background-color: #d0d0d0; }
img#butLsgEdit, a#aEti, img#butLsgAgn, a#aWSK_Lsg, a#aDoku { border: 0px; float: right; margin-left: 10px; cursor: pointer; visibility: hidden; }
hr.clearfloat { clear: both; }


div#quick_dialogbg {
  position: fixed;
  z-index: 7;
  top: 0px;  
  left: 0px; 
  height: 100%;
  width: 100%; 
  margin: 0px; 
  text-align: center;
  
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.8);
}

div#quick_dialog {
  position: absolute;
  top: 35%;
  left: 35%;  
  right: 35%; 
  bottom: 35%;
  background-color: #dce8f7;
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;
  color: black;
  text-align: left;
  padding: 10px;   
  overflow: auto;  
}


td#agnTdAlarme, span#spChargeAbgelaufen, span#spLsgAbgelaufen, span#spChargeAlt, span#spLsgAusAlterCharge {
  font-size: 14px; font-weight: bold;
  background-color: #d0d000;
  color: #ff2020;
}
span#spChargeAbgelaufen { margin-left: 100px; }

div#agnDivAlt { background-color: #a9f9a9; margin-top: 10px; float: left; }
div#agnDivNeu { background-color: #5dfb5d; margin-top: 10px; float: left; margin-left: 10px; }

span#spMessAlertExtAend { color: red; font-weight: bold; visibility: hidden; }
div#divAgnAuswert { float: left; margin: 10px; }

table#tableNeueMsgSelALsg { background-color: #202080; }
table#tableNeueMsgSelALsg td { background-color: #f0a0a0; }
table#tableNeueMsgSelALsg th { background-color: #f0a0a0; }

div#bearbGerDiv, div#gerBearb_und_MetDiv, div#metBearbDiv, div#mixBearbDiv, div#mixActionDiv {
	float: left;
	margin: 10px;
	visibility: hidden;
}
div#bearbGerDiv, div#metBearbDiv, div#gerBearbDiv, div#mixBearbDiv {
	background-color: #f0a0a0;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
div#gerMetsDiv {
	background-color: #a0a0f0;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}
div#mixActionDiv {
	background-color: #a0a0f0;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}


table.tabZuordnung tr th { background-color: white; }
table.tabZuordnung tr td { background-color: white; padding-left: 5px; padding-right: 5px; }
table.tabZuordnung tr.selZuordnung td { background-color: #ffff66; padding-left: 5px; padding-right: 5px; }

img#butEditMethodePestis {
	cursor: pointer;
	margin-left: 10px;
}
img#butListeMischungen {
	cursor: pointer;
	margin-top: 10px;
	margin-left: 10px;
}
div#divEditMethodePestis {
	float: left;
}

table.tabEditPestiMetMix { background-color: #f0a0a0; margin-top: 10px; }
table.tabEditPestiMetMix tr th { background-color: white; }
table.tabEditPestiMetMix tr td { background-color: white; }

div.classTabLabelsDiv {
  overflow: hidden;
  border: 0px;
}

button.classTabBut {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  margin-left: 4px;
  margin-right: 4px;
  font-weight: bold;
}

div#messExportTempDiv, div#messImportDiv {
  margin: 0px;
  padding: 10px;
}
div#messExportTempDiv { background-color: #a9f9a9; display: block; }
div#messImportDiv { background-color: #5dfb5d; display: none; }