/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
body { padding: 0px; margin:0px; background: #00387b url('../images/bodybg.jpg') center top no-repeat; }

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

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

/* ### main container ### */
#mainCntr { padding: 0px 10px; margin: 0 auto; width: 980px; background: #fff; }

	/* ### header container ### */
	#headerCntr { padding: 0px; margin: 0px; position: relative; overflow: hidden; font-family: Arial; font-size: 12px; color: #58595b; width: 980px; height: 180px; background: url('../images/headerbg.jpg') repeat-x; }
	#headerCntr h1 { margin: 7px 0px 0px 23px; float: left; }
	#headerCntr h1 a { display: block; width: 386px; height: 154px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; } 
	#headerCntr .bannerTop { margin: 33px 14px 0px 0px; padding: 0px; float: right; }
	#headerCntr .bannerTop .evenementen { margin: 30px 14px 0px 20px; padding: 0px; }
	#headerCntr .bannerTop .evenementen h2 a { color: #FFF; text-decoration:none }
	
		/* ### link box ### */
		.linkBox { padding: 0px; margin: 0px; width: 285px; float: right; }
		.linkBox ul { padding:0px; margin: 0px; list-style: none; }
		.linkBox li { padding: 12px 7px 0 7px; float: left; background: url('../images/devider.jpg') right 13px no-repeat; }
		.linkBox li.last { background: none; }
		.linkBox li a { font-size: 12px; color: #939598; font-weight: bold; text-transform: uppercase; text-decoration: none; }
		.linkBox li a:hover { text-decoration: underline; }
		
		/* ### language box ### */
		.languageBox { position: absolute; left: 12px; top: 15px; width: 200px; }
		.languageBox ul { padding: 0px; margin: 0px; list-style: none; }
		.languageBox li { padding-right: 1px; float: left; }
		.languageBox li a.nederland { width: 15px; height: 13px; display: block; text-indent: -9999px; background: url('../images/nederland.jpg') no-repeat; }
		.languageBox li a.us { width: 15px; height: 13px; display: block; text-indent: -9999px; background: url('../images/us.jpg') no-repeat; }
		.languageBox li a.deutschland { width: 15px; height: 13px; display: block; text-indent: -9999px; background: url('../images/deutschland.jpg') no-repeat; }
		
	/* ### content container ### */
	#contentCntr { padding: 4px 0px 0px 0px; margin: 0px; overflow: hidden; width: 980px; background: url('../images/containerbg.jpg') left top repeat-y; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 245px; }
		
			/* ### menu box ### */
			.menuBox { margin: 0px; width: 245px; font-family: Arial; font-size: 12px; color: #58595b; overflow: hidden; background: #fff; }
			.menuBox ul { padding: 0px; margin: 0px; list-style: none; }
			.menuBox li { padding-bottom: 3px; line-height: 28px; background: url('../images/menubg.jpg') repeat-x; }
			.menuBox li a { padding-left: 44px;  font-size: 12px; color: #58595b; text-decoration: none; display: block; font-weight: bold; background: url('../images/arrow.jpg') 27px 9px no-repeat; }
			.menuBox li a:hover,.menuBox li.selected { text-decoration: underline; }
			
			/* ### het box ### */
			.hetBox { margin: 18px 0px 0px 14px; width: 233px; font-family: Arial; font-size: 12px; color: #58595b; height: 129px; background: url('../images/het.jpg') no-repeat;}
			.hetBox p { padding: 42px 70px 0px 15px; margin: 0px; font-size: 13px; color: #fff; }
			
			/* ### foto box ### */ 
			.fotoBox { padding: 13px 0 0 11px; margin: 18px 0px 0px 14px; font-family: Arial; font-size: 12px; color: #58595b; width: 211px; height: 180px; background: url('../images/imagebg.jpg') no-repeat; }
			.fotoBox img { margin: 15px 5px 0px 0px; float: left; border: 1px solid #fff; }
			.fotoBox ul { padding: 0px; margin: 0px; list-style: none; }
			.fotoBox li { float: left; }
			.fotoBox li a { padding-left: 7px; font-size: 13px; color: #033672; font-weight: bold; text-decoration: none; display: block; float: left; line-height: 25px; height: 25px; cursor: pointer; background: url('../images/menuleft.jpg') left top no-repeat;}
			.fotoBox li a span { padding: 0px 9px 0px 2px; display: block; float: left;  background: url('../images/menuright.jpg') right top no-repeat;}
			.fotoBox li a:hover, .fotoBox li.selected a { color: #fff; background: url('../images/overleft.jpg') left top no-repeat; }
			.fotoBox li a:hover span, .fotoBox li.selected a span { background: url('../images/overright.jpg') right top no-repeat; }
			
		/* ### right container ### */
		#rightCntr { float: right; width: 732px; }
			
			/* ### banner box ### */
			.bannerBox { width: 732px; font-family: Arial; font-size: 12px; color: #58595b; }
			
			/* ### search box ### */
			.searchBox { padding: 0px; margin: 0px; overflow: hidden; font-family: Arial; font-size: 12px; color: #58595b; height: 37px; width: 732px; background: url('../images/searchbg.jpg') repeat-x; }
			.searchBox form { padding: 0px; margin: 0px; border: none; }
			.searchBox fieldset { padding: 0px; margin: 0px; border: none; }
			.searchBox .zoeken { padding-top: 10px; width: 242px; float: left; height: 27px; overflow: hidden; background: url('../images/search-devider.jpg') right top no-repeat; }
			.searchBox .zoeken.last { background: none; }
			.searchBox label { padding-left: 14px; margin-top: 2px; width: 63px; vertical-align: top; display: inline-block; font-size: 12px; color: #00387b; font-weight: bold; float: left; }
			.searchBox label.text { padding-left: 14px;  width: 53px; vertical-align: top; display: inline-block; font-size: 12px; color: #00387b; font-weight: bold; float: left; }
			.searchBox select { width: 153px; height: 19px; float: left; display: inline-block; font-size: 12px; color: #878484; border: 1px solid #d1d1d1; }
			.searchBox input { padding: 2px 13px 0 5px; float: left; width: 133px; height: 17px; font-size: 12px; color: #878484; border: 1px solid #d1d1d1; }
			.searchBox input.button { margin: 3px 0px 0 0; border: none; cursor: pointer; width: 13px; height: 13px; float: right; background: url('../images/arrow2.jpg') no-repeat; }
		
			/* ### home container ### */
			#homeCntr { padding-bottom: 44px; width: 732px; overflow: hidden; background: url('../images/boxbg.jpg') right top repeat-y; }
			#homeCntr .left { padding: 10px 19px 0px 14px; margin: 0px; float: left; width: 209px; }
			#homeCntr .right { float: right; width: 490px; }
			
				/* ### text box ### */
				.textBox { width: 100%; overflow: hidden; font-family: Arial; font-size: 12px; color: #58595b; }
				.textBox h2 { padding: 10px 0 13px 0px; margin: 0px; font-size: 14px; color: #00387b; font-weight: bold; }
				.textBox p { padding-bottom: 13px; margin: 0px; font-size: 12px; color: #58595b; }
				
				/* ### opt box ### */
				.optBox {  font-family: Arial; font-size: 12px; color: #58595b; width: 490px; position: relative; height: 227px; overflow: hidden; background: url('../images/opt1.jpg') no-repeat; }
				.optBox h2 { padding: 0px; margin: 10px 0px 0px 10px; overflow: hidden; width: 241px; height: 35px; display: block; text-indent: -9999px; background: url('../images/heading2.jpg') no-repeat; }
				.optBox h3 { padding: 14px 0px 0px 12px; margin: 0px; font-size: 12px; color: #fff; font-weight: bold; }
				.optBox address { position: absolute; right: 0px; top: 60px; width: 215px; color: #fff; font-style: normal; }
				.optBox span.text { padding-bottom: 15px; display: block; width: 215px; }
				.optBox span { width: 72px; display: block; float: left; }
				.optBox a { position: absolute; right: 10px; bottom: 28px; width: 167px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; display: block; float: right; background: url('../images/button.jpg') no-repeat; }
				.optBox a:hover { text-decoration: underline;}			
				
				/* ### ad box ### */
				.adBox { font-family: Arial; font-size: 12px; color: #58595b; width: 245px; height:auto; float: left;padding-top:15px; }
				.adBox a { margin: 6px 0 11px 12px; border: none; }
				.adBox .img { padding: 25px 0 11px 12px; }
				
				/* ### project box ### */
				.projectBox { padding: 4px 20px 17px 14px; font-family: Arial; font-size: 12px; color: #58595b; margin: 0px; overflow: hidden; width: 211px; float: right; border-bottom: 3px solid #fff; }
				.projectBox a { text-decoration:none; color:#58595b; } 
				.projectBox h2 { padding-bottom: 10px; margin: 0px; font-size: 13px; color: #00387b; font-weight: bold;}
				.projectBox h2 a { text-decoration:none; color:#00387b; }
				.projectBox img { margin: 0 8px 24px 0px; float: left; border: 1px solid silver; }
				.projectBox p { padding: 0px; margin: 0px; }
					
				/* ### cloud box ### */
				.cloudBox { padding: 15px 0px 0px 14px; font-family: Arial; font-size: 12px; color: #58595b; line-height: 15px; margin: 0px;overflow: hidden; width: 216px; }
				.cloudBox p { padding: 0px; margin: 0px; text-align: center; }
				.cloudBox h1,.cloudBox h2,.cloudBox h3,.cloudBox h4,.cloudBox h5,.cloudBox h6 { padding: 0px; margin: 0px; text-align: center;float:left;height:15px; }
				.cloudBox a { font-size: 12px; color: #58595b; text-decoration: none; }
				.cloudBox h1 a { font-size: 19px; color: #58595b; font-weight: bold; text-decoration: none;margin-right:4px;height:15px; }
				.cloudBox h2 a { font-size: 14px; color: #58595b; font-weight: bold; text-decoration: none;margin-right:4px;height:15px; }
				.cloudBox h3 a { font-size: 14px; color: #58595b; font-weight: bold; text-decoration: none;margin-right:4px;height:15px; }
				.cloudBox h4 a { font-size: 15px; color: #58595b; font-weight: bold; text-decoration: none;margin-right:4px;height:15px; }
				.cloudBox h5 a { font-size: 17px; color: #58595b; font-weight: bold;  text-decoration: none;margin-right:4px;height:15px; }
				.cloudBox h6 a { font-size: 10px; color: #58595b; font-weight: bold; text-decoration: none;margin-right:4px;height:15px; }
				.cloudBox a:hover { text-decoration: underline; }
					
				/* ### over container ### */
				#overCntr { margin-top: 2px; width: 732px; font-family: Arial; font-size: 12px; color: #58595b; overflow: hidden; background: url('../images/overbg.jpg') right top repeat-y; }
				#overCntr .left { padding: 10px 0px 0px 13px; margin: 0px; width: 468px; float: left; }
				#overCntr .right { padding-bottom: 100px; width: 245px; float: right; background: url('../images/rightbg.jpg') left top repeat-x; }
				
				/* ### overview container ### */
				#overviewCntr { margin: 0px; width: 732px; overflow: hidden; background: url('../images/overviewbg.jpg') right top repeat-y; }
				#overviewCntr .left { float: left; width: 483px; }
				#overviewCntr .right { float: right; width: 245px; }
				#overviewCntr h3 { padding: 13px 0px 10px 14px; margin: 0px; font-size: 12px; color: #58595b;}
				#overviewCntr h3 a{ text-decoration:none;font-size: 12px; color: #58595b;}
				
					/* ### yachts box ### */
					.yachtsBox { padding: 6px 16px 0px 12px; margin-bottom: 2px; font-family: Arial; font-size: 12px; color: #58595b; height: 130px;  width: 455px; background: #e6e6e6 url('../images/boxbg1.jpg') left top no-repeat;}
					.yachtsBox h2 { padding-bottom: 9px; margin: 0px; font-size: 16px; color: #004b8d; font-weight: bold; }
					.yachtsBox img { margin-right: 48px; float: left; border: 1px solid #a9a4a4; }
					.yachtsBox address { padding-bottom: 10px; font-size: 13px; color: #58595b; font-style: normal; font-weight: bold; }
					.yachtsBox a {font-size: 13px; color: #58595b; font-weight: bold; text-decoration: none; }
					.yachtsBox a:hover { text-decoration: underline; }
					.yachtsBox a.view { padding-right: 14px; font-size: 12px; color: #033672; float: right; font-weight: bold; text-decoration: none; background: url('../images/arrow3.jpg') right 3px no-repeat; }
					.yachtsBox a.view:hover { text-decoration: underline; }
					.yachtsBox.last { margin-bottom: 50px; }
					
					/* ### yachts box ### */
					.yachtsBox_v { padding: 6px 16px 10px 12px; margin-bottom: 2px; font-family: Arial; font-size: 12px; color: #58595b; height: auto;  width: 455px; background: #e6e6e6 url('../images/boxbg1.jpg') left top no-repeat;}
					.yachtsBox_v h2 { padding-bottom: 9px; margin: 0px; font-size: 16px; color: #004b8d; font-weight: bold; }
					.yachtsBox_v .logo_box { float:left; }
					.yachtsBox_v img { margin-right: 48px; float: left; border: 1px solid #a9a4a4; }
					.yachtsBox_v address { position:absolute;margin-left:250px;height:auto;text-align:left;padding-bottom: 10px; font-size: 13px; color: #58595b; font-style: normal; font-weight: bold; }
					.yachtsBox_v a {font-size: 13px; color: #58595b; font-weight: bold; text-decoration: none; }
					.yachtsBox_v a:hover { text-decoration: underline; }
					.yachtsBox_v a.view { padding-right: 14px; font-size: 12px; color: #033672; float: right; font-weight: bold; text-decoration: none; background: url('../images/arrow3.jpg') right 3px no-repeat; }
					.yachtsBox_v a.view:hover { text-decoration: underline; }
					.yachtsBox_v.last { margin-bottom: 50px; }
								
					/* ### imageBox ### */
					.imageBox { padding-top: 12px; margin-top: 2px; min-height: 350px; font-family: Arial; font-size: 12px; color: #58595b; width: 86px; float: right; background: #ebeaea; }			
					.imageBox ul { padding: 0px; margin: 0px; list-style: none;}
					.imageBox li { margin: 0px 0px 7px 12px; }
					.imageBox img {border: 1px solid #03438f;}
					
					/* ### about box ### */
					.aboutBox { padding: 12px 0 30px 14px; width: 366px; font-family: Arial; font-size: 12px; color: #58595b; }
					.aboutBox h2 { padding-bottom: 16px; margin: 0px; font-size: 14px; color: #00387b; font-weight: bold; }
					.aboutBox p { padding-bottom: 15px; margin: 0px;}
					
					/* ### logo box ### */
					.logoBox { margin-top: 2px; width: 245px; font-family: Arial; font-size: 12px; color: #58595b; }
					.logoBox .img { margin-bottom: 22px; border: 13px solid #e88124; }
					.logoBox .jansma { margin: 0px 0px 13px 15px; border: none; }
					
					/* ### map box ### */
					.mapBox { padding-bottom: 60px; margin-top: 2px; width: 732px; font-family: Arial; font-size: 12px; color: #58595b; }
					.mapBox img { border: 8px solid #e88124; }
					
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 980px; height: 50px; font-family: Arial; font-size: 12px; color: #58595b; background: url('../images/footer.jpg') left top no-repeat; }
	#footerCntr img { padding-top: 15px; border: none; float: right; }
	#footerCntr p { padding: 18px 0px 0px 13px; margin: 0px; color: #a9a9a9; }
	#footerCntr ul { padding-top: 15px; margin: 0px; list-style: none; float: right; }
	#footerCntr li { padding: 9px 5px 0 5px; float: left; background: url('../images/footerdevider.jpg') right 11px no-repeat;}
	#footerCntr li a { font-size: 12px; color: #a9a9a9; text-decoration: none; }
	#footerCntr li a:hover { text-decoration: underline; }
	#footerCntr li.last { background: none; }