/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*	vertical-align: baseline;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hover {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}



/****************************************************

	Design: Autosoft BV - www.autosoft.eu
	Code & CSS: Autosoft BV - www.autosoft.eu
	Copyright 2015 Autosoft BV

****************************************************/

.clear {
	clear: both;
	display: block;
	width: 0px;
	height: 0px;
	content: '.';
	visibility: hidden;
}

body {
	font-family : Arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #333333;
	text-align: left;


	/*	background: rgb(239,239,239); /* Old browsers */
	/*	background: -moz-linear-gradient(left,  rgb(239,239,239) 0%, rgb(255,255,255) 16%, rgb(255,255,255) 50%, rgb(255,255,255) 86%, rgb(239,239,239) 100%); /* FF3.6-15 */
	/*	background: -webkit-linear-gradient(left,  rgb(239,239,239) 0%,rgb(255,255,255) 16%,rgb(255,255,255) 50%,rgb(255,255,255) 86%,rgb(239,239,239) 100%); /* Chrome10-25,Safari5.1-6 */
	/*	background: linear-gradient(to right,  rgb(239,239,239) 0%,rgb(255,255,255) 16%,rgb(255,255,255) 50%,rgb(255,255,255) 86%,rgb(239,239,239) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=1 ); /* IE6-9 */


}

sup { font-size: 8px; line-height: 0px;}

button {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	cursor: pointer;
}


h1, h2, h3, h4, h5, h6 {
	color: #333333;
	/*text-shadow: 1px 1px 0px #ffffff;*/
	font-weight: normal;
	padding: 5px;
}

h1 { font-size: 1.5em; line-height: 1.3em;}
h2 { font-size: 1.4em; line-height:1.2em; }
h3 { font-size: 1.3em; line-height: 1.1em; }
h4 { font-size: 0.9em; line-height: 1.0em; }
h5 { font-size: 1.1em; line-height: 0.9em; }
h6 { font-size: 1.0em; line-height: 0.8em; }


p {
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 1em;
	margin-bottom: 0.5em;
}


a {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.overlay{
	position:absolute;
	background: grey;
	opacity:.5;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:1;
	/*pointer-events: none; // This will allow you to click through overlay*/
}

#container {
	max-width: 940px;
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
	/*background: #f1f1f1;*/
}

#header { padding: 10px 0px;}

#header h1{  float: left;}

#header p.productname {
	float: right; padding: 5px;
	font-size: 1.5em; line-height: 1.3em;
	margin-top: 0px;
	margin-bottom: 0px;
}

#header p.productname span {
	font-weight:900;
	font-style: italic;
	color: #000000;
}


#footer {
	padding: 20px 0px 10px 0px;
	text-align: center;
	font-size: 10px;
	font-style: italic;
/*	color: #bbbbbb;*/
	color: #ffffff;
}

/*#footer a { color: #aaaaaa; text-decoration: none;}*/
/*#footer a:hover { color: #000000; text-decoration: none;}*/

#footer a { color: #ffffff; text-decoration: none;}
#footer a:hover { color: #ffffff; text-decoration: none;}

#page-back {
	float: left;
	left: 3%;
	top: 3%;
	position: absolute;
	cursor: pointer;
}

.backgroundColor {
	background-color: #aba9a9;
}


