* {
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box; /* safari 3 needs this */
}

body,html {
	color:black;
	font-family:verdana,arial;
	font-size:0.9em;
	margin:0px;
	padding:0px;
	min-width:1050px;
	text-align:center; /* centers divs in IE */
	height: 100%;
	background-image:url(../images/bg_body.gif);
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

a, a:visited { 
	text-decoration:none;
	color:#0065A2;
}
a:hover, a:active {
	color: #37acde;
	text-decoration: underline;
}
img {
	border:0px;
}


/************* STRUCTURE ***********************/

div {
	margin:0px;
	padding:0px;
}
div.container {
	width:1100px;
	text-align:left;
	margin: 0 auto 60px auto; /* centers div in FF */
	background-color: #fff;
    border-left: 1px solid #d2d2d0;
    border-right: 1px solid #d2d2d0;
    z-index: 1;
}



div#container_header_top {
	width: 100%;
	height: 30px;
/*	background-color: #cccccc; */
}

div#container_header_login {
	width: 100%;
	height: 30px;
/*	background-color: #66dd66; */
}




div#container_header_menu {
	z-index:10000;
	background: #4e4f5d;
	height: 34px;
}
div#container_header_image {
	background-position:center center;
	background-size:100%;
	height:100px;
}
div#container_header_bg {
	height:133px;
	width: 100%;
	background-image:url(../images/bg_header.gif);
}

div#container_header_bg_rep {
	height:145px;
/*	background-image:url(../images/jrc-eccairs.jpg); */
	background-image:url(../images/aviation-reporting-right.png);
}

div#container_breadcrumb {
	border-bottom: 1px solid #d0d1d7;
}
div#container_content {
	padding: 0 20px;
}

div#header_top,
div#header_menu,
div#header_image,
div#breadcrumb,
div#content,
div#footer,
div#typo3buddy {
	/*width:1028px;*/
	width:100%;
	text-align:left;
}

div#lginright {
	float:right;	
}

#header_top_left {
	width: 212px;
/*	background-color: #880000; */
}
#header_top_center {
	text-align: left;
	vertical-align: top;
/*	font-size:0.9em; */
/*	font-size: 12px; */
/*	background-color: #008800; */
}
#header_top_right {
/*	padding-top: 6px; */
	padding-top: 0.2em;
	vertical-align: top;
	text-align: left;
/*	font-size:0.9em; */
/*	background-color: #000088; */
}
#header_top_center h1 {
	padding-bottom: 0;
	clear:both;
	margin-top: 45px;
}
#header_top_center h2 {
	color: #fff;
	padding-top: 3px;
	padding-bottom: 0;
	font-size: 16px;
}
#header_top_left img {
   margin: 0 0 0 20px;
}

div#breadcrumb {
	padding-top:3px;
	height:21px;
	padding-left: 10px;
}

div#content_left,
div#content_menu {
	/*position:relative;*/
	float:left;
	padding:0px;
	margin-right: 20px;
}
div#content_right{
	float:left;
	padding: 0px 0px 50px 25px;
}
div#content_main {
	float:left;
}
div#content_center {
	float:left;
	width: 500px;
	padding:4px 0px 50px 25px;
}

div#footer {
	height:50px;
	padding:15px 25px;
	background-color:#c9cbcc;
}
div#footer_left {
	float:left;
	width:500px;
}
div#footer_right {
	float:right;
	width:300px;
}

div#footer-rep {
	height:50px;
	padding:15px 25px;
	background-color:#0065A2;
}

div#footer-rep a {
	color: #ffffff;
}

div#footer_right_with_logo {
	float:left;
/*	width:300px; */
	width:45%;
	padding-top: 0px;
	text-align: right;
	vertical-align: top;
/*	border-bottom:1px solid #008800; */
	color: #ffffff;
}

div#footer_logo {
	float:right;
/*	width:300px; */
	width:7%;
	text-align: right;
	vertical-align: top;
	margin-top: -7px;
