/* Menu 1 */
body {margin: 0;}

ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	font-family: arial;
	font-size: 16px;
    background-color: black;//	Dunkelgrau  black;  //#333; Hintergrund
}

ul.topnav li {float: left;}

ul.topnav li a {
    display: block;
    color: white;  //white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.topnav li a.active {
    background-color: white;  //#8f0d57;
    color: white;
}

ul.topnav li a:hover:not(.active) {
    background-color: white;  //#d7d7d7;  //skyblue;  //#f1f1f1;   /* #555;*/
    color: black;
}

ul.topnav li.right {float: center;}

/*
@media screen and (max-width: 600px){
    ul.topnav li.right, 
    ul.topnav li {float: none;}
	 width: 100%;
        height: auto;
	}
*/

@media (max-width: 600px) {
    ul.topnav3 {
        width: 100%;
        height: auto;
    }
}

	/* Menu 5 */
body {margin: 0;}

ul.topnav5 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	font-family: arial;
	font-size: 22px;
    background-color:  red; //#DCDCDC;  
}

ul.topnav5 li {float: left;}

ul.topnav5 li a {
    display: block;
    color: white;  //white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.topnav5 li a.active {
    background-color: white;  //#8f0d57;
    color: white;
}

ul.topnav5 li a:hover:not(.active) {
    background-color: white;  //#d7d7d7;  //skyblue;  //#f1f1f1;   /* #555;*/
    color: black;
}

ul.topnav5 li.right {float: center;}

/*
@media screen and (max-width: 600px){
    ul.topnav5 li.right, 
    ul.topnav5 li {float: none;}
	 width: 100%;
        height: auto;
	}
*/

@media (max-width: 600px) {
    ul.topnav5 {
        width: 100%;
        height: auto;
    }
}
	
#txt_pos{
position:fixed;
left:10px;
top:40px;
 color: black; //white;
font-family: arial;
	font-size: 8pt;
}


table {
  margin: 0 auto;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  border-collapse: collapse;
  border: 1px solid #d4d4d4;
  top:120px;
}
 
tr:nth-child(even) {
  background: #d4d4d4;
}
 
th, td {
  padding: 10px 40px;
}
 
th {
  border-bottom: 1px solid #d4d4d4;
}     

/*Button*/
.seldiv1 {
  position: absolute;
  //background: skyblue; //#415665;
  height: 40px;
  width:200px;
  border-radius: 2px;
  border-color: red;
  padding:20px;
  font-size:20px;
  color:#efefef; 
  top: -17px;
  left: -15px;  
}

.button {
    background-color: red;//#ff9900; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button {
    background-color: red;//#ff9900; 
    color: white; 
    border: 0px solid #4CAF50;
}
/*
.button:hover {
    background-color: white;
    color: black;
}
*/
.pos_button_1 {
   position:absolute;
   top: -8px;
  left: -15px;  
}

.pos_button_2 {
   position:absolute;
   top: -6px;
  left: 150px;  
}

.pos_button_3 {
   position:absolute;
   top: -8px;
  left: 350px;  
}

.pos_button_4 {
   position:absolute;
   top: -8px;
  left: 610px;  
}

.soll_ist {
   position:absolute;
   top: 68px;
  left: 40px;  
}

.wiegungen {
   position:absolute;
   top: 68px;
  left: 65px;  
}

.cssdesign{
height: 25px;
padding-top: 5px;
padding-left: 10px;
  color:white;
font-family: "Arial";
font-size: 16px;
border: 1px solid white;
background-color: black;
P { text-align: center };
}

footer {
	position: relative;
	padding: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color:white;
	background: grey;
	border-color: grey;
	text-align: center;
	font color:white;
	z-index:10;
}

footer p {
	float: right;
	margin: 0;
}
