@charset "UTF-8";
* {
  box-sizing: border-box;
  font-family: Monaco, Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Courier New, monospace, sans-serif;
}

body {
  margin: 0;
  font-family: Monaco, Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Courier New, monospace, sans-serif;
  background-color: #d7d2c5;
}

/* unvisited link */
a:link {
  color: #87998A;
  text-decoration: none
}

/* visited link */
a:visited {
  color: #87998A;
  text-decoration: none
}

/* mouse over link */
a:hover {
  color: white;
  text-decoration: none
}

/* selected link */
a:active {
  color: #87998A;
  text-decoration: none
}

/* Style the top navigation bar */
.botnav {
 overflow: hidden;
  background-color: #d7d2c5;
	  position: fixed;
   width: 100%;
  bottom: 0px;
}

/* Style the topnav links */
.botnav a {
  float: left;
  display: block;
  color: #87998A;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change color on hover */
.botnav a:hover {
  background-color: #d7d2c5;
  color: white;
}

/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  background-color: #d7d2c5;
	  position: relative;
   top: 0px;
}

/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  color: #87998A;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  background-color: #d7d2c5;
  color: white;
}

/* Style the stoerer */
.stoerer {
  background-color: #d7d2c5;
color: #FFA200;
	font-weight: 700;

  text-align: center;
 padding: 10px;
}

/* Style the content */
.content {
  background-color: #d7d2c5;
color: #87998A;
   overflow: auto;
  text-align: center;
 padding: 10px;
}

/* Style the footer */
.footer {
   display: block;
 background-color: #d7d2c5;
 color: #87998A;
  text-align: center;
  padding: 10px;
}

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