body {
/*  background-image: url("back.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
*/
 background-color: #f4f6ff; 

/* font-family:  Lora;
  font-size: 18px;
*/


  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased; 
  font-size: 18px;
}

h1{
  color:rgb(0, 61, 70);
  font-size: 30px;
  font-weight: "bold";
}
h2{
  color:rgb(0, 61, 70);
  font-size: 26px;
  font-weight: "bold";
}
h3{
  color:rgb(0, 61, 70);
  font-size: 22px;
  font-weight: "bold";
}h4{
  color:rgb(0, 61, 70);
  font-size: 20px;
  font-weight: "bold";
}



table {
  background-color: white;
  border-collapse: collapse;  
  table-layout: fixed;
}

thead {
  background-color: #eeeeee;
}

td,th {
  border: 1px solid black;
  vertical-align: top;
}

tr:hover{
  background-color: #cfd39f;
}

ul {
  margin: 8px 0px;
}

hr {
  background-color: #666;
  height: 1px;
  border: 0;
  width: 80%;
  margin:0 auto;
}



/* Definitionen für DMLjellyfish-Menue */

.menue {
  margin: 1px; 
  padding: 2px 5px 2px 5px;
}
.menuexxx {
  margin: 1px; 
  background-color: rgba(0, 0, 50, 0.05);
  padding: 5px;
}
.menue:hover {
  outline: 2px solid silver;
  
}
.Level1{
  background-color: rgba(37, 37, 90, 0.05);
  font-weight:400;
}
/*
.nav {

  font-size: 80px; 
  padding: 5px 8px;  
  line-height: 20px;
}
*/

a:link { 
  color: black; 
  text-decoration: none;
  padding: 0px 2px;
}

a:hover {
  outline: 2px solid gray;
  padding: 0px 2px;
}

html {
  scroll-behavior: smooth;
}


button.center.DMLjellyfish {
  background-color: rgb(66, 173, 72);

  transition: background-color .3s;
}

button.center.DMLjellyfish:hover {
  /*  background-color: rgb(156, 156, 255);*/
  background-color: rgb(181, 218, 183);
  transition: background-color .3s;
  text-shadow: 5px 6px 4px  rgba(0,0,0,0.44); 
  box-shadow: 5px 6px 4px gray;
  color: black;
}

button.DMLjellyfish {
  background-color: rgb(220, 230, 238);
   transition: background-color .3s;
   box-shadow: 3px 3px 4px rgba(0,0,0,0.44);
  }

button.DMLjellyfish:hover {
  /*  background-color: rgb(156, 156, 255);*/
    background-color: rgb(210, 220, 228);
    transition: background-color .3s;
    text-shadow: 5px 6px 4px  rgba(0,0,0,0.44); 
    box-shadow: 5px 6px 5px  rgba(0,0,0,0.44);
    color: black;
}

/*.pageFrame {
  font-family: Lora;
  font-size: 18px;
}*/