
p {
  font-size: 9.5pt;
  font-family: "PT Sans", Sans-serif;
  font-weight: 400;
  letter-spacing: 0px;
  font-style: normal;
}
.container {
  position: relative;
  text-align: center;
  color: black;
  height: 550px;
  width: 990px;
  margin: auto;
}

.employeeBody {
	background: url("../images/body_bg.png") no-repeat scroll 0 0 transparent;
	height: 100%;
	text-align: center;
	width: 100%;
	margin: auto;
}

.businessBody {
	background: url("../images/body_bg_business.png") no-repeat scroll 0 0 transparent;
	height: 100%;
	text-align: center;
	width: 100%;
	margin: auto;
}

.businessLoginAsOptionsBody {
	background: url("../images/body_bg_business_options.png") no-repeat scroll 0 0 transparent;
	height: 100%;
	text-align: center;
	width: 100%;
	margin: auto;
}

.adminBody {
	background: url("../images/body_bg_admin.png") no-repeat scroll 0 0 transparent;
	height: 100%;
	text-align: center;
	width: 100%;
	margin: auto;
}
.contact {
  position: absolute;
  top: 490px;
  left: 88px;
  color: #747474;
}
.contactemployee {
  position: absolute;
  top: 458px;
  left: 88px;
  color: #747474;
}

.contactBusiness {
  position: absolute;
  top: 415px;
  left: 76px;
  color: #747474;
}

.loginTitle {
  position: absolute;
  top: 262px;
  left: 88px;
  color: #747474;
}

.cancelAuthentication {
  position: absolute;
  top: 308px;
  left: 88px;
  color: red;
}

.viaeIDAS {
  position: absolute;
  top: 410px;
  left: 76px;
  color: #747474;
}

.btnDigiD {
  position: absolute;
  top: 250px;
  left: 188px;
  cursor: pointer;
  height: 40px;
  width: 225px;
  transform: translate(-50%, -50%);
}

.btnDigiDSubmit {
  background: url("../images/DigiDButton.png") no-repeat scroll 0 0 transparent;
  position: absolute;
  top: 376px;
  left: 202px;
  cursor: pointer;
  height: 45px;
  width: 225px;
  transform: translate(-50%, -50%);
  padding: 0 0;
  border: 0;
  border-radius: 5px;
}

.btnEiDASSubmit {
  background: url("../images/EiDAS.png") no-repeat scroll 0 0 transparent;
  position:absolute;
  top: 410px;
  left: 90px;
  cursor: pointer;
  height: 45px;
  width: 225px;
  padding: 0 0;
  border: 0;
  background-color: white;
}

.btniDINSubmit {
  background: url("../images/iDINButton.png") no-repeat scroll 0 0 transparent;
  
  position: absolute;
  top: 386px;
  left: 190px;
  cursor: pointer;
  height: 44px;
  width: 229px;
  transform: translate(-50%, -50%);
  padding: 0 0;
  border: 0;
}

.btniDASSubmit {
  background: url("../images/iDASButton.png") no-repeat scroll 0 0 transparent;
  
  position: absolute;
  top: 465px;
  left: 112px;
  cursor: pointer;
  height: 30px;
  width: 85px;
  transform: translate(-50%, -50%);
  padding: 0 0;
  border: 0;
}


.btneHerhenningSubmit {
    background: url(../images/eHerkenningButton.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    position: absolute;
    top: 316px;
    left: 202px;
    cursor: pointer;
    height: 44px;
    width: 226px;
    transform: translate(-50%, -50%);
    padding: 0 0;
    border: 0;
}

.btnDirectEHerhenningSubmit {
    background: url(../images/eHerkenningDirectButton.png) no-repeat scroll 0 0 transparent;
    position: absolute;
    top: 442px;
    left: 202px;
    cursor: pointer;
    height: 44px;
    width: 226px;
    transform: translate(-50%, -50%);
    padding: 0 0;
    border: 0;
}

.btneHerhenningLoginAsOptions {
  background: url("../images/eHerkenningButtonAsOptions.png") no-repeat scroll 0 0 transparent;
  
  position: absolute;
  top: 320px;
  left: 210px;
  cursor: pointer;
  height: 41px;
  width: 269px;
  transform: translate(-50%, -50%);
  padding: 0 0;
  border: 0;
}

.btneHerhenningLoginAsOptionsCancel {
  background: url("../images/CancelButton.png") no-repeat scroll 0 0 transparent;
  
  position: absolute;
  top: 425px;
  left: 122px;
  cursor: pointer;
  height: 30px;
  width: 120px;
  transform: translate(-50%, -50%);
  padding: 0 0;
  border: 0;
}

.tabEmployeeInactive {
  background: url("../images/employeetabInactive.png") no-repeat scroll 0 0 transparent;
  
  position: absolute;
  top: 207px;
  left: 127px;
  cursor: pointer;
  height: 60px;
  width: 161px;
  transform: translate(-50%, -50%);
  padding: 0 0;
  border: 0;
}

.tabBusinessInactive {
  background: url("../images/businesstabInactive.png") no-repeat scroll 0 0 transparent;
  
  position: absolute;
  top: 198px;
  left: 267px;
  cursor: pointer;
  height: 50px;
  width: 120px;
  transform: translate(-50%, -50%);
  padding: 0 0;
  border: 0;
}

.tabAdminInactive {
  background: url("../images/admintabInactive.png") no-repeat scroll 0 0 transparent;
  
  position: absolute;
  top: 202px;
  left: 505px;
  cursor: pointer;
  height: 51px;
  width: 338px;
  transform: translate(-50%, -50%);
  padding: 0 0;
  border: 0;
}

.header {
  text-align: left; 
  margin-left: 40px;
}

.headerWithoutLogo {
  text-align: left; 
  margin-left: 40px;
  height: 78px;
}

.footer {
  text-align: left; 
}

.titleEHerkin {
    position: absolute;
    top: 250px;
    left: 88px;
    color: #747474;
}
.titleDirectEHeking {
    position: absolute;
    top: 343px;
    left: 88px;
    color: #747474;
    max-width: 400px;
    text-align: left;
}
.redirectLink {
    position: absolute;
    top: 370px;
    left: 88px;
    font-weight: bold;
    color: #007CA7;
    text-decoration: none;
    background-color: white;
    border: 1px solid #007CA7;
    padding: 8px 16px;
    border-radius: 4px;
}