html.no-csstransforms3d .containerOld {
	display: block;
}
html.csstransforms3d .containerOld {
	display: none;
}
#box .decke  { background: rgba( 255, 255, 255, 0.7 ) url("images/raster-ext.gif"); }
#box .breite, #box .breite2  { background: rgba( 255, 255, 255, 0.7 ) url("images/hori-ext.gif"); }
#box .laenge, #box .laenge2 { background: rgba( 255, 255, 255, 0.7 ) url("images/vert-ext.gif"); }
#box .tuer,
#box .tuer1, 
#box .tuer3, 
#box .fenster,
#box .fenster2,
#box .fenster3,
#box .tomograph .ring1,
#box .tomograph .ring2,
#box .tomograph .liege {
	background: rgba( 255, 255, 255, 0.9);
}

#box .filterV,
#box .filterL,
#box .filter,
#box .filterR {
	background: rgba( 72, 81, 80, 0.9);
}
.highlight {
	background-color: red;
}
input {
	background-color: #ffffff;
}
.eingabe {
	clear:both;
	position: relative;
	z-index: 100;
	margin-left: -20px;
}
.tab-content {
	padding:30px;
}
.tab-content input {
	width:50px;
}
.null {
	position: absolute;
	transform: rotateX(90deg);
	left: -15px;
}
.eingabeLabel {
	clear: both;
	float: left;
	width:200px;
}

#tabMasse label {
	width:200px;
	margin-top:7px;
}
#tabMasse input {
	margin-bottom: 10px;
}

#tabTuer > div > label {
	margin-top:7px;
	width:330px;
}
#tabTuer > div > label:last-child {
	margin-top:7px;
	width:auto;
}
#tabTuer > div > input {
	margin-bottom:10px;
}

#tabFenster > div > label {
	margin-top:7px;
	width:365px;
}
#tabFenster > div > label:last-child {
	margin-top:7px;
	width:auto;
}
#tabFenster  > div > input {
	margin-bottom:10px;
}

#tabFilterplatte > div > div > label {
	margin-top:7px;
	width:280px;
}
#tabFilterplatte > div > div > label:last-child {
	margin-top:7px;
	width:auto;
}
#tabFilterplatte > div > div > input {
	margin-bottom:10px;
}

#tabPosition form,
#tabFilterplatte form {
	float: left;
}
#tabPosition .tomoDrehung,
#tabFilterplatte .filterPos {
	float: left;
	margin-left: 60px;
}
#tomoRotate {
	width: 150px;
}







#boxRotate {
	width: 360px;
	float: left;
}
#boxRotateX{
	float: left;
	width:360px;
	/*-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
	margin-top: 30px;*/
}
#boxScale {
	float:left;
	width: 360px;
	/*-webkit-transform: rotateZ(-90deg);
	-moz-transform: rotateZ(-90deg);
	-ms-transform: rotateZ(-90deg);
	-o-transform: rotateZ(-90deg);
	transform: rotateZ(-90deg);
	margin-top: 30px;*/
}


.container {
	width: 600px;
	height: 400px;
	position: relative;
	margin: 200px 100px 40px 200px;
	-webkit-perspective: 1800px;
	-moz-perspective: 1800px;
	-ms-perspective: 1800px;
	-o-perspective: 1800px;
	perspective: 1800px;
	transform: scale(0.75);
	margin-left: 0;
	margin-top: 50px;
}
#box {
	width: 100%;
	height: 100%;
	position: absolute;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-ms-transform-style: none;

	-moz-transition: transform 1s;
	-webkit-transition: -webkit-transform 1s;
	-ms-transition: transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;

	-moz-transform: rotateX(65deg) rotateZ(-40deg);
	-webkit-transform: rotateX(65deg) rotateZ(-40deg);
	-o-transform: rotateX(65deg) rotateZ(-40deg);
	transform: rotateX(65deg) rotateZ(-40deg);
	-ms-transform: rotateX(65deg) rotateZ(-40deg);

}

#box div {
	display: block;
	position: absolute;
	text-align: center;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border: 2px solid #485150;
}

