.pageheader {
  margin: 0;

  border-bottom: 1px solid #CECECE;
}

.header {
  margin-left: 20px;

  color: #555;
}

.motto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  padding-top: 9px;
}

.header-motto:hover {
  color: #5B4BA6;
}

.header-img-link {
  width: auto;
  height: 60px;
  padding: 0 10px;
}

.header-title {
  -ms-flex-preferred-size: 90%;
  flex-basis: 90%;
}

.header-motto {
  font-family: Arial,Helvetica,Tahoma,sans-serif;
  font-size: 23px;

  color: #555;
}


#menu {
  font-size: 14px;
  font-weight: normal;

  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;

  max-width: 922px;
  margin-top: -10px;

  text-align: right;
}

#menu > a:hover {
  color: #5B4BA6;
}

#menu input[type='submit'] {
  font-family: Verdana,Verdana,Arial,Helvetica,Tahoma,sans-serif;
  font-size: 100%;

  margin: 0;
  padding: 0;

  color: inherit;
  border: 0;
  background: #FFF;
}

#menu input[type='submit']:hover {
  color: #5B4BA6;
}

#search-form {
  font-size: 90%;

  padding-bottom: 2px;

  cursor: pointer;
}

.search-container {
  display: inline;
}
.search-container:hover > input[type='text'], .search-container:hover > input[type='submit'], input[type='submit'] {
  background-color: #D4C9E9;
}

#searchbox {
  font-weight: normal;

  width: 10em;
  padding: 1px 0;

  border: #D4C9E9 1px solid;
  border-radius: 2px;
}

#searchbox:hover {
  color: #5B4BA6;
  border: #5B4BA6 1px solid;
  background-color: #D4C9E9;
}