/*	border-bottom:1px solid #000088; */
}


div#typo3buddy {
	text-align:center;
}
div#typo3buddy,
div#typo3buddy a {
	color:#efefef;
}
div.clearer {
	clear:both;
}
/*********** TEXT ************/
div#content p,
div#content p.bodytext {
/*	line-height:21px; */
	line-height:20px;
	padding:0px;
	margin:0px;
	padding: 10px 0;
	/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=); /* make text 100% wide on mobile devices */
}

h1,h2, h3, h4, h5
{
	color: #0065a2;
	padding:0px;
	margin:0px;
	font-family:Arial;
	font-weight:normal;
}

h1 {
	font-size: 28px;
	padding:10px 0px;
}
h2 {
	font-size:21px;
	padding:10px 0px;
}
h3 {
	font-size:16px;
	padding:0px;
	padding-bottom:10px;
}


div#content h1, h2, h3, h4, h5
{
	color: #0065a2;
	padding:0px;
	margin:0px;
	font-family:Arial;
	font-weight:normal;
}

div#content h1 {
	font-size: 28px;
	padding:10px 0px;
}
div#content h2 {
	font-size:21px;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:0px;
}
div#content h3 {
	font-size:16px;
	padding:0px;
	padding-bottom:10px;
}



div#content div.indent {
	margin:0px 0px 22px 10px;
	padding:5px 10px;
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	word-wrap:break-word;
	border-left:1px solid #e6e6e6;
}
div#content div.indent p,
div#content div.indent p.bodytext {
	padding:0px;
	margin:0px;
}
div#content table.contenttable p.bodytext {
	padding:0px;
	margin:0px;
}
div#content table.contenttable td,
div#content table.contenttable th {
	padding:1px;
	padding-right:15px;
}
div#content table.contenttable {
	padding:0px;
	margin:0px;
	padding-bottom:22px;
}
div#content img.typo3buddy {
	width:auto;
	height:auto;
}

div#content div#content_column_1,
div#content div#content_column_2 {
	float:left;
	width:50%;
}
div#content div#content_column_1 {
	padding-right:15px;
}
div#content div#content_column_2 {
	padding-left:15px;
}

.rightadjusted
{
  text-align: right;
}
.centered {
  text-align: center;
}
.transparent {
	font-size: 10px;
	color: #c9cbcc;
	clear:both;
	text-align: center;
}

/* ----------------- necessary for the layout templates ------------------------------ */

div#content div#content_top {
	width:100%;
	padding-bottom:5px;
	border-bottom: 1px solid #888888;
	margin-bottom:15px;
}


div#content div#content_top_noline {
	width:100%;
	padding-bottom:5px;
	margin-bottom:15px;
}


div#content div#content_top_important {
	width:100%;
	padding:15px;
	margin-top:15px;
	margin-bottom:15px;
	background: #E2800F;
	font-size: 16px;
	color: #000000;
	text-align: center;	
    border: 0px solid #0077bc;
    border-radius: 3px;
}



div#content div#content_topleft {
	float:left;
	width:80%;
	padding-bottom:5px;
	border-bottom: 1px solid #888888;
	margin-bottom:15px;
}

div#content div#content_topright {
	float:left;
	width:20%;
/*	padding-bottom:5px; */
    padding: 10px;
	border-bottom: 1px solid #888888;
	margin-bottom:15px;
}

div#content div#content_menu_column_1 {
	float:left;
	width:33%;
	padding-right:15px;
}
div#content div#content_menu_column_2 {
	float:left;
	width:33%;
	padding-left:15px;
}

div#content div#content_menu_column_3 {
	float:left;
	width:33%;
	padding-left:15px;
}

div#content div#content_column_m1 {
	float:left;
	width:51%;
	padding-left:15px;
	padding-right:15px;
}

