A:link.black { text-decoration:none; color:#000000;}
  A:visited.black {text-decoration:none; color:#000000; }
  A:active.black {text-decoration:none; color:#000000;}
  A:hover.black {text-decoration:none; color:#FFFFFF;background-color:#1a2a7e;}
  
   
   
    A:link.white  { text-decoration:none;  color:#FFFFFF; }
    A:visited.white  { text-decoration:none;  color:#FFFFFF; }
    A:hover.white  { text-decoration:none; color:#000000; }
    A:active.white  { text-decoration:none;  color:#FFFFFF;}
  
    A:link.more { text-decoration:none;  color:#FFFFFF;font-size:8pt;font-style:italic;}
    A:visited.more { text-decoration:none;  color:#FFFFFF;font-size:8pt;font-style:italic; }
    A:hover.more { text-decoration:none; color:#FFFFFF;font-size:8pt;font-style:italic; }
    A:active.more { text-decoration:none;  color:#FFFFFF;font-size:8pt;font-style:italic;}
  
   
  A:link.green { text-decoration:none; color:#00FF00;}
  A:visited.green {text-decoration:none; color:#00FF00; }
  A:active.green {text-decoration:none; color:#00FF00;}
  A:hover.green {text-decoration:none; color:#00FF00;background-color:#1a2a7e;}
  
        A:link.blue { text-decoration:none; color:#0000FF;}
  A:visited.blue {text-decoration:none; color:#0000FF; }
  A:active.blue {text-decoration:none; color:#0000FF;}
  A:hover.blue {text-decoration:none; color:#0000FF;background-color:#1a2a7e;}
  
        A:link.red { text-decoration:none; color:#FF0000;}
        A:visited.red {text-decoration:none; color:#FF0000; }
  A:active.red {text-decoration:none; color:#FF0000;}
  A:hover.red {text-decoration:none; color:#FF0000;background-color:#1a2a7e;}
  
        A:link.unterartikel { text-decoration:none; color:#000000;background-color:#BBBBBB;}
  A:visited.unterartikel {text-decoration:none; color:#000000; background-color:#BBBBBB;}
  A:active.unterartikel {text-decoration:none; color:#000000;background-color:#BBBBBB;}
  A:hover.unterartikel {text-decoration:none; color:#000000;background-color:#CCCCCC;}
  
  form {
            margin: 0 auto;
            width: 80%;
            
        }
        input {
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        button {
            
            color: black;
            padding: 15px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        input#file-upload[type="file"] {
    display: none;
}

input#file-upload2[type="file"] {
    display: none;
}
.file-upload {
    border: none;
    padding: 6px 12px;
    cursor: pointer;
    width: 10px;
    height: 10px;
}


        .responsive {
  width: 100%;
  max-width: 400px;
  height: auto;
}
  
#tabelle {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}


#tabelle td, #tabelle th {
  border: 1px solid #ddd;
  padding: 8px;
}

#tabelle tr:hover {
  background-color: #ddd;
}

#tabelle th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color:rgb(67, 34, 255);
  color: white;
}

#tabelle tr:nth-child(even){
  background-color: #f2f2f2;
}

body {
  background-color:#ffffff;
  font-family:arial;
}
  
#credits {
  color: black;
  background: #E0E0E0;
  padding: 10px;
  text-align: left;
  font-family: monospace;
  width: 400px;
}