/* Page layout
/*----------------------------------------------------------------------------*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,label {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	font: normal normal 11px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #787878;
	background-color: #f1f2ec;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

ul,li,ol,dl {
	list-style-type: none;
}

fieldset {
	border: solid 0 transparent;
}

fieldset legend {
	display: none;
}



/* Page layout
/*----------------------------------------------------------------------------*/

/*	Footer Settings
		Adjust the footer height together with
		#main-container top margin
		#main-container	backgrond position
		.container top padding
*/

#main-container {
	margin: -110px auto 0 auto;
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #fff url(/img/bg/bg_site.jpg) 0 110px no-repeat;
}

.container {
	padding: 110px 0 0 0;
}

.header {
	width: 1000px;
	height: 315px;
	position: relative;
}

.footer {
	margin: 0 auto;
	width: 1000px;
	height: 110px;
	background: url(/img/bg/bg_footer.jpg) 0 0 no-repeat;
	position: relative;
}


/* Header
/*----------------------------------------------------------------------------*/
.header #home {
	width: 252px;
	height: 64px;
	position: absolute;
	top: 83px;
	right: 36px;
	background: url(/img/img_logo.gif) 0 0 no-repeat;
	display: block;
}

.header h1 {
	display: none;
}

/* Header Login
/*----------------------------------------------------------------------------*/

.header .login {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
}

.header .login a {
	width: 118px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/nav/b_n0_inloggen.gif) 0 0 no-repeat;
}

.header .login.loggedin a {
	background: url(/img/nav/b_n0_uitloggen.gif) 0 0 no-repeat !important;
}
	
/* Header & Footer Navigation
/*----------------------------------------------------------------------------*/
.header .navigation {
	position: absolute;
	top: 211px;
	left: 241px;
}

.header .sub-navigation {
	position: absolute;
	top: 197px;
	left: 715px;
}

.header ul li {
	float: left;
	display: inline;
}

/* Header Navigation
/*----------------------------------------------------------------------------*/

.header .navigation ul li,
.header .navigation ul li a,
.header .sub-navigation ul li,
.header .sub-navigation ul li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
	
.header .navigation li#overmambo,
.header .navigation li#overmambo a {
	margin: 0 15px 0 0;
	width: 73px;
	height: 12px;
	background: url(/img/nav/img_elements.gif) 0 -14px no-repeat;
}

.header .navigation li#reisinformatie,
.header .navigation li#reisinformatie a {
	margin: 0 15px 0 0;
	width: 91px;
	height: 12px;
	background: url(/img/nav/img_elements.gif) -88px -14px no-repeat;
}

.header .navigation li#brochurenieuwsbrief,
.header .navigation li#brochurenieuwsbrief a {
	margin: 0 14px 0 0;
	width: 149px;
	height: 12px;
	background: url(/img/nav/img_elements.gif) -194px -14px no-repeat;
}

.header .navigation li#mamboactueel,
.header .navigation li#mamboactueel a {
	width: 95px;
	height: 12px;
	background: url(/img/nav/img_elements.gif) -357px -14px no-repeat;
}

/* -- */

.header .sub-navigation li#duurzaamreizen,
.header .sub-navigation li#duurzaamreizen a {
	margin: 0 13px 6px 0;
	width: 89px;
	height: 10px;
	background: url(/img/nav/img_elements.gif) -474px 0 no-repeat;
}

.header .sub-navigation li#groepsreizenopmaat,
.header .sub-navigation li#groepsreizenopmaat a {
	margin: 0 0 6px 0;
	width: 116px;
	height: 10px;
	background: url(/img/nav/img_elements.gif) -576px 0 no-repeat;
}

.header .sub-navigation li#mambopartners,
.header .sub-navigation li#mambopartners a {
	margin: 0 13px 0 0;
	width: 88px;
	height: 10px;
	background: url(/img/nav/img_elements.gif) -474px -16px no-repeat;
}

.header .sub-navigation li#leeftijdsgroepen,
.header .sub-navigation li#leeftijdsgroepen a {
	margin: 0 15px 0 0;
	width: 94px;
	height: 10px;
	background: url(/img/nav/img_elements.gif) -576px -16px no-repeat;
}

.header .sub-navigation li#contact,
.header .sub-navigation li#contact a {
	width: 43px;
	height: 10px;
	background: url(/img/nav/img_elements.gif) -685px -16px no-repeat;
}


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

.footer .content {
	padding: 55px 30px 0;
}

.footer ul {
	clear: both;
}

.footer ul li,
.footer ul li a {
	font-size: 10px;
	text-decoration: none;
	float: left;
	display: inline;
}

.footer ul.navigation li {
	margin: 0 10px 0 0;
	color: #b34417;
	text-transform: uppercase;
}

.footer ul.sub-navigation li {
	margin: 5px 10px 0 0;
	color: #684c36;
}

.footer ul li a:hover {
	text-decoration: underline;
}

.footer ul.navigation a {
	color: #b34417;
}

.footer ul.sub-navigation a {
	color: #684c36;
}

.footer ul li.sitecopy {
	margin: 0;
	width: 240px;
	text-align: left;
	float: right;
}

.footer ul li.sitecopy a {
	margin: 0 10px 0 0;
	float: left;
	display: inline;
}

.footer ul.logos {
	position: absolute;
	top: 55px;
	left: 550px;
}

.footer ul.logos li,
.footer ul.logos li a {
	margin: 0 10px 0 0;
	width: 34px;
	height: 31px;
}

.footer ul.logos li {
	text-indent: -9999px;
}

.footer ul.logos li.anvr {
	background: url(/img/img_logo_anvr.gif) 0 0 no-repeat;
}

