/* text and font styling */


.footer-page p, 
.footer-page a,
aside a, 
.footer-page h1, 
.footer-page h2, 
.footer-page h3, 
.footer-page h4, 
.footer-page h5, 
.footer-page strong, 
.footer-page li {
	color:#333333; /* font color for all text except aside */
	font-family: helvetica, arial, sans-serif;
	font-weight: 300;
}


.footer-page p { /*pages with a lot of text to justify */
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	font-size: 15px;
}

.footer-page a {
	font-size: 15px;
}

.footer-page h1 {
	margin-top: 8px;
	font-weight: 100;
	font-size: 24px;
	margin-bottom: 5px;
}

.footer-page h2 {
	margin-bottom: 6px;
	font-weight: 100;
	font-size: 20px;
}

.footer-page h3 {
	font-weight: 500;
	font-size: 18px;
	margin: 8px 0 3px;
}

.footer-page h4 {
	padding:;
	font-weight: 500 !important;
	font-size: 16px !important;
	margin: 8px 0 3px;
}
    
/* grey or white background + fields */

body, #main-container  {
	background-color: !important;
}



/* Positioning and sizing */

.header-main {
	position: fixed !important; /* sticked eader/logo etc */
	box-shadow: 0 0 1px 0 rgba(25, 25, 25, 0.55);
}

.header-contact p {
	margin-top: -3px;
	font-family: helvetica, sans-serif, arial !important;
}

.header-contact .phone-number {
	margin-top: 5px !important; 
}
.search-toggle {
	border-right: none !important;
	border-left: none !important;
}

#main-container {
	padding: 60px 48px 0 !important;
	margin-top: 40px !important;
	position: relative; /* adding space to the top and sides (important when under 980px to have white space) */
}

.content-container {
	max-width: 980px;
	width: 100%;
}

.navigation-aside #main-content.container-fluid, .leftSidebar #main-content.container-fluid {
	max-width: 980px;
	float:none;
	width: 100%;
}

#main-content.container-fluid {
	max-width: 980px;
}


.footer-page { /* specifies the content in the footer pages (& not sidebar nav) */
	width: 664px;
	max-width: 100%; /* sets the website responsive/fluid when there's no more room for 670px width (980 minus aside, which is 250px )*/
	min-height: 600px;
	margin: 0 auto 45px;
	position: relative;
	float: right;
}

.wrap {
	background-color: white; /* make space around email sign up white */
}

.mailinglist {
	margin-top: 10px; /* move white space to mail content */
}

/* aside menu */ 

aside {
	float: left;
	margin: 0;
	width: 200px;
}


aside a { 
	color:#333;
	display: block;
	padding: 10px 10px 0 0 !important;
	text-decoration: none;
	height: 32px;
	font-size: 15px;
}

aside ul ul li a {
	font-size: 14px;
	display: inline;
}

aside a:hover { 
	color:#999;
	font-weight: 200 !important;
}

aside a.herenow {
	font-weight: 900 !important;
		color: #333!important;
}

nav select {
      display: none; /* the dropdown(select) menu hidden. It's called upon by javascript */
      width: 150px;
}


.jobs nav ul li a {
	display: inline-block !important;
}

