/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/*div {border:1px solid #ff0000;}*/

/* STRUCTURE */
#body { height:100%; width:100%; }

	#wrapper { width:815px; margin: 20px auto; position:relative; z-index:1000;}
	
		#content { width:558px; overflow:hidden; float:right; margin-right:35px; display:inline; }
		
		#menubar { width:180px; padding:0px 21px; color:#FFFFFF; float:left; position: relative; display:inline;}
		
		#design { width:35px; height:220px; position:absolute; bottom:70px; right:0px; z-index: 10000;}

		#footer { width:558px; overflow:hidden; padding:10px 0px 0px 222px; clear:both; } 
		
	#linesleft { position:absolute; top:20px; left:0px; width:50%; height:238px; } 
	
	#linesright { position:absolute; top:20px; right:0px; width:50%; height:238px; }		


/* DESIGN */

a,
a:link,
a:hover,
a:visited,
a:active {
color: #0099CC;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 { margin:0px 0px 10px 0px; padding:0px; font-weight: bold; color: #009EB8; }

h1 { font-size: 24px; }

h2 { font-size: 18px; }

h3 { font-size: 14px; }

h4 { font-size: 12px; }

h5 { font-size: 11px; }

h6 { font-size: 8px; }

ul { list-style-type:disc; padding-left:5px; margin-left:10px; }

li { padding-left:10px; margin-bottom:3px; }

input, select, { padding-top: 0px; margin: 0px; line-height: 2px; font: 11px Arial, Verdana, Helvetica, sans-serif; color: #000; }

p { margin-bottom:10px;}

#body {font-size: 11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; text-align: center; } /* in aparte css home css*/	
	.body-home {background: #00103B url(/xlntcms/user/imagesN/body_home.jpg) repeat-x left 0px; } /* in aparte css home css*/	
	.body-fullservice { background: #1B48DB url(/xlntcms/user/imagesN/body_fullservice.jpg) repeat-x left 0px; } /* in aparte css fullservice css*/	
	.body-jachthaven { background: #2F2E8C url(/xlntcms/user/imagesN/body_jachthaven.jpg) repeat-x left 0px; } /* in aparte css jachthaven css*/	
	.body-jachtmakelaardij { background: #4A88C0 url(/xlntcms/user/imagesN/body_jachtmakelaardij.jpg) repeat-x left 0px; } /* in aparte css jachtmakelaardij css*/	

	#wrapper { text-align: left; background: url(/xlntcms/user/imagesN/wrapper_home.gif) }

		#content { }
		
		#menubar { }	/* in aparte css home css*/	
			.menubar-home { background: url(/xlntcms/user/imagesN/menubar_home.jpg) repeat-x; }	/* in aparte css home css*/	
			.menubar-fullservice { background: url(/xlntcms/user/imagesN/menubar_fullservice.jpg) repeat-x; } /* in aparte css fullservice css*/	
			.menubar-jachthaven { background: url(/xlntcms/user/imagesN/menubar_jachthaven.jpg) repeat-x; } /* in aparte css jachthaven css*/	
			.menubar-jachtmakelaardij { background: url(/xlntcms/user/imagesN/menubar_jachtmakelaardij.jpg) repeat-x; } /* in aparte css jachtmakelaardij css*/	

			
		#design { }
			.design-home { background: transparent url(/xlntcms/user/imagesN/isdesignlogo_home.gif) repeat-x; }	/* in aparte css home css*/	
			* html .design-home { background-image: url(/xlntcms/user/imagesN/isdesignlogo_home.gif); }	/* in aparte css home css*/	
			.design-fullservice { background: url(/xlntcms/user/imagesN/isdesignlogo_fullservice.gif) repeat-x; }	/* in aparte css fullservice css*/	
			.design-jachthaven { background: url(/xlntcms/user/imagesN/isdesignlogo_jachthaven.gif) repeat-x; }	/* in aparte css jachthaven css*/	
			.design-jachtmakelaardij { background: url(/xlntcms/user/imagesN/isdesignlogo_jachtmakelaardij.gif) repeat-x; }	/* in aparte css jachtmakelaardij css*/	
			
		#footer { color:#FFFFFF; text-align:center; } /* in aparte css home css*/
			.footer-home { background-color:#00103B; color:#FFFFFF; text-align:center; } /* in aparte css home css*/
			.footer-fullservice { background-color:#1B48DB; color:#FFFFFF; text-align:center; } /* in aparte css fullservice css*/
			.footer-jachthaven { background-color:#2F2E8C; color:#FFFFFF; text-align:center; } /* in aparte css jachthaven css*/
			.footer-jachtmakelaardij { background-color:#4A88C0; color:#FFFFFF; text-align:center; } /* in aparte css jachtmakelaardij css*/
			
	#linesleft { background-image:url(/xlntcms/user/imagesN/linesleft_home.gif) }
	
	#linesright { background-image:url(/xlntcms/user/imagesN/linesright_home.gif) }		




/* COMPONENTS */

#Taalkeuze { position:absolute; top:0px; right:35px; background: url(/xlntcms/user/imagesN/Taalkeuze_Back.gif) no-repeat; width:71px; height:14px; padding-left:35px; padding-top:3px; }

#Hoofdmenu { position:absolute; top:0px; right:141px; height:17px; width:452px; background-color:#000000; }

#Header { background: url(/xlntcms/user/imagesN/FLASH-KOP19xx.jpg) no-repeat; position:absolute; z-index:100; top:17px; right:35px; width:357px; height:140px; overflow:hidden; }

#Header-image { position:absolute; z-index:10; top:17px; width:558px; height:140px; }

#Breadcrumb { color:#FFFFFF; position:absolute; top:157px; width:558px; background: url(/xlntcms/user/imagesN/Breadcrumb_Back.gif) repeat-x; height:21px; font-size:9px; padding-top:12px; right:35px; }

	#Breadcrumb a:link,
	#Breadcrumb a:hover,
	#Breadcrumb a:visited,
	#Breadcrumb a:active { text-transform:uppercase; color: #FFFFFF; text-decoration: none; }

	#Breadcrumb a:hover {
	text-decoration: underline;
	}

#Pagina-Content { margin:210px 0px 0px; padding:0px 20px 0px; }
	#Pagina-Content h1 { font-size:12px; margin-bottom:10px;}

#Content-Onder { padding: 20px; }

.error { color:#990000; }

.forms { padding:20px}

	.forms h2 { font-size:12px; margin-bottom:10px;}
	.forms .fields { margin:0px 0px 10px 0px; }
	.forms .label { width: 100px; float: left; }
	.forms .input { border: solid 1px #C5CCD5; height: 16px; font-size:8pt; padding-left: 5px; } 
	.forms .select { border: solid 1px #C5CCD5; height: 16px; margin-bottom: 10px; font-size:8pt; }
	.forms .textarea { border: solid 1px #C5CCD5; height: 100px; margin-bottom: 10px; font-size:8pt; padding-left: 5px; }
	.forms .submit { }

#Login { margin:0px 20px; width: 300px; overflow: hidden; border: #8C99A9 solid 1px; padding: 10px 10px 10px 20px; }

#Boten-filter { /*height: 400px;*/ overflow: hidden; border: #8C99A9 solid 1px; padding: 10px 10px 10px 20px; margin:20px; }
				
	#Boten-filter h2 { font-size:12px; margin-bottom:10px; }
	
	#Boten-filter label { margin-bottom:5px; }
	
	#Boten-filter .left { width:160px; float:left; clear:left;}	
	#Boten-filter .center { width:160px; float:left;}				
	#Boten-filter .right { width:160px; float:left; clear:right;}
	
	#Boten-filter .input { width: 145px; height: 18px; border: #8C99A9 solid 1px; margin-bottom: 5px; font-size: 11px; padding: 0px; }
	
	#Boten-filter .space { height:20px; clear:both; overflow:hidden;}
					
	#Boten-filter .submit { float: right; margin-right: 20px; display:inline;}

	#Boten-Lijst { padding:20px;}
	
		#Boten-Lijst .item { width: 510px; overflow: hidden; padding: 5px 0px 5px 0px; color: #000000; border-bottom: #8997A2 1px solid; }
		
			#Boten-Lijst .image { width: 144px; height: 108px; overflow: hidden; float: left; margin-right: 10px; border: #FF0033 solid 1px; display: inline;}
			
				#Boten-Lijst .image img { width: 144px; height: auto;	}
			
			#Boten-Lijst .data { height: 110px; width: 230px; overflow: hidden; float: left; padding-right: 30px; }
			
				#Boten-Lijst .data a { color: #000033; }
			
				#Boten-Lijst .data .titel { font-size: 14px; font-weight: bold; text-decoration: underline; color: #000033; }	

			#Boten-Lijst .prijs { width: 88px; height: 80px; float: left; font-size: 11px; text-align: right; color: #000033; } 		
	
			#Boten-Lijst .meer { float: right; color: #000000; }
	
				#Boten-Lijst .meer a { color: #000000; }
		
		/* Botenlijst Detail */
		#Boten-Lijst #detail { width: 518px; overflow: hidden; }
		
			#Boten-Lijst #detail h1 { color: #000033; font-size: 16px; text-align: center; }
			
			#Boten-Lijst #detail h2 { color: #000033; font-size: 14px; }
			
			#Boten-Lijst #detail h3 { color: #FF3333; font-size: 12px; margin: 0px; padding: 0px; }
		
			/*
			.BOTENLIJST-DETAIL-KOP-NAAM { font-weight: bold; color: #000033; font-size: 16px; display: block; width: 400px; float: left; text-align: left; }
			
			.BOTENLIJST-DETAIL-KOP-VRAAGPRIJS { font-weight: bold; color: #000033; font-size: 16px; text-align: right; width: 115px; float: right; }
			*/
			
			#Boten-Lijst #detail .specs { width: 518px; margin-right: 10px; float: left; overflow: hidden; display:inline; }
			
				#Boten-Lijst #detail .specs label { clear:left; width: 150px; overflow: hidden; display: block; float: left; }
			
				#Boten-Lijst #detail .specs span { width:360px; display: block; float: left; }
				
				#print_detail .specs { text-align: left; }
							
			/*
			.BOTENLIJST-DETAIL-FOTOS { float: left; width: 518px; overflow: hidden; }
			
			.BOTENLIJST-DETAIL-FOTOS-FOTOGROOT { width: 518px; height: 350px; overflow: hidden; margin-bottom: 2px; }
			
			.BOTENLIJST-DETAIL-FOTOS-FOTOGROOT img { width: 518px; height: auto; }
			
			.BOTENLIJST-DETAIL-FOTOS-FOTOKLEIN { height: 85px; width: 518px; overflow: auto; white-space: nowrap; margin-bottom: 5px; }
			
			.BOTENLIJST-DETAIL-FOTOS-FOTOKLEIN img { margin-bottom: 10px; border: #285A75 solid 1px; white-space: nowrap; width: 70px; height: auto; }
			*/
				
			#Boten-Lijst #detail .info { float: right; margin:5px 22px 10px 0px; overflow:hidden;text-align:right; display:inline; }	
				
#Sitemap { padding: 10px 20px; }				
	
	#Sitemap a { padding-bottom:5px; display:block;	}
		
	#Sitemap  ul { margin:0px; padding:0px; list-style:none; list-style-position:inside; }				

	#Sitemap  li { 	font-variant:small-caps; font-size:13px; font-weight:bold; text-transform:capitalize; padding-left:0px;	}

		#Sitemap  li ul { margin-left:15px;	}
		
			#Sitemap  li ul li { font-variant:normal; font-weight:normal; font-size:11px; }

#Zoeken { overflow: hidden; border: #8C99A9 solid 1px; padding: 10px 10px 10px 20px; margin:20px; }
					
	#Zoeken .input { width:298px; margin:7px 13px 7px 0px; }
			
	#Zoeken .submit { margin-top:0px; }	
													
		
#photogallery, #schepengallery { text-align:center; padding:0px 20px; overflow:hidden; }


																				
#A1Logo { position:absolute; top:0px; left:0px;}

#Submenu { margin:238px 0px 0px 0px;  overflow:hidden; padding:10px 0px 0px; color:#000000; font-weight:bold; width:180px;}

#Promofilm { overflow:hidden; padding:10px 0px 0px; width:180px;}

	#Promofilm img { margin-top: 21px; }

#Random { overflow:hidden; padding: 0px; }

#random-gallery { overflow:hidden; margin:10px 0px;}									

#Nieuwsbrief { overflow:hidden; margin:10px 0px; width: 180px;}

	#Nieuwsbrief.forms { padding:0px; }
	
	#Nieuwsbrief a,
	#Nieuwsbrief a.link,
	#Nieuwsbrief a:link { color: #fff;}

	#Nieuwsbrief h4 { color: #589EDD; font-size: 11px; }

	#Nieuwsbrief .fields { margin-bottom:5px;}

	#Nieuwsbrief .select { width: 75px; }
	
	#Nieuwsbrief .submit { float: right; width: 68px; height: 22px; clear: left; }

/* IE */
#design {display:inline; }
#Hoofdmenu { display:inline; }

#print_detail {
	width:700px;
	margin: 0px auto;
}

#print_detail .print_kranerweerd {
	font-size: 23pt;
	height: 100px;
}

#print_detail .print_forsale {
	font-size: 40pt;
}

#print_detail .print_image {
	width: 600px;
}

#print_detail .print_naam {
	font-size: 30pt;
}

#print_detail .print_afmeeting {
	font-size: 30pt;
}

#print_detail .print_bouwjaar {
	font-size: 23pt;
}

#print_detail .print_motor {
	font-size: 23pt;
}

#print_detail .print_vraagprijs {
	font-size: 23pt;
}

.specs table {
	width: 500px;
	border: 1px solid black;
	margin: 0px auto 7px;
}

.specs caption {
	background: #444499;
	color: #FFFFFF;
	font-size: 10pt;
	text-align: center;
	border: 1px solid black;
}

.specs td.left {
	width: 150px;
}

.specs td.right {
	width: 350px;
}

 #imggallery img {max-width:167px;
 width: expression(this.width > 167 ? 167: true);
 max-height:167px;
 height: expression(this.height > 167 ? 167: true);
}



.extraimages div { width: 200px; height: 200px; float: left; margin: 5px 24px; overflow: hidden; }
.extraimages img { border: 1px solid #b4b4b4;
 max-width: 200px;
 width: expression(this.width > 200 ? 200: true);
 max-height: 200px;
 height: expression(this.height > 200 ? 200: true);
}
.extraimages { max-width: 500px; margin: 0px auto; }

.evenrow { background-color: #d9eaf5; }

.displaynone { display: none; }

#zoekresultaten { margin: 0px 15px;} 

/***** Forgotpassword *****/
#forgotpassword { padding: 0px 20px; }
#forgotpassword .field label { display: block; float: left; width: 100px; }
#forgotpassword .field input { width: 175px; }

#wrapper>img{ position: absolute; top: 0px; right: -38px; float: right; }