:root
{
	--Green:#62b33d;
	--Red:#e63329;
	--Blue:#022e64;
	--Yellow:#ede90c;
	--Gray:#b3b3b3;
	--Black:#0f0f0f;
	--White:#f7f7f7;
	--LightGreen:#bce3aa;
	--LightRed:#eba8a4;
	--LightBlue:#a7b8cc;
	--LightYellow:#f3f5d6;
	--LightGray:#d9dada;
}

.btn
{
	border-style: none;
    border-color: inherit;
    border-width: 0px;
    position: relative;
	display: block;
	height: 30px;
	padding: 6px 6px 6px 6px;
	text-decoration: none;
	color: var(--Blue,#022e64);
	font-family: verdana;
	font-size: 1.2em;
	min-width: 100px;
	background-color: var(--LightGray, #b3b3b3);
	vertical-align: top;
    top: 0px;
    left: 0px;
    margin-right: 4px;
   
}

.btn:hover {
    background-color: var(--LightGreen, #bce3aa);
    border: none;
    outline: none;
}

.btn:active
{
 	background-color: var(--Green,#62b33d);
}

.btn img {
   position: absolute;
  top: 10px;
  left:2px;
  width:24px;
  height:24px;
}

.btn span {
  position: absolute;
  top: 10px;
  left:34px;
}

.btn:disabled,
.btn[disabled]{
  color: var(--Gray,#022e64);
  background-color: var(--LightGray, #b3b3b3);
}


.btn2 {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    position: relative;
    height: 30px;
    padding: 6px 6px 6px 6px;
    text-decoration: none;
    color: var(--Blue, aquamarine);
    font-family: verdana;
    font-size: 1.2em;
    min-width: 100px;
    background-color: var(--LightGray, #b3b3b3);
    vertical-align: top;
    text-align: left;
    top: 0px;
    left: 0px;
}

    .btn2:hover {
        background-color: var(--LightGreen, #bce3aa);
        border: none;
        outline: none;
    }

    .btn2:disabled,
    .btn2[disabled] {
        color: var(--Gray,#022e64);
        background-color: var(--LightGray, #b3b3b3);
    }


img.Icon {
    width: 20px;
    height: 20px;
}

.Label, Label
{
	font-family: verdana;
	font-size: 1em;
	color: var(--Blue, #0f0f0f);
	text-align: right;
	vertical-align: top;
	margin-right:5px;
}


.ImageButton
{
    width: 24px;
    height: 24px;
}



.ImageButton:hover 
{
    background-color: var(--LightGreen, #bce3aa);
    border: none;
    outline: none;
}

.Error
{
	font-family: verdana;
	font-size: 1em;
	color: var(--Red,#e63329);
	text-align: Left;
	vertical-align: top;
	margin-left: 5px;
}

.TextBox, TextBox
{
	height: 20px;
	border-width: 1px;
	border-color: var(--Blue,#022e64);
	font-family: verdana;
	font-size: 1em;
	background-color: #FFFFFF;
	outline: none;
	margin-bottom: 5px;
	color: var(--Blue,#022e64);
	
}

.TextBox:hover
{
	background-color:var(--LightGreen, #f7f7f7);
}

.TextBox:focus, .TxtML:focus
{
	background-color: #FFFFFF;
}


.ListBox {
	border-width: 1px;
	border-color: transparent;
	font-family: verdana;
	font-size: 1em;
	background-color: transparent;
	outline: none;
	margin-bottom: 5px;
	color: var(--Blue,#022e64);
}

.TxtML
{
	background-color: #FFFFFF;
	border: thin solid var(--Blue,#022e64);
	font-family: verdana;
	font-size: small;
	margin-bottom: 5px;
	margin-left: 0px;
	outline:none;
	color: var(--Blue,#022e64);
}

.TxtML:focus
{
	background-color: #FFFFFF;
	outline: none;
}
	
.TxtML:hover
{
	background-color:var(--LightGreen, #f7f7f7);
	outline:none;
}








table
{
	border-spacing: 0px;
}


td
{
	padding: 0px 2px 0px 2px;
}

td.Left
{
	padding: 0px 2px 0px 2px;
	vertical-align: top;
	text-align: Left;
}
td.Right
{
	padding: 0px 2px 0px 2px;
	vertical-align: top;
	text-align: Right;
}
	
tr
{
	height:24px;
}

input[type="checkbox"]{
  width: 16px;
  height: 16px;
  background-color: var(--White);
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
}

.custom-file-input::-webkit-file-upload-button
{
  visibility: hidden;
}
.custom-file-input::before
{
  content: 'Datei wählen...';
  display: inline-block;
  background-color: var(--LightGray);
  border: none;
  padding: 5px 5px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  color: var(--Blue,#022e64);
  font-family: verdana;
  font-size: 1.2em;
}

.custom-file-input:hover::before
{
    background-color: var(--LightGreen);
}

.custom-file-input
{
  background-color: var(--LightBlue);
  margin-bottom:5px;
}


.TableHeader
{
	color: var(--Blue,#022e64);
	background-color: var(--LightBlue,#022e64);
	height: 20px;
}

.TableRow
{
	color: var(--Blue,#022e64);
	background-color: var(--White,#f7f7f7);
}

.TableCell
{
	padding: 0px 2px 0px 2px;
}

a, .a
{
	color: var(--Blue,#022e64);
}


hr
{
	border-width: 1px;
	border-color: var(--Blue,#022e64);
	outline: none;
}