.footer ul.logos li.sgr {
	background: url(/img/img_logo_sgr.gif) 0 0 no-repeat;
}

.footer ul.logos li.scr {
	background: url(/img/img_logo_scr.gif) 0 0 no-repeat;
}


/* BreadCrumb
/*----------------------------------------------------------------------------*/

.header .breadcrumb {
	font-size: 9px;
	position: absolute;
	top: 240px;
	left: 241px;
}

.header .breadcrumb a {
	color: #7C7747;
	text-decoration: none;
}

.header .breadcrumb a:hover {
	color: #635D23;
	text-decoration: underline;
}


/* Search Box
/*----------------------------------------------------------------------------*/

.header .box-search {
	padding: 10px;
	width: 165px;
	position: absolute;
	top: 0;
	left: 30px;
	z-index: 99999;
	background: url(/img/bg/bg_search_box.png) 0 0 repeat-y;
}

.column .box-search {
	margin: 0 0 15px 0;
	padding: 0;
	width: auto !important;
}

.column .box-search p {
	margin: 0 0 5px 0 !important;
}

.box-search h4 {
	margin: 0 0 5px 0;
	height: 20px;
	text-indent: -9999px;
	display: block;
	background: url(/img/headers/h_n0_zoekeenreis.gif) 0 0 no-repeat;
}

.box-search #search-trigger {
	display: block;
}

.box-search #search-unfolded {
	display: none;
}

.box-search label {
	height: 18px;
	color: #fff;
	line-height: 15px;
	display: block;
}

.column .box-search label {
	font-weight: bold;
	color: #7C7747;
}

.box-search select {
	margin: 0 0 8px 0;
	width: 165px;
	height: 18px;
	font: normal normal 11px/14px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #684c36;
}

.box-search select option {
	background-color: #F1F2EC;
}

.column .box-search select option {
	background-color: #fff;
}


.box-search select.select-float {
	float: left;
	display: inline;
}

.box-search input.button-form {
	margin: 5px 10px 0 0;
	float: left;	
	border: 0;
	cursor: pointer;
}

.box-search a {
	color: #fff;
}

.box-search a:hover {
	text-decoration: none;
}




/* Main Content Area
/*----------------------------------------------------------------------------*/
.main {
	margin: 0 auto;
	padding: 0 0 60px 0;
	width: 940px;
}

.column-container,
.extra-container {
	width: 100%;
	display: table;
}

.extra-container {
	margin: 40px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 5px solid #f1f2ec;
}



/* Content Columns
/*----------------------------------------------------------------------------*/
.column {
	float: left;
	display: inline;
}

.column.last {
	float: right !important;
}

/*
c2a = bestemming [420, 485]
c2b = bestemming reisinfo [230, 230]
c2c = reissoort, land, bestemmingen [470, 400]
c2d = boekingsproces [650, 290]
c2e = home [320, 550]
c2f = algemeen, over mambo [600, 250]
*/

.c2a .column.first {
	width: 420px;
}

.c2a .column.last {
	width: 496px;/*485px;*/
}

.c2b .column.first {
	width: 230px;
}

.c2b .column.last {
	width: 230px;
}

.c2c .column.first {
	width: 470px;
}

.c2c .column.last {
	width: 400px;
}

.c2d .column.first {
	width: 650px;
}

.c2d .column.last {
	width: 290px;
}

.c2e .column.first {
	width: 320px;
}

.c2e .column.last {
	width: 550px;
}

.c2f .column.first {
	width: 600px;
}

.c2f .column.last {
	width: 255px;
}





/* Page Titles
/*----------------------------------------------------------------------------*/

.main .page-titles {
	height: 75px;
}

.main .page-titles h2 {
	width: 940px;
	height: 35px;
	font: bold 20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #552C00;
}

.main .page-titles h3 {
	width: 800px;
	height: 20px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #c15a08;
}


/* Page Headers
/*----------------------------------------------------------------------------*/

.c2e h2 span,
.c2e h3 span,
.c2a h4 span,
.c2b h4 span,
.c2d h4 span,
.c2b h5 span
{
	text-indent: -9999px;
	display: block;
}

.c2a h4 {
	margin: 0 0 10px 0;
	height: 28px;
	border-bottom: 1px solid #f1f1eb;	
}

.c2b h4 {
	margin: 0;
	height: 28px;
	border-bottom: 1px solid #f1f1eb;	
}

.c2b h5 {
	height: 20px;
	border-bottom: 1px solid #f1f1eb;
}

.c2c h3 { /* right column sifr titles */
	margin: 0 0 20px 0;
	width: 400px;
	height: 25px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #552C00;
}

.c2d h4 {
	height: 40px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #622b00;
}

.c2e h2 {
	margin: 0 0 15px 0;
	height: 24px;
}

.c2e h3 {
	margin: 0 0 15px 0;
	height: 18px;
}



/* -- Home */

.c2e .home-intro h2 {
	background: url(/img/headers/h_n1_opreismetleeftijdsgenoten.gif) 0 0 no-repeat;
}

.c2e .box-latest-news h3 {
	background: url(/img/headers/h_n1_mambonieuwtjes.gif) 0 0 no-repeat;
}

.c2e .box-vertrekkalender h3 {
	margin: 0 0 5px 0;
	height: 70px;
	background: url(/img/headers/h_n1_vertrekkalender.gif) -10px 0 no-repeat;
}

/* -- Bestemming */

.c2a h4.reisinformatie {
	margin-top: 10px;
	background: url(/img/headers/h_n5_reisinformatie.gif) 0 0 no-repeat;
}

.c2a h4.dezereisboeken {
	background: url(/img/headers/h_n5_dezereisboeken.gif) 0 0 no-repeat;
}

