/* CSS Document */
/* reset + main html redefinitions  */
/* common tag redefinitions  */
html, body, form, fieldset {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
html {
	font-size: 100.01%;
}
body {

	line-height: 1.3em;
	font-size: 0.7em;
	color: #333333;
}
#all {
    background:url(/images/bg_tcab.jpg) left top repeat-x #FFF !important;
}
* {
	font-size: 100%; /* avoids font scaling in a table - if this distroys all layout, just use table */
}
a:link {color: #134a85; }
a:visited {color: #134a85;}
a:hover {color: #333; }
a:active {color: #134a85;}
a img {border: none; /* avoids border when img is link */}
fieldset {border: none;}

/* Neutralize/reset styling: Elements with a vertical margin: */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl, hr, address {
	margin: 1em 0;
	padding: 0;
}
ul, ol {
	margin: 1em;
	padding: 0;
}
:focus {outline: 0;}
#body h1 {
	font-size: 20px;
	color: #134a85;
	margin-bottom:10px;
}


h2 {
	font-size: 14px;
}

h2 hover {
	color: #fc8e01
}
#body h3, #body h3 a {
	font-size: 12px;
	color: #134a85;
	background-color:transparent;
	margin-bottom:10px;
}
h4 {
}
h5 {
}
h6 {
}
hr {
	border: none;
	border-bottom: 1px solid #777b7a;
	height: 1px;
}
input, select, textarea {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #777b7a;
}
ul li {
	list-style: none;
	padding: 0 0 0.4em 1.2em;
	margin: 0;
}
ol li {
	padding: 0 0 0.4em 0;
	margin: 0 0 0 1.2em;
}
select, textarea {/* similar to class 'inputfield' */}
td {vertical-align: top; /* relevant in most cases, i.e. in application layout */}

/* --------------------------- shared styles  -------------------------------------------*/
/*  common styles  -------------------------------------------*/

.alignR {text-align: right;}
.clearfloats {clear: both;}
.floatL {float: left;}
.floatR {float: right;}

/* --------------------------- main centered div  -------------------------------------------*/
#main, .main {
	background-color: #FFF;
	width:1012px;
	margin: 0 auto; /* centreren van het concept */
}
*html #main {
	/* new 20081027 - css hack enkel voor IE */
	zoom: 1; /*avoids several IE bugs */
}
/* --------------------------- logo and lang switch  -------------------------------------------*/
#leaderboard
{
	padding-left: 15px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;	
	margin: 10px auto; 
	width: 748px;
}
.adven {
    background-image: url(/images/adv-en.gif);
}
.advfr {
    background-image: url(/images/adv-fr.gif);
}
.advnl {
    background-image: url(/images/adv-nl.gif);
}
.ad
{
    text-align:right;
}
#header {
	height: 135px;
	position: relative;
}
#brand {
	height: 123px;
	left: 10px;
	position: absolute;
	width: 437px;
}
#lang {
	right: 9px;
	position: absolute;
	color: #fff;
	top: 2px;
}
#lang span {
	padding-left: 15px;
}
#lang a:link {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
#lang a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
#lang a:hover {
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
}
#lang a.active {
color:#F04E23;
font-weight:bold;
text-decoration:none;
}
#subscribe {
color:#FFFFFF;
position:absolute;
right:0;
top:33px;
width:275px;
}
.subcribeTxt {
	margin-bottom: 5px;
}
.bckSubscribe {
background:url("/images/bck_inputHeader.gif") no-repeat scroll right center transparent;
float:left;
height:20px;
width:140px;
}
.inputSubscribe {
	border: 0px solid #fff;
	font-weight: bold;
	width: 113px;
	margin: 4px 13px 0 10px;
	padding: 0;
background:none repeat scroll 0 0 transparent;
}
.butSubscribe {
background:url("/images/but_inschrijven.gif") no-repeat scroll right center transparent;
border:0 solid #FFFFFF;
color:#FFF;
font-weight:bold;
height:20px;
margin-left:5px;
width:130px;
}
.butSubscribeOver {
	color: #fff;
	cursor:pointer;
}
#contact {
background:none repeat scroll 0 0 transparent;
color:#FFFFFF;
font-size:12px;
height:16px;
padding:13px 2px 7px;
position:absolute;
right:0;
text-align:right;
top:99px;
width:auto;
}
/* --------------------------- path  -------------------------------------------*/

#path {
	height: 20px;
	padding: 5px 0;
	margin-left:20px;
}
#path a:link, #path a:visited, #path a:hover, #path a:active {color: #777b7a;}
.active {font-weight: bold;}

/* --------------------------- content  -------------------------------------------*/
#content {
	padding: 0;
	width:981px;
	margin:0 20px;
}
#content .tabs{
	margin-left:0;
}