div#content div#content_column_m2 {
	float:left;
	width:30%;
	padding-left:15px;
	padding-right:15px;
	border-left: 1px solid #888888;
}


div#content div#content_column_1_rep {
	float:left;
	width:30%;
}
div#content div#content_column_2_rep {
	float:left;
	width:70%;
/*	background-color: #C2D8E8; */
}
div#content div#content_column_1_rep {
	padding-right:15px;
}
div#content div#content_column_2_rep {
	padding-left:15px;
	padding-right:15px;
	padding-top:0px;
	padding-bottom:15px;
}




/******************* MENUS ***********************/
/* menu general */
div.menu_ul ul,
div.menu_header ul,
div#content div.menu_ul ul,
div#content div.menu_header ul {
	display:inline;
	list-style: none;
	list-style-position: outside;
	padding:0px;
	margin:0px;
}

/************** menu breadcrumb ************/
#breadcrumb {
	background: #f0f0f0;
}
div.menu_breadcrumb li {
	color:#4E4F5D;
	float:left;
	font-size:0.8em;
	padding-top:2px;
	padding-right:5px;
}

div.menu_breadcrumb li a:hover {
	color: #000;
}
div.menu_breadcrumb li a {
	padding:0px;
	margin:0px;
	color:#d95800;
}

/***************** menu left ***************/
div#content div.menu_left a {
	color: #000;
	display:block;
	margin:0px;
	padding:7px 0px;
	line-height:16px;
}
div#content div.menu_left a:hover {
	color: #37acde;
}
div#content div.menu_left li {
	margin:2px 0px;
	/*border-top:1px solid #e6e7f3;*/
}
div#content div.menu_left li.last {
	/*border-bottom:1px solid #e6e7f3;*/
}
div#content div.menu_left div.menu_act a {
	color: #37acde;
}
div#content div.menu_left div.menu_act {
	background-color:white;
}
div#content div.menu_left div.menu_1 {
	
}
div#content div.menu_left div.menu_2 {
	padding-left:10px;
	margin-top:8px;
	margin-bottom:8px;
}
div#content div.menu_left div.menu_3 {
	padding-left:10px;
	margin-top:8px;
	margin-bottom:8px;
}


/************** menu header ***************/
div.menu_header li {
	padding:0px;
	margin:0px;
	float:left;
}
div.menu_header li a{
	color:#fff;
	font-family: Verdana,Arial,Helvetica;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
	display:block;
	padding:5px 8px;
	line-height:22px;
}
div.menu_header li a:hover {
	color: #d95800;
}
div.menu_header li div.menu_header_no a,
div.menu_header li div.menu_header_act a {
	cursor:pointer;
}

div.menu_header li div.menu_header_act,
div.menu_header li div.menu_header_actifsub {
 border-bottom: 2px solid #d95800;
}

div.menu_header li:hover div.menu_header_no a,
div.menu_header li:hover div.menu_header_ifsub a {
	color: #d95800;
	border-bottom: 2px solid #d95800;
}

/**** level 2 popup ********/
div.menu_header li ul {
	display:none;
	position:absolute;
	padding:10px 0px;
	background-color:white;
	/* box-shadow: h-shadow v-shadow blur spread color inset; */
	box-shadow: 0px 4px 4px 1px #404040;
	-ms-box-shadow: 0px 4px 4px 1px #404040;
	-moz-box-shadow: 0px 4px 4px 1px #404040;
	-webkit-box-shadow: 0px 4px 4px 1px #404040;
	z-index:1000;
	width:300px;
}

div.menu_header li ul li {
	float:none;
	margin:0px;
	background-color:white;
}

div.menu_header li ul li div.menu_sub_act a {
	color:#37acde;
}
div.menu_header li ul li div.menu_sub_act {
	background-color:white;
}
div.menu_header li ul li a {
	color:#000;
	font-size:14px;
	font-weight:normal;
	cursor:pointer;
	padding:4px 14px;
	background-color:white;
}
div.menu_header li ul li a:hover {
	color: #d95800;
}
div.menu_header li:hover ul {
	display:block;
}
div.menu_header li:hover ul li {
	background-image:none;
}

