/* Table of contents
	 - Reset
	 - Clearfix
	 - Typography
	 - Links
	 - Global
	 - Containers
	 	 	 	 
	 xx. Inconsistencies
-------------------------------------------------- */


/* Reset
-------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td p {
	margin: 0;	
}


/* clearfix
--------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


/* Global
-------------------------------------------------- */

html, body {
	height: 100%;
}


/* Typography
	- wysiwyg.css copies some of these styles.
	- If you change these, please change them 
	  aswell in the wysiwyg.css
-------------------------------------------------- */

body {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #4F4E4E;	
	background: #fff;
}

h1 {
	font-size: 22px;
	color: #58a618;
	margin: 0 0 6px 0;
	font-weight: normal;
	line-height: 24px;
}

	.home1of3 h1,
	.landing1of2 h1 {
		font-size: 20px;
	}

h2 {
	font-size: 16px;
	margin: 0 0 6px 0;
	font-weight: normal;
	line-height: 24px;
}

	h2.sub-head {
		font-size: 18px;
		color: #58a618;
		margin: 22px 0 18px;
	}

h3 {
	font-weight: bold;
	font-size: 12px;
}

h4 {
	font-weight: bold;
	clear: both;
	font-size: 12px;
}

	.size1of4-border-inner h3 {
		font-size: 18px;
		color: #58a618;
		font-weight: normal;
		margin: 0 0 7px 0;
	}

p {
	margin: 0 0 18px 0;
}

.intro {
	font-weight: bold;
	color: #666;
}


/* links
	- wysiwyg.css copies some of these styles.
	- If you change these, please change them 
	  aswell in the wysiwyg.css
-------------------------------------------------- */

a,
a:focus,
a:active {
	color: #0046AD;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;	
}

a.read-more {
	white-space: nowrap;
}

a.read-more span { /*ie.css + ie6.css*/
	width: 11px;
	height: 11px;
	background: url(../gfx/icon-arrow.gif) 5px 0 no-repeat;
	display: inline-block;
	position: relative;
	top: 2px;
	border-bottom: 1px solid #fff;
	padding-left: 5px;
}

a.read-more:hover span {
	border-bottom: 1px solid #fff;
}

.back-link span {  /*ie.css + ie6.css*/
	width: 11px;
	height: 11px;
	background: url(../gfx/icon-arrow.gif) -11px 0 no-repeat;
	display: inline-block;
	position: relative;
	top: 2px;
	border-bottom: 1px solid #fff;
	padding-right: 5px;
}

	.back-link-wrapper {
		margin: 36px 0 0 0;
	}

a.submit-btn {
	background: url(../gfx/button-sprite.gif) 0 0 no-repeat;
	line-height: 24px;
	display: inline-block;
	padding-left: 13px;
	text-decoration: none;
}

a.submit-btn span {
	background: url(../gfx/button-sprite.gif) 100% 0 no-repeat;
	line-height: 24px;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	padding-right: 29px;
}

.item-information {
	font-size: 11px;
	margin: 20px 0 16px;
}

.home1of3 li,
.home1of3-inner ul li,
.link-list li {
	background: url(../gfx/icon-list-arrow.gif) left 5px no-repeat;
	padding-left: 20px;
	list-style: none;
	zoom: 1; /* ie 7 */
}

	.home1of3 li p,
	.home1of3-inner ul li p,
	.link-list li p {
		margin: 0;
	}

.link-list-row {
	float: left;
	width: 207px;
	margin-right: 27px;
	display: inline;
}

.img-left {
	float: left;
	display: inline;
	margin: 9px 9px 9px 0;
}

.pic-note {
	font-size: 10px;
	display: block;
	text-align:center;
}

.mood-img {
	margin: 0 0 18px 0;	
}

img[align=left] {
	float: left;
	margin: 4px 6px 0 0;	
}

img[align=right] {
	float: right;
	margin: 4px 0 0 6px;	
}

object,
embed {
	display: block;
}

#movie {
	margin: 0 0 24px 0;
}


/* Containers
-------------------------------------------------- */

.main-container {
	margin: 0 auto;
	width: 979px;
	position: relative;
}