.c2a h4.dataenprijzen {
	background: url(/img/headers/h_n5_dataenprijzen.gif) 0 0 no-repeat;
}

/* -- Bestemming - Reisinformatie */

.c2a .c2b .n5-welinbegrepen h5 {
	background: #fff url(/img/headers/h_n5_welinbegrepen.gif) 0 0 no-repeat;
}

.c2a .c2b .n5-nietinbegrepen h5 {
	background: #fff url(/img/headers/h_n5_nietinbegrepen.gif) 0 0 no-repeat;
}

.c2a .c2b .n5-overigeinformatie h5 {
	background: #fff url(/img/headers/h_n5_overigeinformatie.gif) 0 0 no-repeat;
}

.c2a .c2b .n5-laatstenieuws h5 {
	background: #fff url(/img/headers/h_n5_laatstenieuws.gif) 0 0 no-repeat;
}

.c2a .c2b .n5-veelgesteldevragen h5 {
	background: #fff url(/img/headers/h_n5_veelgesteldevragen.gif) 0 0 no-repeat;
}

.c2a .c2b .n5-bijteboekenextras h5 {
	background: #fff url(/img/headers/h_n5_teboekenextras.gif) 0 0 no-repeat;
}

.c2a .c2b .n5-kortingstoeslag h5 {
	background: #fff url(/img/headers/h_n5_kortingen.gif) 0 0 no-repeat;
}

.c2a .c2b .n5-terplaatse h5 {
	background: #fff url(/img/headers/h_n5_terplaatse.gif) 0 0 no-repeat;
}

.c2a .c2b .n5-vervoer h5 {
	background: #fff url(/img/headers/h_n5_vervoersinfo.gif) 0 0 no-repeat;
}




/* -- Boekingsproces */

.c2d h4.n6-boekingsproces {
	margin: 0 0 0 40px;
	background: #fff url(/img/headers/h_n6_boekingsproces.gif) 0 0 no-repeat;
}




/* DESTINATION PAGE STYLES
/* ===========================================================================*/

/* Home / Landing
/*----------------------------------------------------------------------------*/

.home-intro {
	margin: 0 0 60px 0;
	width: 320px;
	overflow: visible;
}

.home-intro p {
	margin: 0 0 17px 0;
	line-height: 16px;
	color: #787878;
}

.home-intro p span {
	font-weight: bold;
	color: #535353;
}

.home-intro a,
.home-intro a span {
	display: block;
	background: url(/img/nav/b_n1_leesmeermambo.gif) 0 0 no-repeat;
}

.home-intro a span {
	text-indent: -9999px;
}


/* Home News Items
/*----------------------------------------------------------------------------*/

.c2e .box-latest-news {
}

.c2f .box-latest-news dl,
.c2e .box-latest-news dl {
	margin: 0 0 15px 0;
	line-height: 16px;
}

.c2f .box-latest-news dl dt,
.c2e .box-latest-news dl dt {
	font-weight: bold;
	color: #c15a08;
}

.c2e .box-latest-news dl dt a,
.c2f .box-latest-news dl dt a,
.c2e .box-latest-news dl dd a,
.c2f .box-latest-news dl dd a {
	color: #C15A08;
	text-decoration: none;
}

.c2e .box-latest-news dl dt a:hover,
.c2f .box-latest-news dl dt a:hover,
.c2f .box-latest-news dl dd a:hover,
.c2e .box-latest-news dl dd a:hover {
	color: #dc7d31;
	text-decoration: underline;
} 

.c2f .box-latest-news dl dd.item-footer,
.c2e .box-latest-news dl dd.item-footer {
	margin: 5px 0 0 0;
	height: 40px;
	color: #7c7747;
	line-height: 35px;
	background: url(/img/bg/bg_item_news_footer.gif) 0 0 no-repeat;
}


/* Home Vertrekkalender
/*----------------------------------------------------------------------------*/

.home-photo-comp {
	/*
	background: url(/img/bg/bg_home_comp.jpg) 0 0 no-repeat;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	*/
}

.home-photo-comp #photobox {
	/*
	margin: 0 0 20px -35px;
	position: relative;
	height: 375px;
	*/
}

.home-photo-comp #photobox .content {
	padding: 0; /*40px 0 0 35px;*/
	min-height: 350px;
	height: auto !important;
	height: 350px;
	/* display: none; */
}


.home-photo-comp #photobox .content img {
	margin: 0 0 20px -35px;
	position: relative;
	display: block;
}






.home-photo-comp #photobox .content span {
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	background: url(/img/headers/h_n1_maakuwkeuze.gif) 0 0 no-repeat;
}

.home-photo-comp #photobox .content a {
	margin: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #c15a08;
	text-decoration: none;
	display: block;
}

.home-photo-comp #photobox .content a:hover {
	text-decoration: underline;
}


/* Home Vertrekkalender
/*----------------------------------------------------------------------------*/

.box-vertrekkalender {
	margin: 0 0 60px 0;
}

/* Home Triggers
/*----------------------------------------------------------------------------*/

.box-triggers {
	margin: 0 0 40px 0;
}


.box-triggers ul li,
.box-triggers ul li a {
	float: left;
	display: block;
	text-indent: -9999px;
}

.box-triggers ul li h4,
.box-triggers ul li p {
	display: none;
}

.box-triggers ul li.brochure,
.box-triggers ul li.brochure a {
 	width: 255px;
	height: 152px;
	background: url(/img/content/img_brochure_home.jpg) 0 0 no-repeat;
}