/************ menu footer ****************/
div.menu_footer li {
	float:left;
	padding-right:10px;
}
div.menu_footer li,
div.menu_footer li a {
	color:white;
}

/*********** FLEXIBLE CONTENT **************/
div.content_2column_container {
	width:730px;
	width:100%;
}
div.content_column_left {
	float:left;
	width:365px;
	padding:0px;
	padding-right:10px;
	width:50%;
}
div.content_column_right {
	float:left;
	width:365px;
	padding:0px;
	padding-left:10px;
	width:50%;
}

div.emaillogin {
	float:right;
	padding:0px;
	padding-left:10px;
	width:50%;
}


div.emailloginheader {
	float:left;
	padding-left:0px;
	padding-top:30px;
	padding-bottom:30px;
	width:100%;
	color: #0065a2;
	font-size: 16px;
	font-weight: bold;
}


/*********** fotoboek ******************/
div#content div.tx-gooffotoboek-pi1 td.gfpb_th {
	padding:10px;
}
div#content div.tx-gooffotoboek-pi1 table {
	margin-bottom:20px;
}
div#content div.tx-gooffotoboek-pi1 img {
	border:0px;
	padding:0px;
	margin:0px;
}
div#content div.tx-gooffotoboek-pi1 td.gfpb_th img {
	border:1px solid #606060;
}
/************** re_searchbar *********************/
div.tx-researchbar-pi1 input.searchinput {
	width:120px;
}

/*************** re_socialmedia *********************/
div.re_socialmedia {
	position:relative;
}

/********* social media **********/
div.socialmedia {
	margin-top:3px;
	float:right;
	padding:0px;
}
div.socialmedia div.socialitem {
	float:left;
	text-align:right;
	width:70px;
}
div#content div.socialmedia div.socialitem img {
	box-shadow:none;
	-ms-box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}

