@media screen {
    * {
        font-family: Verdana, sans-serif;
        font-size: 100%;
        color: darkblue;
        line-height: 1.5em;
        font: "Verdana"
    }
}
@media print {
    * {
        font-family: Verdana, sans-serif;
        font-size: 100%;
        color: darkblue;
        line-height: 1.5em;
        font: "Verdana"
    }
}
* {font-family: Verdana, sans-serif;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 10px}
h1 {font-size: 20px;font-weight: 950}
h2 {font-size: 18px;font-weight: 600}
h3 {font-size: 16px;font-weight: 600}
ol {padding-left: 25px}
ul {padding-left: 20px}
figure {margin-left: 0}
figcaption {font-size: 11px}
a {text-decoration: none}
p { margin-top: 2px; margin-bottom: 2px}
.button {
    background-color: white;
    color:darkblue;
    border:darkblue;
    border-radius: 3px;
    transition-duration: 0.4s;
    font-size: 1.5em;
    font-weight: bold;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 2px 2px;
    cursor: pointer;
    width: 200px;
    height: 70px;
}
.button:hover{
/*    background-color:darkblue;
    color:  white;
    */
    filter: invert(1);
    border: 4px solid #ec0b07;
}
/* Dropdown Button */
.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #3e8e41;
}
  body {
    color: darkblue;
    background: #fafafa;
    padding-left: 0;
    margin-left: 10px;
    margin-right: auto;
    width: 90%;
    font-size: 90%
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  border: 1px solid #ddd;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.total {
    color: #f00;
    background: #c7d9fc;
    padding-left: 0;
    margin-left: 10px;
    margin-right: auto;
    font-size: 100%;
    font-weight: bold
}
#logo {
    width: 586px;
    height: 65px;
    padding-left: 7px;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 78px;
    font: "Verdana";
    font-weight: bold;
    float: none;
}
.flat{
    color: darkblue;
    padding-left: 0;
    margin-left: 0px;
    margin-right: auto;
    width: 60px;
    text-align: center;
    font-size: 90%;
    border-style: solid;
    border-width: 1px;
    border-color: darkblue;
    }
.fixn {
    font-weight: bold;
    float: right;
    margin-right: 3px;
    padding-right: 1px
}
.form_short{
    width: min-content;
}
.tit {font-size: 10px}
.green {font-weight: bold;color: #4eed55}
.red {font-weight: bold;color: #f00}
.black {font-weight: bold;color: #000}
.orange {font-weight: bold;color: #ed27ff}
.blue {font-weight: bold;color: darkblue}
#druck {float: left;padding: 15px;}

#pro_name1, #pro, #navigation {float: left;padding: 15px;}

#druck,nav.meta-navigation {
	background-color: #fafafa;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}
#druck ul,nav.meta-navigation ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#druck ul{	margin-left: 10px;}

#druck ul li, meta-navigation ul li{
	float: left;	margin-left: 10px;}
#druck ul li a, meta-navigation ul li a{
	text-decoration: none;}
#druck ul li:first-child a, .meta-navigation ul li:first-child a{
	border-left: 10px;}

.topmenu a {float: left;width: 110px;text-align: center}
.topmenu ul {display: none}
#menu {font-size: 14px;position: absolute}
#menu ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}
#menu li.topmenu {float: none}
.topmenu a, .submenu a {
    padding: 1px 5px;
    border: 1px solid #c37000;
    border-collapse: collapse;
    color: #c37000;
    font-weight: bold;
    text-decoration: none;
    background-color: #7f4800;
    color: #fff;
    margin: 0
}
.submenu a {
    font-size: 12px;
    width: 110px;
    position: relative;
    clear: both
}
#menu a:hover, .topmenu.on a {
    color: #4c4c4c;
    background-color: #fdb !important
}
.topmenu:hover ul {display: block;z-index: 500}
nav {
	background-color: #fafafa;
	padding: 2px}
#kopf {padding: 2px}
#kopf nav.meta-navigation {float: none;} /* right */
#kopf-unten {
    margin-top: 20px;
    background-image: url("hg-punkt.png");
    background-repeat: repeat-x;
    clear: both;
}
#kopf nav.dl_select {float: right;}
.float-ende {clear: both;}
.navigation ul {
    font-weight: bold;
    font-size: 150%;
    display: block;
    text-transform: uppercase;
    margin-left: 0;
    margin-top: 0;
    line-height: 1.0em;
    padding: 10px;
    padding-top: 55px;
    min-height: 10px;
    width: 200px;
    list-style-type: none;
    float: none;
    background-color: #c7d9fc
}
#navigation ul {
    list-style-type: none;
    font-size: 100%;
    margin: 0px;
    padding: 10px;
    min-height: 133px;
    background-color: #c7d9fc
}
#navigation ul li a {
    display: block;
    font-size: 150%;
    text-transform: uppercase;
    margin-bottom: 3px;
    text-decoration: none;
    padding: 2px;
}
#navigation ul li a:hover,
#navigation ul li a:focus,
#navigation ul li a.auswahl {
	color: white;
	background-color: #fafafa
}

.meta-navigation {
    text-transform: uppercase;
    font-weight: bold;
	 float: left;
    background-color: #fafafa
}

.meta-navigation ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;}

.meta-navigation ul li {
  float: left;
}
.meta-navigation ul li a {
    color: black;
    text-decoration: none;
    display: block;
    padding: 4px 5px 3px 5px;
    border-left:2px solid white;
}