@keyframes showhide {
	from {
		line-height: 0px;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	to {
		line-height: 20px;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}


/* -------- -------- -------- STAPPEN -------- -------- -------- */

#stappen            {  text-align: left;}
#stappen_footer		{ text-align: center;}

button.tab {
	background-image: url("../images/buttonBG.png");
/*	color: #6f7261;*/
/*	color: #8b8b8b;*/
	color: #000000;
	height: 30px;
	text-align: center;
	width: 174px;
	box-sizing: border-box;
	font-size: 11px;
	margin: 5px;
	border-radius: 6px;
	padding: 0px 0px;
	border: 1px solid #cccccc;
}

button.tab.active {
	background-image: url("../images/buttonBG_hover.png");
	color: #000; text-decoration: none;
	border: 1px solid #999999;
	-webkit-box-shadow:inset 0 0 10px 0 #cccccc;
	box-shadow:inset 0 0 10px 0 #cccccc;
	font-weight: bold;
}

button.tab.past {
	background-image: url("../images/buttonBG_hover.png");
	color: #cccccc;
	-webkit-box-shadow:inset 0 0 10px 0 #cccccc;
	box-shadow:inset 0 0 10px 0 #cccccc;
}

button.tab:hover {
	background-image: url("../images/buttonBG_hover.png");
	color: #000; text-decoration: none;
	border: 1px solid #999999;
	-webkit-box-shadow:inset 0 0 10px 0 transparent;
	box-shadow:inset 0 0 10px 0 transparent;
}

button.tab.notactive, button.tab.notactive:hover {
	background: #ffffff;
	color: #cccccc;
	-webkit-box-shadow:inset 0 0 10px 0 #efefef;
	box-shadow:inset 0 0 10px 0 #efefef;
	border: 1px solid #cccccc;
	cursor: default;
	pointer-events:none;
}

/* -------- -------- -------- MERKEN MODELLEN OVERZICHT -------- -------- -------- */

/*#carListContainer { text-align: center;}*/

.merkBox,
.modelBox  {
	display: inline-block;
	box-sizing: border-box;
	width: 104px;
	height: 100px;
	text-align: center;
	vertical-align: top;
	margin: 5px;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 6px 0 #cccccc;
	box-shadow: 0 0 6px 0 #cccccc;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	background: #ffffff;
}


.modelBox {
	width: 222px;
	height: 196px;
}

.merkBox:hover,
.modelBox:hover {
	cursor: pointer;
	-webkit-box-shadow: 0 0 10px 0 #696a61;
	box-shadow: 0 0 10px 0 #696a61;
}

.merkBox  h2,
.modelBox h2 {
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
	display: block;
	height:10px;
	text-align: center;
}

.modelBox h2 {
	font-size: 12px;
}

.merkBox .imageHolder,
.modelBox .imageHolder {
	width: 84px; height: 70px;
	margin: 0 auto;
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.modelBox .imageHolder {
	width: 202px; height: 166px;
	margin-top: -20px;
	-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
}

.thumbWrapper .imageHolder {
	-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
}

.modelBox .priceHolderOnly {
	text-align: left;
	padding-left: 5px;
	margin-top: 0px;
	line-height: 1.2em
}

.modelBox .priceHolderOnly .priceOnly {
	display: inline-block;
	font-weight: bold;
	margin-top: -6px;
}

.modelBox .priceHolderOnly .values {
	display: inline-block;
	float: left;
	font-size: 10px;
}

.modelBox .priceHolderOnly .emissionOnly{
	display: inline-block;
	float: right; margin-top: -6px;
}



.modelBox .priceHolder {
	text-align: left;
	padding-left: 5px;
	margin-top: -10px;
	line-height: 1.2em
}

.modelBox .priceHolder .price {
	display: block;
	font-weight: bold;
}

.modelBox .priceHolder .values {
	display: inline-block;
	float: left;
	font-size: 10px;
}

.modelBox .priceHolder .emission{
	display: inline-block;
	float: right; margin-top: -6px;
}




/* -------- -------- -------- UITVOERINGEN OVERZICHT -------- -------- -------- */

/*#carListContainer { text-align: center;}*/

#carListContainer {

}
#tranmissionSelect {
	line-height: 40px;
	margin-left: 5px;
}

.optionwrapper {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.optionwrapper input[type=radio] {
	float: left;
	margin-right: 5px;
	margin-top: 14px;
}


.vehicleType { margin-bottom: 40px;}

.vehicleType .title h2 {float: left;}
.vehicleType .title strong {
	display: block; float: right;
	min-width: 80px; padding-top: 8px;
	text-align: center; font-style: italic;
}

.vehicleType .thumbWrapper { padding: 5px; padding-top: 10px;}


.vehicleType .thumbWrapper img {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
	max-width: 162px!important;
	height: auto!important;
}

.vehicleType .thumbWrapper h1 { margin-top: 50px; font-size: 1.2em; font-weight: bold; display: inline-block;}



.vehicleType .vehicleSelect { background: #efefef;}

.vehicleType .vehicleSelect .voertuig { border-bottom: 1px solid #ffffff;}
.vehicleType .vehicleSelect .voertuig:hover { background: #e3e3e3; cursor: pointer;}


.vehicleType .vehicleSelect .voertuig { line-height: 21px;}

.vehicleType .vehicleSelect .voertuig input[type=checkbox] {
	float: left;
	margin-left: 5px;
	margin-top: 6px;
}


.vehicleType .vehicleSelect .voertuig .type,
.vehicleType .vehicleSelect .voertuig .typeDetails,
.vehicleType .vehicleSelect .voertuig .typeYear,
.vehicleType .vehicleSelect .voertuig .typePrice {
	display: inline-block;
	min-width: 140px;
	font-size: 12px;
	padding: 2px 8px;
}

.vehicleType .vehicleSelect .voertuig .type { font-weight: bold; min-width: 240px; }

.vehicleType .vehicleSelect .voertuig .typeYear { float: right; min-width: 40px; }

.vehicleType .vehicleSelect .voertuig .typePrice {
	float: right;
	text-align: right;
	min-width: 80px; }

.vehicleType .vehicleSelect .voertuig .typePrice span.valuta {
	float: left;
	width: 12px;
}





/* -------- -------- -------- COMPARE -------- -------- -------- */

#compare-container {
	margin: 0 auto;
	padding: 0px 10px 20px 10px;
	text-align: center;
	min-width: 940px;
	font-size: 0;
	/*background: #f1f1f1;*/
}


#compare-container #compare-wrapper {
	margin: 0 auto;
	/*-webkit-box-shadow: 0 0 6px 0 #cccccc;
	box-shadow: 0 0 6px 0 #cccccc;*/
	overflow-x: auto;
	white-space: nowrap;
	padding-left: 400px; /*fix margin first two columns*/
}



#compare-container .column {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0px;
	text-align: left;
	font-size: 11px;
	line-height: 18px;
	width: 140px;
	border: 2px solid #ffffff;
	margin: 20px 0px;
	white-space: normal;
	background: #ffffff;
}



#compare-container #maincolumn.column {
	position: absolute;
	margin-left: -400px; /*puts first column to the left */
	width: 270px;
	z-index: 1000;
}

#compare-container #chosen.column {
/*	position: absolute;*/
	margin-left: -130px;/*puts secondcolumn next to first */
	border: 2px solid #ff0000;
	z-index: 1000;
/*	border-left: 2px solid #ff0000;*/
}

#compare-container .column.stock {
	border: 2px solid #666666;
}

#compare-container .column div.row { margin-bottom: 20px;}
#compare-container .column div.row.prices { margin-bottom: 0px;}

#compare-container .column span.row {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 20px;
	height: 18px;
}

#compare-container .column span.row input[type=checkbox] {
	float: left; margin-left: -16px;}


#compare-container .column span {
	display: block;
	box-sizing: border-box;
	padding: 0px 4px 0px 18px;
	text-align: center;
	border-bottom: 1px solid #ffffff;
}