#box.panels-backface-invisible div {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

#box .decke {
	/* Länge */
	width: 600px;
	/* Breite */
	height: 500px;
}

#box .breite  {
	/* Breite */
	height: 500px;
	/* Höhe */
	width: 250px;
	/* Höhe *0.5 -1 */
	left: -125px;
}
#box .breite2  {
	/* Breite */
	height: 500px;
	/* Höhe */
	width: 250px;
	/* Höhe *0.5 -1 */
	left: 475px;
}
#box .tuer  {
	height: 120px;
	width: 210px;
	/* Höhe *0.5 -1 */
	left: -105px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border: 10px solid #485150;
}
#box .tuer1,
#box .tuer3  {
	width: 120px;
	height: 210px;
	top: 395px;
	left: 240px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border: 10px solid #485150;
	display: none;
}
#box .tuer1 {
	top: -106px;
}
#box .laenge {
	/* Länge */
	width: 600px;
	/* Höhe */
	height: 250px;
	/* Breite - Höhe *0.5 */
	top: 375px;
}
#box .laenge2 {
	/* Länge */
	width: 600px;
	/* Höhe */
	height: 250px;
	/* Breite - Höhe *0.5 */
	top: -125px;
}

#box .fenster,
#box .fenster3 {
	width: 120px;
	height: 80px;
	/* Breite */
	top: 460px;
	left: 240px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border: 10px solid #485150;
}
#box .fenster2 {
	width: 80px;
	height: 120px;
	left: -40px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border: 10px solid #485150;
	display: none;
}
#box .fenster3 {
	top: -41px;
	display: none;
}

#box .filter  {
	height: 100px;
	width: 250px;
	left: 600px;
	top: 200px;
}
#box .filterR  {
	height: 250px;
	width: 100px;
	/*BOX Breite von 0*/
	top: 500px;
	/*BOX Länge von 0*/
	left: 250px;
	display: none;
}
#box .filterL  {
	height: 250px;
	width: 100px;
	top: 0;
	/*BOX Länge von 0*/
	left: 250px;
	display: none;
}
#box .filterV  {
	height: 100px;
	width: 250px;
	top: 200px;
	left: 0px;
	display: none;
}

#box .tomograph {
	top: 250px;
	left: 350px;
	border: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-ms-transform-style: none;
	transform: translateY(-110px);
}
#box .tomograph .ring1,
#box .tomograph .ring1innen,
#box .tomograph .ring2,
#box .tomograph .ring2innen,
#box .tomograph .liege  {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
}
#box .tomograph .ring1,
#box .tomograph .ring2 {
	width: 220px;
	height: 220px;
	border-radius: 110px;
}
#box .tomograph .ring1innen,
#box .tomograph .ring2innen {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	margin-top: 57px;
	margin-left: 57px;
}
#box .tomograph .liege {
	width:220px;
	height: 60px;
	margin-top: 80px;
	left: -250px;
}