#meta-navigation ul li a:hover, #meta-navigation ul li a:focus, #meta-navigation ul li a.auswahl {
    color: #fff;
    background-color: darkblue;
    float: left;
}

.meta-navigation ul li a:hover, .meta-navigation ul li a:focus, .meta-navigation ul li a.auswahl {
    color: #fff;
    background-color: darkblue;
/*  float: left; */
}

.dl_select {
    text-transform: uppercase;
    font-weight: bold;
    background-color: #fafafa
}
.dl_select ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 0.5
}
.dl_select ul li a {
    text-decoration: none;
    display: block;
    padding: 1px 1px 1px 5px;
    border-left: 0 solid #fff;
    float: left;
    margin: 0
}
#dl_select ul li a:hover, #dl_select ul li a:focus, #dl_select ul li a.auswahl {
    color: #fff;
    background-color: darkblue
}
.dl_select ul li {float: left}

#inhalt {
    margin-top: 25px;
    min-height: 150px
}

#fuss nav.meta-navigation {
    float: right;
}

#copyright {
    background-image: url("hg-punkt.png");
    padding: 10px
}

#proc_text p {
    background-color: #fff;
    margin: 10px;
    margin-left: 130px;
    font-size: 10px
}
/*  #kopf-oben,
#kopf-unten,#inhalt,#fuss-oben,#fuss-unten,copyright {background-color: #0dc8ff;}*/
#copyright p{
    background-color: #FFFFFF;
    margin: 1px;
    width: 175px;
    padding-left: 1px;
    font-size: 10px;
    text-transform: uppercase
}
.plan_col_title {font-size: 68%}
label {text-transform: uppercase}
p.standard-zeile label {
    width: 140px;
    float: left;
    margin: 8px
}
p.standard-zeile input {width: 146px;margin: 8px}
p.standard-zeile textarea {
    width:  120px;
    height: 70px;
    margin: 8px;
    font-size: 10pt
}
.botton{background-color: darkblue;  /* green */
    border: none;
    color: white;
    padding: 15px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
}
.button0 {
    background-color: white;
    color: black;
    border: 2px solid black;
    width: 870px;
    text-align:left;
    height: 180px;
  }
.button1 {
    background-color: #4CAF50;
    color: black;
    border: 2px solid black;
  }
.button2 {
  background-color: #008CBA;
  color: black;
  border: 2px solid black;
}
.button3 {
    background-color: red;
    color: black;
    border: 2px solid black;
  }
.button4 {
  background-color: yellow;
  color: black;
  border: 2px solid black;
}
/* Context Menu, right mouse click */

.wrapper {
    position: absolute;
    visibility: hidden;
    width: 300px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 12px 35px rgba(0,0,0,0.1);
}
.wrapper .menu{
    padding: 10px 12px;
}
.content .item {
    list-style: none;
    font-size: 22px;
    display: flex;
    width: 100%;
    cursor: pointer;
    padding: 0 5px 0 10;
    align-items: center;
    margin-bottom: 2px;
    border-radius: 5px;
    background: #f2f2f2;
}
.content .item span {
    font-size: 19px;
    margin-left: 8px;
}
.content .item:hover{
    background: yellow;
}
p0.standard-zeile select {
    width: 140px;
    margin: 16px;
}
p.submit-zeile input {
    color: #fff;
    background-color: #b3b3f5;
    background-color: darkblue;
    border: 1px solid darkblue;
    font-weight: 800;
    /*width: 220spx;*/
    float: right;
    margin: 8px;
    box-shadow: #ab6ab4 4px 4px 4px;
}
table {
    border-collapse: collapse
}
.table_login table, td, tr {
    border-collapse: collapse;
    border-width: 0
}
#lalign {text-align: right}
th, td {
    border: 1px solid darkblue;
    padding: 2px;
    text-align: left;
    font-size: 12px
}
#table_work_time th, td, table {
    font-size: 11px;
    text-align: left;
    border: solid;
    border-width: 1px;
    border-color: darkblue;
    padding-left: 4px;
    padding-right: 4px
}
#table_conge table {font-size: 11px}
#table_conge caption {
    font-size: 18px;
    text-align: left;
    text-transform: uppercase
}
#table_plans table {font-size: 11px;border: 1px}
#table_plans table th {
    text-align: left;
    text-transform: uppercase;
    color: #666;
    font-weight: normal;
    min-width: 90px
}
#table_plans_report table td, #table_plans table th, #table_plans table tr, #table_plans table td {
    padding: 3px 3px 3px 3px
}
#table_proc table {font-size: 11px}
#table_proc table th {
    text-align: left;
    text-transform: uppercase;
    color: #666;
    font-weight: normal;
    min-width: 120px
}
#table_proc table th, #table_proc table td {
    padding: 10px 10px 0 0;
    vertical-align: top
}
/*  Test and Debug-iNFO
div {outline: 2px solid blue;}
nav {background-color: #e8930c;}
*/
div.app {
    padding-left: 3px;
    padding-right: 20px;
    float: left;
    font-size: 100%;
    text-align: center;
    margin-top: 2px;
    margin-left: 36px;
    margin-right: 36px
}

.xapp {
    float: none;
    font-size: 100%;
    text-align: center;
    margin-top: 2px;
    margin-left: 30px
}

.ContextItem {
    background-color: White;
    color: Black;
    font-weight: normal
}

.ContextItem:hover {
    background-color: #06f;
    color: White;
    font-weight: bold
}
.detailItem {background: transparent}
.detailItem:hover {
    background-color: #fee378;
    border: 1px outset #222222;
    font-weight: bold;
    cursor: default
}