.ui-page{background:transparent !important;} 
.ui-body-c{background:transparent !important;} 
.ui-page-active{background:transparent !important;}

.ui-btn { height: 55px; width: 55px; }
a.ui-slider-handle-snapping { -webkit-transition: none; -moz-transition: none; }
/*
 #rechnerfenster {
 -moz-transform:scale(0.75,0.75);
  -webkit-transform:scale(0.75,0.75);
  -o-transform:scale(0.75,0.75);
  transform:scale(0.75,0.75);
  }
 */ 
 

.amortisation3 {	font-weight:bold; font-size:13pt; color:#1e3480; display:inline-block; margin-bottom:30px;  }
.amortisation3b {	font-weight:normal; font-size:10pt; color:#1e3480; display:inline-block; width:80px; }
.amortisationsfeld3 { border:0; border-radius:5px; color:#FFF; padding:5px; font-size:13pt; font-weight:bold; background-color:#1e3480; margin-right:10px; width:155px;    text-shadow:none; background:#555; display:inline-block; font-weight:normal; margin-bottom:30px;}
.amortisationsfeld3b { border:0; border-radius:5px; color:#FFF; padding:2px; font-size:10pt; font-weight:normal; background-color:#1e3480;  }
.amortisationsslider { width:320px;}
 }
 

 
.effekt {
    position: relative;
    width: 120px;
    height: 120px;
    display: block;
    
}
.effekt img:nth-child(1) {
    z-index: 6;
    position: absolute;
	top:0;
	bottom:0;
}
.effekt img:nth-child(2) {
    z-index: 5;
    position: absolute;
	top:0;
	bottom:0;
	}
.effekt img:nth-child(3) {
    z-index: 4;
    position: absolute;
}
.effekt img:nth-child(4) {
    z-index: 3;
    position: absolute;
}
.effekt img:nth-child(5) {
    z-index: 2;
    position: absolute;
}
.effekt img:nth-child(6) {
    z-index: 1;
    position: absolute;
}
.effekt:hover img:nth-child(6) {
    z-index: 6;
}
.effekt:hover img:nth-child(5) {
    z-index: 5;
}
.effekt:hover img:nth-child(4) {
    z-index: 4;
}
.effekt:hover img:nth-child(3) {
    z-index: 3;
}
.effekt:hover img:nth-child(2) {
    z-index: 2;
}
.effekt:hover img:nth-child(1) {
    z-index: 1;
}
.effekt {
    -moz-perspective:1800px;
    -webkit-perspective: 1800px;
}
.effekt div {
    height: 120px;
    width: 120px;
    -moz-transform-style: preserve-3d;
    -moz-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 1s;
}

.effekt img  {

}


.effekt img:nth-child(1) {

    -moz-transform: translate3d(0, 0, 58px) scale(1, 1);
    -webkit-transform: translate3d(0, 0, 58px) scale(1, 1);
}
.effekt img:nth-child(2) {

    -moz-transform: rotateY(90deg) translate3d(0, 0, 58px) scale(1, 1);
    -webkit-transform: rotateY(90deg) translate3d(0, 0, 58px) scale(1, 1);
}
.effekt img:nth-child(3) {

    -moz-transform: rotateY(180deg) translate3d(0, 0, 58px) scale(1, 1);
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 58px) scale(1, 1);
}
.effekt img:nth-child(4) {

    -moz-transform: rotateY(270deg) translate3d(0, 0, 58px) scale(1, 1);
    -webkit-transform: rotateY(270deg) translate3d(0, 0, 58px) scale(1, 1);
}
.effekt img:nth-child(5) {

    -moz-transform: rotateX(90deg) translate3d(0, 0, 58px) scale(1, 1);
    -webkit-transform: rotateX(90deg) translate3d(0, 0, 58px) scale(1, 1);
}
.effekt img:nth-child(6) {

    -moz-transform: rotateX(270deg) translate3d(0, 0, 58px) scale(1, 1);
    -webkit-transform: rotateX(270deg) translate3d(0, 0, 58px) scale(1, 1);
}
.effekt:hover div {

    -moz-transform: rotateY(180deg) rotateX(360deg);
    -webkit-transform: rotateY(180deg) rotateX(360deg);
}


 input.ui-slider-input {
   /*display:none !important;*/
   background:#5e9ccb;
   color:#FFF;
   text-shadow:none;
}

body{
	/*-webkit-user-select: none;*/
}

#create-pdf {
	transition-duration: 100ms;
	margin-left:60px; 
	text-align:center; 
	width:250px;
	
 
	border-radius:15px;
	cursor:pointer;
}	
		
	
#create-pdf:hover #create-pdf-text {
	text-decoration:underline;
}

#create-pdf img {
	transition-duration: 650ms;
}		

#create-pdf:hover img {
	transform: rotate(-15deg) scale(1.5) translateX(-10px) translateY(-5px);		
}