/************ RESPONSIVE CSS ***************/
/*
@media all and (max-width: 1050px) {
	body,html {
		min-width:320px;
	}
	div#container {
		width:100%;
	}
	div#header_menu {
		width:100%;
	}
	div#content_left,
	div#content_menu {
		width:22%;
	}
	div#content_main {
		width:78%;
	}
	div#content_main img {
		width:100%;
		height:auto;
	}
	div#content_main div.socialitem img {
		width:auto;
	}
	div#footer_left {
		width:100%;
	}
	div#header_top_left {
		width:100%;
	}
	div#header_top_right{
		width:0px;
	}
	div#footer_right {
		width:0px;
	}
}
@media all and (max-width: 800px) {
	div.menu_header li a{
		font-size:12px;
		padding:5px 10px 5px 10px;
	}
	div.menu_header li ul li a {
		font-size:12px;
		padding:4px 10px;
	}
	div.menu_header li ul {
		padding:10px 0px;
		width:250px;
	}
	div#header,
	div#header_top {
		height:80px;
	}
	div#container_header_bg {
		height:112px;
	}
	div#header_top_left {
		padding-top:15px;
	}
}
@media all and (max-width: 660px) {
	div#header_top,
	div#header_menu,
	div#header,
	div#breadcrumb,
	div#content,
	div#footer {
		padding-left:5px;
		padding-right:5px;
	}
	div#content_left,
	div#content_menu {
		padding-top:10px;
	}
	div#content_main {
		padding-left:15px;
		padding-top:10px;
	}
	div#content_main img {
		width:90%;
	}
	div.menu_header li a{
		font-size:11px;
		padding:5px;
	}
	div.menu_left a {
		padding:6px 0px;
		line-height:16px;
		font-size:8pt;
	}
	div#header_top_left img {
		width:320px;
		height:auto;
	}
}
@media all and (max-width: 560px) {
	div#header_menu {
		height:64px;
	}
	div#container_header_bg {
		height:144px;
	}
}
*/
/********************* TOOLTIPS *******************/
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span { z-index:10;display:none; margin-top:24px; margin-left:-24px; width:240px; line-height:16px; text-align: left}
a.tooltip span ul { list-style-type: none; padding: 0 10px;}
a.tooltip span ul li {padding: 5px 0;}
a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #c9cbcc; background:#fff;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} /*CSS3 extras*/ 
a.tooltip span { border-radius:3px; box-shadow: 5px 5px 8px #d1d1d1; padding: 5px; }


/********************************* TABLES **************************/
table
{
  width: 100%; 
}

th
{
  background-color: #E1E1E1;
  font-weight: bold;
  padding: 10px;
  color: #5b5b5b;
  border-bottom: 1px solid  #c9cbcc;
  text-align: center;
}
td.center
{
  text-align: center;
}
td.empty
{
	border: none;
}
td {

}
.tablecontent td
{
  border-bottom: 1px dotted #c9cbcc;
}
td.actions {
	white-space: nowrap;
	width: 1%;
}
/******************************* BUTTONS and FORMS ********************************/
fieldset
{
  border: 1px solid #d0d1d7;
  margin: 10px 0px;
}

legend
{
  font-size: 13px;
  font-weight: bold;
  color: #000;
}
label {
	color: #4e4f5d;
}
select, input, textarea {
	font-family: inherit;
   	font-size: inherit;
    border: 1px solid #c9cbcc;
    border-radius: 3px;
    width: 100%;
    padding: 5px 10px;
}
textarea {
    resize: none;
}
input[type=checkbox],
input[type=radio]{
	width: auto;
}
input[type=file] {
	padding: 2px;
}
input[type=text]{
	height: 28px;
}
/* OK button */
input[type=button],
input[type=submit]
{
	color: white;
	background-color: #37ACDE;
	border: none;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 10px;
}

input[type=button]:hover,
input[type=submit]:hover
{
	background-color: #1e8bd0;
}
input[type=file] {
	padding: 2px;
}
/* not OK button */
input[type=button].secondary,
input[type=submit].secondary
{
	background-color: #4e4f5d;
}
input[type=button].secondary:hover,
input[type=submit].secondary:hover
{
	background-color: #c9cbcc;
}

input[type=button].arrow_right {
	background:url(/fileadmin/templates/images/icon_arrow_right.png) no-repeat transparent;
	border: none;
	cursor:pointer;
	width: 16px;
	height: 16px;
}
input[type=button].arrow_right:hover {
	background:url(/fileadmin/templates/images/icon_arrow_right_hover.png) no-repeat transparent;
}
input[type=button].arrow_left {
	background:url(/fileadmin/templates/images/icon_arrow_left.png) no-repeat transparent;
	border: none;
	cursor:pointer;
	width: 16px;
	height: 16px;
}
input[type=button].arrow_left:hover {
	background:url(/fileadmin/templates/images/icon_arrow_left_hover.png) no-repeat transparent;
}

.buttons a:link,
.buttons a:visited {
	border-radius: 3px;
	white-space: nowrap;
	background-color:#0077bc;
	color: white;
	font-weight: bold;
	padding: 5px 10px;
	display: block;
}
.buttons a:hover {
	background-color: #1e8bd0;
}

.buttons a.secondary:link,
.buttons a.secondary:visited {
border-radius: 3px;
background-color:#e1e1e1;
color: white;
font-weight: bold;
padding: 5px 10px;
}
#popup_box {
	display: none;
	position: absolute;
	left: 40%;
	top: 50%;
}
.inline {
	float: left;
}
.inlineRight {
	float: right;
}
	
	
/*  static links on top */
#sitetools {
	list-style: none;
	list-style-position: outside;
	padding:0px;
/*	margin:0px;	*/
	margin-top: 5px;
	float: right;
