.calendar * { margin: 0; padding: 0; border: 0; font-family: Arial; font-weight: normal; color: #294293; }
.calendar .invalidday a, .calendar .invalidday a:hover { color: #ccc; background: #fff; cursor: default; }
.calendar .selectedday { background: #ddd; }
.calendar .today { font-weight: bold; color: #f00; }
.calendar a { padding: 0 2px; color: #294292; text-decoration: none; }
.calendar a:hover { background: #bbb; }
.calendar table { border-collapse: collapse; font-size: 90%; }
.calendar tbody td { width: 20px; }
.calendar td, .calendar th { padding: 1px; text-align: center; }
.calendar thead td { border-bottom: 1px solid #aaa; }
.calendar thead td { font-weight: bold; }
.calendar thead th a { font-size: 95%; font-weight: bold; }
.calendar thead th { padding: 2px 0; vertical-align: middle; background: #d6e7fe; }
.calendar { padding-bottom: 2px; border: 1px solid #aaa; font-size: small; background: #fff; }
.calendaricon { cursor: pointer; }
.calendarlink, .calendaricon { margin: 0 3px; }

.lpPoweredBy, .lpEmtStarRating {
	display:none;
}

html
{
font-family:Arial,Helvetica,serif;
}

body, div, p
{
font-family:Arial,Helvetica,sans-serif;
color:#294292;
font-size:12px;
line-height:14px;
margin:0px;
border:0px;
padding:0px;
}

.headerContainer {
  width:980px;
  margin: 0px auto;
}

.container
{
  width:980px;
  margin: 0px auto;
  min-height:600px;
  background-color:#fff;
  padding-top:10px;
}

.links
{
float:left;
width:220px;
border:0px solid #ff0000;
height:600px;
padding:0;
}

.rechts
{
float:right;
width:250px;
border:0px solid #0000ff;
height:600px;
margin-left:0px;
padding:0 0px 0px 0px;
}

.content
{
  margin: 20px;
 /* margin-right: 220px */
  min-height:620px;
  _height:620px;
  padding:1px 8px 0px 0px;
  border:0px solid #000;
  color:#294292;
  line-height:1.2em;
}

.content h1
{
  padding:0;
  margin:0;
  font-size:14pt;
  margin-bottom:6px;
}

.bubbleInside {
  padding:10px;
}

#dhtmltooltip{
	font-family:Arial;
	font-size:12px;
	position: absolute;
	width: 150px;
	border: 1px solid black;
	padding: 3px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/*text*/

.subtotaal td.big_title {
  vertical-align: top;
	width: auto;
	font-weight: bold;
	color:#96BE00;
}

.subtotaal td.money {
	white-space:nowrap;
}

.left, .right, #statusBar ul li {
	font-family:Arial;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#content, input, select {
	font-family:Arial;
	font-size:12px;
	color:#26579B;
}

.blok p {
	margin:0px 20px 0 20px;
}

.small {
	font-family:Arial;
	font-size:10px;
}

/*layout*/

#container {
  width: 800px;
  margin: 0 auto;
	padding:20px;
}

#statusBar {
	height:20px;
	background-color:#96BE00;
	padding:0px;
	margin:0px;
	border:0px;
}

#statusBar ul {
	float:right;
	margin:0 4px 0 0;
}

#statusBar ul li {
	position:relative;
	top:-15px;
	display:inline;
	list-style:none;
	padding:0px 15px 52px 15px;
	_padding:0px 15px 52px 18px;
	background-position:center center;
	background-repeat:no-repeat;
}
#statusBar ul li.valid {
	background-image:url('../../pics/wizard/balV.gif');
	color: #0D3F96;
}
#statusBar ul li.invalid {
	background-image:url('../../pics/wizard/knoprood.gif');
}
#statusBar ul li.inactive {
	background-image:url('../../pics/wizard/balI.gif');
}
#statusBar ul li.active {
	background-image:url('../../pics/wizard/balA.gif');
	color: #0D3F96;
}

ul.wizard {
  display:block;
  list-style-position:inside;
  margin:4px;
  margin-left:0px;
  padding:0px;
}

#content {
	padding:10px 20px;
	margin:0px;
	background-color:#ffffff;
  position:relative;
}

