/*===    Product kleuren start  ===
  Een product kleur blokje maken werkt alsvolgt:
  Zet hier (of in de 'Aangepaste CSS)' de kleur naam neer met een punt er voor. Voorbeeld:".zwart". 
	Let op, als de kleurnaam er al staat is het niet nodig om deze nog eens erin te zetten.

  Doe er nu een spatie achter en plaats dan dit deken:'{'
	Zet  nu 'background:' er neer met daarachter een kleurnaam of een kleurcode.
	Daarna eindig je met een punt komma (';') en een sluit teken ('}') en dan is de regel klaar.

	Voorbeeld 1:".zwart {background:black;}"
	Voorbeeld 2:".zwart {background:#000;}"
	Dit zou allebei een zwarte kleur geven.

	Als jullie zouden willen dat normaal groen en smaragd groen allebei dezelfde kleur tonen in de kleur vakjes moeten jullie komma's tussen de namen met punten zetten, voor dit '{' teken.
	Voorbeeld 1: ".groen, .smaragd {background:green;}"
	Nu hebben groen en smaragd groen allebei dezelfde kleur.

	Voorbeeld 2 met brons en medal-bronze: ".brons, .medal-bronze {background:#cd7f32;}"
	Dit toont nu allebei dezelfde brons kleur
*/
.blue, .blauw  {background-color: #0C519E;}
.skyblue, .lichtblauw  {background-color: #7ec0ee;}
.grey-blue, .grijsblauw {background-color:#778899;}
.turquoise {background-color:#40e0d0;}
.brown, .bruin {background-color: #895330;}
.yellow, .geel {background-color: #FFA800;}
.grün, .green, .groen {background-color: #72A100;}
.röte, .red, .rood {background-color: #D50000;}
.crimson, .donkerrood {background-color:#841617;}
.purple, .paars {background-color: #8C00DD;}
.black, .zwart {background-color: #000;}
.orange, .oranje {background-color:#FF7500;}
.pink, .roze {background-color: #fe9b9e;}
.olive, .olijf {background-color: #808000;}
.nature, .natuur {background-color:#4b8b3b;}
.wit, .white, .weiß, .weiss {border:1px solid #ccc;}

.silver, .zilver, .gray, .grijs {background: #fff;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZTFlMWUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);background: -o-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);background: -ms-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);background: linear-gradient(135deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 );}
.gold, .goud {background: #fceabb;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmNlYWJiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmNjZDRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZjhiNTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiZGY5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));background: -webkit-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);background: -o-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);background: -ms-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);background: linear-gradient(135deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 );}
.multi {background: #ffbcbc;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZiY2JjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmOWIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjYTlmZmEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjOWVmZmY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjOTk5Y2ZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjNzc5YmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjZmY3N2ZhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODclIiBzdG9wLWNvbG9yPSIjZmZhYWRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYmZjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background: -moz-linear-gradient(-45deg, #ffbcbc 0%, #fff9b2 10%, #a9ffa3 22%, #9efff6 33%, #999cff 46%, #779bff 59%, #ff77fa 71%, #ffaade 87%, #ffbfc0 100%);background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffbcbc), color-stop(10%,#fff9b2), color-stop(22%,#a9ffa3), color-stop(33%,#9efff6), color-stop(46%,#999cff), color-stop(59%,#779bff), color-stop(71%,#ff77fa), color-stop(87%,#ffaade), color-stop(100%,#ffbfc0));background: -webkit-linear-gradient(-45deg, #ffbcbc 0%,#fff9b2 10%,#a9ffa3 22%,#9efff6 33%,#999cff 46%,#779bff 59%,#ff77fa 71%,#ffaade 87%,#ffbfc0 100%);background: -o-linear-gradient(-45deg, #ffbcbc 0%,#fff9b2 10%,#a9ffa3 22%,#9efff6 33%,#999cff 46%,#779bff 59%,#ff77fa 71%,#ffaade 87%,#ffbfc0 100%);background: -ms-linear-gradient(-45deg, #ffbcbc 0%,#fff9b2 10%,#a9ffa3 22%,#9efff6 33%,#999cff 46%,#779bff 59%,#ff77fa 71%,#ffaade 87%,#ffbfc0 100%);background: linear-gradient(135deg, #ffbcbc 0%,#fff9b2 10%,#a9ffa3 22%,#9efff6 33%,#999cff 46%,#779bff 59%,#ff77fa 71%,#ffaade 87%,#ffbfc0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbcbc', endColorstr='#ffbfc0',GradientType=1 );}
.square, .geruit {background-image: -moz-linear-gradient(45deg, #000 25%, transparent 25%), -moz-linear-gradient(-45deg, #000 25%, transparent 25%), -moz-linear-gradient(45deg, transparent 75%, #000 75%), -moz-linear-gradient(-45deg, transparent 75%, #000 75%);background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #000), color-stop(.25, transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #000), color-stop(.25, transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #000)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #000));background-size: 10px 10px;background-position: 0 0, 5px 0, 5px -5px, 0 5px;}
.blond {background: #f6eadb;background: -moz-linear-gradient(-45deg, #f6eadb 0%, #f6eadb 50%, #e2caae 51%, #e2caae 100%);background: -webkit-linear-gradient(-45deg, #f6eadb 0%,#f6eadb 50%,#e2caae 51%,#e2caae 100%);background: linear-gradient(135deg, #f6eadb 0%,#f6eadb 50%,#e2caae 51%,#e2caae 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6eadb', endColorstr='#e2caae',GradientType=1 );}
.rose {background: #eed6d0;background: -moz-linear-gradient(-45deg, #eed6d0 0%, #eed6d0 50%, #d3a296 51%, #d3a296 100%);background: -webkit-linear-gradient(-45deg, #eed6d0 0%,#eed6d0 50%,#d3a296 51%,#d3a296 100%);background: linear-gradient(135deg, #eed6d0 0%,#eed6d0 50%,#d3a296 51%,#d3a296 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eed6d0', endColorstr='#d3a296',GradientType=1 );}