/* wizard */



ul.wizard {

	margin: 0px;

	padding: 0px;

	borer: 1px solid green;
	
	z-index: 1;

}

	ul.wizard li {

		float: left;

		background: url(../../images/wizard_li_left.jpg) no-repeat top left;

		/*height: 58px;

		line-height: 58px;*/

		margin: 0px 6px 0px 0px;

		text-transform: uppercase;

		font-weight: bold;

	}

	ul.wizard li a {

		padding: 0px 30px;	

		color: #dcdcdc;

		text-decoration: none;

		display: inline-block;
		
		line-height: 58px;

		background: url(../../images/wizard_li_right.jpg) no-repeat top right;

	}
	
	* html ul.wizard li a {
		height: 58px;
	}

	ul.wizard li.selected {

		background: #5f6062 url(../../images/bg_title_left.jpg) no-repeat top left;

	}

	ul.wizard li.selected a {

		color: #ffffff;
		/*height: 58px;*/
		background: url(../../images/bg_title_right_large.jpg) no-repeat top right;

	}

		ul.wizard li.selected a:hover {

			color: #cccccc;	

		}

	ul.wizard li.active a {

		color: #b3112e;

		

	}

		ul.wizard li.active a:hover {

			color: #EB1840;

		}



/* end wizard */



/* grey box */



.greybox {

	background: url(../../images/contentgrey_top.gif) no-repeat top center;

	padding: 5px 0px 0px 0px;

	width: 605px;

}

	.greybox_content {

		background: url(../../images/contentgrey_repeat.gif) repeat-y top center;

		padding: 15px 15px 15px 15px;

	}

	.greybox_bottom {

		background: url(../../images/contentgrey_bottom.gif) no-repeat top center;

		height: 5px;

	}



/* end grey box */



/* overzichttabel */



.overzichtstabel {

	width: 100%;

}

	.overzichtstabel th {

		font-weight: bold;

		color: #b3112e;

		background: url(../../images/hr_stip.gif) repeat-x bottom left;

	}

	.overzichtstabel th, .overzichtstabel td {

		padding: 10px 15px;

		line-height: 20px;

	}

		.overzichtstabel td.cellspace {

			line-height: 0px;

			padding: 0px;

			height: 10px;

		}

	.overzichtstabel td {

		font-size: 97%;

	}

	.overzichtstabel .overzicht_center {

		text-align: center;

	}

	.overzichtstabel .overzicht_right {

		text-align: right;

	}

	.overzichtstabel td a {

		color: #646568;

		font-weight: bold;

		text-decoration: underline;

	}

		.overzichtstabel td a.delete_product {

			text-indent: -9999px;

			background: url(../../images/delete.gif) no-repeat center;

			width: 13px;

			display: inline-block;

		}

	.overzichtstabel input {

		border: 1px solid #cccccc;

		background: #ffffff;

		font-size: 97%;

	}

	.overzichtstabel input.aantal {

		width: 35px;

	}

	.overzichtstabel tr.highlight, .overzichtstabel td.highlight {

		background: #f7f7f7;

	}

	.overzichtstabel td.white, .overzichtstabel th.white {

		background: #ffffff;

	}

	.overzichtstabel td.nopadding {

		padding: 0px;	

	}

	.pink_button {

		background: url(../../images/buttonpink_left.gif) no-repeat left top;

		height: 32px;

		display: inline-block;

		margin: 0px 5px;

		padding: 0px;

	}

		span:hover.pink_button {

			background: url(../../images/buttonpink_left.gif) no-repeat left bottom;

		}

		.pink_button input, .pink_button span {

			background: url(../../images/buttonpink_right.gif) no-repeat top right;

			border: none;

			line-height: 32px;

			height: 32px;

			color: #ffffff;

			margin: 0px;

			padding: 0px 8px;

			cursor: pointer;

			display: block;

		}

		* html .pink_button input {

			padding: 0px;

		}

			.pink_button input:hover, .pink_button span {

				background: url(../../images/buttonpink_right.gif) no-repeat bottom right;

				color: #FFCCFF;

			}

	.grey_button {

		background: url(../../images/buttongrey_left.gif) no-repeat left top;

		height: 32px;

		display: inline-block;

		margin: 0px 0px 0px 8px;

		padding: 0px;

	}

		span:hover.grey_button {

			background: url(../../images/buttongrey_left.gif) no-repeat left bottom;

		}

		

		.grey_button input, .grey_button span, .grey_button a {

			background: url(../../images/buttongrey_right.gif) no-repeat top right;

			border: none;

			color: #ffffff !important;

			margin: 0px;

			padding: 0px 8px 0px 8px;

			line-height: 32px;

			height: 32px;

			cursor: pointer;

			display: block;

			text-decoration:none !important;

			font-weight:normal  !important;

		}

		* html .grey_button input {

			padding: 0px;

		}

			.grey_button input:hover, .grey_button span:hover, .grey_button a:hover {

				background: url(../../images/buttongrey_right.gif) no-repeat bottom right;

				color: #CCCCCC;

			}



/* end overzichttabel */