#compare-container .column .title,
#compare-container .column .makemodel {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px;
	height: 27px;
}

#compare-container .column .title { padding-left: 0px;}

#compare-container .column span.row.picture { height: 80px;}
#compare-container .column .picture img {
	max-height: 60px;
	border: 0;
	-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
}

#compare-container .column .makemodel {
	padding: 5px 0px;
	height: 40px;
}

#compare-container .column .even,
#compare-container .column .mainprice {
	background: #d1d1d1;
}

#compare-container .column .odd {
	background: #ebebeb;
}

#compare-container .column .options span {
	text-align: right; padding-right: 60px;
}

#compare-container .column .prices span  {
	text-align: right; padding-right: 45px;
}

#compare-container .column .link,
#compare-container .column .prices .link {
	text-align: center; padding: 0px;
	background: #ffffff;
}

#compare-container .column .link,
#compare-container .column .prices .link {
	line-height: 40px!important;
	height: unset;
}

#compare-container .column .link a,
#compare-container .column .prices .link a {
	display: inline-block; text-align: center;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin: 5px; border: 1px solid #ffffff;
	background: #eeeeee; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#eeeeee, #cccccc);
	background: -o-linear-gradient(#eeeeee, #cccccc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#cccccc)); /* older webkit syntax */
	background: -webkit-linear-gradient(#eeeeee, #cccccc);
	-webkit-box-shadow: 0 0 6px 0 #cccccc;
	box-shadow: 0 0 6px 0 #cccccc;
	text-decoration: none;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	padding: 2px 5px;
	width: 90%;
	box-sizing: border-box;
}


#compare-container .column .link a:hover,
#compare-container .column .prices .link a:hover {
	border: 1px solid #ffffff;
	background: #cccccc; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#cccccc, #d1d1d1);
	background: -o-linear-gradient(#cccccc, #d1d1d1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#d1d1d1)); /* older webkit syntax */
	background: -webkit-linear-gradient(#cccccc, #d1d1d1);
	-webkit-box-shadow: 0 0 6px 0 #cccccc;
	box-shadow: 0 0 6px 0 #cccccc;
	cursor: pointer;
}


#compare-container #maincolumn.column span {
	text-align: left;
}
#compare-container #maincolumn.column span.link {
	background: #ffffff;
}


#compare-container a.toggle {
	display: block;
	width: 18px;
	height: 18px;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	float: left; margin-right: 10px;
	border:  1px solid #ffffff;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: #eeeeee; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#eeeeee, #cccccc);
	background: -o-linear-gradient(#eeeeee, #cccccc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#cccccc)); /* older webkit syntax */
	background: -webkit-linear-gradient(#eeeeee, #cccccc);
	-webkit-box-shadow: 0 0 4px 0 #cccccc;
	box-shadow: 0 0 4px 0 #cccccc;
	line-height: 18px;
}

#compare-container a.toggle:before {
	content: '+';
	display: block;
}

#compare-container a.toggle.close {
	background: #cccccc; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#cccccc, #eeeeee);
	background: -o-linear-gradient(#cccccc, #eeeeee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#eeeeee)); /* older webkit syntax */
	background: -webkit-linear-gradient(#cccccc, #eeeeee);
}

#compare-container a.toggle.close:before {
	content: '-';
	display: block;
}





#compare-container .column .showspecs,
#compare-container .column .showoptions,
#compare-container .column .showprices
{display: none;}


#compare-container .column .showspecs.visible,
#compare-container .column .showoptions.visible,
#compare-container .column .showprices.visible
{display: block; animation-name: showhide; animation-duration: 350ms;}

#compare-container #maincolumn.column .showspecs.visible,
#compare-container #maincolumn.column .showoptions.visible,
#compare-container #maincolumn.column .showprices.visible
{ border-left: 1px solid #cc0000;}

#compare-container #maincolumn.column .showprices.visible.link {
	line-height: 40px; border-left: 1px solid white;
}



/* -------- -------- -------- CONFIGUREREN OPTIES TABBLADEN -------- -------- -------- */


.vehicleType .carWrapper { padding: 5px; padding-top: 10px }

.vehicleType  { margin-bottom: 4px;}

.vehicleType .carWrapper img {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
	margin-right: 20px;
	max-width: 81px!important;
	height: auto!important;
	float: left;
	-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
}

/*.vehicleType .carWrapper h1 { margin-top: 10px; font-size: 12px; font-weight: bold;}*/
/*.vehicleType .carWrapper h2 { font-weight: normal; font-size: 1em;}*/
.vehicleType .carWrapper h1 { margin-top: 10px; font-weight: bold;}
.vehicleType .carWrapper h2 { font-weight: normal; }

.tabcontent h2 { font-weight: bold; font-size: 1.0em; margin-bottom: 1px; padding-left: 0px;}

#tabs ul#tablinks {
	margin-left: 15px;
	position: relative;
	z-index: 1;
	margin-top: 0px;
}

#tabs ul#tablinks li {
	display: inline;
	margin-right: 5px;
}

#tabs a.tablinks {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	cursor: pointer;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 6px 0 #cccccc;
	box-shadow: 0 0 6px 0 #cccccc;
	box-sizing: border-box;
	padding: 15px 20px;
	vertical-align: top;
	text-decoration: none;
	color: #333333;
	background: #ffffff;
}

#tabs a.tablinks:hover,
#tabs a.tabactive:hover	{
	margin-top: -6px;
	padding-bottom: 21px;
}

#tabs #tabswrapper {
	width: 100%;
	position: relative;
	z-index: 2;
/*	padding-top: 40px;*/
}

#tabs .tabcontent {
	display: block;
	padding: 25px;
	border-radius: 6px;
