/*
Gemaakt door: 	Sead Memic
Bedrijf:		VPRI Internetdiensten
Project:		Ultimo Natuursteen
*/

/*------------------------------------------------------------------
[Color codes]

Background:			#000000
Content Backgrond:	#333333
Background Border:	#494949
Text:				#b7b7b7

-------------------------------------------------------------------*/

/*Padding and margin reset*/
	html, body, p, dl, ul, li, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, address, table, tr, td, th, form, fieldset { margin:0; padding:0; font-style:normal; border:none; list-style:none;}
	img 					{ border:none; }
	a 						{ }
	a:hover 				{ }
	
/*General*/
	html, body 				{ }
	body 					{ font-family:Verdana, Arial, Helvetica, sans-serif; background-color: #000000; color: #b7b7b7;}
	h1, h2, h3, h4, h5, h6 	{ }
	p						{ }
	.left					{ float: left;}
	.right					{ float: right;}
	
/*Layout*/
	#site					{ width: 950px; margin: 0 auto; background-color: #333333; border-left: 10px solid #494949; border-right: 10px solid #494949; min-height: 800px;}

	#header					{ }
		#header-credo		{ background-image:url(images/header-credo.gif); height: 37px;}
		#header-logo		{ width: 312px; height: 180px; background-image: url(images/header-logo.gif); float:left;}
		#header-images		{ height: 180px;}
	
	#content				{ width: 620px; border-top: 1px solid #616266; font-size: 11px; line-height: 15px; letter-spacing: 1.25px; background: #333 url(images/content-bg.jpg) bottom no-repeat; margin-right: 18px;}
	#adress					{ width: 620px; height: 99px; border-top: 1px solid #616266; border-bottom: 1px solid #616266; background: #333 url(images/footer-bg.jpg) bottom right no-repeat; margin-right: 18px; margin-top: 20px;}
	
	#menu					{ width: 200px; margin-left: 60px;}
	#waterurn				{ width: 260px; margin-left: 50px; margin-top: 20px;}

	#footer					{ clear: both; text-align: center; font-size: 10px; letter-spacing: 2px; color: #666; padding: 20px; padding-bottom: 5px;}


/*Navigation */
	#menu ul				{ width: 200px;}
	#menu li				{ margin-top: 4px; height: 20px;}
	
	
	#menu li a				{ background: url(images/list-type.png) top left no-repeat; font-size: 13px; color: #b7b7b7; letter-spacing: 2px; font-weight: bold; text-decoration: none; padding-left: 40px; height: 20px;}
	#menu li a:hover		{ background: url(images/list-type-hover.png) top left no-repeat; color: #DDDEE3;}
	
	#menu li .current	 	{ color: #DDDEE3;}
		
/*Search */

/*Footer */
	#adress-left			{ width: 325px; height: 90px; float: left; padding: 2px; font-size: 25px;  letter-spacing: 2px; line-height: 32px; color: #666;}
	#adress-right			{ width: 240px; height: 90px; float: right; padding: 2px; font-size: 11px; letter-spacing: 2px; line-height: 16px;}

/*Links */
	#header-images li		{ float:left;}
	#header-images li a		{ display: block;}
	
	#monument-1				{ width: 161px; height: 180px; background-image: url(images/header-1-transparent.jpg);}
	#monument-1:hover		{ width: 161px; height: 180px; background-image: url(images/header-1.jpg);}
	#monument-2				{ width: 150px; height: 180px; background-image: url(images/header-2-transparent.jpg);}
	#monument-2:hover		{ width: 150px; height: 180px; background-image: url(images/header-2.jpg);}
	#monument-3				{ width: 150px; height: 180px; background-image: url(images/header-3-transparent.jpg);}
	#monument-3:hover		{ width: 150px; height: 180px; background-image: url(images/header-3.jpg);}
	#monument-4				{ width: 160px; height: 180px; background-image: url(images/header-4-transparent.jpg);}
	#monument-4:hover		{ width: 160px; height: 180px; background-image: url(images/header-4.jpg);}
	
	#content-text a			{ color: #ccc; text-decoration: none; border-bottom: 1px dashed #ccc;}
	#content-text a:hover	{ color: #fff; text-decoration: none; border-bottom: 1px solid #fff;}
	
	#content-text a.lb_image_link	{ border-bottom: 1px solid #333;}
	#content-text #numbers a			{ border: 2px solid #ccc; padding: 2px; font-size: 14px; width: 15px; height: 15px;}
	#content-text #numbers a:hover		{ border: 2px solid #ccc; padding: 2px; font-size: 14px; background-color: #fff; color: #666;}

	#selectie-urnen a img	    { text-decoration: none; border: 2px solid #ccc;}
	#selectie-urnen a img:hover	{ text-decoration: none; border: 2px solid #fff;}

	#selectie-urnen a	    { text-decoration: none; border: 0;}
	#selectie-urnen a:hover	{ text-decoration: none; border: 0;}

/*Various */
	#content-text			{ width: 460px; margin: 0 auto; padding-top: 15px;}
	#content h1				{ margin: 20px 0 0 80px; font-size: 18px; font-style: italic;}
	.bold					{ font-weight: bold;}
	#legenda				{ margin-left: -84px;}