body{
	margin: 0;
	padding: 0;
}

html,body{
	overflow: hidden;
	height: 460px;
}

.ui-mobile, .ui-mobile body{
	height: 460px;
	background: transparent;
}

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

#container{
	width: 1024px;
	height: 460px;
	margin: 0 auto;
}

.show{
	padding: 5px;
	border: 1px dotted orange;
	width: 20px;
}

.ui-slider-horizontal{
	height: 30px;
}

.ui-slider-horizontal .ui-slider-handle{
	height: 40px;
	top: -5px;
	top: -5px;
}

div.ui-slider{
	width: 260px;
	height: 35px;
	padding: 2px;
	margin-bottom: 15px;
    margin-top: 10px;
}

.ui-btn-corner-all{
	border-radius: 0;
}

.ui-btn-active{
	background-image: none;
	background: #0075bf;
}

.ui-btn-down-c{
	background: none;
	background-image: none;
}

div.ui-slider-bg{
	padding-right: 0;
}

.ui-btn-inner{
	display: none;
}

.ui-btn-up-c{
	background:url(img/buttonRegler.png);	
	border: 0;
}	

.ui-btn-down-c{
	border: 1px solid #0075BF;
}			

.ui-btn-hover-c{
	background:url(img/buttonRegler.png);	
	border: 0;
}

.ui-controlgroup a.ui-slider-handle, a.ui-btn.ui-slider-handle{
	width: 21px;
	height: 31px;
	top: 19px;
	margin-left: -12px;
}			

#wrapper{
	width: 339px;
	height: 264px;
	background:url(img/bgr_transparent.png);
	float: left;
	margin-right: 1px;
	margin-top: 39px;
}

.hidden{
	display: none;
}

h1{
	color: #fff;
	font-size: 35px;
	text-shadow: none;
	-webkit-margin-after: 0;
	margin-after: 0;
	-webkit-margin-before: 0;
	margin-before: 0;
	margin-left: 20px;
    margin-bottom: 10px;
}

.blueval{
	display: inline-block;
	position: relative;
	top: -30px;
	font-size: 12pt;
    font-weight: bold;
	color: #0075bf;
	text-shadow: none;
    cursor: pointer;
}

.slidelable{
	position: absolute;
	text-shadow: none;
	font-size: 10pt;
	color: #fff;
	margin-left: 21px;
    margin-top: -10px;
	z-index: 1000;
}

#grid{
	width: 684px;
	height: 343px;
	float: left;
	background:url(img/bgrGrafik_mitAnzahl.png);
}

#grid-screen2{
	width: 684px;
	height: 343px;
	float: left;
	background:url(img/bgrscreen2.png);
}

#grid-screen3{
	width: 684px;
	height: 343px;
	float: left;
	background:url(img/bgrscreen3.png);
}

#img-rotate{
    width: 684px;
    height: 343px;
    float: left;
}

#cylinder{
    width: 684px;
    height: 343px;
    float: left;
    background:url(img/cylinder_base.png);
}

#inner-grid{
	width: 462px;
	height: 246px;
	margin-left: 158px;
	margin-top: 55px;
}

.pointer{
	width: 32px;
	height: 32px;
	background: url(img/punktGrafik.png);
	position: absolute;
}

.clearfix{
	clear: both;
}

#bottom-info{
	margin-top: 1px;
	width: 594px;
	height: 107px;
	float: right;
	background:url(img/bgr_transparent.png);	
    padding: 5px;
    text-shadow: none;
    font-size: 12px;
    color: #fff;
}

div.ui-slider {
    margin-left: 13px;
}