.box-triggers ul li.forum,
.box-triggers ul li.forum a {
	width: 235px;
	height: 135px;
	background: url(/img/content/img_forum_home.jpg) 0 0 no-repeat;
}

	.c2e .box-triggers ul li.forum,
	.c2e .box-triggers ul li.forum a {
		float: right !important;
	}
	
	.extra-container .box-triggers ul li.forum {
		margin: 0 90px 0 0;
	}
	
	.c2f .box-triggers ul li.forum,
	.c2f .box-triggers ul li.forum a {
		margin: 0 0 40px 0;
	}


/* MediaHoek home */
.box-triggers ul li.mediahoek {
 	width: 275px;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	padding-top: 67px;
	background: url(/img/content/img_mediahoek_home.jpg) 0 0 no-repeat;
}

.box-triggers ul li.hyves,
.box-triggers ul li.hyves a{
	width: 68px;
	height: 47px;
	padding-top: 0;
	background: url(/img/content/img_hyves_home.jpg) 0 0 no-repeat;
}

.box-triggers ul li.youtube,
.box-triggers ul li.youtube a{
	width: 68px;
	height: 47px;
	padding-top: 0;
	background: url(/img/content/img_youtube_home.jpg) 0 0 no-repeat;
}

.box-triggers ul li.twitter,
.box-triggers ul li.twitter a{
	width: 68px;
	height: 47px;
	padding-top: 0;
	background: url(/img/content/img_twitter_home.jpg) 0 0 no-repeat;
}

.box-triggers ul li.msn,
.box-triggers ul li.msn a{
	width: 68px;
	height: 47px;
	padding-top: 0;
	background: url(/img/content/img_msn_home.jpg) 0 0 no-repeat;
}

.box-triggers .tweet {
	padding: 15px 0 0 0;
	text-indent: 0 !important;
	float: none;
}

.box-triggers .tweet h4 {
	font-size: 12px;
	font-weight: bold;
	color: #C15A08;
	display: block;
}

.box-triggers .tweet p {
	width: 275px;
	text-decoration: none;
	display: block;
}

.box-triggers .tweet a {
	color: #C15A08;
	text-decoration: none;
	display: inline;
	text-indent: 0 !important;
	float: none;
}

.box-triggers .tweet a:hover {
	text-decoration: underline;
}





/* DESTINATION PAGE STYLES
/* ===========================================================================*/

/* Destination Body, Trip information
/*----------------------------------------------------------------------------*/

.c2a .destination-body p {
	margin: 0 0 17px 0;
	line-height: 16px;
}

.c2a .destination-body p.intro {
	font-weight: bold;
	color: #535353;
}



/* Destination Info
/*----------------------------------------------------------------------------*/
.trip-photos {
}

.trip-photos #photobox {
	margin: -40px 0 25px -10px;
	width: 496px;
	height: 224px;
	position: relative;
}

.trip-functions {
	margin: 0 0 0 0;
	height: 55px;
	border-bottom: 1px solid #f1f1eb;	
}

.trip-functions ul li,
.trip-functions ul li a {
	height: 20px;
	float: left;
	display: inline;
	overflow: hidden;
}

.trip-functions ul li a span {
	text-indent: -9999px;
	display: block;
}
	
.trip-functions #fl-photovideo a {
	margin: 0 20px 0 0;
	width: 179px;
	background: url(/img/nav/b_n5_fotovideo.gif) 0 0 no-repeat;
	display: none; /* Tijdelijk uit vanwege ontbreken functionaliteit */
}

.trip-functions #fl-forum a {
	margin: 0 20px 0 0;
	width: 98px;
	background: url(/img/nav/b_n5_forum.gif) 0 0 no-repeat;
}

.trip-functions #fl-mailfriend a {
	width: 148px;
	background: url(/img/nav/b_n5_mailfriend.gif) 0 0 no-repeat;
}



/* Destination Start Booking / Select Dates
/*----------------------------------------------------------------------------*/

.content-container .c2b {
	margin: 35px 0 0 0;
}

.box-selectboeking {
	margin: 0;
	padding: 10px 10px 5px 10px;
	color: #684c36;
	border-width: 0 1px;
	border-style: solid;
	border-color: #f1f1eb;
}

.box-selectboeking p {
	margin: 0 0 20px 0;
}

.selectbookingmethod-buttons {
	margin: 0 0 30px 0;
	padding: 14px 0 0 10px;
	width: 220px;
	height: 66px;
	background: #000 url(/img/bg/bg_selectbooking_buttons.gif) 0 0 no-repeat;
}

.booking-error {
	padding: 0 10px 10px 10px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #f1f1eb;
}
	
.booking-error span.alert {
	color: #cc0000;
	display: inline !important;
	white-space: normal !important;
}

.selectbookingmethod-buttons a {
	margin: 0 0 6px 0;
	height: 13px;
	display: block;
}

.selectbookingmethod-buttons a span {
	text-indent: -9999px;
	overflow: hidden;	
	display: block;
}

.selectbookingmethod-buttons a#startbooking {
	width: 164px;
	background: url(/img/nav/b_n5_startboeking.gif) 0 0 no-repeat;
	cursor: pointer;
}

.selectbookingmethod-buttons a#startpricecheck {
	width: 191px;
	background: url(/img/nav/b_n5_kijkreiskosten.gif) 0 0 no-repeat;
	cursor: pointer;
}

.selectbookingmethod-buttons.active a#startbooking {
	width: 164px;
	background: url(/img/nav/b_n5_startboeking_active.gif) 0 0 no-repeat;
	cursor: pointer;
}

.selectbookingmethod-buttons.active a#startpricecheck {
	width: 191px;
	background: url(/img/nav/b_n5_kijkreiskosten_active.gif) 0 0 no-repeat;
	cursor: pointer;
}



/* Destination Dates & Prices
/*----------------------------------------------------------------------------*/

.box-dataprijzen {
}