/*	-webkit-box-shadow: 0 0 6px 0 #cccccc;*/
/*	box-shadow: 0 0 6px 0 #cccccc;*/
	-webkit-box-shadow: 0 0 6px 0 #cccccc;
	box-shadow: 0 0 6px 0 #cccccc;
	box-sizing: border-box;
	width: 100%;
	margin-top: -4px;
	background: #ffffff;
	display: none;
}

#tabs .tabcontent ul {
	margin-bottom: 1.5em;
	display: block;
	vertical-align: top;
	clear: both;
	padding-top: 10px;
}

#tabs .tabcontent ul ul {
	padding-top: 1px;
}


#tabs .tabcontent ul li ul li {
	display: inline-block;
	width:33.33333%;
	float: left;
	list-style: square;
	font-size: 12px;
}

#tabs .tabcontent.full ul li ul li {
	width: 100%;
	float: none;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#tabs .tabcontent ul li ul li:before {
	display: inline-block;
	content: "\002713";
	color: green;
	font-weight: bold;
	margin-right: 10px
}

#tabs .tabcontent .title {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px;
	padding-left: 10px;
	position: relative
}


#tabs .tabcontent a.toggle {
	display: block;
	width: 18px;
	height: 18px;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	float: left; margin-right: 0px;
	border:  1px solid #ffffff;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: #eeeeee; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#eeeeee, #cccccc);
	background: -o-linear-gradient(#eeeeee, #cccccc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#cccccc)); /* older webkit syntax */
	background: -webkit-linear-gradient(#eeeeee, #cccccc);
	-webkit-box-shadow: 0 0 4px 0 #cccccc;
	box-shadow: 0 0 4px 0 #cccccc;
	line-height: 18px;
}


#tabs .tabcontent a.toggle:before {
	content: '+';
	display: block;
}

#tabs .tabcontent a.toggle.close {
	background: #cccccc; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#cccccc, #eeeeee);
	background: -o-linear-gradient(#cccccc, #eeeeee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#eeeeee)); /* older webkit syntax */
	background: -webkit-linear-gradient(#cccccc, #eeeeee);
}

#tabs .tabcontent a.toggle.close:before {
	content: '-';
	display: block;
}

#tabs .tabcontent .content { padding-bottom: 10px;}

#tabs .tabcontent .showaudio.visible,
#tabs .tabcontent .showcomf.visible,
#tabs .tabcontent .showdims.visible,
#tabs .tabcontent .showexte.visible,
#tabs .tabcontent .showinte.visible,
#tabs .tabcontent .showlight.visible,
#tabs .tabcontent .showperf.visible,
#tabs .tabcontent .showsafe.visible,
#tabs .tabcontent .showgen.visible,
#tabs .tabcontent .showtech.visible,
#tabs .tabcontent .showpkt.visible,
#tabs .tabcontent .showflt.visible,
#tabs .tabcontent .showcustom.visible
{display: flex; }

#tabs .tabcontent .show2audio.visible,
#tabs .tabcontent .show2comf.visible,
#tabs .tabcontent .show2dims.visible,
#tabs .tabcontent .show2exte.visible,
#tabs .tabcontent .show2inte.visible,
#tabs .tabcontent .show2light.visible,
#tabs .tabcontent .show2perf.visible,
#tabs .tabcontent .show2safe.visible,
#tabs .tabcontent .show2tech.visible,
#tabs .tabcontent .show2gen.visible,
#tabs .tabcontent .show2pkt.visible
{display: none; animation-name: showhide; animation-duration: 350ms;}

#tabs .tabcontent .showaudio,
#tabs .tabcontent .showcomf,
#tabs .tabcontent .showdims,
#tabs .tabcontent .showexte,
#tabs .tabcontent .showinte,
#tabs .tabcontent .showlight,
#tabs .tabcontent .showperf,
#tabs .tabcontent .showsafe,
#tabs .tabcontent .showgen,
#tabs .tabcontent .showtech,
#tabs .tabcontent .showpkt,
#tabs .tabcontent .showflt,
#tabs .tabcontent .showcustom
{display: none; animation-name: showhide; animation-duration: 350ms;}

#tabs .tabcontent .show2audio,
#tabs .tabcontent .show2comf,
#tabs .tabcontent .show2dims,
#tabs .tabcontent .show2exte,
#tabs .tabcontent .show2inte,
#tabs .tabcontent .show2light,
#tabs .tabcontent .show2perf,
#tabs .tabcontent .show2safe,
#tabs .tabcontent .show2tech,
#tabs .tabcontent .show2gen,
#tabs .tabcontent .show2pkt
{display: block; }

#tabs .tabcontent .comments { background: #ffffff; border-bottom: 1px solid #ffffff; height: 30px; }



#tabs .tabcontent .options{
	flex-direction: row;
	width: 100%;
	min-height: 30px;
	background: #efefef;
	border-bottom: 1px solid #ffffff;
	font-size: 12px;
	font-weight: normal;
	cursor: pointer;
}
#tabs .tabcontent .wltp_response_message .options,
#tabs .tabcontent .colorsBlocksContainer .options{
	display: flex;
	padding: 2px 8px;
	box-sizing: border-box;
}

#tabs .tabcontent .options .optionSpan{
	display: flex;
	align-content: center;
	justify-content: flex-start;

	margin: auto 5px;
	height: auto;
	box-sizing: border-box;
}

#tabs .tabcontent .options .optionInput{
	order: 1;
	width: 25px;
	cursor: pointer;

	margin: auto 0;
}

#tabs .tabcontent .options .optionDetails{
	order: 2;
	flex: 1;
	padding: 3px 0;
}
#tabs .tabcontent .options .optionDetails div{
	width: 100%;
}

