/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #666; }
html { overflow-y: scroll; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #666; }
body { background: url('/images/bodyBg.png') #fefefe repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }
a { color: #666; text-decoration: none; }
a:hover { color: #222; text-decoration: underline; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; overflow: hidden; width: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1004px; }
	
	/* ### header container ### */
	#headerCntr { position: relative; width: 1004px; height: 67px; }
	#headerCntr h1 { position: absolute; top: 0px; left: 0px; }
	#headerCntr h1 a { display: block; width: 243px; height: 66px; text-indent: -9999px; background: url('/images/logo.gif') no-repeat; }
	#headerCntr h2 { position: absolute; top: 28px; right: 30px; font-size: 12px; font-style: italic; font-weight: normal; color: #999; }
	
	/* ### slider container ### */
	#sliderCntr { padding-left: 2px; position: relative; overflow: hidden; width: 1002px; height: 311px; background: url('/images/sliderBg.gif') repeat-y; }
	#sliderCntr ul { position: absolute; top: 0px; left: 782px; width: 219px; height: 311px; list-style: none; background: url('/images/sliderUl.gif') repeat-y; }
	#sliderCntr ul li { padding-bottom: 1px; height: 61px; font-size: 14px; text-transform: uppercase; background: url('/images/line.png') no-repeat bottom; }
	#sliderCntr ul li.last { padding-bottom: 0px; background: none; }
	#sliderCntr li a { padding-left: 25px; display: block; height: 61px; font: 14px/61px Georgia; text-transform: uppercase; text-decoration: none; color: #042544; }
	#sliderCntr li a:hover, #sliderCntr li.ui-tabs-selected a { color: #fff; background: url('/images/sliderHBg.gif') repeat-x; }
	#sliderCntr .ui-tabs-panel { position: relative; width: 781px; height: 331px; background: #fff; }
	#sliderCntr .info { position:absolute; top: 0px; left: 0px; width: 781px; height: 39px; background: url('/images/whiteBg.png'); }
	#sliderCntr .info p { padding-left: 15px; height: 39px; line-height: 39px; font-size: 12px; color: #05223e; }
	#sliderCntr .info a { text-decoration: underline; color: #05223e; }
	#sliderCntr .info a:hover { text-decoration: none; }
	#sliderCntr .ui-tabs-hide { display: none; }
	
	/* ### content container ### */
	#contentCntr { padding: 0px 16px 30px 21px; overflow: hidden; width: 967px; background: url('/images/contentBg.gif') repeat-y; }
	
		/* ### left container ### */
		#leftCntr { padding-top: 30px; float: left; width: 182px; }
		
			/* ### menu box ### */
			.menuBox { width: 182px; }
			.menuBox ul { list-style: none; }
			.menuBox li { font: 14px/33px Georgia; text-transform: uppercase; }
			.menuBox li a { text-decoration: none; color: #052340; }
			.menuBox li a:hover, .menuBox li.selected a { padding-left: 15px; color: #999; background: url('/images/arrow.gif') no-repeat left; }
		
		/* ### center container ### */
		#centerCntr { padding: 0px 22px 0px 33px; float: left; display: inline; width: 525px; border-top: 30px solid #fff; }
		
			/* ### text box ### */
			.textBox { width: 525px; line-height: 24px; }
			.textBox p { padding-bottom: 15px; line-height: 24px; }
			.textBox h2 { font: 14px/33px Georgia; text-transform: uppercase;} 
		
		/* ### right container ### */
		#rightCntr { padding-top: 30px; float: right; width: 195px; }
		
			/* ### contact box ### */
			.contactBox { padding-bottom: 20px; width: 195px; background: url('/images/contactBg.gif') no-repeat right bottom; }
			.contactBox h3 { margin-bottom: 15px; padding-left: 15px; height: 22px; font: 12px/22px Georgia; color: #fff; background: url('/images/titleBg.gif') no-repeat; }
			.contactBox address { padding-left: 15px; line-height: 24px; font-style: normal; }
			.contactBox a { text-decoration: none; color: #666; }
			.contactBox a:hover { text-decoration: underline; }

			/* ### test box ### */
			.testBox { padding-bottom: 20px; width: 195px; }
			.testBox h3 { margin-bottom: 15px; padding-left: 15px; height: 22px; font: 12px/22px Georgia; color: #fff; background: url('/images/titleBg.gif') no-repeat; }
			.testBox p { padding-left: 15px; line-height: 22px; font-style: italic; }
			.testBox a { padding-left: 15px; text-decoration: underline; color: #666; }
			.testBox a:hover { padding-left: 15px; text-decoration: none; color: #000; }

			/* ### partner box ### */
			.partnerBox { width: 195px; }
			.partnerBox h3 { margin-bottom: 15px; padding-left: 15px; height: 22px; font: 12px/22px Georgia; color: #fff; background: url('/images/titleBg.gif') no-repeat; }
			.partnerBox p { text-align: center; }
			.partnerBox p img { display: inline; }
	
	/* ### footer container ### */
	#footerCntr { padding: 20px 0px 20px 0px; width: 1004px; background: url('/images/footerBg.gif') no-repeat; }
	#footerCntr div.bar { margin-left: 1px; padding: 0px 16px 0px 18px; overflow: hidden; width: 968px; height: 22px; line-height: 22px; font-size: 11px; background: url('/images/barBg.png') no-repeat; }
	#footerCntr div.bar ul { float: left; overflow: hidden; width: 600px; list-style: none; }
	#footerCntr div.bar li { float: left; display: inline; }
	#footerCntr div.bar li a { padding: 0px 3px 0px 3px; }
	#footerCntr div.bar a { text-decoration: none; color: #666; }
	#footerCntr div.bar a:hover { color: #fff; }
	#footerCntr div.bar p { float: right; width: 300px; text-align: right; }
	#footerCntr ul.netwerk { padding: 10px 0px 0px 5px; overflow: hidden; width: 1004px; list-style: none; }
  	#footerCntr ul.netwerk li { padding-left: 5px; float: left; display: inline; }
	
	input.formulier { width: 300px; border: 1px solid #aaa; font-family: Arial; font-size: 12px; color: #666; padding: 2px; }
	textarea.formulier { width: 300px; height: 100px; border: 1px solid #aaa; font-family: Arial; font-size: 12px; color: #666; padding: 2px; }
	p.melding { font-weight: bold; color: #F00; display: block; margin: 1px; padding: 1px; }
	#sitemap ul { margin-left: 20px; }
	#partners img { width: 150px; height: 150px; padding: 10px; float: left; } 

	#photodiv img { width: 150px; height: 150px; } 
	#photodiv { overflow: hidden; width: 150px; height:150px; margin: 0px auto auto; padding: 0px auto auto;}

	#formulier td { padding: 5px; }
	#formulier input.tf { width: 250px; border: 1px solid #777; color: #666; padding: 2px; }
	#formulier input.pc { width: 80px; border: 1px solid #777; color: #666; padding: 2px; }
	#formulier input.tel { width: 125px; border: 1px solid #777; color: #666; padding: 2px; }
	#formulier input.dtf { width: 125px; border: 1px solid #777; color: #666; padding: 2px; }
	#formulier textarea { width: 250px; height: 100px; border: 1px solid #777; color: #666; padding: 2px; }
	#formulier img { float: left; padding-top: 3px; margin-right: 10px;} 
	#formulier select { width: 250px; border: 1px solid #777; color: #666; padding: 2px; }
	.error { display: block; color: #F00; } 
	#formulier input.submit { width: 150px; border: 1px solid #777; color: #333; padding: 2px; }

    a.auto { float: left; display: block; background-image: url(/images/Buttons---Directboeken-auto.png); width: 208px; height: 49px; overflow: hidden; text-indent: -999px;}
    a.auto:hover { background-position-y: 50px; width: 209px height: 50px; overflow: hidden;}

    a.vliegen { float: left; display: block; background-image: url(/images/Buttons---Directboeken-luxevilla.png); width: 208px; height: 49px; overflow: hidden; text-indent: -999px;}
    a.vliegen:hover { background-position-y: 50px; width: 209px height: 50px; overflow: hidden;}

    a.hotel { float: left; display: block; background-image: url(/images/Buttons---Directboeken-hotels.png); width: 208px; height: 49px; overflow: hidden; text-indent: -999px;}
    a.hotel:hover { background-position-y: 50px; width: 209px height: 50px; overflow: hidden;}

    a.cruises { float: left; display: block; background-image: url(/images/Buttons---Directboeken-cruises.png); width: 208px; height: 49px; overflow: hidden; text-indent: -999px;}
    a.cruises:hover { background-position-y: 50px; width: 209px height: 50px; overflow: hidden;}

	#buttons a { margin: 10px; }