.box-dataprijzen p {
	margin: 10px 0 0 10px;
	padding: 0 0 0 10px;
	font-size: 9px;
	line-height: 16px;
	color: #684C36;
	background: url(/img/icons/i_arrow_brown_small.gif) 0 6px no-repeat;
}

.box-dataprijzen p a {
	color: #684C36;
	display: block;
}

.box-dataprijzen p a:hover {
	text-decoration: none;
}

.box-dataprijzen .legenda {
	margin: 10px 0 0 0;
	padding: 5px 0;
	font-size: 9px;
	line-height: 16px;
	color: #A7A37E;
	border-width: 1px 0;
	border-style: solid;
	border-color: #f1f1eb;
}

.box-dataprijzen .legenda span {
	padding: 0 15px 0 0;
	float: left;
	display: block;
}





/* Destination Info - Boxes
/*----------------------------------------------------------------------------*/
.box-info {
	margin: 0 0 25px 0;
	color: #684c36;
}

.box-info .content {
	padding: 10px 0 0 0;
	background-color: #f8f8f5;
}

.n5-vervoer .content {
	padding: 10px !important;
}

.box-info .content span {
	padding: 0 0 0 20px;
	font-weight: bold;
	display: block;
}

.box-info .content ul {
	padding: 0 0 10px 0;
}

.box-info .content ul li {
	padding: 0 10px 2px 20px;
	background: url(/img/icons/i_arrow_orange_small.gif) 10px 6px no-repeat;
}

.box-info .content ul li.odd {
	padding: 10px 10px 10px 20px;
	background-color: #00ff00;
}

.box-info .content .item {
	padding: 10px 10px 0 20px;
	background: url(/img/icons/i_arrow_orange_small.gif) 10px 16px no-repeat;
}

.box-info .content .odd {
	background-color: #fcfcfb !important;
}

.box-info p {
	padding: 0 0 10px 0; /* let op last element; deze geen margin bottom -> JS */
}

.box-info .content dl {
	padding: 10px 10px 10px 10px; /* let op first element; deze geen padding top -> JS */
}

.box-info .content dl dt {
	padding: 0 0 0 10px;
	background: url(/img/icons/i_arrow_orange_small.gif) 0 6px no-repeat;
}

.box-info .content a {
	color: #C15A08;
	text-decoration: underline;
}

.box-info .content dl dt a {
	color: #684c36;
	text-decoration: none;
}

.box-info .content dl dt a:hover {
	text-decoration: underline;
}

.box-info .content dl.odd {
	background-color: #fcfcfb;
	border-width: 1px 0;
	border-style: solid;
	border-color: #fff;
}

.box-info .content dl dd {
	padding: 10px 0 0 10px;
	font-style: italic;
	display: none;
}

.box-info .content dl.fold dd {
	display: block;
}



/* BOOKING PROCESS
/* ===========================================================================*/

/* Booking Form Fields
/*----------------------------------------------------------------------------*/

.booking-body {
	padding: 35px 25px 65px 25px;
	min-height: 256px;
	height: auto !important;
	height: 256px;
	color: #535353;
	background: url(/img/bg/bg_booking_body.gif) 0 0 no-repeat;
	position: relative;
}

.booking-footer {
	width: 650px;
	height: 12px;
	background: url(/img/bg/bg_booking_footer.gif) 0 0 no-repeat;
}

.booking-body p.intro {
}

.booking-body .box-step {
	margin: 17px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #efefef;
}

.booking-body .box-step p {
	margin: 0 0 15px 0;
}

.booking-body .box-step h3 {
	padding: 0 0 5px 0;
	font-size: 13px;
	font-weight: bold;
	color: #c15a08;
}

.booking-body .box-step span {
	font-weight: bold;
}

.booking-body .box-xopt {
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #efefef;
}

.booking-body .form-submit {
	padding: 10px 0 0 0;
	width: 600px;
	font-weight: bold;
	display: block;
	border-top: 1px solid #efefef;
	position: absolute;
	bottom: 10px;
	left: 25px;
	z-index: 1000;
}

.booking-body .form-submit span {
	padding: 0 0 10px 0;
	display: block;
	color: #535353;
}

.booking-body a {
	color: #c15a08;
	text-decoration: none;
}

.booking-body a:hover {
	color: #dc7d31;
	text-decoration: underline;
}

/* Booking text alerts
/*----------------------------------------------------------------------------*/
.booking-price-alert {
	margin: 0 0 20px 0;
	padding: 10px;
	color: #C15A08;
	background-color: #FAF8F7;
	border: 1px solid #F8F8F5;
}

/* Booking Wizard Tables
/*----------------------------------------------------------------------------*/

.booking-body .tablebooking {
	margin: 0 0 15px 0;
	border-collapse: collapse;
}

