/* ------- CSS2.1 valid door Velten Media - www.veltenmedia.nl ------- */

	/* body layout */

		body {margin:0 auto; text-align:center; background-image:url(../uploads/image/bg-body.jpg); height:100%}
		img {border:0}
		.clear {clear:both}		
		hr {background-image:url(../uploads/image/hr.jpg); height:3px; border:none;}
	
	/* container divs */

		#container {width:942px; margin:0 auto; text-align:center; background-image:url(../uploads/image/bg-container.png)}
		#sub-container {width:930px; margin:0 auto; text-align:center}
		#nav-container {width:930px; height:62px; background-image:url(../uploads/image/bg-navigatie.jpg)}
		#content-container {width:930px; min-height:500px; }
		#footer-container {width:930px; height:130px; background-image:url(../uploads/image/bg-footer.jpg); background-repeat:repeat-x; margin-top:20px;}
	
	/* header */
	
		#header {width:930px; height:220px; background-image:url(../uploads/image/bg-header.jpg); text-align:left}
	
	/* navigatie */
	
		#nav-image {width:345px; height:62px; float:left; background-image:url(../uploads/image/image-navigatie.jpg); background-repeat:no-repeat}
		#navigatie {width:585px; height:62px; float:left}
		#nav-sub-container {width:930px; height:35px; background-image:url(../uploads/image/bg-nav-sub.jpg); line-height:35px;}
		
		/* navigatie items */
		
			#nav {margin:0 0 0 10px; padding: 0;}			
			#nav li {list-style: none; height: 62px; float: left; position: relative;}
			#nav li a {height: 62px; text-indent: -9000px; display: block;}
			#nav .current a {background-position: 0 -62px}
			
			a#masseren,
			a#massagetips,
			a#producten,
			a#contact {width: 150px; height: 62px}
			
			a#masseren {background-image: url(../uploads/image/buttons/button-masseren.png); }
			a#massagetips {background-image: url(../uploads/image/buttons/button-massagetips.png);}
			a#producten {background-image: url(../uploads/image/buttons/button-producten.png);}
			
			a#masseren:hover,
			a#massagetips:hover,
			a#producten:hover {background-position: 0 -62px; }
		
		/* navigatie items */		
		
			#nav-sub {margin:0; padding: 0;}			
			#nav-sub li {list-style: none; line-height: 32px; float:left; position: relative;}
			#nav-sub li a {height:32px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; margin:0 0 0 25px; }
			#nav-sub .active a {background-position:0 }
			
			a#nav-sub-link {color:#FFF}
			a#nav-sub-link:hover {color:#AE0053}
			
			/* navigatie items footer */		
		
					#nav-footer {margin:0; padding: 0;}			
					#nav-footer li {list-style:none; line-height:16px;  margin:0; }
					#nav-footer li a {height:32px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; margin:0; }
					#nav-footer .active a {background-position:0 }
			
					a#footer {color:#FFF}
					a#footer:hover {color:#FFF; text-decoration:underline}
	
	/* main content */
		
		#main-content {width:750px; float:left; margin-top:20px;}
		#main-content-spacer {width:30px; min-height:10px; float:left}
		#main-content-in { width:720px; min-heigt:10px; float:left; text-align:left;}
		
	/* ads */ 
		
		#skyscraper {width:180px; float:left; margin-top:20px;}
		.spacer-skyscraper {width:30px; height:600px; float:left;}
		#skyscraper-adsense {width:120px; height:600px; float:left;}
		
	/* spotlight */
		
		#spotlight-image {width:336px; float:left; margin-right:10px;}
		#spotlight-text {width:364px; float:left; margin-left:10px;}

	/* footer */
		
		.footer-spacer {width:30px; height:130px; float:left;}
		#footer-content {width:162px; height:130px; float:left; color:#FFF; text-align:left}
		#footer-adsense {width:728px; height:90px; margin-top:20px; margin-bottom:20px; float:left;}
		
	/* headers - text layout */
	
		h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#AE0053;}
		h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#AE0053; font-weight:100}
		h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:200; margin-top:20px;}
		h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; font-weight:100}
		h5 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:9px; color:#AE0053; font-weight:100}
		h6 {display:none}
		p, td {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;}
			
	/* a links */
	
		a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#AE0053;}
		a:hover {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#AE0053; text-decoration:none}