#footer {
	height:40px;
	background-color:#96BE00;
	margin:0 0 0px 0;	
	_overflow:hidden;
}

.buttons
{
	border:0px;
	text-align:center;
}

.buttons img
{
	border:0px;
	margin:0px 10px;
}

#back{
	text-align: left;
	margin-bottom: 4px;
}

#back a{
	text-decoration: none;
	font-weight: bold;
}

.left , .right {
	position:relative;
	top: 8px;
	padding:0 0 0 5px;
}

.right {
	float:right;
	margin: 0 4px 0 0;
}

.subtotaal td.tLeft{
	color:#96BE00;
}

div .spacer {
  width:660px;
  border-top:1px solid #b7c2de;
  height:1px;
  margin-top:8px;
  margin-bottom:8px;
}

.form {
  border:none;
  width:660px;
  font-size:12px;
}

.form input, .form select {
  border:1px solid #b7c2de;
}

.form .nr {
  width:40px;
}

td.tLeft{
	width:200px;
	color:#26579B;
	vertical-align:top;
	padding: 0 0 0 5px;
}

td.tLeft i {
	font-size:9px;
}

.blok {

	_height:250px;
	min-height:250px;


	text-align:left;
	margin:0px auto;
	border:1px;
	padding:0px 0px 20px 0px;
	border-style:solid;
	border-color:#26579B;
	background-color:#DEF1FC;
}

.blok p.titel {
	margin:0 0 20px 0;
	padding: 5px;
	font-weight:bold;
	background-color:#0C3F97;
	color:#ffffff;
}

.wizard_message {
	padding: 5px;
}

.verzekering
{
  font-size:12px;
  border-collapse:collapse;
  background-color:#fff;
  border:1px solid #bec5df;
  width:660px;
}

td.field, td.type{
  border:1px solid #bec5df;
  padding:4px;
}

.blokSubTotaal {
	text-align:left;
	margin:0px auto;
	border:1px;
	padding:0px;
	border-style:solid;
	border-color:#26579B;
	background-color:#DEF1FC;
}

.blokSubTotaal p.titel {
	margin:0 0 20px 0;
	padding: 5px;
	font-weight:bold;
	background-color:#0C3F97;
	color:#ffffff;
}

img.lt {
	position:relative;
	left:-1px;
	top:-2px;
	margin:0px;
	border:0px;
}

img.lb {
	position:relative;
	left:-1px;
	bottom:-3px;
	margin:0px;
	border:0px;
}

img.rt {
	position:relative;
	float:right;
	right:-1px;
	top:-1px;
	margin:0px;
	border:0px;
}

img.rb {
	position:relative;
	float:right;
	right:-1px;
	bottom:-4px;
	margin:0px;
	border:0px;
}	

/* FOR PRINTING ONLY*/
@media print 
{
 #footer, .buttons
 { 
	visibility:hidden;
 }
 .logoPrint
 {
  visibility:visible;
 }
 #logo img
 {
	border:1px solid #96BE00;
 }
}

.error, .error input, .error select {
	color:#ff0000;
}

.hilite {
	border-bottom:1px solid #f00;
	color:#f00;
	font-weight:bold;
}

.wizardError 
{
  color:#fff;
  border:1px solid #333;
  background-color:#f44;
  padding:4px;
  margin:4px;
  font-weight:bold;
}

.wizardError a
{
  cursor:pointer;
  text-decoration:underline;
}

td.error input, td.error select {
	border: 1px solid #ff0000;
  background-color: #ffeeee;
}

/* NIEUW */
#arrangementHead
{
  background-image:url('../../pics/wizard/verloop2.jpg');
  background-position:top;
  background-repeat:repeat-x;
  background-color:#fff;
  min-height:40px;
  _height:40px;
  padding:4px;
  font-size:16px;
  font-weight:bold;
  margin-top:4px;
  margin-bottom:4px;
}

#arrangementHead span
{
  position:relative;
  top:7px;
}

.totaal
{
  font-weight:bold;
}

.summary
{
/*  pdding-left:10px; */
  width:300px;
  font-size:12px;
}

.header
{
  font-weight:bold;
  font-size:11px;
}

.subtotaal
{
  width:600px;
  margin-left:10px;
  font-size:12px;
}

