body.product0 hr,
body.product0 #nav li.active a {
	background-color:#666;
}
body.product1 hr,
body.product1 .footer .sysNuRegelen,
body.product1 .footer .sysVoorafRegelen,
body.product1 #nav li.active a,
body.product1 form input.submit,
body.product1 button.submit  {
	background-color:#369;
}
body.product2 hr,
body.product2 .footer .sysNuRegelen,
body.product2 .footer .sysVoorafRegelen,
body.product2 #nav li.active a,
body.product2 form input.submit,
body.product2 button.submit {
	background-color:#F00;
}
body.product3 hr,
body.product3 .footer .sysNuRegelen,
body.product3 .footer .sysVoorafRegelen,
body.product3 #nav li.active a,
body.product3 form input.submit,
body.product3 button.submit {
	background-color:#060;
}

body.product1 div.completed {
		background: url(/uitvaartcompact_fase2/images/uc/lightbluebar.png) repeat-x;
		border-top: #000 1px solid;
		border-bottom: #000 1px solid;
		border-right: #000 1px solid;
		cursor: pointer;
	}
body.product2 div.completed {
		background: url(/uitvaartcompact_fase2/images/uc/lightredbar.png) repeat-x;
		border-top: #000 1px solid;
		border-bottom: #000 1px solid;
		border-right: #000 1px solid;
		cursor: pointer;
	}
body.product3 div.completed {
		background: url(/uitvaartcompact_fase2/images/uc/lightgreenbar.png) repeat-x;
		border-top: #000 1px solid;
		border-bottom: #000 1px solid;
		border-right: #000 1px solid;
		cursor: pointer;
	}

body.product0 div.active {
		background: url(/uitvaartcompact_fase2/images/uc/darkgreybar.png) repeat-x;
		border-top: #000 1px solid;
		border-bottom: #000 1px solid;
		border-right: #000 1px solid;
	}

body.product1 div.active {
		background: url(/uitvaartcompact_fase2/images/uc/bluebar.png) repeat-x;
		border-top: #000 1px solid;
		border-bottom: #000 1px solid;
		border-right: #000 1px solid;
	}
body.product2 div.active {
		background: url(/uitvaartcompact_fase2/images/uc/redbar.png) repeat-x;
		border-top: #000 1px solid;
		border-bottom: #000 1px solid;
		border-right: #000 1px solid;
	}
body.product3 div.active {
		background: url(/uitvaartcompact_fase2/images/uc/greenbar.png) repeat-x;
		border-top: #000 1px solid;
		border-bottom: #000 1px solid;
		border-right: #000 1px solid;
	}


div.grey {
		background: url(/uitvaartcompact_fase2/images/uc/greybar.png) repeat-x;
		border-top: #000 1px solid;
		border-bottom: #000 1px solid;
		border-right: #000 1px solid;
	}
	
body.product0 h1{
	color:#CCC;
	font-size:17px;
}
body.product1 h1{
	color:#369;
	font-size:17px;
}
body.product2 h1 {
	color:#F00;
	font-size:17px;
}
body.product3 h1 {
	color:#060;
	font-size:17px;
}

body.product1 .requiredInput{ color: #369; }
body.product2 .requiredInput{ color: #F00; }
body.product3 .requiredInput{ color: #060; }

/* ============================================================	*/
/* ========	FORM NAV		  	===============================	*/
/* ============================================================	*/

#nav
{
margin: 10px 0 0 0;
padding: 0;
}

#nav ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#nav ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#nav ul li a
{
width: 134px;
height: 20px;
padding: 3px 0 0 0;
margin: 0 4px 2px 0;
text-decoration: none;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
font-size:14px;
font-weight:bold;
display: block;
color: #ccc;
text-align: center;
}

#nav li.active a {
	color: #fff;
}

div#bars { clear:both;}

div#nav div#bars div.placeholder {
		height:13px;
		width:134px;
		float: left;
		margin: 0 4px 10px 0;
	}
	
div.first {
	border-left: #000 1px solid;
}

div.parts1 {
		height:13px;
		width:132px;
		float: left;
		margin: 0;
	}
	
div.parts2 {
		height:13px;
		width:65.5px;
		float: left;
		margin: 0;
	}
	
div.parts3 {
		height:13px;
		width:43.3px;
		float: left;
		margin: 0;
	}
	
div.parts4 {
		height:13px;
		width:32px;
		float: left;
		margin: 0;
	}
	
div.parts5 {
		height:13px;
		width:25.6px;
		float: left;
		margin: 0;
	}