/*
  UI.CSS
  (c) HAPPYneuron 2015
*/





#popupWindowBg{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #999998;
	z-index: 1000;
}
#popupWindowPopup{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -150px;
	min-width: 500px;
	z-index: 1010;
	overflow: scroll-y;
	max-height: 500px;
}
#popupWindowPopup .hn-boxTitle{
	color: black;
	background: #C2C2C2;
	border: 0
}
#popupWindowPopup .hn-boxContent{
	border: 0
}
#popupWindowPopup .closeButton{
	float: right;
	text-shadow: none;
	cursor: pointer;
	margin-top: 7px;
	background: url('../img/layout/icons/close2.png') top right no-repeat;
	padding-right: 22px;
	width: 28px; height: 16px;
	position: relative;
	top: 4px;
	left: -4px;
	font-size: 16px;
	line-height: 16px;
}
#popupWindowPopup .closeButton:hover{ color: white; background-position: bottom right; }




 .html5_formIconValidation{
	display: inline-block;
	*display: inline;
	*zoom: 1; *display: inline; zoom: 1;
	width: 18px;
	height: 18px;
	margin-left: 5px;
  margin-top: -5px;
  vertical-align: middle;
}
.html5_inputValid{ border-color: green !important; }
.html5_inputInvalid{ border-color: red !important; }
.html5_inputValid + .html5_formIconValidation{
	background: url('../img/icons/tick.png') center center no-repeat;
}
.html5_inputInvalid + .html5_formIconValidation{
	background: url('../img/icons/error.png') center center no-repeat;
}
.html5_inputValid ~ .html5_formIconValidation{
  background: url('../img/icons/tick.png') center center no-repeat;
}
.html5_inputInvalid ~ .html5_formIconValidation{
  background: url('../img/icons/error.png') center center no-repeat;
}

.hn-autoformSendingData{ font-style: italic; display: none; }
.hn-autoformSendingData img{ margin-right: 10px; vertical-align: middle; }

.hn-btnOrange{
	margin-top: 0px;
	background: #FF0046;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	color: white;
	font-size: 22px;
	padding: 5px 20px;
	cursor: pointer;
	text-decoration: none;
	border: 0;
}
a.hn-btnOrange{
	padding: 10px 20px;
}
a.hn-btnOrange:hover{
	color: white;
}
.hn-btnOrange img {
	display: none;
}




.glyphIcon{
	display: inline-block;
	*display: inline;
	*zoom: 1; *display: inline; zoom: 1;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	vertical-align: middle;
	background: url('../img/layout/icons/glyphIcons.png') top left;
}
.glyphIcon.glyphPrint{ background-position: 24px 0px; }
a:hover .glyphIcon.glyphPrint{ background-position: 24px -24px; }
.glyphIcon.glyphBack{	background-position: 0px 0px; }
a:hover .glyphIcon.glyphBack{	background-position: 0px -24px; }




.hn-boxTitle
{
  border: 1px solid #FF0046;
  -webkit-border-radius: 15px 15px 0px 0px;
          border-radius: 15px 15px 0px 0px;
	background: #FF0046;
	font-size: 22px;
  padding: 3px 5px 3px 20px;
	font-family: "Cerapro-regular";
	color: white;
}
.msie9 .hn-boxTitle{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhZDZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZWFmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.lt-msie9 .hn-boxTitle{
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ad6ff', endColorstr='#5eafdf',GradientType=0 );
}
.hn-boxTitle img.icon{
	display: none;
	margin-top: -2px;
	margin-right: 5px;
	vertical-align: top;
}
.hn-boxTitle .closeButton{
	float: right;
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin-top: 2px !important;
	background: url('../img/layout/icons/close2.png') top right no-repeat;
	padding-right: 48px !important;
	font-size: 13px;
}
#langDE .hn-boxTitle .closeButton{ width: 33px; }
.hn-boxTitle .closeButton:hover{ color: white; background-position: bottom right; }
.hn-boxContent
{
  background: #F5F5F5;
  border: 1px solid #FF0046;
  -webkit-border-radius: 0 0 15px 15px;
          border-radius: 0 0 15px 15px;
  font-size: 12px;
  padding: 10px 10px 20px 10px;
}
.hn-boxContent .hn-boxActions{
	text-align: center;
	margin-top: 25px;
}

/*--------------------------
  COOKIE DISCLAIMER
--------------------------*/

#cookieDisclaimer{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  background: #FF0046;
  border-top: 1px solid #1D4875;
  color: white;
  text-align: center;
  min-height: 80px;
  font-size: 16px;
}

.cookieDisclaimerLink,
#cookieDisclaimer a{
  color: white!important;
  text-decoration-line: underline!important;
  cursor: pointer;
}
#cookieDisclaimer .cookieDisclaimerButton {
  position: relative;
  display: inline-block;
  padding: .8em;
  border: 1px solid #7aa7c7;
  border-radius: 3px;
  outline: none;
  font-family: inherit;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.15384615;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  margin: 4px;
  color: black;
  background-color: #e1ecf4;
  box-shadow: inset 0 1px 0 0 rgb(255 255 255 / 70%);
}

#cookieDisclaimer .cookieDisclaimerButton:hover,
#cookieDisclaimer .cookieDisclaimerButton:focus,
#cookieDisclaimer .cookieDisclaimerButton:active {
  color: #2c5777;
  background-color: #b3d3ea;
}

.cookieDisclaimerModal {
  width: 100%;
  height: 100%;
}

.cookieDisclaimerModal h1 {
  font-size: 2.4rem;
  margin-bottom: 30px;
}

.cookieDisclaimerModal ul {
  list-style-type: disc;
  margin: 0 0 1em 0;
  padding: 0 0 0 40px;
}

.hnModernModalContent h1 {
  font-size: 21px;
  margin: 0;
  padding: 0;
  color: #FF0046;
}

/*# sourceMappingURL=_maps/ui.css.map */