.jobs nav ul li {
		padding-left: 20px;
	background: url(https://travelbird.nl/media/travelbird/img/arrow.png) no-repeat 0 15px;
}


li.yellowbuttonsmall {
background: #fec64c !important;
height: 70px;
padding:0 !important;
border-bottom: 2px solid rgba(0,0,0,.1);
width: 220px;
}

li.yellowbuttonsmall a {
	color:rgb(50,50,50);
	padding:10px 20px !important;
	font:15px !important;
	width: 100%;

}

li.yellowbuttonsmall a:hover {
	font-weight: 700 !important;
}
li.yellowbuttonsmall:hover {
	background: #feb511 !important;
	font-weight: 700;
}


/* columns */

.footer-page .column {
	width: 50%;
}

.footer-page .column325 {
	width: 325px;
}
.footer-page .columnleft {
	width: 330px;
	float: left;
}
.footer-page .columnright {
	width: 330px;
	float: right;
}

.footer-page .left {
	padding-right:20px;
	float: left;
	clear: left; 
}

.footer-page .right {
	padding-left: 20px;
	float: right;
	clear: right;
}

.footer-page .tightright {
	float:right;
	clear: right;
	padding-left: 0px;
}

.footer-page .tightleft {
	float:left;
	clear: left;
	padding-right: 0px;
}

.row {
	width: 100%;
	clear: both;
}

/* equal spacing in rows, columns and columns with images */

.footer-page .column h3, .footer-page .row h3 {
	margin-top: 0;
}

.footer-page .column, .footer-page .row {
	padding-top: 8px;
	margin-bottom: 28px;
}

.career-page .column p, .career-page .row p {
	margin-bottom: 0;
}


/* white content bar with icons to be defined by another class (address etc.) */

.footer-page .contactbox {
	width: 100%;
	background-color:white;
	margin-bottom:15px;
	line-height: 46px;
	padding-left: 20px;
	border-radius: 4px;
}

.footer-page .contactbox p {
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 0;
	line-height: 1.3em;
}

.footer-page .contactbox a {
	text-decoration: none;
	font-size: 15px;
}

/* contactbox icons added and spacing */
 

.footer-page .contactbox.adress {
	background: white url(../../img/staticpages/place.png) no-repeat 0% 5px;
	background-size: 18px 20px; 
	padding-left:28px !important; 
}

.footer-page .contactbox.phone {
	background: white url(../../img/staticpages/call.png) no-repeat 0% 5px;
	background-size: 18px 20px; 
	padding-left:28px !important;
}
.footer-page .contactbox.email {
	background: white url(../../img/staticpages/email.png) no-repeat 0% 5px;
	background-size: 18px 20px; 
	padding-left:28px !important;
	margin-bottom: 34px;
}






/* --------------------------------------------------------------------------------------
+
+                                    About Page
+
-------------------------------------------------------------------------------------- */  


.grid {
	text-align: center !important;
	margin: 0 auto;
}

.about-page {
	min-height: inherit !important;
}

#employees {
	clear: both;
	max-width: 2000px;
	padding: 0 100px;
	margin: 0 auto;

}

.pe-thumbs li {
	display: inline-block;
	padding: 0px !important;
	vertical-align: top;
	border-radius: 0px !important;
	border: none !important;
	max-width: 100%;
	width: 150px !important;
	margin: 2px -5px -24px 0px !important;
	background: transparent !important;
	
}

.pe-thumbs li:nth-child(6n) { /* each 5th(the last to right) has no margin to align it with the other content */
	/* margin-right:0 !important; */
}

.smallname {
	font-weight: 900;
	margin: 0 !important;
	font-size: 14px;
	top: -25px;
	text-transform: capitalize;
	position: relative;
	text-align: center;
	color: white;
	text-shadow: 0px 0px 3px rgba(0,0,0,.8);
}

.pe-thumbs li a img {
	width: 150px;
	opacity: 0.8 !important;

	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;

}

.pe-thumbs li a img:hover {
	-webkit-box-shadow: none !important; 
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	opacity: 1 !important;
	z-index: 5 !important;
}

.pe-thumbs:hover li a img {
	opacity: 0.8;
	z-index: 0;
}

/* employees text */
#employees h3,
#employees p,
#employees strong {
	color:#333333; /* font color for all text except aside */
	font-family: helvetica;
	font-weight: 100;
}

#employees strong {
	font-weight: 500;
}

.pe-thumbs li a div.pe-description {
	width: 440px;
	z-index: 5 !important;
}


/* --------------------------------------------------------------------------------------
+
+                                  Magazine Page
+
-------------------------------------------------------------------------------------- */  