#tabs .tabcontent .options .optionCodeIcon{
	order: 3;
	width: 25px;

	justify-content: center;
}
#tabs .tabcontent .options .optionCodeIcon a{
	display: flex;
	justify-content: center;
	vertical-align: center;
}

#tabs .tabcontent .options .optionCode{
	order: 4;
	width: 120px;

	justify-content: flex-end;
}

#tabs .tabcontent .options .optionPrice{
	order: 5;
	width: 120px;

	display: flex;
	flex-direction: row;
}
#tabs .tabcontent .options .optionPrice span{
	width: 20px;
	text-align: right;
}
#tabs .tabcontent .options .optionPrice div{
	flex: 1;
	text-align: right;
	padding-right: 5px;
}
#tabs .tabcontent .options .optionPrice.dragintra span:nth-child(2){
	flex: 1;
	text-align: right;
}

#tabs .tabcontent .options.disabled{ opacity: 0.7; cursor: default; }
#tabs .tabcontent .options.includes{ background: #a3ffa3; cursor: default; }
#tabs .tabcontent .options.excludes{ background: #68b8c6; }

#tabs .tabcontent .options.disabled span,
#tabs .tabcontent .options.includes span{ cursor: pointer; }

#tabs .tabcontent .options .wltp_submit_button{
	float: right;
	z-index: 10;
}

/*#tabs .tabcontent .options { background: #efefef; border-bottom: 1px solid #ffffff; height: 30px; }*/
/*#tabs .tabcontent .options:hover { background: #e3e3e3; cursor: pointer;}*/

/*#tabs .tabcontent .options.disabled{ opacity: 0.7; cursor: default; }*/
/*#tabs .tabcontent .options.includes{ background: #a3ffa3; cursor: default; }*/
/*#tabs .tabcontent .options.excludes{ background: #68b8c6; }*/

/*#tabs .tabcontent .options.disabled span,*/
/*#tabs .tabcontent .options.includes span{ cursor: pointer; }*/

/*#tabs .tabcontent .options.disabled input,*/
/*#tabs .tabcontent .options.includes input{ pointer-events: none; }*/

/*#tabs .tabcontent .options:hover .optionsTooltip{ display: block;}*/

/*.optionsTooltip {*/
/*	position: absolute;*/
/*	width: 120px;*/
/*	padding: 20px;*/
/*	border: 1px solid #c9c9c9;*/
/*	color: #bcbcbc;*/
/*	font-weight: normal;*/
/*	left: -170px;*/
/*	top: 0;*/
/*	margin-left: 0;*/
/*	background: #fff;*/
/*	display: none;*/
/*}*/

/*.optionsTooltip:before {*/
/*	content: " ";*/
/*	position: absolute;*/
/*	top: 15px;*/
/*	right: -12px;*/
/*	width: 0;*/
/*	height: 0;*/
/*	border-style: solid;*/
/*	border-width: 12px 0 12px 12px;*/
/*	border-color: transparent transparent transparent #c9c9c9;*/
/*}*/

/*.optionsTooltip:after {*/
/*	content: " ";*/
/*	position: absolute;*/
/*	top: 15px;*/
/*	right: -11px;*/
/*	width: 0;*/
/*	height: 0;*/
/*	border-style: solid;*/
/*	border-width: 12px 0 12px 12px;*/
/*	border-color: transparent transparent transparent #fff;*/
/*}*/




/*#tabs .tabcontent .options input[type=checkbox] {*/
/*	float: left;*/
/*	margin-left: 5px;*/
/*	margin-top: 5px;*/
/*}*/

/*#tabs .tabcontent .optionDescrpt {*/
/*	display: inline-block;*/
/*	min-width: 240px;*/
/*	font-size: 12px;*/
/*	padding: 2px 8px;*/
/*}*/

/*#tabs .tabcontent .optionDetails,*/
/*#tabs .tabcontent .optionCode,*/
/*#tabs .tabcontent .optionPrice {*/
/*	display: inline-block;*/
/*	min-width: 80px;*/
/*	font-size: 12px;*/
/*	padding: 2px 8px;*/
/*!*	width: 52%;*/
/*	box-sizing: border-box;*!*/
/*}*/

/*#tabs .tabcontent .optionDetails div {*/
/*	display: block;*/
/*	width: 100%;*/
/*	white-space: nowrap;*/
/*	overflow: hidden;*/
/*	text-overflow: ellipsis*/
/*}*/

/*#tabs .tabcontent .optionCode {*/
/*	float: right;*/
/*	text-align: right;*/
/*	min-width: 80px;*/
/*!*	width: 15%;*/
/*	white-space: nowrap;*!*/
/*}*/

/*#tabs .tabcontent .optionCode div {*/
/*	display: block;*/
/*	overflow: hidden;*/
/*	text-overflow: ellipsis;*/
/*}*/

/*#tabs .tabcontent .optionException {*/
/*	float: right;*/
/*	text-align: right;*/
/*	width: 15%;*/
/*}*/

/*#tabs .tabcontent .optionPrice {*/
/*	float: right;*/
/*	text-align: right;*/
/*	width: 80px;*/
/*}*/

/*#tabs .tabcontent .optionPrice span.valuta {*/
/*	float: left; width: 12px;*/
/*}*/

#tabs .tabcontent .custOption{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
}
#tabs .tabcontent .custOption .custOptDesc,
#tabs .tabcontent .custOption .custOptPrice,
#tabs .tabcontent .custOption .custOptCat{
	display: inline-block;
	margin: 0 3px;
	box-sizing: border-box;
}