#box .decke  {
	/* Höhe */
	-moz-transform: translate3d(0px, 0px, 250px);
	-webkit-transform: translate3d(0px, 0px, 250px);
	-o-transform: translate3d(0px, 0px, 250px);
	transform: translate3d(0px, 0px, 250px);
	-ms-transform: perspective(1800px) translateZ(250px);
}
#box .breite {
	/* Höhe *0.5 */
	-moz-transform: rotateY(-90deg) translate3d(125px, 0px, 0px);
	-webkit-transform: rotateY(-90deg) translate3d(125px, 0px, 0px);
	-o-transform: rotateY(-90deg) translate3d(125px, 0px, 0px);
	transform: rotateY(-90deg) translate3d(125px, 0px, 0px);
	-ms-transform: perspective(1800px) rotateY(-90deg) translateX(125px);
}
#box .breite2 {
	/* Höhe *0.5 */
	-moz-transform: rotateY(-90deg) translate3d(125px, 0px, 0px);
	-webkit-transform: rotateY(-90deg) translate3d(125px, 0px, 0px);
	-o-transform: rotateY(-90deg) translate3d(125px, 0px, 0px);
	transform: rotateY(-90deg) translate3d(125px, 0px, 0px);
	-ms-transform: perspective(1800px) rotateY(-90deg) translateX(125px);
}
#box .tuer1 {
	/* Höhe *0.5 -1 */
	-moz-transform: rotateX(-90deg) translate3d(0px, -105px, 1px);
	-webkit-transform: rotateX(-90deg) translate3d(0px, -105px, 1px);
	-o-transform: rotateX(-90deg) translate3d(0px, -105px, 1px);
	transform: rotateX(-90deg) translate3d(0px, -105px, 1px);
	-ms-transform: perspective(1800px) rotateX(-90deg) translateY(-105px);
}
#box .tuer {
	/* Breite *0.5 -60 */
	-moz-transform: rotateY(-90deg) translate3d(105px, 190px, 1px);
	-webkit-transform: rotateY(-90deg) translate3d(105px, 190px, 1px);
	-o-transform: rotateY(-90deg) translate3d(105px, 190px, 1px);
	transform: rotateY(-90deg) translate3d(105px, 190px, 1px);
	-ms-transform: perspective(1800px) rotateY(-90deg) translateX(105px) translateY(190px);
}
#box .tuer3 {
	/* Höhe *0.5 -1 */
	-moz-transform: rotateX(-90deg) translate3d(0px, -105px, 1px);
	-webkit-transform: rotateX(-90deg) translate3d(0px, -105px, 1px);
	-o-transform: rotateX(-90deg) translate3d(0px, -105px, 1px);
	transform: rotateX(-90deg) translate3d(0px, -105px, 1px);
	-ms-transform: perspective(1800px) rotateX(-90deg) translateY(-105px);
}
#box .laenge,
#box .laenge2 {
	/* Höhe *0.5 -1 */
	-moz-transform: rotateX(-90deg) translate3d(0px, -125px, 0px);
	-webkit-transform: rotateX(-90deg) translate3d(0px, -125px, 0px);
	-o-transform: rotateX(-90deg) translate3d(0px, -125px, 0px);
	transform: rotateX(-90deg) translate3d(0px, -125px, 0px);
	-ms-transform: perspective(1800px) rotateX(-90deg) translateY(-125px);
}
#box .fenster {
	/* Höhe *0.5 -1 */
	-moz-transform: rotateX(-90deg) translate3d(0px, -150px, 1px);
	-webkit-transform: rotateX(-90deg) translate3d(0px, -150px, 1px);
	-o-transform: rotateX(-90deg) translate3d(0px, -150px, 1px);
	transform: rotateX(-90deg) translate3d(0px, -150px, 1px);
	-ms-transform: perspective(1800px) rotateX(-90deg) translateY(-150px);
}
#box .fenster2 {
	/* Breite *0.5 -60 */
	-moz-transform: rotateY(-90deg) translate3d(150px, 195px, 1px);
	-webkit-transform: rotateY(-90deg) translate3d(150px, 195px, 1px);
	-o-transform: rotateY(-90deg) translate3d(150px, 195px, 1px);
	transform: rotateY(-90deg) translate3d(150px, 195px, 1px);
	-ms-transform: perspective(1800px) rotateY(-90deg) translateX(150px) translateY(195px);
}
#box .fenster3 {
	/* Höhe *0.5 -1 */
	-moz-transform: rotateX(-90deg) translate3d(0px, -150px, 1px);
	-webkit-transform: rotateX(-90deg) translate3d(0px, -150px, 1px);
	-o-transform: rotateX(-90deg) translate3d(0px, -150px, 1px);
	transform: rotateX(-90deg) translate3d(0px, -150px, 1px);
	-ms-transform: perspective(1800px) rotateX(-90deg) translateY(-150px);
}
#box .filter {
	/* Breite *0.5 -60 */
	-moz-transform: rotateY(-90deg) translate3d(125px, 0px, 124px);
	-webkit-transform: rotateY(-90deg) translate3d(125px, 0px, 124px);
	-o-transform: rotateY(-90deg) translate3d(125px, 0px, 124px);
	transform: rotateY(-90deg) translate3d(125px, 0px, 124px);
	-ms-transform: perspective(1800px) rotateY(-90deg) translateX(125px) translateY(0px) translateZ(124px);
}
#box .filterR {
	/* Höhe *0.5 -1 */
	-moz-transform: rotateX(-90deg) translate3d(0px, -125px, -125px);
	-webkit-transform: rotateX(-90deg) translate3d(0px, -125px, -125px);
	-o-transform: rotateX(-90deg) translate3d(0px, -125px, -125px);
	transform: rotateX(-90deg) translate3d(0px, -125px, -125px);
	-ms-transform: perspective(1800px) rotateX(-90deg) translateX(0px) translateY(-125px) translateZ(-125px);
}
#box .filterL {
	-moz-transform: rotateX(-90deg) translate3d(0px, -125px, -125px);
	-webkit-transform: rotateX(-90deg) translate3d(0px, -125px, -125px);
	-o-transform: rotateX(-90deg) translate3d(0px, -125px, -125px);
	transform: rotateX(-90deg) translate3d(0px, -125px, -125px);
	-ms-transform: perspective(1800px) rotateX(-90deg) translateX(0px) translateY(-125px) translateZ(-125px);
}
#box .filterV {
	/* Breite *0.5 -60 */
	-moz-transform: rotateY(-90deg) translate3d(125px, 0px, 125px);
	-webkit-transform: rotateY(-90deg) translate3d(125px, 0px, 125px);
	-o-transform: rotateY(-90deg) translate3d(125px, 0px, 125px);
	transform: rotateY(-90deg) translate3d(125px, 0px, 125px);
	-ms-transform: perspective(1800px) rotateY(-90deg) translateX(125px) translateY(0px) translateZ(125px);
}