#contentBody {
	padding: 5px 50px 5px 50px;
}
#body .margin {
	padding: 5px 100px 5px 100px;
	text-align: justify;
}
.blockOrange {
	height: 251px;
	overflow: hidden;
	border: 1px solid #FFF;
	float: left;
	margin-top: 30px;
	color: #333;
}
.blockOrange.third {
    overflow: visible !important;
}
.blockOrange.promotions{
	height: 247px;
	overflow: hidden;
	border: 1px solid #F1552C;
	float: right;
	margin-top: 0px;
	width: 300px;
}

.blockGrey {
	height: 251px;
	overflow: hidden;
	border: 1px solid #134a85;
	float: left;
	margin-top: 34px;

}
.first {
	margin-right: 37px;
	width: 300px;
}
.second {
	margin-right: 36px;
	width: 300px;
}
.full {
	margin-right: 37px;
	width: 639px;
}
.third {
	margin-right: 0;
	width: 300px;
}
.blockOrange .txtTop {
	margin: 10px;
	height: 250px;
	overflow: hidden;
	padding-top: 1px;
}
.blockOrange .txtTopFull {
	margin: 0px;
	height: 250px;
	overflow: hidden;
	padding-top: 1px;
}
.blockOrange .txtBottom {
	margin: 0px 10px;
	height: 20px;
	text-align: right;
}
.blockOrange h2 {
	font-size: 20px;
	font-weight: bold;
	color: #fc8e01;
	margin-top: 2px;
	background-color:#fff;
    border-bottom:0px dotted #A5DBE2;
    padding:0;
}
.promotions .txtTop {
	margin: 0 !important;
	height: 230px;
	overflow: hidden;
	padding: 0 !important;
}
.promotions h2 {
background:url("/images/promotabelheader.gif") repeat-x scroll 0 0 transparent;
color:#FFFFFF;
font-size:12px;
height:19px;
margin:0;
padding:3px 0 0 10px;
text-transform:uppercase;
}
.promotions h2 a:link, .promotions h2 a:visited, .promotions h2 a:hover, .promotions h2 a:active {
	color: #FFF;
}
.promotions .promolink {
background:none repeat scroll 0 0 transparent;
float:right;
height:18px;
left:-6px;
margin:0;
overflow:hidden;
position:relative;
text-align:right;
top:-18px;
display:none;
}
.promotions .txtBottom {
	margin: 0px 10px;
	height: 20px;
	text-align: right;
}
.blockOrange ul li {
	background: url(/images/ico_listBlue.gif) no-repeat left 7px;
}

.promotions .promolink a:link, .promotions .promolink a:visited, .promotions .promolink a:hover, .promotions .promolink a:active{
	color:#FFF
}

.blockOrange a:link {
	color: #333;
	text-decoration: none;
}
.blockOrange a:visited {
	color: #333;
	text-decoration: none;
}
.blockOrange a:hover {
	color: #333;
	text-decoration: underline;
}
.blockOrange a:active {
	color: #333;
	text-decoration: underline;
}
.blockGrey h2 {
background:url("/images/tabelheader.gif") repeat-x scroll 0 0 transparent;
color:#FFFFFF;
font-size:12px;
height:19px;
margin:0;
padding:3px 0 0 10px;
text-transform:uppercase;
}

.blockGrey .txtTop {
	margin: 0px;
	height: 230px;
	padding-top: 0px;
	overflow: hidden;
}
.blockGrey .txtTop .marginBlock {
	margin: 16px 10px 10px 10px;
}
.blockGrey .txtTopFull {
	margin: 0px;
	height: 250px;
	overflow: hidden;
}
.blockGrey .txtTopFull .marginBlock {
	margin: 16px 10px 10px 10px;
}
.blockGrey .txtBottom {
	margin: 0px 10px;
	height: 20px;
	text-align: right;
}
.blockGrey a:link {
	color: #333;
	text-decoration: none;
}
.blockGrey a:visited {
	color: #333;
	text-decoration: none;
}
.blockGrey a:hover {
	color: #333;
	text-decoration: underline;
}
.blockGrey a:active {
	color: #333;
	text-decoration: underline;
}
.blockGrey ul li {
    background: url(/images/ico_listGrey.gif) no-repeat left 7px;
}

/* --------------------------- footer  -------------------------------------------*/
#footer {
background:url("/images/lijnbovenfooter.gif") repeat-x scroll 0 0 #E7E7E3;
border-bottom:medium none;
color:#333333;
line-height:normal;
margin:38px 0 0;
padding:16px 15px;
}
#footer .navigation {
	margin: 8px 0 8px 10px;
	float: left;
	width: auto;
}
#footer .navigation span {
	white-space: nowrap;
}
#footer li {
	display: inline;
	margin: 0;
	padding: 0 20px 0 0;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer .logos {
	margin: 5px 10px;
	float: right;
	text-align: right;
	width: auto;
}
#footer .logos img {
	vertical-align:text-bottom;
	margin: 0px 2px;
}
#footer .navigation li a:link {
	color: #333;
	text-decoration: none;
}
#footer .navigation li a:visited {
	color: #333;
	text-decoration: none;
}
#footer .navigation li a:hover {
	color: #333;
	text-decoration: underline;
}
#footer .navigation li a:active {
	color: #333;
	text-decoration: underline;
}

