@font-face {
    font-family: 'Merriweather Sans';
    src: url('fonts/MerriweatherSans-Regular.ttf'), /* R */
	       url('fonts/MerriweatherSans-Regular.ttf') format('embedded-opentype'), /* Internet Explorer */
         url('fonts/MerriweatherSans-Regular.ttf') format('woff2'),             /* Super Modern Browsers */
         url('fonts/MerriweatherSans-Regular.ttf') format('woff'),              /* Pretty Modern Browsers */
         url('fonts/MerriweatherSans-Regular.ttf') format('truetype'),          /* Safari, Android, iOS */
         url('fonts/MerriweatherSans-Regular.ttf') format('svg');               /* Legacy iOS */
}

/* Whole document: */
body{
  font-family: 'Merriweather Sans';
  padding: 5px;
  width: 95%;
}

.container {
  max-width: 100%;
  padding: 0px;
  width: 95%;
}

.hovertext text {
  font-family: 'Merriweather Sans' !important;
  font-size: 12px !important;
}

/*----------------NAVBAR ---------------*/
.navbar-default {
  background-color: #000000;
}

.navbar-default .navbar-nav>li>a {
  color: #ffffff;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #ffffff;
  text-decoration: underline;
}



.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.active>a, 
a.dropdown-toggle:hover {
  color: #ffb300;
  background-color: #000000;
}

.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.active>a:hover {
  color: #ffb300;
  text-decoration: underline;
  background-color: #000000;
}

.navbar-default a.navbar-brand {
  color: #ffffff;
}

.navbar-default navbar-brand.a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.navbar-default navbar-brand>.active>a:hover,
.navbar-default navbar-brand>.open>a:hover {
  color: #ffb300;
  text-decoration: underline;
  background-color: #000000;
}

/* Dropdown menu color */
.navbar-default .dropdown-menu {
  background-color: #ffffff;
  color: #000000;
}

/* Dropdown menu hover color */
.navbar-default .dropdown-menu>li>a:hover {
  background-color: #ffb300 !important;
  color:  #000000;    
}

/* Navbar Links when hovered*/
.navbar-default .dropdown-menu>.active>a
.navbar-default .navbar-nav>.active>a:hover{
  color: #ffb300 !important;
  text-decoration: underline;
}

.custom-footer {
  background-color: black;
  color: white;
  text-align: center;
  padding: 0px;
  margin: 0px;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.custom-footer a {
  color: white;
  text-decoration: none;
  margin: 0 0px;
}

.custom-footer a:hover {
  text-decoration: underline;
}

.upper-right-logo {
  margin-top: 10px;
  background-image: url("Stuttgart_Logo.png");
  height: 40px;
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
}