#box .ring1 {
	-moz-transform: rotateY(-90deg) translate3d(110px, 0px, 0px);
	-webkit-transform: rotateY(-90deg) translate3d(110px, 0px, 0px);
	-o-transform: rotateY(-90deg) translate3d(110px, 0px, 0px);
	transform: rotateY(-90deg) translate3d(110px, 0px, 0px);
	-ms-transform: rotateY(-90deg) translate3d(110px, 0px, 0px);
}
#box .ring2 {
	-moz-transform: rotateY(-90deg) translate3d(110px, 0px, 100px);
	-webkit-transform: rotateY(-90deg) translate3d(110px, 0px, 100px);
	-o-transform: rotateY(-90deg) translate3d(110px, 0px, 100px);
	transform: rotateY(-90deg) translate3d(110px, 0px, 100px);
	-ms-transform: rotateY(-90deg) translate3d(110px, 0px, 100px);
}
#box .liege {
	-moz-transform: translate3d(50px, 0px, 80px);
	-webkit-transform: translate3d(50px, 0px, 80px);
	-o-transform: translate3d(50px, 0px, 80px);
	transform: translate3d(50px, 0px, 80px);
	-ms-transform: translate3d(50px, 0px, 80px);
}






/* /!\ You need to add vendor prefixes in order to render the CSS properly (or simply use http://leaverou.github.io/prefixfree/) /!\ */ 
#tridiv {
	/*perspective: 800px;
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: transparent;
	font-size: 100%;*/
	border: 0 !important;
}
.scene, .shape, .face, .face-wrapper, .cr {
	position: absolute;
	transform-style: preserve-3d;
}
.scene {
	width: 220px;
	height: 220px;
	top: 50%;
	left: 50%;
	border: 0 !important;
	transform: rotateX(0deg) rotateY(90deg);
}
.shape {
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border: 0 !important;
	transform-origin: 50%;
}
.face, .face-wrapper {
	overflow: hidden;
	transform-origin: 0 0;
	/*backface-visibility: hidden;*/
	/* hidden by default, prevent blinking and other weird rendering glitchs */
}
.face {
	background-size: 100% 100% !important;
	background-position: center;
}
.face-wrapper .face {
	left: 100%;
	width: 100%;
	height: 100%
}