.header {
	height: 136px;
	width: 979px;
	background: url(../gfx/bg-sprite.gif) 0 0 no-repeat; 
	position: relative;
}

.content-container {
	width: 943px;
	background: url(../gfx/bg-sprite.gif) -979px 0 repeat-y;
	padding: 36px 0 18px 36px;
	position: relative;
}

.size3of3 {
	width: 900px;
	height: 246px;
	margin: 0 0 27px;
}

	.brandbox {
		width: 900px; 
		height: 246px;
	}

.size1of4,
.size2of4,
.size3of4,
.size1of4-last {
	float: left;
	display: inline;
}

.size1of4 {
	width: 189px;
}

.size1of4-last {
	margin-left: 27px;
	width: 189px;
}

.next3of4 {
	margin-top: 0;
}

.size2of4 {
	margin: 0 0 0 27px;
	width: 468px;
}

.col-container .size2of4 {
	margin-top: 0;
	overflow: hidden;
}

.size3of4 {
	margin: 0 27px 0 0;
	width: 684px;
}

.size3of4-last {
	margin: 0 0 0 27px;
}

	.size1of4-border:last-child {
		margin: 0 0 0 24px;
	}

.border-bigtop {
	background-position: -564px 0;
	padding-top: 0;
}

.size1of4-border-top {
	height: 80px;
	margin: 0;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding: 9px;
	position: relative;
}

.size1of4-border-top img {
	position: absolute;
	left: 9px;
	top: 9px;
}

	.size1of4 {
		float: left;
		display: inline;
		width: 194px;
	}

	.size1of4-grey-line {
		padding-top: 11px;
		margin: 0 27px 27px 27px;
		background: url(../gfx/bg-border-boxes_grey.gif) 0 0 no-repeat;
		padding: 10px 0 0 0;
		width: 194px;
		float: left;
		display: inline;
	}

		.size1of4-testimonial-grey-line {
			padding-top: 11px;
			background: url(../gfx/bg-border-boxes_grey.gif) 0 0 no-repeat;
			padding: 10px 0 0 0;
		}
		
	.size1of4-grey-line-inner,
	.size1of4-testimonial-grey-line-inner {
		background: url(../gfx/bg-border-boxes_grey.gif) -194px 100% no-repeat;
		padding: 0 10px 10px;
		font-size: 11px;
		width: 174px;
	}
	
	.size1of4-grey-line-inner h4,
	.size1of4-testimonial-grey-line-inner h4 {
		color: #58A618;
		font-size: 17px;
		margin: 0 0 6px 0;
		font-weight: normal;
	}

.size2of3 {
	width: 469px;
	margin: 0 0 0 27px;
	background: #eef;
}

.border-bigtop .size1of4-border-inner {
	padding: 11px 12px 19px;
}

.landing1of2 {
	width: 329px;
	margin: 0 26px 24px 0;
	background: url(../gfx/bg-border-boxes.gif) -1146px 0 no-repeat;
	padding: 10px 0 0;
}


	/* home
	---------------------------------------------- */

	.home1of3 {
		width: 282px;
		margin: 0 27px 27px 0;
		background: url(../gfx/bg-border-boxes.gif) 0 0 no-repeat;
		padding: 10px 0 0 0;
	}
	
	.home1of3-inner {
		background: url(../gfx/bg-border-boxes.gif) -282px 100% no-repeat;
		padding: 0 10px 10px;
	}
	
	.home1of3-last {
		margin-right: 0;
	}


	/* landing
	---------------------------------------------- */

	.landing1of2-inner {
		background: url(../gfx/bg-border-boxes.gif) -1475px 100% no-repeat;
		padding: 0 10px 10px;
	}
	
	.landing1of2-last {
		margin: 0 0 24px 0;
	}


/* Header elements
-------------------------------------------------- */

.logo {
	position: absolute;
	top: 33px;
	left: 36px;
}

.logo a {
	position: relative;
	top: -5px;
	margin: 0 9px 0 0;
}

	.logo a.slash-corporate {
		top: 0;
	}	

.site-wide-header {
	height: 44px;
	position: relative;
}

.site-wide {
	position: absolute;
	right: 6px;
	top: 10px;
}

.site-wide li {
	float: left;
	height: 24px;
}

