#dhtmltooltip{
	font-family:verdana;
	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);
}


body, html, table, pre, span, form {
	paddin:0px;
	margin:0px;
	border:0px;
}

body {
	background-color:#0D3F96;
}

/*text*/

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

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

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

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

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

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

/*layout*/

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

#logo {
	background-color:#96BE00;
	background-image:url('../../pics/wizard/hoekTopRight.gif');
	background-position:right top;
	background-repeat:no-repeat;
}

#logo img{
	border:0px;
}


#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;
}

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

#footer {
	height:40px;
	background-color:#96BE00;
	margin:0 0 10px 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 {
	margin-left: auto;
	margin-right: 10px;
}

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

.form {
	text-align:left;
	border:0px;
	padding:0px;
	border-collapse:collapse;
}

.form td a{
	color:#96BE00;
	text-decoration:none;
}

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

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

.form td input, .form td select {
	width:170px;
	border:0px;
	border-style:none;
	background-color:#ffffff;
}

.form td input.pc {
	width:55px;
}
.form td input.nr {
  width:20px;
}

.form td input.straat {
	width:145px;
}

.form td input.plaats{
	width:110px;
}

.form td.tMid {
	text-align:right;
	width:180px;
	height:16px;
	border:0px;
}

.form td.tMid select, .form td.tMid input {
	text-align:left;
	width:80px;
	border:0px;
	border-style:none;
	background-color:#ffffff;
}

.form td.tMid select{
	width:120px;
}


.form tr.groep {
	text-align:left;
	font-weight:bold;
	color:#0C3F97;
}

.form tr.groep td {
	padding: 0 0 5px 5px;
}


.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 {
	margin:0 0 20px 0;
	padding: 5px;
}

.verzekering
{
  margin: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;
}

.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;
  float:left;
  position:relative;  
}

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

.subtotaal
{
  width:400px;
  text-align:right;
}

.subtotaal .streep
{
  border-top:1px dashed #26579B;
}

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

.subtotaal .calc
{
  color:#96BE00;
  width:100px;
}

.step
{
  background-color:#e1e1e1;
  padding-top:10px;
  padding-bottom:10px;
  position:relative;
}

div .kop
{
  position:relative;
  font-size:14px;
  font-weight:bold;
  cursor:pointer;
  display:block;
  height:40px;
  clear:both;
}

.step div.content
{
  display:none;
}

#content0.content,#content1.content,#content2.content,#content3.content,#content4.content,#content5.content
{
  margin-top:20px;
  clear:both;
}
  
.stepActive
{
  background-image:url('../../pics/wizard/verloop.jpg');
  background-position:top;
  background-repeat:repeat-x;
  background-color:#e1e1e1;
  min-height:140px;
  _height:140px;
  margin-bottom:-2px;
}

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

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

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

.stepActive .kop
{
  border:1px solid #ccc;
  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');
}

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

.kopInh
{
  position:relative;
  top:10px;
  left:4px;
}


.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:140px;
  height:35px;
  background-image:url('../../pics/wizard/verder.png');
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../pics/wizard/verder.png', sizingMethod='image');
  margin:2px auto;
  cursor:pointer;
  clear:both;
}

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

#final
{
  width:140px;
  height:35px;
  background-image:url('../../pics/wizard/betalen.png');
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../pics/wizard/betalen.png', sizingMethod='image');
  margin:2px auto;
  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:none;
  width:250px;
}

.slide
{
  background-color:#eee;
  height:100px;
  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;
}

div .hotelBeschrijving
{
  margin:4px;
}

div .slideContainer
{
  height:250px; 
  overflow:auto;
  overflow-y:hidden; 
  overflow-x:hidden; 
  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:10px;
  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:Verdana;
  font-weight:bold;
  font-size:14px;
  position:absolute;
  top:55px;
  left:75px;
}

div.vluchtenType {
  width:100%;
  background-color:#ccc;
  color:#fff;
  font-weight:bold;
}

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

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

.hoofdboeker
{
  background-color:#cfc;
}

.clear
{
  background-color:transparent;
}

.boeking
{
  width:400px;
}

.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:Verdana;
  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-i:url('../../pics/wizard/vlieg2.gif');
  background-position:top right;
  background-repeat:no-repeat;
  width:400px;
  height:100px;
}

.flightsTable
{
  width:600px;
}