/* 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 {
	background-color: #e5f6fd;
	color: #777b7a;
	line-height: 1.3em;
	font-size: 0.7em;
}
* {
	font-size: 100%; /* avoids font scaling in a table - if this distroys all layout, just use table */
}
a:link {color: #0c6ba5;}
a:visited {color: #0c6ba5;}
a:hover {color: #fc8e01;}
a:active {color: #044a75;}
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;}
h1 {
	font-size: 20px;
	color: #fc8e01;
}

h2 {
	font-size: 14px;
}

h2 hover {
	color: #fc8e01
}
h3 {
	font-size: 12px;
	color: #fc8e01
}
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 {
	background-color: #FFF;
	width: 981px;
	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  -------------------------------------------*/
#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: #f7c600;
	text-decoration: none;
	font-weight: bold;
}
#subscribe {
	right: 30px;
	position: absolute;
	color: #fff;
	top: 33px;
	width:280px;
}
.subcribeTxt {
	margin-bottom: 5px;
}
.bckSubscribe {
	background: url(/images/bck_inputHeader.gif) no-repeat right;
	width: 136px;
	height: 20px;
	float: left;
}
.inputSubscribe {
	border: 0px solid #fff;
	font-weight: bold;
	width: 113px;
	margin: 4px 13px 0 10px;
	padding: 0;
}
.butSubscribe {
	border: 0px solid #fff;
	background: url(/images/but_inschrijven.gif) no-repeat right;
	width: 130px;
	height: 20px;
	margin-left: 5px;
	color: #f7c600;
	font-weight: bold;
}
.butSubscribeOver {
	color: #fff;
	cursor:pointer;
}
#contact {
	right: 0px;
	position: absolute;
	color: #fff;
	top: 99px;
	width: 275px;
	background: url(/images/bck_headerContact.gif) no-repeat;
	height: 16px;
	padding: 13px 15px 7px 15px;
}

/* --------------------------- path  -------------------------------------------*/

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

/* --------------------------- content  -------------------------------------------*/
#content {
	padding: 1px;
	background: url(/images/bck_content.gif) repeat-y;
}
#contentBody {
	padding: 5px 50px 5px 50px;
}
#body .margin {
	padding: 5px 100px 5px 100px;
	text-align: justify;
}
.blockOrange {
	height: 250px;
	overflow: hidden;
	border: 1px solid #feca04;
	float: left;
	margin-top: 30px;
	color: #0b68a1;
}
.blockGrey {
	height: 251px;
	overflow: hidden;
	border: 1px solid #dde1e0;
	float: left;
	margin-top: 34px;
	background: url(/images/bck_blockGrey.gif) left bottom;
}
.first {
	margin-right: 38px;
	width: 300px;
}
.second {
	margin-right: 37px;
	width: 300px;
}
.full {
	margin-right: 38px;
	width: 639px;
}
.third {
	margin-right: 0;
	width: 298px;
}
.blockOrange .txtTop {
	margin: 10px;
	height: 210px;
	overflow: hidden;
	padding-top: 0px;
}
.blockOrange .txtTopFull {
	margin: 0px;
	height: 250px;
	overflow: hidden;
	padding-top: 0px;
}
.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: 1px 0 0 0 !important;
}
.promotions h2 {
	font-size: 20px;
	font-weight: bold;
	color: #fc8e01;
	padding: 10px 0px 10px 10px !important;
	text-align: left;
	float: left;
	overflow: hidden;
	width: 170px;
	margin: 0;
	overflow:hidden;
}
.promotions h2 a:link, .promotions h2 a:visited, .promotions h2 a:hover, .promotions h2 a:active {
	color: #fc8e01;
}
.promotions .promolink {
	padding: 17px 10px 10px 0px;
	height: 18px;
	text-align: right;
	/*width: 90px;*/
	overflow: hidden;
	margin: 0;
	float:right;
	overflow:hidden;
}
.promotions .txtBottom {
	margin: 0px 10px;
	height: 20px;
	text-align: right;
}
.blockOrange ul li {
	background: url(/images/ico_listBlue.gif) no-repeat left 7px;
}
.blockOrange a:link {
	color: #0b68a1;
	text-decoration: none;
}
.blockOrange a:visited {
	color: #0b68a1;
	text-decoration: none;
}
.blockOrange a:hover {
	color: #0b68a1;
	text-decoration: underline;
}
.blockOrange a:active {
	color: #0b68a1;
	text-decoration: underline;
}
.blockGrey h2 {
	font-size: 11px;
	font-weight: bold;
	background: #eff1f0;
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 10px;
	height: 18px;
	color: #555555;
}
.blockGrey .txtTop {
	margin: 0px;
	height: 230px;
	padding-top: 1px;
	overflow: hidden;
}
.blockGrey .txtTop .marginBlock {
	margin: 16px 10px 10px 10px;
}
.blockGrey .txtTopFull {
	margin: 0px;
	height: 250px;
	padding-top: 1px;
	overflow: hidden;
}
.blockGrey .txtTopFull .marginBlock {
	margin: 16px 10px 10px 10px;
}
.blockGrey .txtBottom {
	margin: 0px 10px;
	height: 20px;
	text-align: right;
}
.blockGrey a:link {
	color: #777b7a;
	text-decoration: none;
}
.blockGrey a:visited {
	color: #777b7a;
	text-decoration: none;
}
.blockGrey a:hover {
	color: #777b7a;
	text-decoration: underline;
}
.blockGrey a:active {
	color: #777b7a;
	text-decoration: underline;
}
.blockGrey ul li {
    background: url(/images/ico_listGrey.gif) no-repeat left 7px;
}

