@charset "utf-8";
/* CSS Document */

#svgload {
	position:relative;
}
#labels div {
	position:absolute;
	font-size: 12px;
	font-weight: bold;
}
#swatch {
	width: 60px;
	height: 60px;
	background-color: #333; border:1px solid #555;
	float: left;
	margin-top: 16px;
}
#compare_swatch {
	width: 120px;
	height: 60px;
	background-color: #333; border:1px solid #555;
	float: left;
	margin-top: 25px;
}
.compare_swatch {
	width: 50%;
	height: 100%;
	float: left;
}

.inputs {
	clear: both;
}

#slider, #slider1 {
	z-index: 10;
	float: left;
	margin-left: 0px;
	padding: 10px !important; 
}

#c_comp1_slider, #c_comp2_slider, #c_comp3_slider, #c_comp4_slider, #c_comp5_slider, #c_comp6_slider {
		float: left;
		/*clear: left;*/
		width: 255px;
		margin: 8px;
		margin-right: 20px;
}

.label {
	font-size: 12px;
	color: #ccc;
	margin-left: 30px;
	margin-right: 5px;
}
#controls input, #controls select, .inputs input {
	background-color: #222;
	border:1px solid #333;
	color: #aaa;
	
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	
}
#controls input[type="button"], #controls input[type="submit"] {
	padding: 2px;
	background-image: url(img/btn_hg1.gif);
	background-repeat: repeat-x;
	background-position: center;
	padding-left: 10px;
	padding-right: 10px;
	border-top-color: #444;
	border-left-color: #444;
	border-right-color: #000;
	border-bottom-color: #000;
}
#controls input[type="text"], .inputs input[type="text"] {

	background-color: #111;
	padding-left: 2px;
	padding-right: 2px;
	border-top-color: #000;
	border-left-color: #000;
	border-right-color: #444;
	border-bottom-color: #444;
}
.felem_label {
	color: #35BBF4;
	margin-left: 20px;
	margin-right: 3px;
	font-weight: bold;
}
.einheit_label {
	color: #aaa;
	margin-left: 0px;
	margin-right: 3px;
	font-weight: bold;
}
.checkbox_label {
	color: #ccc;
	margin-right: 10px;
}
.slider_label {
	color: #35BBF4;
	margin-left: 0px;
	margin-right: 3px;
	font-weight: bold;
}
#slider h3, #slider1 h3 {
	color: #35BBF4;
	font-weight: bold;
	margin: 0 0 0 10px;
}