/* Formatierung von Hintergrundfarbe und Schriftfarbe */
body { 
color:#000000; 
background-color:#d3d9ba; 
  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}
select,input { color:#000000; background:#E0E0DD; }

/* Festlegung des Fonts */
p,h1,h2,h3,h4,h5,h6,div,input,button,textarea,body,form,select,table,span { font-family:Verdana, Arial, Helvetica,sans-serif; font-size:	14pt;}

#lbl {
	font-weight: bold !important;
}
table {
  border-style:none;
}
td, th {
	padding: 3px;
}
th {
	/* font-weight: bold !important; */
  border-style:none;
	border-right: 1px solid #d3d9ba;
  background-color:#aaae16;
	padding-top: 0.2em;
	padding-left: 0.2em;
	text-align: left;
}
td {
  border-style:none;
	padding-left: 0.3em;
}
.table10pt {
  border-style:none;
}

div.clBkGray { background: gainsboro; }    

.gerade {
	background-color: #e3e9ca;
}

/* Formatierung der gro�en Seiten�berschrift */
h1 { text-align:center; font-size:180%; border-style:none; border-width:3px; border-color:#000000; color:#000000; background-color:transparent; }
h2 { text-align:left; font-size:120%; border-style:none; border-width:3px; border-color:#000000; color:#000000; background-color:transparent; }
h3 { text-align:left; font-size:60%; border-style:none; border-width:3px; border-color:#000000; color:#000000; background-color:transparent; }
h4 { text-align:left; font-size:30%; border-style:none; border-width:3px; border-color:#000000; color:#000000; background-color:transparent; }
h5 { text-align:left; font-size:15%; border-style:none; border-width:3px; border-color:#000000; color:#000000; background-color:transparent; }
h6 { text-align:left; font-size:7%; border-style:none; border-width:3px; border-color:#000000; color:#000000; background-color:transparent; }

/* Formatierung der horizontalen Linien */
hr { height:2px; }
hr.gast { height:2px; width:60%; }

tr.gestreift:nth-child(odd) { background: gainsboro; }
tr.gestreift:nth-child(even) { background: ivory; }    

/* .gerade {
	background-color: #e3e9ca;
} */
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  transform: scale(1.0); /* IE */
  -ms-transform: scale(1.0); /* IE */
  -moz-transform: scale(1.0); /* FF */
  -webkit-transform: scale(1.0); /* Safari and Chrome */
  -o-transform: scale(1.0); /* Opera */
	padding-top: 0px;
  vertical-align:middle;
}
#hourSpinner,#minSpinner{
  color:#000000; 
  background:#E0E0DD;
  width: 1.5em;
}
#idMenuSel,#idMenu {
	font-weight: bold !important;
	position: fixed;
  z-index: 999;
  width: 320px; /* 200px;*/
	top: 0px;
	left: 0px;
 	bottom: 0px;
 	overflow: auto;
  white-space: nowrap;
  background-color:gainsboro;
  color:#333333;
}
#idMenuSel {
	visibility: hidden;
}
#idMenu {
	position: fixed;
	z-index: 999;
	width: 320px;
	left: -320px;
	top: 0;
 	bottom: 0.5em; 
 	overflow: auto;
	white-space: nowrap;
	background-color:lightgray;
}
.clFont100{
	font-weight: bold;
	position: relative;
	left: 30px;
}
.clFont200{
  font-size: 200%;
	font-weight: bold;
}
.clPosRight {
  position: fixed;
  right: 0px;
}
.clPosRight-26 {
  position: fixed;
  right: 26px;
}
.clBtnLeft {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  background:rgba(252,252,252,0.5);
  cursor: pointer;
	border-radius: .5em;
}
.cldelete {
  cursor: pointer;
}
.cledit {
  cursor: pointer;
}
#idBild2{
  width: 50%;
  height: 50%;
}
#idInfo{
	padding: 0px;
  vertical-align:bottom;
/* 	position: relative;
	top: 0px; */
   width: 30px;
  height: 30px; 
}
#idFileBtn{
  cursor:pointer;
  border:thin solid black;
  background:#E0E0DD;
  text-align:center;
  font-size:	24pt;
}
#takePictureField{
	width: 5px;
}
a:link {
  color: blue;
  font-size:	16pt;
  text-decoration:underline;
}
.mytable {
  border: 1px dotted black;
  border-spacing: 0px;
	padding: 0px;
  width:100%;
}
.fake-legend {
  height: 15px;
  width:100%;
  border-bottom: 5px double #000;
  text-align: center;
}
.fake-legend span {
  background: gainsboro;
  position: relative;
  top: 0;
  padding: 0 10px;
  line-height:30px;
}
a.clMenu {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 1.5em;
  cursor: pointer;
}
a.clMenu:nth-child(odd) { background: #d3d9ba; }
a.clMenu:nth-child(even) { background: ivory; }    
a.clMenu:hover { 
  text-decoration: none; 
  color: #000000; 
  background-color: #aaae16;
}
#idMenu2 {
	position: fixed;
  z-index: 999;
	top: 5px;
  left: 3px;
}
#idHeader {
	position: fixed;
	z-index: 998;
	padding-left: 2.5em;
	padding-top: 0.5em;
	top: 0px;
	left: 0px;
	height: 1.7em;
	background-color:lightyellow;
	width: 100%;
}
.clDiv {
	position: absolute;
	top: 2.4em;
	left: 0px;
	bottom: 0px;
	width: 100%;
}
#idMenuImg,#idNewEntry,#idToggleSort,#idGalerie,#idBtnBack {
	position: absolute;
	top: 0;
}
#idMenuImg {
	left: 0.2em;
}
#idNewEntry {
	right: 6.4em;
}
#idGalerie {
	right: 4.4em;
}
#idToggleSort {
	right: 2.5em;
}
#idBtnBack {
  z-index: 999;
	right: 0em;
}
#idHeader img,.clprint img,#idBtnBack {
	width: 2em;
	height: 2em;
	cursor: pointer;
}