#tabs .tabcontent .custOption .custOptDesc{
	flex: 4;
}
#tabs .tabcontent .custOption .custOptPrice,
#tabs .tabcontent .custOption .custOptCat{
	flex: 1;
}

#tabs .tabcontent .custOption input,
#tabs .tabcontent .custOption select {
	display: block;
	width: 100%;
	box-sizing: border-box;
	line-height: initial;
	padding: 4px 5px;
	margin: 5px 0;
}


#tabs .tabcontent .colorsBlocksContainer { padding-bottom: 20px;}
#tabs .tabcontent .colorsBlock .title {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px;
	padding-left: 0px;
	position: relative;
}

#tabs .tabcontent .colorsBlock .meerprijs { font-style: italic; font-size: 11px; font-weight: normal;}

/*#tabs .tabcontent .colorsBlocksContainer .optionCode { display: none; }
#tabs .tabcontent .colorsBlocksContainer .optionPrice { width: auto; }*/
#tabs .tabcontent .colorsBlock ul { padding-top: 0px;}
#tabs .tabcontent .colorsBlock li { font-size: 12px;}

#tabs .tabcontent .colorsBlock li { background: #efefef; border-bottom: 1px solid #ffffff; line-height: 21px;}
#tabs .tabcontent .colorsBlock li:hover { background: #e3e3e3; cursor: pointer;}

#tabs .tabcontent .colorsBlock input[type=radio] {
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}
#tabs .tabcontent .colorsBlock .colorCode {
	float: right;
	text-align: right;
	min-width: 80px;
}

#tabs .tabcontent .overviewBlockContainer { padding-bottom: 20px;}
#tabs .tabcontent .overviewBlock .title {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px;
	padding-left: 0px;
	position: relative;
}

.extraOptionsBox {
	width: 100%;
	height: 100%;
	text-align: center;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 1000;
	display: block;
	background: rgba(255,255,255,0.5);
}

.extraOptionsBoxWrapper {
	background:  #ffffff;
	height: auto;
	width: 800px;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 15px;
	border-radius: 6px;
	-webkit-box-shadow: -1px 1px 8px 0 #666;
	box-shadow: -1px 1px 8px 0 #666;
	font-size: 12px;
	transform: translate(-50%, -50%);
}

.extraOptionsBox  p.bold { font-weight: bold;}

.extraOptionsBox td { font-size: 12px; padding: 5px;}

.disclaimerBox {
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 1000;
	display: block;
	background: rgba(255,255,255,0.5);
}

.disclaimerBoxWrapper {
	background:  #ffffff;
/*	height: auto;*/
	height: 90%;
	width: 70%;
	top: 50%;
	position: absolute;
/*	position: fixed;*/
	/*		position: relative;*/
	/*		top: 50%; margin-top: -100px;*/
	left: 50%;
/*	margin-left: -250px;*/
	z-index: 1000;
/*	margin-bottom: 10px;*/
	padding: 15px;
	border-radius: 6px;
	-webkit-box-shadow: -1px 1px 8px 0 #666;
	box-shadow: -1px 1px 8px 0 #666;
	font-size: 12px;
	transform: translate(-50%, -50%);
}




.exclusionsBox {
	width: 100%; height: 100%; text-align: center;
	top: 0; left: 0; position: fixed; z-index: 1000; display: block;
	background: rgba(255,255,255,0.5);
}

.exclusionsBoxWrapper {
	background:  #ffffff;
	height: auto;
	width: 500px;
	top: 10%;
	/*		position: absolute;*/
	position: fixed;
	/*		position: relative;*/
	/*		top: 50%; margin-top: -100px;*/
	left: 50%; margin-left: -250px;
	z-index: 1000;
	margin-bottom: 10px;
	padding: 15px;
	border-radius: 6px;
	-webkit-box-shadow: -1px 1px 8px 0 #666;
	box-shadow: -1px 1px 8px 0 #666;
	font-sizr: 12px;
}

.exclusionsBox  p.bold { font-weight: bold;}

.exclusionsBox td { font-size: 12px; padding: 5px;}

/* -------- -------- -------- MIJN CONFIGURATIE -------- -------- -------- */
.carOverview {
	display: inline-block;
	box-sizing: border-box;
	text-align: left;
	vertical-align: top;
	margin: 5px;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 6px;
	-webkit-box-shadow: -1px 1px 8px 0 #666;
	box-shadow: -1px 1px 8px 0 #666;
	top: 10%; right: 0;
	z-index: 1000;
	position: fixed;
	padding-right: 40px;
	margin-right: -30px;
	background: #ffffff;
	min-width: 100px;
	min-height: 10px;
}

.carOverview:hover { width: auto; height: auto;}

.carOverview h2 { font-size: 1.1em; line-height:1.2em; font-weight: bold;}
.carOverview:hover h2 { font-size: 1.4em; line-height:1.2em; }

.carOverview .carOverviewContent { display: none; }
.carOverview:hover .carOverviewContent { display: block;}

.carOverview table {
	width: 100%; text-align: left; font-size: 12px; margin-top: 20px;

	}

