/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Verdana; font-size: 11px; color: #262626; }
input, select, textarea { font-family: Verdana; font-size: 11px; color: #b4b4b4; }
body { background: #fff; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 799px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 799px; height: 132px; }
	#headerCntr h1 { position: absolute; top: 0px; left: 0px; width: 307px; height: 205px; text-indent: -9999px; }
	#headerCntr h1 a { display: block; width: 307px; height: 205px; background: url('../images/logo.gif') no-repeat; }
	#headerCntr img.ad { position: absolute; top: 30px; right: 0px; }
	#headerCntr #rotator { position: absolute; top: 30px; right: 0px; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 105px; left: 0px; width: 799px; height: 27px; background: url('../images/menuBg.gif') no-repeat; }
		#menuCntr ul { padding-left: 120px; overflow: hidden; width: 679px; }
		#menuCntr li { float: left; display: inline; height: 27px; }
		#menuCntr li a { padding: 0px 20px 0px 20px; display: block; float: left; height: 27px; font: 12px/27px Arial; text-decoration: none; text-transform: uppercase; color: #a4a4a4; }
		#menuCntr li a:hover, #menuCntr li.selected a { color: #ff9c00; background: url('../images/menuHBg.gif') repeat-x; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 8px; overflow: hidden; width: 783px; background: url('../images/contentBg.gif') repeat-y; }
		
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 257px; }
		
			/* ### LEFT BOX ### */
			.leftBox { margin: 0px 10px 0px 0px; position: relative; float: left; display: inline; overflow: hidden; width: 255px; border: 1px solid #dbdada; }
			.leftBox h2 { padding: 0px 10px 0px 10px; height: 26px; line-height: 24px; font-size: 13px; font-weight: normal; color: #fff; border-bottom: 1px solid #dbdada; background: #ff9c00; }
			
			/* ### ZOEK BOX ### */
			.zoekBox fieldset { padding: 10px; overflow: hidden; width: 235px; border: 0px; }
			.zoekBox ul { padding-bottom: 10px; overflow: hidden; width: 160px; list-style: none; }
			.zoekBox li { float: left; display: inline; line-height: 16px; }
			.zoekBox li a { text-decoration: none; color: #b4b4b4; }
			.zoekBox li a:hover { color: #ff9c00; }
			.zoekBox li label { font-weight: bold; width: 70px; float: left; }
			.zoekBox h3 { padding-top: 10px; clear: both; font-size: 11px; font-weight: normal; text-decoration: underline; color: #ff9c00; }
			.zoekBox input.field, #contactformulier input.field, input.field { margin-bottom: 5px; padding: 3px 5px 0px 5px; display: block; width: 225px; height: 19px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
			.zoekBox select, .ticket_keuze { padding: 2px; float: left; width: 170px; height: 22px; border: 1px solid #d9d9d9; background: #fff; margin-bottom: 5px; }
			.ticket_keuze {
				 color: Black;
				 margin-left: 10px;
			}
			.zoekBox select.right { margin-right: 1px; margin-bottom: 5px; float: right; }
			.zoekBox input.submit, #contactformulier input.submit, input.submit, .submit { margin-right: 1px; padding-bottom: 2px; float: right; width: 100px; height: 20px; cursor: pointer; color: #ff9c00; border: 1px solid #efefef; background: url('../images/submitBg.gif') repeat-x; }
				#contactformulier label {
					float: left;
					width: 100px;
				}
				#contactformulier textarea {
					width: 400px;
					height: 130px;
					padding: 3px 5px 0px 5px;
					margin-bottom: 3px;
					border: 2px solid #efefef;
				}
				#contactformulier form {
					/* idem als P */
					padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 15px;
				}
			/* ### TOP BOX ### */
			.topBox ul { padding: 10px; overflow: hidden; width: 235px; list-style: none; }
			.topBox li { padding-left: 20px; line-height: 16px; background: url('../images/vink.gif') no-repeat left; }
			.topBox li.first { margin-bottom: 0px; padding-left: 0px; width: 30px; font-size: 20px; color: #dbdada; }
			.topBox li.naam { margin-bottom: 0px; padding-left: 0px; width: 145px; font-weight: bold; }
			.topBox li.prijs { margin-bottom: 0px; padding-left: 0px; width: 60px; text-align: right; color: #fc0202; }
			.topBox li a { color: #ff9c00; }
			.topBox li a:hover { text-decoration: none; }
			.topBox .aanbieder {
				 float: left;
				 width: 100px;
				 padding: 5px 0px 5px 15px;
				 background-image: url(../images/vink.gif);
				 background-repeat: no-repeat;
				 background-position: left;
				 margin-left: 10px;
			}
			.topBox .aanbieder a {
				 color: #ff9c00;
				 text-decoration: none;
				 }
			.topBox a:hover {
				color: #6d6d6d;
				 text-decoration: underline;
			}
			
			/* ### BRIEF BOX ### */
			.briefBox fieldset { padding: 10px; overflow: hidden; width: 235px; border: 0px; }
			.briefBox p, .adBox p { margin: 0px 10px 10px 10px; padding: 10px 0px 5px 0px; border-bottom: 1px dashed #b4b4b4; }
			.briefBox label { margin-bottom: 5px; display: block; float: left; width: 40px; height: 22px; line-height: 22px; }
			.briefBox input.field { margin-bottom: 5px; padding: 3px 5px 0px 5px; display: block; float: right; width: 176px; height: 19px; border: 0px; background: url('../images/field2Bg.gif') no-repeat; }
			.briefBox input.submit { margin-top: 10px; padding-bottom: 2px; float: right; width: 100px; height: 20px; cursor: pointer; color: #ff9c00; border: 1px solid #efefef; background: url('../images/submitBg.gif') repeat-x; }
			
			/* ### AD BOX ### */
			.adBox img { padding: 4px 0px 4px 3px; }
			
		/* ### RIHGT CONTAINER ### */
		#rightCntr { float: right; width: 512px; }
		#rightCntr div.last { margin-right: 0px; }
		/* #rightCntr div.reis img { margin: 5px 0px 0px 11px; } */
		#rightCntr div.reis a, a:visited { text-decoration: none; color: #ff9c00; }
		#rightCntr div.reis a:hover { text-decoration: underline; color: #6d6d6d; }
			
			/* ### TEXT BOX ### */
			.textBox { position: relative; width: 512px; }
			.textBox img { border: 1px solid #dbdada; }
			.textBox h2 { padding: 0px 10px 0px 10px; position: absolute; top: 182px; left: 1px; width: 490px; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; text-align: right; color: #fff; background: url('../images/rightH3.png'); }
			.textBox h3 { padding: 5px 10px 5px 15px; font-size: 13px; }
			.textBox h4 { padding: 2px 10px 2px 15px; font-size: 13px; }
			.textBox p { padding: 10px 20px 10px 15px; text-align: justify; }
			.textBox ul { padding: 10px 20px 10px 25px; }
			.textBox li { margin: 10px 20px 10px 45px; }
			.textBox li.land { margin: 10px 20px 10px 65px; }
			.textBox a, a:visited { text-decoration: none; color: #ff9c00; }
			.textBox a:hover { text-decoration: underline; color: #6d6d6d; }
			
			/* ### RIGHT BOX ### */
			.rightBox { margin: 10px 10px 0px 0px; position: relative; float: left; display: inline; width: 248px; height: 260px; border: 1px solid #dbdada; }
			.rightBox h2 { padding: 0px 10px 0px 10px; height: 26px; line-height: 24px; font-size: 13px; font-weight: normal; color: #5b5b5b; background: #dbdada; }
			.rightBox h2 span { font-size: 11px; color: #ff9c00; padding-left: 10px; }
			.rightBox h3 { position: absolute; top: 31px; left: 11px; width: 226px; height: 48px; line-height: 24px; font-size: 12px; font-weight: normal; text-align: center; color: #ddf0f0; background: url('../images/rightH3.png'); }
			.rightBox h3 span { display: block; }
			.rightBox ul { padding: 10px; overflow: hidden; width: 228px; list-style: none; }
			.rightBox ul.nieuws li { float: left; display: inline; width: 168px; }
			.rightBox ul.nieuws li.first { width: 50px; font-weight: bold; }
			.rightBox ul.nieuws li.last { width: 10px; text-align: right; }
			.rightBox ul.nieuws li a { text-decoration: none; color: #262626; }
			.rightBox ul.nieuws li a:hover { text-decoration: underline; }
			.rightBox ul.nieuws li.last a { color: #ff9c00; }
			.rightBox em { padding: 6px 5px 0px 5px; position: absolute; top: 105px; right: 1px; display: block; width: 58px; height: 34px; font-style: normal; color: #fff; background: url('../images/prijsBg.png') no-repeat; }
			.rightBox p {	padding: 5px 11px 5px 11px;	}
			.rightBox a, a:visited { text-decoration: none; color: #ff9c00; }
			.rightBox a:hover { text-decoration: underline; color: #6d6d6d; }
			
			/* ### reisbox (details reizen + populaire reizen) ### */
			#reisBox { position: relative; width: 512px; }
			#reisBox h2 { padding: 0px 10px 0px 10px; width: 490px; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; text-align: left; color: #fff; background: url('../images/rightH3.png'); }
			#reisBox p, #resultBox p { padding: 10px;	}
			#reisBox input.submit
				{ margin-right: 1px; padding-bottom: 2px; width: 100px; height: 20px; cursor: pointer; color: #ff9c00; border: 1px solid #efefef; background: url('../images/submitBg.gif') repeat-x; }
			#reisBox ul { padding: 10px; overflow: hidden; list-style: none; }
			#reisBox ul.reis { padding: 5px 10px 10px 10px; }
			#reisBox ul.reis li { padding-left: 20px; line-height: 16px; background: url('../images/vink.gif') no-repeat left; }
			#reisBox ul.reis li.last { background: none; }
			#reisBox ul.reis li label {
				font-weight: bold;
				width: 140px;
				float: left;
			}
			#reisBox ul.kruimel { padding-left: 5px 10px 0px 0px; overflow: hidden; }
			#reisBox ul.kruimel li { float: left; display: inline; height: 16px; border-right: 1px solid #a4a4a4; }
			#reisBox ul.kruimel li a { padding: 0px 10px 0px 10px; display: block; float: left; height: 16px; text-decoration: none; color: #a4a4a4; }
			#reisBox ul.kruimel li a:hover, #reisBox ul.kruimel li.selected a { color: #ff9c00; }
			
			#reisBox .populairBox, #resultBox .populairBox { margin: 10px 10px 0px 0px; position: relative; float: left; display: inline; width: 150px; height: 195px; border: 1px solid #dbdada; padding-bottom: 5px; }
			.landbox {
				margin: 2px;
				width: 106px;
				height: 15px;
				line-height: 13px;
				text-align: left;
				float: left;
				padding: 0 0 4px 10px;
			}
			.landbox A, .landbox A:visited {
				color: #ff9c00;
				text-decoration: none;
			}
			.landbox A:hover {
				text-decoration: underline;			
			}
			.landbox IMG {
				float: left;
				margin: 3px;
			}
			.boekknop {
				/* dit is de knop die in de titelbalk wordt getoond (na de H2), needs work dus... */
				float: right;
			}
			#prijsbox {
				/* image met pricetag/achtergrondje met prijs */
				float: right;
				background-image: url(../images/pricetag2.png);
				background-repeat: no-repeat;
				width: 128px;
				height: 128px;
			}
			#prijsbox P {
				padding: 44px 0px 0px 0px;
				text-align: center;
				font-size: 14px;
			}
/* ### resultbox ### */
	#resultBox { position: relative; width: 512px; }
	#resultBox h2 { padding: 0px 10px 0px 10px; width: 490px; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; text-align: left; color: #fff; background: url('../images/rightH3.png'); }
	#resultBox p.sort {
		margin-bottom: 10px;
	}
	#resultBox .result, #resultBox .resultHi {
		float: left;
		width: 500px;
		padding: 6px 6px 10px 0px;
	}
	#resultBox .resultHi {
		border-bottom: 1px solid #dbdada;
		border-top: 1px solid #dbdada;
	}
	#resultBox img {
		margin: 3px 6px 3px 0px;
		border: 1px solid #dbdada;
		float: left;
	}
	#resultBox h3 {
		padding-left: 100px;
		font-size: 13px;
	}
	#resultBox h3 a, #resultBox h3 a:visited {
	color: #ff9c00;
		text-decoration: underline;
	}
	#resultBox h3 a:hover {
		text-decoration: none;
	}
	#resultBox #paging {
		color: #cccccc;
		text-align: center;
		font-weight: bold;
		margin-top: 30px;
		margin-right: 0pt;
		margin-bottom: 30px;
		margin-left: 0pt;
	}
	#resultBox #paging a, #resultBox #paging a:visited {
		color: #ff9c00;
		text-decoration: underline;
	}
	#resultBox #paging a:hover {
	text-decoration: none;
	}
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding-top: 20px; width: 799px; height: 80px; background: url('../images/footerBg.gif') no-repeat top; clear: both; }
	#footerCntr p { text-align: center; }
	#footerCntr p span { font-weight: bold; color: #ff9c00; }
	#footerCntr ul { margin: 0 auto; padding-top: 5px; overflow: hidden; width: 330px; list-style: none; }
	#footerCntr li { float: left; display: inline; }
	#footerCntr li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #262626; }
	#footerCntr li a:hover { text-decoration: underline; }
	
	/* img beperkers: */
	.imgbeperkt130x100 {
		width: 130px;
		height: 100px;
		overflow: hidden;
		margin: 9px 9px 9px 9px;
		padding: 0px;
	}
	.imgbeperkt160x160 {
		width: 160px;
		height: 160px;
		border: 0;
		overflow: hidden;
	}
	.imgbeperkt226x154 {
		width: 226px;
		height: 154px;
		border: 0;
		overflow: hidden;
		margin: 5px 0px 0px 11px;
		padding: 0px;
	}
	
	/* RSS Ajax feed styles: */
	.labelfield{ color:brown; font-family: Verdana,Arial,Helvetica,sans-serif; }
	.datefield{ color:gray; }
	#rssfeedbox li{ padding-left: 11px; padding-bottom: 4px; text-align:left; background-image: url(../images/vink.gif); background-repeat: no-repeat; background-position: left; }
	#rssfeedbox ul{ list-style-type: none; padding-left: 10px; }
	#rssfeedbox div{ margin:0; line-height: 1.35em; padding-left: 15px; padding-right: 30px; padding-bottom: 11px; padding-top: 11px; text-align:justify; font-family:Verdana,Arial,Helvetica,sans-serif; }
	#rssfeedbox div a{ text-decoration: none; }
	/* #rssfeedbox a{ color: #D80101; text-decoration: none; font-weight: bold; } */
	#rssfeedbox p{ margin-bottom: 2px; }
	code{ color: red; }
	/* #rssfeedbox a, a:visited { text-decoration: none; color: #000; }
	#rssfeedbox a:hover { text-decoration: underline; }
*/
	/* Landen images styles: */
	.landenimg { margin: 5px 5px 5px 5px; }
	.landenimg img.left { float: left; margin: 5px 5px 5px 5px; display: inline; }
	.landenimg img.right { float: right; margin: 5px 5px 5px 5px; display: inline; }
	.reisbureauimg { margin: 5px 5px 5px 5px; }
	.reisbureauimg img.left { float: left; margin: 5px 5px 5px 5px; display: inline; }
	.reisbureauimg img.right { float: right; margin: 5px 5px 5px 5px; display: inline; }

	/* Contactform styles: */
			/* #contactformulier { clear: both; padding: 0 0 0 55px; }
			input.txt, textarea, select { background-color: #EAE9EB; border: 1px solid #817A88; padding: 4px; }
			input.btn { padding: 2px 6px; font-weight: bold; color: #000000; background-color: #EAE9EB; border: 1px solid #817A88; }		
			label, dl dt { color: #817A88; font-weight: bold; }
			#contactformulier textarea { width: 400px; }
			#contactformulier p { margin: 0.75em 0 0 0; clear: both; }
			#contactformulier p label { display: block; float: left; width: 150px; }
			#contactformulier p input.txt {	width: 330px; }
			textarea#message { width: 330px; height: 150px; }		*/	

	/* Images styles: */	
	img.buttonmiddlenb { padding: 0 0 0 85px; border: 0px solid #000000; }
	
	/* ondermenu styles: */
	#onderMenu { width: 799px; height: 27px; background: url('../images/menuBg1.gif') no-repeat; }
	#onderMenu ul { list-style: none; padding-left: 120px; clear: both; }
	#onderMenu ul li { float: left; display: inline; height: 27px; } 
	#onderMenu ul li a, #ondermenu ul li a:visited { padding: 0px 20px 0px 20px; display: block; float: left; height: 27px; font: 12px/27px Arial; text-decoration: none; text-transform: uppercase; color: #a4a4a4; }
	#onderMenu ul li a:hover { color: #ff9c00; background: url('../images/menuHBg.gif') repeat-x; }