.magazine-page .columnleft {
	width: 203px;
	margin-top: 20px;
}

.magazine-page .columnright {
	width: 420px;
	margin-top: 20px;
}

.magazine-page .columnright img {
	width: 100px;
	height: auto;
}

.magazine-thumb {
	position: relative;
	display: inline-block;
}

.magazine-thumb img {
	opacity: 0.8;
	z-index: -1;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width:100%;
}

.magazine-thumb .zoom-icon {
	opacity:;
	position: absolute;
	left: 0;
	top:0;
	z-index: 1;
	opacity: 0;
	top:50%; /* centering the zoom icon */
	margin-top:-25px;
	left:50%;
	margin-left:-25px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.magazine-thumb:hover .zoom-icon {
	opacity:1;
}

.magazine-thumb:hover img {
	opacity: 1;
}




/* --------------------------------------------------------------------------------------
+
+                              Terms and Condition page
+
-------------------------------------------------------------------------------------- */ 

.terms-conditions h3 {
	margin-top: 20px;
}

.terms-conditions li {
	font-size:14px;
}





/* --------------------------------------------------------------------------------------
*
+                               Privacy Statement page
+
-------------------------------------------------------------------------------------- */ 

/* none. Global styles apply */




/* --------------------------------------------------------------------------------------
+
+                                      FAQ page
+
-------------------------------------------------------------------------------------- */ 

.faq h4 {
	background: url(../../img/staticpages/list-arrow.png) no-repeat;
	background-position: 0 6px;
	padding-left: 15px;
}




/* --------------------------------------------------------------------------------------
+
+                                  Career/Job page
+
-------------------------------------------------------------------------------------- */ 

.career-page iframe {
	width: auto !important;
	display: block;
}

.career-page .columnleft {
	padding-right: 5px;
}

.career-page .columnright {
	padding-left: 5px;
}

.career-page section {
	clear: both;
	padding-top: 20px;
}

/* the varius job description pages */
.jobdescription-page li {
	list-style: outside;
	list-style-type: circle;
	font-size: 15px;
}


/* careers page only menu */
ul#menu-careers,
ul#menu-careers li,
ul#menu-careers ul {
	margin: 0;
	list-style: none;
	display: block;
}

ul#menu-careers li {
	float: left;
	position: relative;
	width: 100%;
}

ul#menu-careers li.iehover {
	z-index: 1000; /* IE z-index bugfix */
}

ul#menu-careers ul {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 9999;
	width: 250px;
	background: #fff;
}

/* Root Menu */
ul#menu-careers a {
	/*display: block;*/
	height: 1%;
}

ul#menu-careers li ul {
	top: -1px;
}

/* 2nd Menu */
ul#menu-careers li:hover li a,
ul#menu-careers li.iehover li a {
	float: none;
}

/* Hover Function - Do Not Move */
ul#menu-careers li:hover ul ul,
ul#menu-careers li:hover ul ul ul,
ul#menu-careers li.iehover ul ul,
ul#menu-careers li.iehover ul ul ul {
	display: none;
}

ul#menu-careers li:hover ul,
ul#menu-careers ul li:hover ul,
ul#menu-careers ul ul li:hover ul,
ul#menu-careers li.iehover ul,
ul#menu-careers ul li.iehover ul,
ul#menu-careers ul ul li.iehover ul {
	display: block;
}



/* --------------------------------------------------------------------------------------
+
+                                   Payment page
+
-------------------------------------------------------------------------------------- */ 

.payments .paymenticon {
	background-color: #f1f1f1;
	width: 24%;
	float:left;
	display: inline-block;
	text-align: center;
	margin: 6px 1% 6px 0;
	box-shadow: 0 2px rgba(0,0,0,.1); 
}

.payments .paymenticon:last-child {
	margin-right: 0 !important;
}

.paymenticon img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}


/* --------------------------------------------------------------------------------------
+
+                                      Press Page
+
-------------------------------------------------------------------------------------- */ 