.site-wide li.flag a {
	display: block;
	width: 17px;
	height: 13px;
	background-image: url(../gfx/icons-sprite.gif);
	margin: 0 0 0 9px;
	position: relative;
	top: 7px;
}

.site-wide li.chooselang {
	font-size: 11px;
	margin: 4px 0 0 0;	
}
.site-wide .nl a {
	background-position: 0 0;
}

.site-wide .en a {
	background-position: -17px 0;
}

.site-wide .search {
	background: url(../gfx/bg-search.gif) no-repeat;
	width: 206px;
	margin: 0;
}

.site-wide .search input {
	font: normal 12px Verdana, sans-serif;
	width: 174px;
	color: #4f4e4e;
	position: relative;
	top: 3px;
	border: none;
	left: 9px;
	float: left;
	height: 18px;
	line-height: 18px;
}

	.site-wide .search input.magnifier {
		cursor: pointer;
		float: left;
		height: 15px;
		width: 15px;
		position: relative;
		top: 6px;
		background: #fff url(../gfx/magnifier.gif) no-repeat;
	}

.site-wide .last-child {
	width: auto;
	margin: 0 0 0 9px;
	position: relative;
}


/* Breadcrumb
-------------------------------------------------- */

.breadcrumb {
	left: 252px;
	width: 469px;
	color: #4F4E4E;
	overflow: hidden;
}

.breadcrumb li {
	display: inline;
	font-size: 11px;
}

.breadcrumb li a {
	margin-right: 3px;
	color: #4F4E4E;
}


/* Left hand navigation
-------------------------------------------------- */

.left-hand-nav {
	width: 189px;
	float: none;
	display: block;
}

.left-hand-nav a {
	font-size: 14px;
}

.left-hand-nav li {
	margin: 0 0 9px 0;
}

.left-hand-nav li ul {
	display: none;
}

.left-hand-nav li.selected ul /* ie.css */{
	display: block;
	margin: 10px 0 10px 30px;
}

.left-hand-nav a:hover,
.left-hand-nav li.selected > a { /*ie6.css*/
	color: #58a618;
}


/* Navigation Dutch
-------------------------------------------------- */

.left-top-nav-nl,
.left-top-nav-en,
.right-top-nav-nl,
.right-top-nav-en {
	top: 79px;
	position: absolute;
}

.left-top-nav-nl,
.left-top-nav-en {
	left: 37px;
}

.right-top-nav-nl,
.right-top-nav-en {
	right: 89px;
}

.left-top-nav-nl li,
.left-top-nav-en li,
.right-top-nav-nl li,
.right-top-nav-en li {
	display: inline;
	margin-right: 15px;
}

.left-top-nav li a,
.right-top-nav li a {
	background-image: url(../gfx/nav-sprite-nl.gif);
	display: inline-block;
	height: 16px;
}

.left-top-nav-nl li a,
.right-top-nav-nl li a {
	background-image: url(../gfx/nav-sprite-nl.gif);
	display: inline-block;
	height: 16px;
}

.left-top-nav-en li a,
.right-top-nav-en li a {
	background-image: url(../gfx/nav-sprite-en.gif);
	display: inline-block;
	height: 16px;
}

.home a {
	background-position: 0 0;
	width: 41px;	 
}

.home a:hover,
.home.selected a { /* ie6.css */
	background-position: 0 -16px;
}

.organisation a {
	background-position: -59px 0;
	width: 90px;	 
}

.organisation a:hover,
.organisation.selected a { /* ie6.css */
	background-position: -59px -16px;
}

.left-top-nav-en .organisation a {
    width: 68px;
}

.mvo a {
	background-position: -162px 0;
	width: 34px;
}

.mvo a:hover,
.mvo.selected a { /* ie6.css */
	background-position: -162px -16px;
}

.press-media a {
	background-position: -215px 0;
	width: 97px;
}

.press-media a:hover,
.press-media.selected a { /* ie6.css */
	background-position: -215px -16px;
}

.contact a {
	background-position: -331px 0;
	width: 56px;
}

.contact a:hover,
.contact.selected a { /* ie6.css */
	background-position: -331px -16px;
}

.vacancies-nl a {
	background-position: -406px 0;
	width: 72px;
}