.booking-body .tablebooking th {
	padding: 0 0 5px 0;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.booking-body .tablebooking td {
	padding: 2px 10px 2px 0;
	vertical-align: top;
}

.booking-body .tablebooking.controle {
	margin: 0 0 20px 0 !important;
	width: 100%;
}

.booking-body .tablebooking.controle th {
	font-size: 11px;
	color: #7C7747;
}

.booking-body .tablebooking.verzekering th {
	font-size: 11px;
	color: #7C7747;
}

.booking-body .tablebooking.verzekering th span {
	font-size: 11px;
	color: #414141;
}

.booking-body .tablebooking.controle h3 {
	color: #414141;
}

.booking-body .tablebooking.options {
	margin: 0 !important;
}




/* Booking Step Process
/*----------------------------------------------------------------------------*/

.booking-process {
	padding: 0 0 0 40px;	
}

.booking-process p {
	color: #684c36;
}

.booking-process p.booking-proces-subtitle {
	margin: 20px 0 10px 0;
	padding: 5px 0;
	font-weight: bold;
	color: #C15A08;
	display: block;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}

.booking-process ul {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #f1f1eb;
}

.booking-process ul li {
	padding: 2px 0;
}

.booking-process ul li span {
	padding: 0 10px 0 0;
	font-weight: bold;
	color: #622b00;
}

.booking-process ul li a {
	color: #7c7747;	
	text-decoration: none;
}

.booking-process ul li a:hover {
	color: #7c7747;
	text-decoration: underline;
}

.booking-process ul li.inactive-step {
	color: #a7a37e;
}

.booking-process ul li.inactive-step a {
	color: #a7a37e;
	cursor: text;
}

.booking-process ul li.inactive-step a:hover {
	color: #a7a37e;
	text-decoration: none;
}

.booking-process ul li.active-step {
	margin: 2px 0 2px -40px;
	padding: 5px 0 5px 40px;
	background: #f8f8f5 url(/img/icons/i_arrow_orange_circled.gif) 13px 50% no-repeat;
}

.booking-process ul li.active-step span,
.booking-process ul li.active-step a {
	color: #C15A08;
}




/* LEVEL 2,3,4 PAGE STYLES
/* ===========================================================================*/

/* Overview Pagination
/*----------------------------------------------------------------------------*/

.box-pagination {
	margin: 0 0 25px 0;
	width: 100%;
	height: 55px;
	display: table;
	background: url(/img/bg/bg_overview_pagination.gif) 0 0 no-repeat;
}

.box-pagination p {
	font-weight: bold;
	color: #262626;
	line-height: 55px;
	float: left;
	display: inline;
}

.box-pagination p span,
.box-pagination p a {
	font-weight: normal;
}

.box-pagination p a {
	margin: 0 0 0 5px;
	color: #262626;
	text-decoration: none;
}

.box-pagination p a:hover {
	color: #c15a08;
	text-decoration: underline;
}

.box-pagination p span.current {
	padding: 0 0 0 5px;
	font-weight: bold;
	color: #c15a08;
}

.box-pagination p.pagination {
	margin: 0 0 0 10px;
	width: 275px;
}

.box-pagination p.overview-stats {
	margin: 0 20px 0 0;
	float: right !important;
}


/* Thumb Overview
/*----------------------------------------------------------------------------*/

.overview {
}

.overview .item-row {
	margin: 0 0 20px 0;
	width: 100%;
	display: table;
}

.overview .item-row .column.first {
	width: 124px;
}

.overview .item-row .column.last {
	width: 340px;
}

.overview .first p.thumb {
	position: relative;
}

.overview .first p.thumb img {
	padding: 4px;
	background: url(/img/bg/bg_thumb_overview.gif) 0 0 no-repeat;
}

.overview .first p.thumb a.reisvolgeboekt {
	width: 107px;
	height: 73px;
	background: url(/img/icons/i_n4_reisvolgeboekt_0809.png) 0 0 no-repeat;
	position: absolute;
	top: -8px;
	left: -8px;
	z-index: 1000;
}

.overview .first p.icons {
	margin: 10px 0 5px 0;
	width: 108px;
}

.overview .first p.icons img {
	margin: 0 3px;
}

.overview .last p {
	line-height: 16px;
	color: #535353;
}

.overview .last p.name {
	width: 100%;
	padding: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #c15a08;
	display: table;
}

.overview .last a {
	color: #c15a08;
	text-decoration: none;
}

.overview .last a:hover {
	color: #dc7d31;
	text-decoration: underline;
}

.overview .last p.name a {
	color: #c15a08;
	text-decoration: none;
	float: left;
	display: inline;
}

.overview .last p.name a:hover {
	color: #dc7d31;
	text-decoration: underline;
}


.overview .last p.name span {
	padding: 0 0 0 15px;
	font-size: 9px;
	font-weight: normal;
	color: #dc7d31;
	float: left;
	display: block;
}

.overview .last dl {
	margin: 0 0 15px 0;
	line-height: 16px;
	float: left;
	display: inline;
}

.overview .last dl.price {
	width: 90px;
	color: #622b00;
}

.overview .last dl.price dd {
	font-size: 14px;
	font-weight: bold;
}

.overview .last dl.age-duration {
	color: #c15a08;
}



/* Area Information
/*----------------------------------------------------------------------------*/

.area-information {
	/*padding: 160px 20px 10px 20px;*/
	padding: 20px 20px 10px 20px;
	width: 360px;
	color: #684c36;
	overflow: visible;
	background: url(/img/bg/bg_area_information.gif) 0 0 repeat-y;
}

.area-information .area-photos {

	
	/*
	margin: 0;
	position: absolute;
	left: -10px;
	top: -10px;
	*/
}

.area-information #photobox {
	margin: -30px 0 0 -30px;
	width: 380px;
	position: relative;
}

.area-information p {
	margin: 0 0 17px 0;
	line-height: 16px;
}

.area-information b {
	font-weight: normal;
}




/* OVER MAMBO - NIET REIS PAGINAS
/* ===========================================================================*/

/* Navigation Column
/*----------------------------------------------------------------------------*/

.c2f .area-navigation ul li span {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 12px;
	font-weight: bold;
	color: #684c36;
	display: block;	
	width: 100%;
}

.c2f .area-navigation ul li.item {
	margin: 0;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #f1f1eb;
}

.c2f .area-navigation ul li.active-item {
	margin: 0;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #f1f1eb;
}

.c2f .area-navigation ul li.active-item ul li.item {
	border: none;
}

.c2f .area-navigation ul li.active-item ul li.active-item {
	border: none;
}

.c2f .area-navigation ul li ul {
	padding: 4px 0 2px 0;
}