.carOverview tr:hover {
	background-image: url("../images/buttonBG_hover.png");
	cursor: pointer;
}
.carOverview tr.borderLineWhite { border-bottom: 8px solid #ffffff;}
.carOverview tr.totaal {
	background-image: none;
}

.carOverview td {
	border-bottom: 1px solid #efefef; line-height: 21px;
	padding: 4px; vertical-align: top; text-align: left;
}

.carOverview tr.totaal td {
	border-bottom: 1px solid transparent;
}

.carOverview td.label {}
.carOverview td.value {font-weight: bold; width: 140px;}
.carOverview td#optionCount,
.carOverview td#colorCount,
.carOverview td#bekledingCount {  font-style: italic; font-size: 10px; width: 10px; }

.carOverview button.edit {
	display: block;
	width: 18px;
	height: 18px;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	float: right;
	margin-right: 10px;
	margin-top: 2px;
	background: url('../images/edit-icon.png') 50% 50% no-repeat transparent;
	background-size: 16px 16px;
	line-height: 18px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.carOverview button.edit:hover {
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);
}


.carOverview a.save {
	display: inline-block; text-align: center;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin: 5px; border: 1px solid #ffffff;
	background: #eeeeee; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#eeeeee, #cccccc);
	background: -o-linear-gradient(#eeeeee, #cccccc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#cccccc)); /* older webkit syntax */
	background: -webkit-linear-gradient(#eeeeee, #cccccc);
	-webkit-box-shadow: 0 0 6px 0 #cccccc;
	box-shadow: 0 0 6px 0 #cccccc;
	text-decoration: none;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	padding: 2px 5px;
	width: 90%;
	box-sizing: border-box;
}


.carOverview a.save:hover {
	border: 1px solid #ffffff;
	background: #cccccc; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#cccccc, #d1d1d1);
	background: -o-linear-gradient(#cccccc, #d1d1d1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#d1d1d1)); /* older webkit syntax */
	background: -webkit-linear-gradient(#cccccc, #d1d1d1);
	-webkit-box-shadow: 0 0 6px 0 #cccccc;
	box-shadow: 0 0 6px 0 #cccccc;
	cursor: pointer;
}

/* -------- -------- -------- BESTELFORMULIER -------- -------- -------- */

form#configurator .spacer { margin-top: 20px;}

form#configurator .formlabel {
	display: block;
	box-sizing: border-box;
	padding-left: 10px;
	float: left;
	width: 20%;
	padding-top: 10px;
	font-size: 12px;
	line-height: 18px;
}

form#configurator req { color: #ff0000; padding-left: 8px;}
form#configurator .formfield {
	line-height: 22px;
	padding: 2px 5px;
/*	-webkit-border-radius: 5px 5px 5px 5px;*/
/*	border-radius: 5px 5px 5px 5px;*/
	margin: 5px; border: 1px solid #000000;
/*	-webkit-box-shadow: 0 0 6px 0 #cccccc;*/
/*	box-shadow: 0 0 6px 0 #cccccc;*/
/*	background: #f4f4f4;*/
	width: 100%;
	font-size: 14px;
/*	font-style: italic;*/
}

form#configurator .formfield:focus {
	-webkit-box-shadow: 0 0 6px 0 #000000;
	box-shadow: 0 0 6px 0 #000000;
	background: #ffffff;
	outline:none;
}

form#configurator .formfield.medium { width: 640px;}
form#configurator .formfield.small { width: 120px; margin-left: -100px; }
form#configurator .formfield.middle { width: 98%}
form#configurator select.formfield {width: 25%}

form#configurator .tinytext  {width: 20%; display: block; float: left; color: #adadad; font-size: 11px; font-style: italic;}

form#configurator #verzend {
	text-align: center;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin: 5px; border: 1px solid #ffffff;
	background: #eeeeee; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#eeeeee, #cccccc);
	background: -o-linear-gradient(#eeeeee, #cccccc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#cccccc)); /* older webkit syntax */
	background: -webkit-linear-gradient(#eeeeee, #cccccc);
	-webkit-box-shadow: 0 0 6px 0 #cccccc;
	box-shadow: 0 0 6px 0 #cccccc;
	text-decoration: none;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	padding: 2px 50px;
	box-sizing: border-box;

}

form#configurator #verzend:hover {
	border: 1px solid #ffffff;
	background: #cccccc; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#cccccc, #d1d1d1);
	background: -o-linear-gradient(#cccccc, #d1d1d1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#d1d1d1)); /* older webkit syntax */
	background: -webkit-linear-gradient(#cccccc, #d1d1d1);
	-webkit-box-shadow: 0 0 6px 0 #cccccc;
	box-shadow: 0 0 6px 0 #cccccc;
	cursor: pointer;
}


	a.backbutton {
		display: inline-block;
		padding: 10px 20px;
		cursor: pointer;
		overflow: hidden;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		float: left; margin-right: 10px;
		border:  1px solid #ffffff;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		background: #eeeeee; /* Show a solid color for older browsers */
		background: -moz-linear-gradient(#eeeeee, #cccccc);
		background: -o-linear-gradient(#eeeeee, #cccccc);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#cccccc)); /* older webkit syntax */
		background: -webkit-linear-gradient(#eeeeee, #cccccc);
		-webkit-box-shadow: 0 0 4px 0 #cccccc;
		box-shadow: 0 0 4px 0 #cccccc;
		line-height: 16px;
		text-decoration: none;
		color: #333333;
		margin-top: 100px;
		}

	a.backbutton:hover {
		background: #cccccc; /* Show a solid color for older browsers */
		background: -moz-linear-gradient(#cccccc, #eeeeee);
		background: -o-linear-gradient(#cccccc, #eeeeee);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#eeeeee)); /* older webkit syntax */
		background: -webkit-linear-gradient(#cccccc, #eeeeee);

		}

/* logout bar styling */
.navbarlogout {
	top: 0;
	left: 0;
	width: 100%;
/*	background: #e3e3e3;*/
/*	background: #15446e;*/
	background: #ffffff;
	padding: 10px 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #ffffff;
	text-align: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.navbarlogout a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	/*color: #333333;*/
	color: #ffffff;
	padding: 0px 10px;
	display: inline-block;
}

.navbarlogout a:hover {
	text-decoration: none;
	color: #ffffff;
}

/* RESPONSE MESSAGE WLTP */

.overviewBlockContainer .wltp_response_message{
	display: block;
	padding: 5px 10px;
	border: 1px solid #000000;
	border-radius: 3px;
	margin-bottom: 20px;
}
.overviewBlockContainer .wltp_response_message.success{
	border-left: 5px solid #2c8d3a;
}
.overviewBlockContainer .wltp_response_message.invalid{
	border-left: 5px solid #841317;
}
.overviewBlockContainer .wltp_response_message p{
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: unset;
}
.overviewBlockContainer .wltp_response_message p.small{
	font-size: 10px;
	font-style: italic;
}

/****************************************************

	Design: Autosoft BV - www.autosoft.eu
	Code & CSS: Autosoft BV - www.autosoft.eu
	Copyright 2018 Autosoft BV

****************************************************/


/* PARKPLATZ */
#backToConfig{
	margin-bottom: 20px;
	color: #6f6f6f;
	cursor: pointer;
	display: inline-block;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: bold;
}
#configuraties{
	display: flex;
	width: 100%;
	height: auto;
	flex-wrap: wrap;
	align-content: center;
}
#configuraties .config_item{
	width: 33%;
	box-sizing: border-box;
	margin: 5px 0;
}
#configuraties .config_item .config_item_wrapper{
	height: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	margin: 0 10px;
	padding: 5px 10px;
	border: 2px solid #D3D3D3;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 6px 0 #cccccc;
	box-shadow: 0 0 6px 0 #cccccc;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	background: #FFFFFF;
}
#configuraties .config_item .config_item_wrapper:hover{
	-webkit-box-shadow: 0 0 10px 0 #696a61;
	box-shadow: 0 0 10px 0 #696a61;
}

#configuraties .config_item p{
	margin: unset;
	padding: unset;
	line-height: unset;
}

#configuraties .config_item .config_item_title{
	min-height: 120px;
}
#configuraties .config_item .config_item_title p.aanmaak_datum{
	text-align: right;
	font-size: 10px;
}
#configuraties .config_item .config_item_title p.aanmaak_datum .delete_item{
	color: #841317;
	float: left;
	font-size: 22px;
	transform: rotate(45deg);
	cursor: pointer;
}
#configuraties .config_item .config_item_title p.main_title{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#configuraties .config_item .config_item_title p.subtitle{
	font-size: 14px;
}

