@charset "utf-8";

/*	=GENERAL
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
	body { background: #fff url(../img/body_bg.gif) repeat-x; }
	img { border: 0; }
	a { outline: 0; }
	.clr { overflow: hidden; height: 100%; }
	
/*  =TEMPLATE
	----------------------------------------------------*/
	.pagebox { margin: 0 auto; width: 960px; }
	
	#header { height: 155px; }
	
	#slogan { height: 300px; background: url(../img/slogan_pic.jpg) no-repeat; }
	#slogan .vsl { float: right; margin: 13px 13px 0 0; }
	
	#content .col-a { float: left; width: 568px; color: #2f1c35; line-height: 18px; }
	#content .col-a h1 { font-size: 14px; color: #71328b; text-transform: uppercase; margin: 25px 0 15px 0; padding: 0 25px; }
	#content .col-a h2 { font-size: 14px; color: #71328b; padding: 10px 25px 3px 25px; }
	#content .col-a h3 { font-size: 16px; color: #71328b; padding: 10px 25px 3px 25px; }
	#content .col-a h4 { font-size: 16px; color: #71328b; padding: 10px 25px 40px 25px; }
	#content .col-a h5 { font-size: 16px; color: #71328b; padding: 0px ; }
	#content .col-a p { margin-bottom: 6px; padding: 0 25px; }
	#content .col-a .aanbieding { margin-bottom: 10px; background: url(../img/content_aanbieding_bg.gif) repeat-x; }
	
	#content .col-b { float: right; width: 350px; padding: 0 20px; }
	#content .col-b .title { margin: 36px 0 13px 0; }	
	
	#footer { margin-top: 30px; height: 280px; background: url(../img/footer-bg.gif) repeat-x; }
	

/*  =NAVIGATION
	----------------------------------------------------*/	
	#nav-main { height: 35px; background: url(../img/nav-main_bg.gif); }
	#nav-main li { display: inline; list-style: none; }
	#nav-main li a { display: block; float: left; height: 35px; }
	#nav-main li a span { display: none; }
	#nav-main li a.home { width: 75px; background:url(../img/nav-main_home_btn.gif) top; }
	#nav-main li a.massagetechnieken { width: 164px; background:url(../img/nav-main_massagetechnieken_btn.gif) top; }
	#nav-main li a.informatie { width: 97px; background:url(../img/nav-main_informatie_btn.gif) top; }
	#nav-main li a.prijslijst { width: 83px; background:url(../img/nav-main_prijslijst_btn.gif) top; }
	#nav-main li a.actie { width: 62px; background:url(../img/nav-main_actie_btn.gif) top; }
	#nav-main li a.cadeaubonnen { width: 130px; background:url(../img/nav-main_cadeaubonnen_btn.gif) top; }
	#nav-main li a.route { width: 68px; background:url(../img/nav-main_route_btn.gif) top; }
	#nav-main li a.contact { width: 73px; background:url(../img/nav-main_contact_btn.gif) top; }
	#nav-main li a.links { width: 57px; background:url(../img/nav-main_links_btn.gif) top; }
	#nav-main li a:hover, #nav-main li a.selected { background-position: bottom; }
	
	#nav-sub { list-style: none; }
	#nav-sub li a { text-decoration: none; color: #5f6164; line-height: 18px; }
	#nav-sub li a:hover { color: #71328b; }
	
	#nav-sub2 { list-style: none; padding: 10px 25px 3px 25px;}
	#nav-sub2 li a { text-decoration: none; color: #5f6164; line-height: 18px; }
	#nav-sub2 li a:hover { color: #71328b; }