.vacancies-en a {
	background-position: -406px 0;
	width: 130px;
}

.vacancies-nl a:hover,
.vacancies-nl.selected a { /* ie6.css */
	background-position: -406px -16px;
}

.vacancies-en a:hover,
.vacancies-en.selected a { /* ie6.css */
	background-position: -406px -16px;
}

.vliegtickets-nl a {
	background-position: -497px 0;
	width: 83px;
}

.vliegtickets-en a {
	background-position: -540px 0;
	width: 150px; 
}

.vliegtickets-nl a:hover,
.vliegtickets-nl.selected a { /* ie6.css */
	background-position: -497px -16px;
}

.vliegtickets-en a:hover,
.vliegtickets-en.selected a { /* ie6.css */
	background-position: -540px -16px;
}

/*.q-a a {
	background-position: -618px 0;
	width: 149px;
}

.q-a a:hover,
.q-a.selected a { /* ie6.css 
	background-position: -618px -16px;
}*/


/* home block content
-------------------------------------------------- */

.col-container {
	float: left;
}

.home1of3 p.date {
	clear: both;
	font-size: 11px;
	margin-bottom: 3px;
}

.home1of3 .read-more,
.landing1of2 .read-more {
	float: right;
	margin-bottom: 12px;
	clear: both;
}

.home1of3 .last-read-more,
.landing1of2 .last-read-more { /* ie.css */
	margin-bottom: 0;
}

.home1of3 p img,
.landing1of2 p img {
	margin: 11px 0 2px;
}

.home1of3 .read-more:last-child {
	margin-bottom: 0;
}

.faq {
	border: 1px solid #dbdbdb;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #f5f5f5;
	margin-bottom: 17px;	
}

.faq li a { /* ie.css */
	display: block;
	padding: 7px 0 7px 24px;
	background: url(../gfx/bg-faq-divider.gif) top center no-repeat;
	position: relative;
}

.faq li:first-child a {
	background-image: none;
}

.faq li a:hover {
	color: #0046ad;
	text-decoration: none;
	background-color: #fff;
}

.faq li a span { /* ie.css + ie6.css */
	display: block;
	position: absolute;
	left: 9px;
	top: 12px;
	width: 10px;
	height: 9px;
	background: url(../gfx/icon-list-arrow.gif) 0 0 no-repeat;
}

.faq li:first-child a:hover {
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius:  6px 6px 0 0;
}

.faq li:last-child a:hover  {
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}


/* press releases
-------------------------------------------------- */

.result-table {
	border-collapse: collapse;
}

	.result-table h3 {
		margin: 0 0 6px 0;
		font-weight: normal;
	}
	
	.result-table tr.result-table-first-item h3 {
		font-weight: bold;
	}
	
	.result-table-intro p {
		margin: 0 0 9px 0;
	}

	.result-table td table {
		width: 100%;	
	}
	
	.result-table td table td {
		padding: 0;	
	}
	
	.result-table td {
		padding-bottom: 0;
		vertical-align: top;
	}
	
	.result-table td.first-child {
		font-size: 11px;
		width: 72px;
	}
	
	.result-table td.date {
		font-size: 11px;
		text-align: right;
		width: 130px;
		color: #4f4e4e;
	} 

.paging {
	text-align: center;
	margin: 14px 0 0;
}

.paging li {
	display: inline;
	border-left: 1px solid #4f4e4e;
}

.paging li a {
	padding: 0 3px 0 6px;
}

.paging .selected a {
	font-weight: bold;
	color: #4f4e4e;
}

.paging li:first-child {
	border-left: none;
}

.paging li:nth-child(2) {
	border-left: none;
}


/* search
-------------------------------------------------- */

.search label,
.search .label {
	display: block;
	font-weight: bold;
}

.search .label {
	margin: 5px 0 4px;
}

.search input {
	width: 168px;
}

.search input,
.search select {
	font-size: 11px;
}

.search .radio {
	font-weight: normal;
	font-size: 11px;
}

.search .radio input {
	width: auto;
	height: auto;
}

.search select {
	width: 42px;
	margin-right: 5px;
}

.search select.medium {
	width: 57px;
}