#configuraties .config_item .config_item_image{
	text-align: center;
}
#configuraties .config_item .config_item_image img{
	width: 80%;
}

#configuraties .config_item .config_item_prijs{
	padding: 10px 0;
	box-sizing: border-box;
	display: flex;
}
#configuraties .config_item .config_item_prijs .prijs_wrapper{
	flex: 1;
}
#configuraties .config_item .config_item_prijs p.prijs_field{
	font-weight: bold;
	font-size: 16px;
}
#configuraties .config_item .config_item_prijs p.bijtelling_field{
	font-size: 10px;
	font-style: italic;
}
#configuraties .config_item .config_item_prijs .label_wrapper{
	flex: 1;
	text-align: right;
}
#configuraties .config_item .config_item_prijs .label_wrapper p{
	font-size: 12px;
	font-style: italic;
}

#configuraties .config_item .config_item_message{
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0;
}

#configuraties .config_item p.option_title{
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
#configuraties .config_item .config_item_kleur,
#configuraties .config_item .config_item_opties,
#configuraties .config_item .config_item_custom_options{
	display: flex;
	flex-direction: column;
	width: 100%;
}
#configuraties .config_item .config_item_opties{
	flex-grow: 1;
}
#configuraties .config_item .optie_row{
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #EFEFEF;
	border-radius: 3px;
}
#configuraties .config_item .optie_row.invalid{
	color: #841317;
}
#configuraties .config_item .optie_row div{
	padding: 3px 5px;
	box-sizing: border-box;
	font-size: 10px;
}
#configuraties .config_item .optie_row .optie_code{
	flex: 1;
}
#configuraties .config_item .optie_row .optie_tekst{
	flex: 2;
}
#configuraties .config_item .optie_row .optie_prijs{
	flex: 1;
	text-align: right;
}


#configuraties .config_item .config_item_totaal{
	margin-top: 20px;
}
#configuraties .config_item .config_item_totaal .prijs_row{
	display: flex;
	justify-content: center;
	align-items: center;
}
#configuraties .config_item .config_item_totaal .prijs_type{
	flex: 2;
	font-size: 10px;
	font-style: italic;
}
#configuraties .config_item .config_item_totaal .prijs_value{
	flex: 1;
	font-size: 10px;
	font-style: italic;
	text-align: right;
}
#configuraties .config_item .config_item_totaal .prijs_row.totaal .prijs_type{
	font-weight: bold;
	font-size: 11px;
}


#configuraties .config_item .config_item_referentie{
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 10px;
}
#configuraties .config_item .config_item_referentie .referentie_item{
	flex: 1;
	display: flex;
}
#configuraties .config_item .config_item_referentie p{
	flex: 1;
}
#configuraties .config_item .config_item_referentie .ref_title{
	font-size: 10px;
	font-weight: bold;
}
#configuraties .config_item .config_item_referentie .ref_value{
	text-align: right;
}

#configuraties .config_item .config_item_bekijk{
	margin-top: 10px;
	text-align: center;
	font-size: 13px;
	color: #0B90C4;
}
#configuraties .config_item .config_item_bekijk a{
	cursor: pointer;
}

@media only screen and (max-width: 920px){
	#configuraties .config_item{
		width: 50%;
	}
}