.c2f .area-navigation ul li.item a {
	padding: 0 0 0 10px;
	color: #684c36;
	text-decoration: none;
	display: block;
	background: url(/img/icons/i_arrow_orange_small.gif) 0 5px no-repeat;
}

.c2f .area-navigation ul li.active-item a {
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #684c36;
	text-decoration: underline;
	display: block;
	background: url(/img/icons/i_arrow_orange_small.gif) 0 5px no-repeat;
}

.c2f .area-navigation ul li.active-item ul li.item a {
	color: #c36011;
	font-weight: normal;
	background: none;
	text-decoration: none;
}

.c2f .area-navigation ul li.active-item ul li.active-item a {
	color: #c36011;
	font-weight: normal;
	background: none;
	text-decoration: underline;
}

.c2f .area-navigation ul li.item a:hover {
	color: #c36011;
}

.c2f .area-navigation ul li.active-item a:hover {
}

.c2f .area-navigation ul li.active-item ul li.item a:hover {
	color: #dc7d31;
	text-decoration: none;
}

.c2f .area-navigation ul li.active-item ul li.active-item a:hover {
	text-decoration: underline;
}


/* Body
/*----------------------------------------------------------------------------*/

.c2f .area-body {
	color: #535353;
	line-height: 16px;
}

.c2f .area-body p {
	margin: 0 0 17px 0;
}

.c2f .area-body .inline-navigation {
	margin: 0 0 20px 0;
	padding: 5px 0;
	width: 100%;
	display: table;
	background-color: #f8f8f5;
	border-width: 1px 0;
	border-style: solid;
	border-color: #f1f1eb;
}

.c2f .area-body .inline-navigation li.item,
.c2f .area-body .inline-navigation li.active-item {
	margin: 0 0 0 10px;
	float: left;
	display: inline;
}

.c2f .area-body .inline-navigation li.item a {
	color: #684C36;
	text-decoration: none;
}

.c2f .area-body .inline-navigation li.active-item a {
	color: #684C36;
	text-decoration: underline;
}

.c2f .area-body .inline-navigation li.item a:hover,
.c2f .area-body .inline-navigation li.active-item a:hover {
	color: #c36011;
}



/* FORMS
/* ===========================================================================*/

/* Form Styles
/*----------------------------------------------------------------------------*/

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	outline-style: none;
	outline-width: 0;
}

.f-dropdown {
	font: normal normal 11px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #787878;
}

.form-tf-s {
	padding: 3px 2px 0 2px;
	width: 84px;
	height: 16px;
	font: normal normal 11px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #787878;
	border-width: 1px;
	border-style: solid;
	border-color: #d6d6c8 #e8e8de #e8e8de #d6d6c8;
}

.form-tf-l {
	padding: 3px 2px 0 2px;
	width: 180px;
	height: 16px;
	font: normal normal 11px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #787878;
	border-width: 1px;
	border-style: solid;
	border-color: #d6d6c8 #e8e8de #e8e8de #d6d6c8;
}

.form-ta {
	padding: 3px 2px 0 2px;
	width: 380px;
	height: 110px;
	font: normal normal 11px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #787878;
	border-width: 1px;
	border-style: solid;
	border-color: #d6d6c8 #e8e8de #e8e8de #d6d6c8;
}

.form-sl {
	padding: 1px 0 0 0;
	width: 184px;
	height: 20px;
	font: normal normal 11px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #787878;
	border-width: 1px;
	border-style: solid;
	border-color: #d6d6c8 #e8e8de #e8e8de #d6d6c8;
}

table.reizigersnew td .form-sl, 
table.register td .form-sl {
	width: 60px;
}
	
.c2a .f-dropdown {
	margin: 0 0 8px 0;
	width: 100%;
}

.c2a label {
	padding: 0 0 4px 0;
	color: #c15a08;
	display: block;
}


/* Booking Form
/*----------------------------------------------------------------------------*/

.booking-body input.booking-form,
.booking-process input.booking-form {
	margin: 5px 0 0 0;
	display: block;
	border: 0;
	cursor: pointer;
}


/* Inloggen, Registreren
/*----------------------------------------------------------------------------*/

form#inloggen fieldset {
	margin: 0 0 40px 0;
}

form#inloggen #divGeneralLogin p,
form#inloggen #divGeneralForgotPassword p {
	margin: 0;
	padding: 0 0 5px 0;
	width: 100%;
	display: table;
	clear: both;
}

form#inloggen #divGeneralLogin p label,
form#inloggen #divGeneralForgotPassword p label {
	width: 110px;
	float: left;
}

form#inloggen #divGeneralLogin p input,
form#inloggen #divGeneralForgotPassword p input {
	float: left;
}

form#inloggen #divGeneralIntroForgotPassword {
	padding: 20px 0 0 0;
	border-top: 1px solid #f1f1eb;
}

form#inloggen div.form-btn {
	margin: 5px 0 0 110px;
}

form#inloggen p.register {
	margin: 10px 0 5px 0;
	padding: 5px 0 5px 0;
	color: #684C36;
	font-weight: bold;
	border-top: 1px solid #F8F8F5;
	border-bottom: 1px solid #F8F8F5;
}

form#inloggen p.other {
	padding: 0 0 5px 0;
	color: #684C36;
	font-weight: bold;
	border-bottom: 1px solid #F8F8F5;
}

form#inloggen p.register a,
form#inloggen p.other a {
	font-weight: normal !important;
}

form#inloggen #errorGeneralLogin {
	margin: 15px 0 0 0;
	padding: 0 0 0 10px;
	color: #C15A08;
	display: block;
	background: url(/img/icons/i_arrow_orange_small.gif) 0 6px no-repeat;
}



/* Content Styles - titles, links
/*----------------------------------------------------------------------------*/