.subtotaal .streep
{
  border-top:1px solid #93b7e7;
  text-align:left;
}

.subtotaal .naam
{
  color:#294292;
  width:200px;
}

.subtotaal .calc
{
  color:#294292;
  width:400px;
}

div .kop
{
  z-index:1000;
  font-size:14px;
  font-weight:bold;
  cursor:pointer;
  display:block;
  height:30px;
  clear:both;

}

#content0.stepcontent,#content1.stepcontent,#content2.stepcontent,#content3.stepcontent,#content4.stepcontent,#content5.stepcontent
{
  margin-top:20px;
  clear:both;
}

.stepcontent {
  margin-left:20px;
}
  
.stepActive
{
  background-position:top;
  background-repeat:repeat-x;
  background-color:#f4f9ff;
  margin-bottom:40px;
  margin-top:40px;
  border:3px solid #92b7e7;
  background-image:url('../../pics/wizard/gradient_active.png');
  min-height:50px;
  _height:50px;
  width:700px;
}

.stepInActive {
  background-position:top;
  background-repeat:repeat-x;
  background-color:#cfe3fe;
  margin-bottom:40px;
  margin-top:40px;
  border:3px solid #92b7e7;
  bckground-image:url('../../pics/wizard/gradient_inactive.png');
  min-height:50px;
  _height:50px;
  width:700px;
}

.help             
{
  margin-top:7px;           
  font-size:10px;    
  width:250px;   
  height:40px;  
  display:block;
  float:right;
  position:relative; 
  color:#96BE00;
	visibility:hidden;
}

.aanpas {
  float:right;
  display:none;
  margin-right:-210px;
}

.no
{
  width:32px;
  height:32px;
  display:block;
  float:left;
}

.stepActive .kop
{
  bckground-color:#cfe3fe;
  padding:2px;
}

.stepActive .kop .no
{
  color:#fff;
  background-image:url('../../pics/wizard/balActive.png');  
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../pics/wizard/balActive.png', sizingMethod='image');
}

.stepInActive .kop
{
  bckground-color:#E7F1FE;
  padding:2px;
}

.stepDone .kop .no
{
  background-image:url('../../pics/wizard/balActive.png'); 
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../pics/wizard/balValid.png', sizingMethod='image');
}

.stepDone .kop .no
{
  background-image:url('../../pics/wizard/balActive.png'); 
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../pics/wizard/balValid.png', sizingMethod='image');
}

.kopInh
{
  position:relative;
  top:10px;
  left:4px;
  font-size:14pt;
  color:#294292;
}

.stepInActive .kopInh {
  color:#94A0C8;
}

.stepInActive .kop .no
{
  background-image:url('../../pics/wizard/balActive.png'); 
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../pics/wizard/balValid.png', sizingMethod='image');

}

.stepDone
{
  bckground-color:#fff;
}

form {
  margin:0;
}

.verzekering
{
}

.verzekering span
{
  position:relative;
  left:-1px;
  background-color:#eee;
  padding-left:1px;
}

.verzekering .top
{
  background-image:url('../../pics/wizard/lijntje_horizontaal.gif');
  background-position:right;
}

.verzekering .type
{
  width:200px;
}

.verzekering .top_s
{
  background-image:url('../../pics/wizard/lijntje_horizontaal_s.gif');
  background-position:right;
}

.verzekering .rechts
{
  background-image:url('../../pics/wizard/lijntje_rechts.gif');
}

.verzekering .rechts_s
{
  background-image:url('../../pics/wizard/lijntje_rechts_s.gif');
}

.verzekering .pijl
{
  background-image:url('../../pics/wizard/pijltje.gif');
  background-repeat:no-repeat;
  background-position:center;
}

.verzekering .pijl_s
{
  background-image:url('../../pics/wizard/pijltje_s.gif');
  background-repeat:no-repeat;
  background-position:top;
}

#verder
{
  width:107px;
  height:16px;
  background-image:url('../../pics/wizard/nextstep.png');
  background-repeat:no-repeat;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../pics/wizard/nextstep.png', sizingMethod='image');
  margin:0px;
  margin-top:10px;
  padding-bottom:4px;
  padding-top:2px;
  cursor:pointer;
  clear:both;
  font-weight:bold;
  font-size:11px;
  text-align:center;
  color:#fff;
}

