/*-------------------------------------------------------------------------------------

  CSS definition for modules
    
-------------------------------------------------------------------------------------*/

/* Formulare */
form {
	float: left;
	margin: 0 -11px 22px -11px;
	/*width: calc(75% + 17px);*/
	width: calc(100% + 22px);
	height: auto;

}
legend {
	display: none;
}
label {
	float: left;
	margin: 16px 11px 11px 11px;
	width: calc(33.3333% - 22px);
	height: auto;
	display: block;
}
select,
input, 
input[type=text],
textarea {
	float:left;
	padding: 10px 15px;
	margin: 0 11px 11px 11px;	
	width:calc(66.6666% - 22px);
	height:50px;
	border: 1px solid rgb(240,240,240);
	background-color: rgb(240,240,240);
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	line-height: 1rem;
	font-size: 1.1rem;
	font-weight: 400;
	color:rgb(55,55,55);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
textarea {
	height: 125px;
	line-height: 1.3rem;
}

input[type=submit],
input[type=button],
input[type=reset] {
	float: right;
	margin: 0 11px 8px 11px;
	border: 1px solid rgb(0,159,227);
	background-color: rgb(0,159,227);
	width: calc(33.3333% - 22px);
	color: rgb(255,255,255);
	cursor: pointer;
}
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover {
	border: 1px solid rgb(0,121,173);	
	background-color: rgb(0,121,173);
}
input[type=checkbox],
input[type=radio] {
	float:left;
	padding: 6px;
	margin: -5px 11px 0 -10px;
	width: 20px !important;
	height: 20px;
	border: 6px solid rgb(240,240,240);
}
:root .checkbox input[type=checkbox] { margin-top: -3px\0/IE9; }
:root .radio input[type=radio] { margin-top: -3px\0/IE9; }
input[type=radio] {
	border-radius: 50%;
}
input[type=checkbox]:checked,
input[type=radio]:checked {
	background-color: rgb(55,55,55);
}

::-webkit-input-placeholder {
   color: rgb(204,204,204);
}
:-moz-placeholder {
   color: rgb(204,204,204);
   opacity:  1;
}
::-moz-placeholder {
   color: rgb(204,204,204);
   opacity:  1;
}
:-ms-input-placeholder {
   color: rgb(204,204,204) !important;
}
::-ms-input-placeholder {
   color: rgb(204,204,204);
}
::placeholder {
   color: rgb(204,204,204);
}


input.date,
input.time {	
	background-image: url(../images/bd_input_date.png);
	background-position:  right center;
	background-repeat: no-repeat;
	background-size: 60px 60px;
}
input.time {	
	background-image: url(../images/bd_input_time.png);
}


form.form100,
.form100 label,
.form100 select,
.form100 input, 
.form100 input[type=text],
.form100 textarea,
.form100 input[type=submit],
.form100 input[type=button],
.form100 input[type=reset] {
	margin: 0 0 11px 0;
	width: 100%;
}
.form100 label {
	margin-top: 11px;
}
.form100 input[type=submit],
.form100 input[type=button],
.form100 input[type=reset] {
	margin-top: 22px;
}

form .checkbox,
form .radio {
	float:left;
	padding: 0;
	margin: 0 0 11px 0;
	margin-left: calc(33.3333% + 11px);
	width:calc(66.6666% - 22px);
}
form .contactFormGroup,
form .contactFormUpload {
	float:left;
	padding: 0 0 22px 0;
	margin: 0 0 0 11px;
	width:calc(66.6666% - 22px);
}
form .contactFormGroup .checkbox,
form .contactFormGroup .radio {
	float:left;
	padding: 0;
	margin: 0 0 0 0;
	width:100%;
}
form .contactFormGroup .checkbox input,
form .contactFormGroup .radio input {
}
form .form-group .checkbox label,
form .contactFormGroup .checkbox label.noCaption,
form .contactFormGroup .radio label.noCaption {
	width: calc(100% - 22px);
}
form .contactFormUpload input[type=file] {
	margin: 0;
}


#contactDescription {
	float: left;
	width: 100%;
	margin-bottom: 33px;
}