.side {
	left: 50%;
}
.cr, .cr .side {
	height: 100%;
}
[class*="cylinder"] .tp {
	transform: rotateX(90deg) translateY(-50%);
}
[class*="cylinder"] .bm {
	transform: rotateX(-90deg) translateY(-50%);
}
[class*="cylinder"] .tp, [class*="cylinder"] .bm, [class*="cylinder"] .tp .photon-shader, [class*="cylinder"] .bm .photon-shader {
	border-radius: 50%;
}
[class*="cylinder"] .bm {
	top: 100%;
}
/* .cyl-1 styles */
.cyl-1 {
	transform: translate3D(-110px, 0px, -50px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	opacity:1;
	width:220px;
	height:100px;
	margin:-50px 0 0 -110px;
}
.cyl-1 .side {
	width:37px;
	height:100px;
}
.cyl-1 .s0 {
	transform: rotateY(9deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s1 {
	transform: rotateY(27deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s2 {
	transform: rotateY(45deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s3 {
	transform: rotateY(63deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s4 {
	transform: rotateY(81deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s5 {
	transform: rotateY(99deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s6 {
	transform: rotateY(117deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s7 {
	transform: rotateY(135deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s8 {
	transform: rotateY(153deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s9 {
	transform: rotateY(171deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s10 {
	transform: rotateY(189deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s11 {
	transform: rotateY(207deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s12 {
	transform: rotateY(225deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s13 {
	transform: rotateY(243deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s14 {
	transform: rotateY(261deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s15 {
	transform: rotateY(279deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s16 {
	transform: rotateY(297deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s17 {
	transform: rotateY(315deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s18 {
	transform: rotateY(333deg) translate3D(-50%, 0, 110px);
}
.cyl-1 .s19 {
	transform: rotateY(351deg) translate3D(-50%, 0, 110px);
}

/* .cyl-2 styles */
.cyl-2 {
	transform: translate3D(-110px, 0px, -50px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	opacity:1;
	width:100px;
	height:100px;
	margin:-50px 0 0 -50px;
}
.cyl-2 .side {
	width:18px;
	height:100px;
}
.cyl-2 .s0 {
	transform: rotateY(9deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s1 {
	transform: rotateY(27deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s2 {
	transform: rotateY(45deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s3 {
	transform: rotateY(63deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s4 {
	transform: rotateY(81deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s5 {
	transform: rotateY(99deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s6 {
	transform: rotateY(117deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s7 {
	transform: rotateY(135deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s8 {
	transform: rotateY(153deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s9 {
	transform: rotateY(171deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s10 {
	transform: rotateY(189deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s11 {
	transform: rotateY(207deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s12 {
	transform: rotateY(225deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s13 {
	transform: rotateY(243deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s14 {
	transform: rotateY(261deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s15 {
	transform: rotateY(279deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s16 {
	transform: rotateY(297deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s17 {
	transform: rotateY(315deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s18 {
	transform: rotateY(333deg) translate3D(-50%, 0, 50px);
}
.cyl-2 .s19 {
	transform: rotateY(351deg) translate3D(-50%, 0, 50px);
}
.save {
  width: 180px;
}


























































/* IE Definitionen*/
@media all and (-ms-high-contrast:none) {
	.container {
		width: 600px;
		height: 500px;
		position: relative;
		margin: 300px 50px 50px 100px;
	}
	#box {
		width: 100%;
		height: 100%;
		position: absolute;
		transform: rotateX(0deg) rotateZ(0deg);
		transform-origin: 0 0 0;
	}
	#box div {
		display: block;
		position: absolute;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		border: 2px solid #485150;
		transform-origin: 0 0 0;
	}
	#box.panels-backface-invisible div {
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	#box .decke {
		width: 600px;
		height: 500px;
		z-index: 8;
	}
	#box .breite  {
		height: 500px;
		width: 250px;
		left: -125px;
		z-index: 5;
	}
	#box .breite2  {
		height: 500px;
		width: 250px;
		left: 475px;
		z-index: 2;
	}
	#box .tuer  {
		height: 120px;
		width: 210px;
		left: -105px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
		border: 10px solid #485150;
		z-index: 7;
	}
	#box .laenge {
		width: 600px;
		height: 250px;
		top: 375px;
		z-index: 4;
	}
	#box .laenge2 {
		width: 600px;
		height: 250px;
		top: -125px;
		z-index: 3;
	}
	/*#box .fenster {
		width: 110px;
		height: 120px;
		top: 442px;
		left: 245px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
		border: 10px solid #485150;
		z-index: 6;
	}*/
	#box .decke  {
		transform-origin: 0 0 0;
		transform: rotateX(65deg) rotateZ(-40deg) translateX(-120px) translateZ(-241px);
		top:-250px;
	}
	#box .breite {
		transform: rotateZ(270deg) skewX(-26.7deg) translateX(-232px) translateY(34px) scale(1,0.646);
		transform-origin: 0 0 0;
	}
	#box .breite2 {
		transform: rotateZ(270deg) skewX(-26.7deg) translateX(-141px) translateY(-108px) scale(1,0.646);
		transform-origin: 0 0 0;
	}
	#box .tuer {
		transform: rotateZ(270deg) skewX(-26.7deg) translateX(-242px) translateY(137px) scale(1,0.646);
		transform-origin: 0 0 0;
	}
	#box .laenge {
		transform: rotateZ(180deg) rotate(180deg) skewY(-19.6deg) translateX(230px) translateY(-131px) scale(0.765,1);
		transform-origin: 0 0 0;
	}
	#box .laenge2 {
		transform: rotateZ(180deg) rotate(180deg) skewY(-19.6deg) translateX(-91px) translateY(93px) scale(0.765,1);
		transform-origin: 0 0 0;
	}
	#box .fenster {
		transform: rotateZ(180deg) rotate(180deg) skewY(-19.6deg) translateX(176px) translateY(-235px) scale(0.765,1);
		transform-origin: 0 0 0;
	}
}
/* --- Minimal Bootstrap-3-kompatible Tab-Styles (nur für den Konfigurator, isoliert) --- */
.ms-configurator .nav { padding-left: 0; margin-bottom: 0; list-style: none; }
.ms-configurator .nav-tabs { border-bottom: 1px solid #ddd; }
.ms-configurator .nav-tabs > li { float: left; margin-bottom: -1px; }
.ms-configurator .nav-tabs > li > a { position: relative; display: block; padding: 10px 15px; margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; text-decoration: none; cursor: pointer; }
.ms-configurator .nav-tabs > li.active > a { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; }
.ms-configurator .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; background-color: #eee; }
.ms-configurator .tab-content > .tab-pane { display: none; }
.ms-configurator .tab-content > .tab-pane.active { display: block; }
.ms-configurator .fade { opacity: 0; transition: opacity .15s linear; }
.ms-configurator .fade.in { opacity: 1; }
.ms-configurator .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; }
.ms-configurator .btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.ms-configurator .btn-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; }
.ms-configurator .fileUpload { position: relative; overflow: hidden; display: inline-block; }
.ms-configurator .fileUpload input.load { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; font-size: 40px; cursor: pointer; }

/* Clearfix: verhindert, dass nachfolgende Inhalte (z.B. Speichern/Laden-Button)
   neben "schwebenden" (float) Elementen aus dem alten Eingabeformular hochrutschen.
   .tab-content ist der eigentliche Container der schwebenden (float:left)
   Elemente (.eingabeLabel, Eingabefelder etc.) - ohne diesen Clearfix hier
   kollabiert seine Höhe auf 0 und der nachfolgende Text (z.B. die
   "Abschirmkabine konfigurieren"-Überschrift) rutscht optisch darüber. */
.ms-configurator::after { content: ""; display: table; clear: both; }
.eingabe::after, .eingabePakete::after { content: ""; display: table; clear: both; }
.ms-configurator .tab-content::after,
.ms-configurator .tab-pane::after { content: ""; display: table; clear: both; }

/* Speichern/Laden-Rückmeldung (von alertDiv() in configurator.js befüllt) */
.ms-configurator .alert { padding: 10px 15px; margin-top: 10px; border: 1px solid transparent; border-radius: 4px; }
.ms-configurator .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.ms-configurator .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }