/* Link-Styling */
a:link {color:#FFD700; background-color: transparent; text-decoration: underline;}
a:visited {color:#FFD700; background-color: transparent; text-decoration: underline;}
a:hover {color:#FFD700; background-color: black; text-decoration: underline;}
a:active {color:#FFD700; background-color: black; text-decoration: underline}

/* Link-Styling Fußbereich */
.link:link {color:#FFFFFF; background-color: transparent; text-decoration: none;}
.link:visited {color:#FFFFFF; background-color: transparent; text-decoration: none;}
.link:hover {color:#FFFFFF; background-color: grey; text-decoration: none;}
.link:active {color:#FFFFFF; background-color: transparent; text-decoration: none;}

/* Basis-Layout & Seitenelemente */
body {margin: 0; font-family:Verdana, sans-serif; background-color: #38629F; color: #FFFFFF;}
div.width {max-width: 1280px; margin: auto;}
td[bgcolor="#244E8A"] p {line-height: 1.5 !important;}

img {max-width: 100%; height: auto;}

/* Navigationsmenü oben */
.topnav {overflow: hidden; background-color: black;}
.topnav a {float: left; display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 18px;}
.topnav-right {float: right;}
.active {background-color: black; color: white;}
.topnav .icon {display: none;}
.dropdown {float: left; overflow: hidden;}
.dropdown .dropbtn {font-size: 18px; border: none; outline: none; color: silver; padding: 14px 16px; background-color: black; font-family: Verdana; margin: 0; cursor: pointer;}
.dropdown-content {display: none; position: absolute; background-color: silver; min-width: 180px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; transition: 0.2s;}
.dropdown-content a {float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left;}
.topnav a:hover, .dropdown:hover .dropbtn {background-color: grey; color: white;}
.dropdown-content a:hover {background-color: grey; color: white;}
.dropdown:hover .dropdown-content {display: block;}

/* Navigation auf Mobilgeräten */
@media screen and (max-width: 800px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {display: none;}
  .topnav a, .dropdown .dropbtn {font-size: 16px; padding: 12px 10px;}
  .topnav a.icon {float: right; display: block; padding-right: 25px;}
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {position: absolute; right: 0; top: 0;}
  .topnav.responsive a {float: none; display: block; text-align: left;}
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {display: block; width: 100%; text-align: left;}
  /* Schiebt die Tabelle exakt unter das 48px hohe, fixierte Menü */
  p[style*="text-align: justify"] {text-align: left !important;}
}