#auswahl {
 width: 99%;
 padding-top: 5px;
 padding-bottom: 10px;
/* border: 1px solid black; */
}

a {  
  text-decoration:none;
  color: black;
}

#tab_link {
  font-weight:bold;
  text-decoration:none;
  color: black;
}

#tab_link:hover {
  color: red;
  background-color: #FFFF00;
}

/* Mobile Styles */
@media only screen and (max-width: 649px) {
p {
  font-family:Verdana;
  font-size:12px;
  font-weight:none;
}

#tc  {
  float: left;
  width: calc((92% /3) - 10px);
  height: 20px;
  margin: 3px;
  cursor:pointer;
  font-family:Verdana;
  font-size:10px;
  font-weight:none;
  padding: 4px;
  text-align: center;
  border: 1px solid black;
}
}

/* Tablet Styles 1 */
@media only screen and (min-width: 650px) and (max-width: 899px) {
p {
  font-family:Verdana;
  font-size:14px;
  font-weight:none;
}

#tc  {
  float: left;
  width: calc((93% / 4) - 10px);
  height: 18px;
  margin: 3px;
  cursor:pointer;
  font-family:Verdana;
  font-size:12px;
  font-weight:none;
  padding: 4px;
  text-align: center;
  border: 1px solid black;
}
}    

/* Tablet Styles 2 */
@media only screen and (min-width: 900px) and (max-width: 1349px) {
p {
  font-family:Verdana;
  font-size:14px;
  font-weight:none;
}

#tc  {
  float: left;
  width: calc((94% / 5) - 10px);
  height: 18px;
  margin: 3px;
  cursor:pointer;
  font-family:Verdana;
  font-size:12px;
  font-weight:none;
  padding: 4px; 
  text-align: center;
  border: 1px solid black;
}
}

/* Desktop Styles */
@media only screen and (min-width: 1350px) {
p {
  font-family:Verdana;
  font-size:16px;
  font-weight:none;
}

#tc  {
  float: left;
  width: 217px;
  height: 20px;
  padding: 6px;
  margin: 3px;
  font-family:Verdana;
  font-size:14px;
  font-weight:none;
  text-align: center;
  border: 1px solid black;
}

#tc:hover  {
  color: red;
  background-color: #FFFF00;
}
}