* {
  padding: 0;
  margin: 0;
  font-family: sans-serif;
}

a {
  text-decoration: none;
  color: black;
}

input:focus {
  outline: none;
}

#logo {
  display: block;
  margin: 8px auto 15px auto;
  width: 280px;
}

#menu {
  width: 100%;
  background-color: #f3fafe;
}

#menu li {
  display: inline-block;
  width: 12%;
  margin-top: 30px;
  margin-bottom: 30px;
  border-left: 1px solid #d9dbdb;
}

#menu p {
  display: block;
  text-align: center;
  font-size: 10pt;
}

#menu img {
  height: 50px;
  max-width: 50px;
  margin-bottom: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#content {
  padding-top: 120px;
  padding-left:30px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background: url("/assets/websitedata/kbjemasoft/Files/images/background.svg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#formmiddle {
  width: 20%;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px!important;
  margin-top: 0 !important;
}

#formmiddle input {
  width: 100%;
  background-color: transparent;
  border: none;
  border-top: 1px solid #5fabd9;
  line-height: 30px;
  font-size: 12pt;
  color: #777774;
}

#formmiddle h1 {
  font-size: 16pt !important;
  text-align: center !important;
  text-transform: uppercase !important;
  margin-bottom: 40px !important;
  color: #444442 !important;
  margin-left: 0px !important;
  font-weight: 600 !important;
  margin-top: 0 !important;
  padding-top: 0px !important;
}

#formmiddle p {
  margin-top: 20px !important;
  font-size: 9pt !important;
  color: #5fabd9 !important;
  padding-bottom: 5px !important;
  margin-left: 0px !important;
}

#button {
  background-color: #e7206e !important;
  color: white !important;
  text-transform: uppercase;
  border: none !important;
  margin-top: 40px;
  border-radius: 4px;
  font-size: 11pt !important;
  padding: 1px;
  width: 65% !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

::-webkit-input-placeholder {
  color: lightgray;
}

::-moz-placeholder {
  color: lightgray;
}

:-ms-input-placeholder {
  color: lightgray;
}

:-moz-placeholder {
  color: lightgray;
}

.submenu {
  display: none;
  z-index: 9999;
  position: absolute;
  top: 240px;
  width: 11%;
  color: white;
  font-size: 11pt;
}

.submenu li:nth-child(even) {
  background-color: #e7206e;
}

.submenu li:nth-child(odd) {
  background: #ea81b1;
}

.submenu li:hover {
  background-color: #ffbddd;
  transition: ease 0.2s;
}

.submenu li {
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 9px;
}

.subsubmenu {
  position: absolute;
  z-index: 9999;
  width: 170px;
  margin-left: 111%;
}

#content {
  padding-bottom: 70px;
}

#content h1 {
  font-size: 22pt;
  color: #e7206e;
  margin-left: 60px;
  padding-top: 40px;
  font-weight: 500;
}

#content h2 {
  font-size: 17pt;
  color: #5fabd9;
  font-weight: 300;
  margin-left: 100px;
  padding-top: 40px;
}

#content p {
  font-size: 12pt;
  margin-left: 140px;
  padding-top: 10px;
  line-height: 25px;
}

#nav {
  position: absolute;
  z-index: 999999;
  height: 140px;
  list-style: none;
  float: left;
  text-align: center;
  width: 100%;
  background-color: #f3fafe;
}

#nav a {
  color: black !important;
}

.breedte {
  width: 12.4% !important;
  border-left: 1px solid #d9dbdb;
  margin-top: 20px;
}

#nav li {
  display: inline-block;
  position: relative;
  width: 100%;
  float: left;
  background: #f3fafe;
}

#nav li a {
  display: inline-block;
  line-height: 35px;
  padding: 0;
  text-decoration: none;
  color: #ffffff;
  width: 100%;
}

#nav li li {
  float: left;
  background-color: #f3fafe;
  border-top: 1px solid #b0d9ea;
}

#nav li li a {
  display: block;
  font-size: 12px;
}

#nav li:hover {
  background-color: #dceff7;
}


/*--- Sublist Styles ---*/

#nav ul {
  position: absolute;
  padding: 0px;
  left: 0;
  display: none;
  width: 100%;
}

#nav li p {
  display: block;
  text-align: center;
  font-size: 10pt;
}

#nav li img {
  height: 50px;
  max-width: 50px;
  padding-top: 5px;
  margin-bottom: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/*--- Hide Sub Sublists ---*/

#nav li:hover ul ul {
  display: none;
}


/*--- Sublevel UL's display and position on hover ---*/

#nav li:hover ul {
  display: block;
}

#nav li li:hover ul {
  margin-left: 100%;
  margin-top: -36px;
  display: block;
}