/* --------------------------- destinations  -------------------------------------------*/
#destinations {
background:none repeat scroll 0 0 #E7E7E3;
border-bottom:22px solid #134A85;
color:#333333;
line-height:normal;
padding:23px;
text-align:center;
}
#destinations a:link {
	color: #737373;
	text-decoration: none;
}
#destinations a:visited {
	color: #737373;
	text-decoration: none;
}
#destinations a:hover {
	color: #333;
	text-decoration: underline;
}

/* -------------------------- promotions -------------------------------------------*/
.promoTable {
	width: 100%;
	margin-top:14px
}
.promoTable td {
	vertical-align: top;
}
.promoTable .city {
	height: 35px;
	line-height: 35px;
	padding-left: 8px;
	font-weight:bold;
}
.promoTable td:nth-child(2) .city{
	font-weight:normal;
}
.promoTable .price {
	display: block;
	width: 83px;
	height: 32px;
	text-align: right;
	color: #fff;
	font-size: 20px;
	margin: 2px;
	line-height: 31px;
	float: right;
	margin-right: 8px;
}
.promoTable .price a, .promoTable .price a:visited, .promoTable .price a:hover {
	color: #f04e23;
	font-weight:bold;
}
.promoTable .price .euro {
	font-weight: normal;
}
.promoTable tr:nth-child(even){
	background-color:#E9EFF6;
}
.promoTable tr{
	border-bottom:solid 1px #E9EFF6\9;
}
/*------------------- content page -------------------------------------------*/
#contentBody ul li {
	background: url(/images/ico_listArrowOrange.gif) no-repeat left 6px;
}
#contentBody table {
	margin-bottom: 20px;
	width: 100%;
	border-collapse:collapse;
}
table.border{
	border:1px solid #134a85;
}
#contentBody table td {
	padding: 2px 5px;
	border-collapse:collapse;
}
#contentBody table th {
	background: url(/images/tabelheader.gif);
	color: #fff;
	padding: 2px 5px;
	margin:0;
	text-align:left;
	text-transform:uppercase;
	font-size:12px;	
}
#contentBody table th h3 {
	margin:0;
	padding:0;
	color:#FFF;
	text-align:left;
}
table.list tr:nth-child(even){
	background-color:#E9EFF6;	
}
table.list td{
	border-top:1px solid #e9eff9\9;

}
hr.plane{
	height:16px;
	background:url("/images/heen.gif") repeat scroll right center transparent;
	margin:10px 16px;
	border:none;
}
h2 a:link {color: #fc8e01;}
h2 a:visited {color: #fc8e01;}
h2 a:hover {color: #fc8e01;}
h2 a:active {color: #fc8e01;}

/*- Images in contentblok -*/
#contentBody img {
	margin-left: 10px;
}

#contentBody .promo img {
	border: 1px solid #fff;
	margin: 0px;
}
/*- JQuery datepicker image (contact.aspx) -*/
img.ui-datepicker-trigger {
    margin-right: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 5px !important;
    border: 0 !important;
}
/* Form fields */
input#FirstName, input#Name, input#Email, select#Reason, input#Subject, textarea#Question, textarea#Comment, input#BookingNumber, input#Phone1, input#Phone2, input#BankAccount, input#Iban, input#Bic, select#Country {
	width: 250px
}
input#BirthDate {
	width: 225px
}

td.tdLabels {
	width: 150px;
}
td.tdFields {
	width: 250px;
}
input#Street {
	width:156px
}
input#HouseNr, input#Box {
	width:40px
}
input#Postal {
	width:87px
}
input#City {
	width:156px
}
.fareBook a, .fareBook a:visited, .fareBook a:hover, .fareBook a:link {
text-decoration:none;
}
.iframe iframe{
	height:280px;
}

/* BUSINESS STUFF */
.ButtonBlue {
    background: url("/~/media/7129BAE6B5094DF2BAFF1E53F6239407.ashx") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 20px;
}
.ButtonBlue .ButtonText {
    background: url("/~/media/7129BAE6B5094DF2BAFF1E53F6239407.ashx") no-repeat scroll right top #F6F8FB;
    border: medium none;
    cursor: pointer;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 10px 20px 10px 0;
}
.ButtonText a{ 
color:#FFF !important;
}
.noUnderline a {
    text-decoration: none !important;}