/*
.sub-title {
	font: bold 16px Georgia, "Times New Roman", serif;
	color: #c15a08;
}
*/

p.sub-title {
	margin: 0 0 5px 0 !important;
}

.destination-body span.title {
	padding: 0 0 3px 0;
	font: bold 14px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #c15a08;
	display: block;
}

.destination-body span.sub-title {
	padding: 15px 0 3px 0;
	font: bold 11px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #684C36;
	display: block;
}

.destination-body h3 {
	padding: 15px 0 3px 0;
	font: bold 12px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif !important;
	color: #684C36;
	display: block;
}

.destination-body h4,
.destination-body h5,
.destination-body h6 {
	margin: 0 !important;
	padding: 0 0 3px 0;
	height: auto !important;
	font: bold 11px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #C15A08;
	display: inline;
	border: none;
}



/* Over Cirkel / Overig */


.c2f span.title {
	padding: 0 0 3px 0;
	font: bold 14px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #c15a08;
	display: block;
}

.c2f span.sub-title,
.popup-container span.sub-title {
	padding: 0 0 3px 0;
	font: bold 11px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #684C36;
	display: block;
}


.c2f span.t-bold {
	font-weight: bold;
}

.c2f .first ul {
	margin: 0 0 18px 0;
}

.c2f .first ul li {
	padding: 1px 0 1px 10px;
	line-height: 14px;
	/*&color: #6F6C32;*/
	background: url(/img/icons/i_arrow_brown_small.gif) 0 6px no-repeat;
}

.c2f .first a {
	color: #c15a08;
	text-decoration: underline;
}

.c2f .first a:hover {
	color: #c15a08;
	text-decoration: none;
}



/* Recurrent classes
/*----------------------------------------------------------------------------*/

span.alert-info {
	margin: 0 0 10px 0;
	color: #c15a08;
	font-weight: bold;
	display: block;
	white-space: nowrap;
}

span.alert-field {
	padding: 0 0 0 5px;
	font: normal normal 11px/18px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #c15a08;
}

span.alert {
	margin: 0 0 10px 0;
	color: #7c7747;
	font-weight: bold;
	display: block;
	white-space: nowrap;
}

span.asterik {
	color: #c15a08;
}

.nd {
	display: none;
	line-height: 0;
}

.alert-noscript {
	width: 100%;
	height: 25px;
	font-weight: bold;
	color: #222;
	line-height: 25px;
	text-align: center;
	background-color: #ffd303;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100000;
}

/* Floating / Clearing
/* ---------------------------------------------- */

.clear {
	height: 0;
	line-height: 0;
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display:block;
}
* html .clearfix {
	height:1px;
}




/* Table layouts
/*----------------------------------------------------------------------------*/

#box-form-nieuwsbrief {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #D6D6C8;
}

table.tablecontent th {
	padding: 0 5px 5px 0;
	font-weight: bold;
	color: #684C36;
	text-align: left;	
}

table.tablecontent td {
	font: normal normal 11px Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #535353;
	vertical-align: top;
}

table.tablecontent .form-button {
	margin: 10px 0 0 0;
}


	
table.newsletter td,
table.brochure td,
table.register td {
	padding: 2px 0;
}

table.newsletter td p,
table.brochure td p,
table.register td p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 18px;
}

table.newsletter td span,
table.brochure td span,
table.register td span {
	padding: 0 5px;
	vertical-align: middle;
}

table.newsletter td input,
table.brochure td input,
table.register td input {
	vertical-align: middle;
}



/* Table layouts - Sheet
/*----------------------------------------------------------------------------*/

.c2b table.sheet {
	width: 230px;
}

table.sheet,
table.sheet-clean {
	border-collapse: collapse;
	border-spacing: 0;
}

table.sheet th,
table.sheet td,
table.sheet-clean th,
table.sheet-clean td {
	text-align: left;
}

table.sheet th,
table.sheet-clean th {
	padding: 5px 4px;
	color: #535353;
}

table.sheet td {
	padding: 2px 4px;
	color: #C15A08;
	vertical-align: top;
	display: table-cell;
	background-color: #f1f1eb;
	border-bottom: 1px solid #fff;
}

table.sheet .odd td {
	color: #dc7d31;
	background-color: #f8f8f5;
}

table.sheet td a {
	color: #C15A08;
}

table.sheet .odd td a {
	color: #dc7d31;
}

table.sheet td a:hover {
	text-decoration: none;
}


/* Table layouts - Sheet Clean
/*----------------------------------------------------------------------------*/

table.sheet-clean {
	width: 550px;
}

table.sheet-clean th {
	font-weight: bold;
	background-color: #f8f8f5;
	border-top: 1px solid #f1f1eb;
	border-bottom: 1px solid #f1f1eb;
}

table.sheet-clean td {
	padding: 2px 4px;
	color: #684c36;
	vertical-align: top;
	display: table-cell;
	border-bottom: 1px solid #f1f1eb;
}

table.sheet-clean td span {
	color: #7c7747;
}

table.sheet-clean td a {	
	color: #c15a08;
	text-decoration: none;
}

table.sheet-clean td a:hover {
	color: #dc7d31;
	text-decoration: underline;
}





/* These are standard sIFR styles... do not modify
/*----------------------------------------------------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/*
These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... 
your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles
*/

.sIFR-hasFlash .main .page-titles h2 {
	width: 940px;
	font-size: 30px;
	letter-spacing: -6px;
	visibility: hidden;
}

.sIFR-hasFlash .main .page-titles h3 {
	font-size: 14px;
	letter-spacing: -6px;
	visibility: hidden;
}

.sIFR-hasFlash .c2c h3 {
	width: 400px;
	font-size: 16px;
	letter-spacing: -6px;
	visibility: hidden;
}