a.weiss {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.weiss:hover {
	z-index: 2;
	background: #ffffff;
}

a.weiss span {
	display: none;
}

a.weiss:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/weiss.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.gelb {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.gelb:hover {
	z-index: 2;
	background: #ffffff;
}

a.gelb span {
	display: none;
}

a.gelb:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/gelb.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.orange {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.orange:hover {
	z-index: 2;
	background: #ffffff;
}

a.orange span {
	display: none;
}

a.orange:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/orange.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.rot {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.rot:hover {
	z-index: 2;
	background: #ffffff;
}

a.rot span {
	display: none;
}

a.rot:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/rot.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.bordeaux {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.bordeaux:hover {
	z-index: 2;
	background: #ffffff;
}

a.bordeaux span {
	display: none;
}

a.bordeaux:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/bordeaux.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.himmelblau {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.himmelblau:hover {
	z-index: 2;
	background: #ffffff;
}

a.himmelblau span {
	display: none;
}

a.himmelblau:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/himmelblau.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.tuerkis {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.tuerkis:hover {
	z-index: 2;
	background: #ffffff;
}

a.tuerkis span {
	display: none;
}

a.tuerkis:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/tuerkis.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.blau {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.blau:hover {
	z-index: 2;
	background: #ffffff;
}

a.blau span {
	display: none;
}

a.blau:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/blau.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.ozeanblau {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.ozeanblau:hover {
	z-index: 2;
	background: #ffffff;
}

a.ozeanblau span {
	display: none;
}

a.ozeanblau:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/ozeanblau.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.nachtblau {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.nachtblau:hover {
	z-index: 2;
	background: #ffffff;
}

a.nachtblau span {
	display: none;
}

a.nachtblau:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/nachtblau.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.grau {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.grau:hover {
	z-index: 2;
	background: #ffffff;
}

a.grau span {
	display: none;
}

a.grau:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/grau.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}
a.schiefergrau {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.schiefergrau:hover {
	z-index: 2;
	background: #ffffff;
}

a.schiefergrau span {
	display: none;
}

a.schiefergrau:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/schiefergrau.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.schwarz {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.schwarz:hover {
	z-index: 2;
	background: #ffffff;
}

a.schwarz span {
	display: none;
}

a.schwarz:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/schwarz.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.alu-stucco {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.alu-stucco:hover {
	z-index: 2;
	background: #ffffff;
}

a.alu-stucco span {
	display: none;
}

a.alu-stucco:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/alu-stucco.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.rohsperrholz {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.rohsperrholz:hover {
	z-index: 2;
	background: #ffffff;
}

a.rohsperrholz span {
	display: none;
}

a.rohsperrholz:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/rohsperrholz.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.phenol-braun {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.phenol-braun:hover {
	z-index: 2;
	background: #ffffff;
}

a.phenol-braun span {
	display: none;
}

a.phenol-braun:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/phenol-braun.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.phenol-schwarz {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.phenol-schwarz:hover {
	z-index: 2;
	background: #ffffff;
}

a.phenol-schwarz span {
	display: none;
}

a.phenol-schwarz:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/phenol-schwarz.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.gegenzugfolie {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.gegenzugfolie:hover {
	z-index: 2;
	background: #ffffff;
}

a.gegenzugfolie span {
	display: none;
}

a.gegenzugfolie:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/gegenzugfolie.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.grau2 {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.grau2:hover {
	z-index: 2;
	background: #ffffff;
}

a.grau2 span {
	display: none;
}

a.grau2:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/grau2.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.olive {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.olive:hover {
	z-index: 2;
	background: #ffffff;
}

a.olive span {
	display: none;
}

a.olive:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/olive.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}

a.silber {
	position: relative;
	z-index: 1;
	color: #000;
	text-decoration: none
}

a.silber:hover {
	z-index: 2;
	background: #ffffff;
}

a.silber span {
	display: none;
}

a.silber:hover span {
	display: block;
	position: absolute;
	background-image: url("../../media/colors/silber.jpg");
	top: 20px;
	left: -25px;
	width: 200px;
	height: 200px;
}