#terug
{
  width:200px;
  height:35px;
  background-image:url('../../pics/wizard/terug.png');
  background-repeat:no-repeat;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../pics/wizard/terug.png', sizingMethod='image');
  margin:2px auto;
  cursor:pointer;
}

#final
{
  width:87px;
  height:18px;
  background-image:url('../../pics/wizard/betalen.png');
  background-repeat:no-repeat;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../pics/wizard/betalen.png', sizingMethod='image');
  margin:0px;
  margin-top:10px;
  padding-bottom:4px;
  padding-top:2px;
  cursor:pointer;
}

.knop 
{
  cursor: pointer;
  position:relative;
  top:4px;
  left:4px;
  padding: 6px;
  text-decoration: none;
  font-size:11px;
  font-weight:bold;

  border-width:1px;
  border-style:solid;
  background-color: #fff;
  border-color: #ccc #999 #999 #ccc;
}

.knop:hover 
{
  border-width:1px;
  border-style:solid;
  background-color: #ccc;
  border-color: #999 #eee #eee #999;
  color: #3677cB;
}


div.vluchtData
{
 padding:0px;
	white-space:nowrap;
	vertical-align:top;
	width:auto;
	text-align:center;
	height:17px;
	border:0px;
	background-color:#ffffff;
	margin:0 0 0 auto;
}

div.vluchtData a
{
 height:17px;
 padding:0px;
 border:0px;
 margin:0px;
}

div.vluchtData a img { height:17px; padding:0px; border:0px; margin:0px; }

input.vluchtData 
{
 font-size:11px;
 height:16px;
 width:135px;
 text-align:center;
 line-height:10px;
 vertical-align:top;
 margin:0px;
 padding:0px;
 border:0px;
 background-color:#ffffff;
}

.subtitel
{
  margin:4px;
  font-weight:bold;
}

#opmerkingen
{
  border: 1px solid #B7C2DE;
  width:250px;
}

.slide
{
  position:relative;
}

.hotelTitel
{
  font-weight:bold;
  font-size:12px;
}

.hotelPrijs
{
  font-weight:bold;
  font-size:18px;
  line-spacing:0px;
}

div .slideContent
{
  width:200px;
}

div .hotelImages
{
}

div .hotelBody
{
	width:350px;
  clear:both;
}

.hotelFee {
  font-weight:bold;
  padding-left:4px;
  padding-right:4px;
  float:right;
}

div .hotelBeschrijving
{
  margin:4px;
}

div .slideContainer
{
  height:250px; 
  overflow:auto;
  overflow-y:hidden; 
  overflow-x:hidden; 
  /*z-index:10;*/
  position:relative;
  width:710px;
  background-color:#eee;
}

#browseButtons
{
  position:relative;
  height:18px;
  background-color:#eee;
  width:100%;  
}

.kamer {
  position:relative;
  border:1px solid #aaa;
  padding:4px;
  margin:2px;
  background-color:#fff;
  height:14px;
}

img.invalid {
  margin:2px;
  padding:4px;
}

#personsValid
{
  text-align:center;
  width:44px;
}

.kamerNo
{
  margin:14px 10px 10px 0px;
  position:relative;
  top:-5px;
}

select.bedSelect {
  border:1px solid #aaa;
  height:19px;
  margin-top:4px;
  margin-bottom:3px;
}

select.bedType {
  position:absolute;
  left:50px;
  top:-1px;
  width:250px;
}

#loadingText
{
  font-family:Arial;
  font-weight:bold;
  font-size:14px;
  position:absolute;
  top:55px;
  left:75px;
}

div.vluchtenType {
  width:100%;
  color:#294292;
  font-weight:bold;
  border-top:1px solid #93b7e7;
  border-bottom:1px solid #93b7e7;
  width:660px;
  line-height:24px;
  height:24px;
  background-image:url('../../pics/wizard/linegrad.png');
}

.sub {
  width:20px;
  display:inline-block;
}

.hideFlight, .hideFlight_heen, .hideFlight_terug
{
  display:none;
}

.swapFlightsKnop
{
  text-decoration:underline;
  color:#26579B;
}

.hoofdboeker
{
  background-color:#cfc;
}

.clear
{
  background-color:transparent;
}

