/**
 * This style file has been inspired by the Schul-Logistik Library Style.
 */

/**
 * Definition of tags and classes extenting tags.
 *
 * @section tags
*/

h1 {
  font-size: 1.8rem;
  color: #003764;
}

h2 {
  color: #003764;
}

.maintenance {
  display: flex;
  flex-direction: row;
  background-color: #ff0;
  border-style: solid;
  border-color: #a00;
  margin-top: 5%;
} 

.maintenance h3 {
  color: #a00;
  padding: 1%;
} 

.maintenance .site {
  height: 150px;
  width: 150px;
  padding: 1%;
} 

/**
 * Definition of areas identified by an ID.
 *
 * @section areas
*/
#banner {
  border-bottom: solid 5px #FF8000;
  background-color: #FFF;
}

#banner .logo {
  padding: 10px;
  padding-left: 50px;
  display: block;
  float: left;
}

#banner #text {
  font-family: Arial;
  font-size: 40px;
  font-weight: bold;
  color: #003764;
  padding: 10px;
  padding-left: 50px;
  float: left;
  padding-top: 45px;
  padding-bottom: 0px;
}

#banner img {
  float: left;
}

#banner h1 {
  font-size: 2.2rem;
  font-weight: bold;
} 

#logininfo {
  padding-right: 10px;
  margin-top: 5px;
}
.loginstatus {
  padding-top: 70px;
}

#main {
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 15px;
  padding: 0 1em 2em 2em;
  float: left;
  max-width: 80%; /* This prevents the main part to go under the menu when the window is too small. */
  /*position: fixed; */
  /*margin-left: 15px;*/
  /*border-left: solid 1px #AAAAAA;*/
}

#menu {
  background-color: #F4F4F4;
  min-height: 85vh;
}

#menu ul{
  list-style-type: none;
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  width: 100%;
}

#menu li {
  width: 100%;

  /*background-color: #DDDDDD;*/
  /*border-left: 8px solid #FF8000;*/
}

#menu li:hover {
  /*border-left: 8px solid #804000;*/
}

#menu a {
  color: #003764;
  font-weight: bold;
  text-decoration: none;
  
}
#menu a:hover {
  color: #000000;
}

#footer {
  border-top: solid 1px #AAAAAA;
  margin: 0 10pt 10pt 10pt;
  color: #AAAAAA;
  text-align: center;
  padding: 3pt;
  clear: both;
}

#footer .server {
  float: left;
}

#footer .copy {
  float: right;
}

#last {
  /* This element helps the IE to calculate the correct page size
     in the Overlay JavaScript class. */
  text-align: center;
  font-size: 1pt;
  margin: 0;
  padding: 0;
  color: #F6F6F3;
}