/* place css for V04 / Den Haag Zuid-West
 */

 body { background: url('../../images/Vestia.Branding/lines/topborder_h_04.gif') repeat-x;}
 #header #logo h1 {height:52px; background:url('../../images/Vestia.Branding/logos/logo-v04.png') left 5px no-repeat}
 
/* navigation coloring */
#nav-main ul li a, #nav-sub ul li a {background: url('../../images/Vestia.Branding/nav/bg_mainnav_grad04.png') repeat-x 0 0;}
	#nav-main ul li a.active, #nav-sub ul li a.active {background: url('../../images/Vestia.Branding/nav/bg_nav_grad04.png') repeat-x 0 bottom;}
	#nav-main ul li a.active {background: url('../../images/Vestia.Branding/nav/bg_nav_grad04.png') repeat-x 0 0;}
	#nav-main ul li a:focus, #header ul li a:active { background: url('../../images/Vestia.Branding/nav/bg_nav_grad04.png') repeat-x;}
	#nav-main ul li a:hover {color: #fff; background-position: 0 -70px; border-bottom: 1px solid #099;}
		#nav-main ul li a.active span  {background: url('../../images/Vestia.Branding/nav/arrow_down04.gif') no-repeat; height: 5px; position:absolute; left: 46%; bottom: -6px; width: 10px; z-index: 104;}
	#nav-main ul li a.active {background: url('../../images/Vestia.Branding/nav/bg_mainnav_grad04.png') repeat-x 0 -70px; color: #fff; border-bottom: 1px solid #099;}
	#nav-main ul li a.current  {background: url('../../images/Vestia.Branding/nav/bg_nav_grad04.png') repeat-x 0 0; color: #fff; border: none;}
		#nav-main ul li a.current:hover {border: 0;}
		#nav-main ul li a.current span  {background: none}
		
#nav-sub ul {background: url('../../images/Vestia.Branding/nav/bg_nav_grad04.png') repeat 0 -28px;}
	#nav-sub ul li a {background: url('../../images/Vestia.Branding/nav/bg_nav_grad04.png') repeat 0 -28px;}
	#nav-sub ul li a.active span span {background: url('../../images/Vestia.Branding/nav/arrow_down04.gif') no-repeat;}
 
 ul.menu li.selected a,ul.menu li li.selected a {background-color:#169c8f;}
 
/* colored recognition block */
.recognition {background: #169C85 url('../../images/Vestia.Branding/bg/v04_gradiback_large.png') repeat-x left top;}
.recognition, .recognition h3, .recognition a {color:#fff;}
.recognition ul.link li {background:transparent url(../../images/Vestia.Branding/icons/arrow-right.gif) no-repeat scroll 0 -109px}
.recognition a:hover {color: #fff; text-decoration:underline;}
	.recognition a:hover, .recognition a:hover span {background: transparent;}
 	.recognition .overlay .hr-triple {background: transparent url('../../images/Vestia.Branding/lines/dot_h_triple_trans.gif') repeat left top;}

/* buttons */
button span {background-image: url('../../images/Vestia.Branding/btn/btn-04.png');}

a.button, a.button:hover, .faq-content .content a.button {background:transparent url('../../images/Vestia.Branding/btn/btn-04-l.png') no-repeat 0 0;}
	a.button span, a.button:hover span {background:transparent url('../../images/Vestia.Branding/btn/btn-04-r.png') no-repeat 100% 0;}

	a.button:active, a.button:focus, .ie7 a.button:hover, .ie8 a.button:hover {background:transparent url('../../images/Vestia.Branding/btn/btn-04-l.png') no-repeat 0 -30px;}
	a.button:active span, a.button:focus span, .ie7 a.button:hover span, .ie8 a.button:hover span {background:transparent url('../../images/Vestia.Branding/btn/btn-04-r.png') no-repeat 100% -30px;}
	a.button:active span, a.button:focus span {background:transparent url('../../images/Vestia.Branding/btn/btn-04-r.png') no-repeat 100% -30px;}

	.ie6 a.button {background:transparent url('../../images/Vestia.Branding/btn/btn-04-l.gif') no-repeat 0 0;}
	.ie6 a.button span {background:transparent url('../../images/Vestia.Branding/btn/btn-04-r.gif') no-repeat 100% 0;}

/* numbers page */
.numbers .plus {background-color:#128a83;}
.bar-low {background-color:#128a83;}
.bar-young {background-color:#a1d7ce;}
	
/* link in footer*/
.vestia-wb {color: #099;}


/* Numberback
----------------------------------------------------------- */
ol.numberback li a span.active,
ol.numberback li a:hover span.number,
ol.numberback li a:hover span.number.active,
.steps ol.numberback li.active .number {background-color:#099;}
.steps ol.numberback li.done .number {background-color:#333;}