.configurator .list table
{
	border-collapse: collapse;
	width: 100%;
}
.configurator .list table td
{
	border: 1px solid #8cc63f;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}
.configurator .list table .odd
{
	background-color: #e2e9d9;
}
.configurator .list table .head td
{
	background-color: #e2e9d9;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
}

.configurator .info
{
	margin-top	: 10px;
	border: 1px solid #8cc63f;
	text-align: left;
}

.configurator .introTekst
{
	margin-top	: 10px;
	border: 1px solid #8cc63f;
	background-color: #e2e9d9;
	padding: 10px;
	text-align: left;
}

.configurator .introTekst h2
{
	margin-top: 0px;
}

.configurator .caption
{
	background-color: #e2e9d9;
	padding: 4px;
	padding-left: 8px;
}

.configurator .exception .inner
{
	margin-top: 10px;
	background-color: white;
	color: Red;
	padding: 4px;
}

.configurator .toolbox
{
	padding: 5px;
}

.configurator .fototoolbox img
{
	margin-top: -1px;
	border: 1px solid #8cc63f;
}

.configurator table td
{
	padding-bottom: 2px;
	padding-top: 2px;
}

.configurator .calculator
{
	border: 1px solid #8cc63f;
	background-color: #8cc63f; 
	text-align: left;
	padding: 8px;
	color: White;
}

.configurator .calculator a
{
	color: White;
	text-decoration: underline;
}

.configurator .calculator .model
{
	font-size: 16px;
	font-weight: bold;
}

.configurator .calculator .uitvoering
{
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}

.configurator .calculator .consument
{
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}

.configurator .kleuren
{
    margin: 0px;
    padding: 0px;
}

.configurator .kleuren .kleur, .configurator .bekledingen .bekleding
{
	display: inline-block;
    width: 44px;
    height: 25px;
    text-align: center;
	padding-top: 4px;
	border: 0px;
	border-bottom: 4px solid white;
	margin-bottom: 4px;
}

.configurator .bekledingen .bekleding
{
    width: 70px;
    height: 65px;
}

.configurator .kleuren .kleur.sel, .configurator .bekledingen .bekleding.sel
{
	background-color: #e2e9d9;
	border-bottom: 4px solid #8cc63f;
}

.progress
{
	padding: 0px;
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	border: 0px;
}

.progress td
{
	vertical-align: top;
	color: Silver;
	height: 25px;
	border-right: solid 2px white;
}
.progress .active
{
	color: #8cc63f;
	font-weight: bold;
	padding-bottom: 10px;
}
.progress .completed, .progress a
{
	color: #8cc63f;
	padding-bottom: 10px;
}
.progress .activecell
{
	background-color: #8cc63f;
	font-size: 6px;
	height: 10px;
}

.progress .completedcell
{
	background-color: #8cc63f;
	font-size: 6px;
	height: 15px;
}

.progress .pendingcell
{
	background-color: #e7efde;
	font-size: 6px;
	height: 15px;
}

.navigatie
{
	text-align: right;
}

.navigatie .button
{
	padding: 8px;
	display: inline-block;
	vertical-align: middle;
	background-color: #8cc63f;
	color: White;
	text-decoration: none;
	font-weight: bold;
}

.extbutton
{
	padding: 8px;
	display: inline-block;
	vertical-align: middle;
	background-color: #505052;
	color: White;
	text-decoration: none;
	font-weight: bold;
}

.smallButton
{
    padding:8px;
    padding-top: 4px;
    padding-bottom:4px;
    display: inline-block;
	vertical-align: middle;
	background-color: #8cc63f;
	color: White;
	text-decoration: none;
	font-weight: bold;	
}

.imgToolbox
{
	border: 1px solid #8cc63f;
	/* background-color*: #e7efde; */
	color: White;
}

.lefttoolbox
{
	border: 1px solid #8cc63f;
}

.imgToolbox div
{
	padding-top: 6px;
	padding-left: 6px;
}


.divKleurImage
{
}

.divBekledingImage
{
    display: none;
}

.afmTabel
{
	margin-top: 10px;
	border-collapse: collapse;
	border: solid 1px silver;
	font-size: 10px;
}

.afmTabel td
{
	border: solid 1px silver;
	vertical-align: top;
	color: gray;
	background-color: White;
}

.afmTekst
{
	margin-top: 10px;
	color: Gray;
	font-size: 10px;
}