body {
    margin: 10px auto;
      /* max-width: 60em; */
      font-family: sans-serif;
      color: #333333;
      display: grid;
      grid-template-columns: 1fr 3fr 1fr;
      grid-template-rows: 100px 80px 1fr 100px;
    min-height: 100vh;
  }
  
header {
	background: #F1F3F4;
	border-color: #d5d5d5;
	grid-column: 1 / span 3;
	grid-row: 1;
}

.topnav {
	background: #fffbf0;
	border-color: #e7c157;
	grid-column: 1 / span 3;
  grid-row: 2;
  /* visibility: hidden; */
}

aside {
	background: #ebf5d7;
	border-color: #8db243;
	grid-column: 1;
}

aside button:hover {
    width: 90%;
    background-color: #ddd;
}

aside button {
    border-radius: 0.5em;
    width: 85%;
    color: #000;
}


footer {
	background: #e4ebf2;
	border-color: #8a9da8;
	grid-column: 1 / span 3;
	grid-row: 4;
}

header,footer, .topnav, .MiddleForm, button, aside {
  border-radius: 0px 0.5em 0.5em;
  border: 1px solid;
  padding: 10px;
  margin: 10px;
  color: #000;
}

h2 {
  text-align: center;
}

div.MiddleForm {
  vertical-align: middle;
  background: #ffede0;
  border-color: #df6c20;
}
/* Style the top navigation bar */

.topnav {
  overflow: hidden;
}

/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

th, td {
  padding: 5px;
  text-align: left;
  border: 1px solid black;
}

td[scope=liste] {
    border: 0px;
}
  
td[scope=liste]:hover {
    background-color: aquamarine;
}
  
tr[scope=head]:hover {
    background-color: goldenrod;
  }
  
tr[scope=head] {
background-color: green;
color: white;
}
  
tr[scope=sagw]:hover {
  background-color: #206a70;
}

tr[scope=sagw] {
  background-color:#606a70;
  color: white;
}

tr[scope=uidv] {
  background-color:#c18626;
  color: white;
}

tr[scope=uidv]:hover {
  background-color: #918626;
}

tr[scope=ulac] {
  background-color:#961526;
  color: white;
}

tr[scope=ulac]:hover {
  background-color: #461526;
}

tr[scope=technik] {
  background-color: lightblue;
  color: black;
}

tr[scope=technik]:hover {
  background-color: #461526;
  color: white;
}

tr[scope=input] {
    display: none;
} 
  
tr[scope=edit] {
    color: black;
}

tr[scope=wt]:hover {
  background-color: #206a70;
}

tr[scope=wt] {
  background-color:#606a70;
  color: white;
}




option[scope=weg] {
background-color: lightpink;
}
    
table {
  border-collapse: collapse;
  margin: auto;
}


/* On screens that are 600px wide or less, make the menu links stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .topnav a {
    float: none;
    width: 100%;
  }

  body {
    grid-template-rows: 100px 200px 1fr 100px; 
  }
}