.press-page .columnleft {
	background-image: none!important;
}


/* press downloads page */

.downloadbox {
	background: #F1F1F1 url(../../uploads/images/14/08/18/download-icon-before_1.png) no-repeat; 
	background-position: right 15px center;
	background-size: 50px 50px;
	width: 330px !important;
	height: 80px;
	display: inline-block;
	line-height: 80px;
	box-shadow:  0 2px rgba(0,0,0,.1);
	margin-bottom:10px;
	padding: 0 20px !important;
	text-align:;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.downloadbox img {
	vertical-align: middle;
	height: 60px; /* retina ready + new images won't expand the proper size */
	width: auto; /* scaling proportionally */
	max-width: 100%; /* responsive scaling */
	max-height: 100%;
}


.downloadbox:hover {
	display: block;
	background-image: url(../../uploads/images/14/08/15/download-icon.png);
	background-size: 50px 50px;
} 

.downloadbox a {
	text-decoration: none;
}


/* publications page */
.publications-page li {
	background: url(../../img/staticpages/list-arrow.png) no-repeat;
	background-position: 0 9px;
	padding-left: 16px;
}

.publications-page h3 {
	font-size: 15px;
	color: #
}

.publications-page a {
	text-decoration: none;
	padding-left: 10px;
	font-size: 0.9em;
	font-weight: 400;
	text-align: center;
}

.publications-page a:hover {
	opacity: 0.6;
	text-decoration:
}

.publications-page .question {
	padding-bottom: 0 0 3px;
}





/* --------------------------------------------------------------------------------------
+
+                                      Contact Page
+
-------------------------------------------------------------------------------------- */  

.contact-page .columnright { /* cover map background to right column */
	width: 325px;
	float: right;
}

.contact-page .routemethods {
margin-left:6px;
cursor: pointer;
}

.description2, .description3 {
	display: none; /* show by javascript */
}

.contact-page h2.routedescription {
	display: inline-block;
	vertical-align: middle;
}

img.routemethods {
	width: 32px;
	vertical-align: middle;
	display: inline-block;
}

img.routemethods:hover {
	opacity: 0.7;
}



/* --------------------------------------------------------------------------------------
+
+                             Media Queries / Responsive
+
-------------------------------------------------------------------------------------- */  
				
@media screen and (max-width: 1024px){

	aside {
		position: absolute !important;
		right:50%;
		margin-right: -335px;
		top:40px;
	}

	nav ul { 
		display: none !important; 
	}

	nav select { 
		display: inline-block; 
		float: right; 
		clear: both; 
	}

	.footer-page {
		float: none;
	}

	/* employees page */
	#employees {
		padding: 0 48px;
	}

	section.pe-container {
		max-width: 670px;
	}

	.pe-thumbs li {
		width: 25% !important;
	}


	.pe-thumbs li a img {
		margin: 0 auto;
		width:100%;
	}

	.pe-thumbs li a div.pe-description {
	width: 350px;
}

}

@media screen and (max-width: 768px) {


	aside {
		right:48px !important;
		margin: 0 !important;
	}

	nav select { 
		display: inline-block; 
		float: right; 
		clear: both; 
	}

	.column, .columnleft, .columnright, .column325  {
		width: 100% !important; 
		padding: 0 !important;
	}

	/* magazine page */
		.magazine-page .columnleft {
			text-align: center;
		}
		.magazine-page .columnright {
			text-align: center;
			margin-top: 10px
		}

	/* payments page */ 
		.paymenticon {
			width:49% !important; 
			margin:1% 0 1% 0 !important;
		}

		.paymenticon:nth-child(even) {
			float: right;
		}

		.paymenticon img {
			max-height:90px; 
		}


	/* pers page */ 
		.downloads-page .columnright, .downloads-page .columnleft {
			padding-left: 20px !important;

		}
}

@media screen and (max-width: 580px) {
	.header-contact{
		display: none;
	}

}