.boeking
{
  font-size:12px;
}

.airport {
  border:1px solid #b7c2de;
  background-color:#fcfdff;
  margin:0px;
  padding:0px;
  margin-top:20px;
  margin-bottom:20px;
  width:660px;
}

.radioknop {
}

.more a {
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
}

.boebel
{
  background-image:url('../../pics/wizard/del.gif');
  background-position:top right;
  background-repeat:no-repeat;
  top:26px;
  opacity:.9;
  filter: alpha(opacity = 90);
  width:300px;
  position:absolute;
  border:1px solid #000;
  display:none;
  overflow:hidden; 
  font-family:Arial;
  font-size:10px;
  padding:10px;
  background-color:#E9F1C8;
  z-index:1000;
  cursor:pointer;
  max-height:100px;
  overflow:auto;
  height: expression( this.scrollHeight > 99 ? "100px" : "auto" ); /* sets max-height for IE */
}

.tn_bar {
  list-style-type: none;
  text-align:center;
}

.tn_bar li
{
  float:left;
  margin-right:4px;
  text-align:center;
}

.tn_bar li img
{
  cursor:pointer;
}

#loadingPlane
{
  padding-top:15px;
  background-image:url('../../pics/wizard/vlieg2.gif');
  background-position:top right;
  background-repeat:no-repeat;
  width:400px;
  height:100px;
}

.flightsTable
{
  width:600px;
  font-size:12px;
}

.hotellist {
  border-top:1px solid #93b7e7;
  width:660px;
  height:27px;
  line-height:27px;
  margin-left:4px;
  vertical-align:middle;
  padding:0;
  margin:0;
  background-image:url('../../pics/wizard/linegrad.png');
  background-repeat:repeat-x;
}

.hotellist input {
  margin:0;
  padding:0;
  margin-left:4px;
  margin-right:4px;
  position:relative;
  top:4px;
}

.cc {
  float:right;
  margin-bottom:4px;
  margin-right:400px;
}

.whiteInline
{
  width:188px;
  background-color:#fff;
  border: 3px solid #93b8e7;
  margin:0 auto;
  margin-top:13px;
  padding:0;
}

.smallHead {
  background-color:#cee3fd;
  height:2em;
  text-align:left;
  z-index:1;
}

.smallHead h1 {
  font-family:Trebuchet MS;
  color:#294292;
  font-size:12pt;
  margin:0;
  padding-left:8px;
  position:relative;
  top:-4px;
  z-index:1000;
}

.blueInlineContent
{
  margin: 0 auto;
  background-color:#cee3fd;
  z-index:1000;
  text-align:left;
}

#klantenservice {
  background-image:url(../../pics/vt/klantenservice.jpg);
  with:186px;
  height:95px;
  background-position:0px 0px;
  background-repeat:no-repeat;
  position:relative;
  background-color:#fff;
}

.callme {
  width:68px;
  height:14px;
  background-image:url('/pics/vt/belme.gif');
  border:none;
  cursor:pointer;
}

.hotelcontent {
  overflow:auto;
  display:none; 
  min-height:180px;
  height:180px;
  margin-left:30px;
}

.dateInput {
  background:transparent;
  font-size:12px;
  color:#294292;
  margin-left:0px;
  padding-left:0px;
  position:relative;
  left:-2px;
  width:140px;
}

.wizard_right {
  text-align:left;
  margin:10px;
}

/* tooltip */

#tip,
.tooltip {
  z-index:10000;
  display:none;
  font-size:12px;
  width:250px;
  padding:10px 20px 15px 20px;
  color:#ffffff;
  background-color:#2e61bd;
  border: 2px solid #93b8e7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow:0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;
}

#tip h1,
.tooltip h1 {
  color:#383838;
}

#tip a,
.tooltip a {
  color:#383838;
  text-decoration:underline;
}

/* the overlayed element */
.simple_overlay {
    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#fff;

    width:400px;
    min-height:400px;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;

	  border: 2px solid #93b8e7;
	  -moz-border-radius: 15px;
	  -webkit-border-radius: 15px;
    padding:20px;
    
    font-size:1em;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url('../../pics/wizard/close.png');
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

.fluctual {
	font-size:11px;
	font-style:italic;
}
