.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(../Images/Farbtastic/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(../Images/Farbtastic/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(../Images/Farbtastic/marker.png) no-repeat;
}

.openWindowClass {
	background: url(../Images/Farbtastic/Farbpalette_neu.gif) no-repeat;
	background-position:right ;
	width: 40üx;
	height: 20px;
	border-width: 1px;
	border-style: none; //none, dotted, dashed, solid, double, groove, ridge, inset, outset, Inherit
	border-color: black; 
} 
.warumClass {
	margin-top: 10px;
	width: 195px;
	height: 25px;
	border-width: 1px;
	border-style: none; //none, dotted, dashed, solid, double, groove, ridge, inset, outset, Inherit
	border-color: black;
}
.buttonClass {
	background: url(../Images/Farbtastic/ButtonDisabled.gif) no-repeat;
	background-position:center ;
	height: 25px;
	width: 90px;
}

.farbtasticClass {
border-width: 1px;
border-style: solid; //none, dotted, dashed, solid, double, groove, ridge, inset, outset, Inherit
border-color: black; 
width: 195px;
}