.eisbaer-controller {
	background-size: 100% 100% !important;
	background-repeat: no-repeat;
	position: relative;
}

.eisbaer-controller .inner {
}

.eisbaer-controller .knob {
	width: 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	top: 0;
	position: relative;	
	z-index: 2;
}

.eisbaer-controller.default {
	background-image: url('../img/components/controller-default.png');
}

.eisbaer-controller.default.undefined {
	background-image: url('../img/components/controller-default-undefined.png');
}

.eisbaer-controller.default .knob {
	background-image: url('../img/components/controller-default-knob.png');
}

.eisbaer-controller.default .indi {
	position: absolute;
	bottom: 8%;
	height: 84%;
	width: 10%;
	left: 45%;
	z-index: 1;
}

.eisbaer-controller.default .indi div {
	border: 1px solid black;
	position: relative;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	background-color: #e2e68b;
	border-radius: 10px;
}

.eisbaer-controller.light {
	background-image: url('../img/components/controller-light.png');
}

.eisbaer-controller.light.undefined {
	background-image: url('../img/components/controller-light-undefined.png');
}

.eisbaer-controller.light .indi {
	position: absolute;
	bottom: 8%;
	height: 84%;
	width: 40%;
	left: 30%;
	z-index: 1;
}

.eisbaer-controller.light .indi div {
	border: 2px solid black;
	position: relative;
	top: -2px;
	left: -2px;
	width: 100%;
	height: 100%;
	background-color: #e2e68b;
	border-radius: 7px;
}

.eisbaer-controller.light-ticks {
	background-image: url('../img/components/controller-light-ticks.png');
}

.eisbaer-controller.light-ticks.undefined {
	background-image: url('../img/components/controller-light-ticks-undefined.png');
}

.eisbaer-controller.light-ticks .knob {
	background-image: url('../img/components/controller-light-ticks-knob.png');
}

.eisbaer-controller.dark {
	background-image: url('../img/components/controller-dark.png');
}

.eisbaer-controller.dark.undefined {
	background-image: url('../img/components/controller-dark-undefined.png');
}

.eisbaer-controller.dark .knob {
	width: 86%;
	left: 7%;
	background-image: url('../img/components/controller-dark-knob.png');
}

.eisbaer-controller.dark-tick {
	background-image: url('../img/components/controller-dark-tick2.png');
}

.eisbaer-controller.dark-tick.undefined {
	background-image: url('../img/components/controller-dark-undefined.png');
}

.eisbaer-controller.dark-tick .knob {
	width: 86%;
	left: 7%;
	background-image: url('../img/components/controller-dark-tick-knob.png');
}

.eisbaer-controller.dark-tick .indi {
	position: absolute;
	bottom: 8%;
	height: 84%;
	width: 10%;
	left: 45%;
	z-index: 1;
}

.eisbaer-controller.dark-tick .indi div {
	border: 1px solid white;
	position: relative;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	background-color: black;
	border-radius: 10px;
}

.eisbaer-controller.thermometer {
	background-image: url('../img/components/controller-thermometer.png');
}

.eisbaer-controller.thermometer.undefined {
	background-image: url('../img/components/controller-thermometer-undefined.png');
}

.eisbaer-controller.thermometer .indi {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('../img/components/controller-thermometer-indi.png');
	position: absolute;
	bottom: 18.55%;
	height: 74.22%;
	width: 47.66%;
	left: 26.17%;
	z-index: 1;
}

.eisbaer-controller.jalousie {
	background-image: url('../img/components/controller-jalousie.png');
}

.eisbaer-controller.jalousie.undefined {
	background-image: url('../img/components/controller-jalousie-undefined.png');
}


.eisbaer-controller.jalousie .inner {
	background-image: url('../img/components/controller-jalousie-inner.old.png');
	background-repeat: repeat;
	background-position: bottom center;
}

.eisbaer-controller.jalousie .knob {
	background-image: url('../img/components/controller-jalousie-knob.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 11px;
}

.eisbaer-controller.jalousie2 {
	background-image: url('../img/components/controller-jalousie2.png');
}

.eisbaer-controller.jalousie2.undefined {
	background-image: url('../img/components/controller-jalousie2-undefined.png');
}

.eisbaer-controller.jalousie2 .leaf {
	height: 3%;
	width: 90%;
	left: 5%;
	background: black;
	position: absolute;
	opacity: 0.33;
}

.eisbaer-controller.window {
	background-image: url('../img/components/controller-window.png');
}

.eisbaer-controller.window.undefined {
	background-image: url('../img/components/controller-window-undefined.png');
}

.eisbaer-controller.window .slats {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.eisbaer-controller.window .slat {
	background-image: url('../img/components/controller-window-slat.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 11.111%;
	/*margin-bottom: 1%;*/
		
	/*
	width: 100%;
	left: 0%;
	position: absolute;
	*/
}

.eisbaer-controller.window .slat:first-child {
	margin-top: 7.8125%;
}

.eisbaer-controller.window .frame {
	background-image: url('../img/components/controller-window-frame.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
}

.eisbaer-controller.lightbulb {
	background-image: url('../img/components/controller-lightbulb-on.png');
}

.eisbaer-controller.lightbulb .inner {
	background-image: url('../img/components/controller-lightbulb.png');
	background-repeat: no-repeat;
}

.eisbaer-controller.lightbulb.undefined {
	background-image: url('../img/components/controller-lightbulb-undefined.png');
}

.eisbaer-controller.lightbulb.undefined .inner {
	background-image: none;
}