/*	background-color: #ee0000; */
	height: 20px;
}

#sitetools ul {
/*	display:inline; */
	list-style: none;
/*	list-style-position: outside; */
	padding:0px;
	margin:0px;
}

#sitetools li {
	float:left;
/*	padding: 5px; */
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
}
#sitetools li a, #sitetools li a:visited {
	text-decoration: underline;
	color: #4e4f5d;
/*	font-size:0.9em; */
	font-size: 12px;
}
#sitetools li a:hover {
	text-decoration: underline;
	color: #ff8400;
}

/**************  login *********************/
.loginPopup {
	display:none;
	position:absolute;
	padding:10px 0px;
	background-color:white;
	/* box-shadow: h-shadow v-shadow blur spread color inset; */
	box-shadow: 0px 4px 4px 1px #404040;
	-ms-box-shadow: 0px 4px 4px 1px #404040;
	-moz-box-shadow: 0px 4px 4px 1px #404040;
	-webkit-box-shadow: 0px 4px 4px 1px #404040;
	z-index:1000;	
	width:120px;
}
#showLogin, .loginPopup a {
	cursor: pointer;
	text-decoration: underline;
}
#showLogin {
	display: block;
    width: 120px;
    color: #4e4f5d;
/*	.ie10up {padding:14px 0px;} */
	padding: 0px 0px;
}

#myprofile {
	padding: 1px 0px;	
}

@-moz-document url-prefix() {
	#showLogin {
		display: block;
		width: 100px;
		color: #4e4f5d;
		padding:3px 0px;
/*	background-color: #00ee00; */
	}
	
	#myprofile {
		padding:1px 0px;	
/*		background-color: #00ee00; */
	height: 20px;
	}
}	

@supports (-webkit-appearance:none) {
	#showLogin {
	display: block;
    width: 120px;
    color: #4e4f5d;
	padding:4px 0px;
    }
	
	#myprofile {
		padding:1px 0px;	
	}
	
}

#showLogin:hover {
	color: #ff8400;
}

.loginPopup {
	padding: 10px;
	margin-top: 5px;
}
.loginPopup input {
	width: 100px;
	margin: 5px 0;
}

.tx-felogin-pi1 {
/*	font-size:0.9em; */
	font-size:12px;
}

.tx-felogin-pi1 .linkButton {
	background: none;
	color: #4e4f5d;
	text-decoration: underline;
	font-weight: normal;
	margin-top: -1px;
	padding: 0;
	width: auto;
	height: auto;
/*	font-size:0.9em; */
/*	font-size: 12px; */
}
.tx-felogin-pi1 .linkButton:hover {
	color: #ff8400;
	background: none;
	border: none;
}


#showonceloggedin {
	display: block;
    width: 200px;
    color: #4e4f5d;
	padding-top: 3px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#showonceloggedin {
	display: block;
    width: 200px;
    color: #4e4f5d;
	padding-top: 0px;
}
}

div.correct
{
  font-weight: bold;
  padding: 10px;
/*  border: 1px solid rgb(128,0,0); */
  border: 1px solid rgb(0,128,0);
  border-radius: 3px;
  margin-bottom: 10px;
  clear:both;
}

div.flashmsg
{
  font-weight: bold;
  padding: 10px;
/*  border: 1px solid rgb(128,0,0); */
  border: 1px solid rgb(64,64,64);
  border-radius: 3px;
  margin-bottom: 10px;
  clear:both;
}

.flashmsg dd.dd-2 {
	color: #000088;
}

.flashmsg dd.dd-1 {
	color: #000000;
}
.flashmsg dd.dd0 {
	color: #008800;
}
.flashmsg dd.dd1 {
	color: #A55B00;
}
.flashmsg dd.dd2 {
	color: #880000;
}



.correct dd.ddgreen {
	color: #008800;
}

.error dd.ddred {
	color: #880000;
}