.search .submit-btn {
	margin-top: 18px;
	float: right;
	margin-right: 6px;
	display: inline;
}

.search-result { /* ie.css */
	padding-left: 28px;
}

.result-overview {
	border-collapse: collapse;
	border-bottom: 1px solid #bcbaba;
	width: 100%;
	margin: 22px 0 10px;
}

.result-overview tr td:first-child {
	width: 180px;
}

.spacer-row td {
	height: 14px;
}


/* Financial table 
-------------------------------------------------- */

.fin-table {
	border-collapse: collapse;
	width: 100%;
	font-size: 11px;
	margin-bottom: 27px;
}

.fin-table th,
.fin-table td {
	vertical-align: top;
	text-align: right;
	padding: 3px;
}

.fin-table .first-child {
	text-align: left;
}

.fin-table th {
	font-weight: bold;
}

.fin-table td {
	background: #eee;
	border-left: 2px solid #fff;
	border-bottom: 1px solid #fff;
}

.fin-table td.first-child {
	background: none;
}

.fin-table .sub-total-row td.sum {
	border-top: 2px solid #666;
}

.fin-table .total-row td {
	background: none;
}

.fin-table .total-row td.first-child {
	font-weight: bold;
}

.fin-table .total-row td.sum {
	font-weight: bold;
	border-top: 2px solid #666;
}

.fin-table .spacer-row {
	height: 27px;
}


/* Raster table
--------------------------------------------------- */

.raster-rtable {
	border-collapse: collapse;
	width: 100%;
	font-size: 11px;
	margin-bottom: 27px;
}

.raster-table th, 
.raster-table td {
	padding:3px;
	text-align:right;
	vertical-align:top;
}

.raster-table td {
	border: 1px solid #BDBDBD;
}

.raster-table th {
	font-weight: bold;
}

/* Testimonials
--------------------------------------------------- */
.testimonials {
	position: relative;
	width: 184px;
	float: left;
	display: inline;
	margin: 0 27px 27px;
}

.testimonials-list {
	position: relative;
	width: 194px;
}

.testimonials-list li {
	display: block;
	float: none;
	width: 194px;
	overflow: hidden;
}

	.testimonials-list li img.testimonial-image {
		width: 174px;
		height: 95px;
		margin: 35px 0 0 0;
	}

	.testimonials-list .without-image h4 {
		padding: 35px 0 0 0;
	}
	
	.single-testimonial h4 {
		padding: 0 !important;
	}
	
.testimonials .left-arrow,
.testimonials .right-arrow {
	position: absolute;
	width: 27px;
	height: 27px;
	top: 10px;
	z-index: 500;	
	cursor: pointer;
}

	.testimonials .left-arrow {
		background: url(../gfx/left-arrow.gif) no-repeat;
		left: 6px;
	}

	.testimonials .right-arrow {
		background: url(../gfx/right-arrow.gif) no-repeat;
		right: -4px;
	}


.image-box {
	float: left;
	display: inline;
	width: 194px;
	overflow: hidden;	
	margin: 0 0 0 27px;
}	


/* Footer elements
-------------------------------------------------- */

.footer {
	clear: both;
	width: 979px;
	background: url(../gfx/bg-sprite.gif) -1958px 0 no-repeat;
	text-align: center;
	padding: 8px 0 20px;
}

.footer a {
	border-right: 1px solid #666;
	padding: 0 11px 0 0;
	margin: 0 11px 0 0;
}

.footer a,
.footer span {
	font: normal 11px Verdana, sans-serif;
	color: #666;
}


/* css van klant
------------------------------------------ */

ul.nobull li {
    list-style-type: none;
    background-image: url(http://vacatures.transavia.com/vacatures/vactra_setup.nsf/WEB.Files/dunpijltje.png/$FILE/dunpijltje.png);
    color: #4F4E4E;
    background-position: 0 6px;
    background-repeat: no-repeat;
    margin-left: 0;
    padding-left: 18px;
}
 

ul.blue li {
    list-style-type: none;
    background-image: url(http://www.transavia.com/hv/dom/images/blauwebol.png);
    color: #4F4E4E;
    background-position: 0 8px;
    background-repeat: no-repeat;
    margin-left: 0;
    padding-left: 14px;
	font-size: 11px;
}