form .form {
	float: left;
	width: 100%;
}

#captcha {
	float: left;
	margin-bottom: 11px;
	width: 66.6666%;
}
#captcha #coreCaptchaLabel {
	

	float: left;
	margin-right: calc(50% + 11px);
	width: calc(50% - 11px);
	line-height: 1.3rem;
}
#coreCaptchaCode {
	float: left;
	margin-right: 0;
	width: calc(25% - 11px);
	letter-spacing: 5px;
}
#captcha img {
	float: left;
	width: calc(25% - 11px);
	height: 50px;
}

.is_required {
	color: rgb(200,0,0);
}
input.error,
textarea.error {
	border-color: rgb(200,0,0) !important;
}
.text-danger {
	float: left;
	margin-bottom: 20px;
	width: 100%;
	color: rgb(228,43,39);
}
#contactFormError {
	float: left;
	width: 100%;
	margin-bottom: 8px;
	display: none;
	color: rgb(200,0,0);
}


.contactFormClass_label {
	float: left;
	margin: 0 0 15px 11px;
	margin-left: calc(33.3333% + 11px);
	width: calc(66.6666% - 22px);
	min-height: 16px;
}


/* Newsletter Home */
.iframe #contactDescription {
	margin-bottom: 11px;
}

.contactForm_5 label,
.contactForm_5 input[type=reset] {
	display: none;
}
.contactForm_5 input,
.contactForm_5 select {
	margin: 0 11px 11px 11px;	
	width:calc(50% - 22px);
}
.contactForm_5 input[type=submit] {
	float: left;
}

.newsletter .newsletterFormGroup {
	float: left;
	margin: 0 11px 30px 11px;
	width:calc(66.6666% - 22px);
}
.newsletter .newsletterFormGroup .checkbox {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.newsletter .newsletterFormGroup .checkbox label {
	float: left;
	margin: 16px 11px 11px 11px;
	width: calc(100% - 22px);
}
.newsletter input[type=submit] {
	margin-left: calc(33.3333% + 11px);
	float: left;
}


/* Login */
#login form {
	margin: 0;
	width: 100%;
}
#access #login input#USERNAME,
#access #login input#PASSWORD,
#login input#email,
#login input[type=submit] {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}
#login label[for=coreCaptchaCode] {
	margin: 0;
	margin-bottom: 5px;
	width: 33.3333%;
}
#login #captcha {
	margin: 0;
	width: 66.6666%;
}
#login #captcha label[for=coreCaptchaCode] {
	width: 100%;
}
#login #captcha #coreCaptchaCode,
#login #captcha img {	
	margin: 5px 0;
	width: 50%;
}


#access #login .checkbox {
	float: left;
	margin: 11px;
	width: calc(100% - 22px);
}
#access .container-fluid {
	margin-top: 40px;
}


/* News */
.annualreports,
.airportmagazine {
	display: flex;
	flex-wrap: wrap;
	float: left;
	margin:0 -11px;
	width:calc(100% + 22px);
	height:auto;
}
.annualreports .report,
.airportmagazine .magazine {
	float:left;
	margin:11px 11px 22px 11px;
	width:calc(25% - 22px);
	height:auto;
}
.annualreports .report .imageFrame,
.airportmagazine .magazine .imageFrame {
	margin-bottom:10px;
	cursor: pointer;
}
.annualreports .report .imageFrame:before,
.airportmagazine .magazine .imageFrame:before {
	padding-top: 141.4%;
}


/* Gallery */
.category_images {
	display: flex;
	flex-wrap: wrap;
	float: left;
	margin:0 -11px;
	width: calc(100% + 22px);
}
.category_images .image {
	float: left;	
	margin:11px;
	width:calc(33.3333% - 22px);
}
.category_images .image img {
	float: left;
	width: 100%;
}