/* --------------------------- footer  -------------------------------------------*/
#footer {
	margin: 1px;
	border-top: 1px solid #dde1e0;
	border-bottom: 1px solid #dde1e0;
	margin-top: 38px;
	margin-bottom: 25px;
	line-height: normal;
}
#footer .navigation {
	margin: 8px 0 8px 10px;
	float: left;
	width: 662px;
}
#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: 287px;
}
#footer .logos img {
	vertical-align:text-bottom;
	margin: 0px 2px;
}
#footer .navigation li a:link {
	color: #797b7a;
	text-decoration: none;
}
#footer .navigation li a:visited {
	color: #797b7a;
	text-decoration: none;
}
#footer .navigation li a:hover {
	color: #797b7a;
	text-decoration: underline;
}
#footer .navigation li a:active {
	color: #797b7a;
	text-decoration: underline;
}

/* --------------------------- destinations  -------------------------------------------*/
#destinations {
	padding: 23px;
	color: #cecece;
	line-height: normal;
}
#destinations a:link {
	color: #cecece;
	text-decoration: none;
}
#destinations a:visited {
	color: #cecece;
	text-decoration: none;
}
#destinations a:hover {
	color: #cecece;
	text-decoration: underline;
}

/* -------------------------- promotions -------------------------------------------*/
.promoTable {
	width: 100%;
	border-bottom: 1px dotted #f99003;
}
.promoTable td {
	border-top: 1px dotted #f99003;
	vertical-align: top;
}
.promoTable .city {
	height: 35px;
	line-height: 35px;
	padding-left: 8px;
}
.promoTable .price {
	display: block;
	width: 83px;
	height: 31px;
	text-align: center;
	/*font-weight: bold;*/
	background: url(/images/bck_price.gif);
	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: #fff;
}
.promoTable .price .euro {
	font-weight: normal;
}

/*------------------- content page -------------------------------------------*/
#contentBody ul li {
	background: url(/images/ico_listArrowOrange.gif) no-repeat left 6px;
}
#contentBody table {
	background: #def0f5;
	margin-bottom: 20px;
	width: 100%;
}
#contentBody table td {
	border-bottom: 1px dotted #fff;
	padding: 2px 5px;
}
#contentBody table th {
	background: #f99003;
	color: #fff;
	padding: 1px 5px;
}
h2 a:link {color: #fc8e01;}
h2 a:visited {color: #fc8e01;}
h2 a:hover {color: #fc8e01;}
h2 a:active {color: #fc8e01;}

/*
#contentBody img {
	border: 1px solid #fff;
	margin: 10px;
}
*/

/*- 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
}