/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
body {
}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */
@media handheld,only screen and (max-width: 767px) {
body {
}

.container-wrap {
	margin:0
}

a#logo {
color: white;
font-weight: bold;
font-size: 1.75em;
line-height: 1.80em;
text-shadow: 0 1px 2px rgba(0,0,0,0.8);
	text-align: center;
	display:block;
	width:100%!important;
	background:none;
	background-image:none;
	text-indent:0;
	height: auto;
}
.hslider {
background: transparent;
position: relative;
top:-10;
}
ul#sortable-kisten li {
width: 240px;
}
ul#sortable-kisten li  .datatxt  {
padding-left: 0;
margin-left: 0;
background: none;
}
.einheit {
margin-bottom: 16px;
}
div.sign {
margin-bottom: 8px;
}
.ad_wrap_medrect {
left: -20px;
border: 0;
}
textarea,#contact-form input[type=text] {
width: 280px;
}
.kisten-wrap {
min-height: 0;
margin: 0;
}
.header-wrap {
height: auto;
padding: 5px 0;
background: #0f7da7; /* Old browsers */
background: -moz-linear-gradient(top, #0f7da7 12%, #04587b 72%, #05405f 97%, #043654 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#0f7da7), color-stop(72%,#04587b), color-stop(97%,#05405f), color-stop(100%,#043654)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0f7da7 12%,#04587b 72%,#05405f 97%,#043654 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0f7da7 12%,#04587b 72%,#05405f 97%,#043654 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0f7da7 12%,#04587b 72%,#05405f 97%,#043654 100%); /* IE10+ */
background: linear-gradient(top, #0f7da7 12%,#04587b 72%,#05405f 97%,#043654 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f7da7', endColorstr='#043654',GradientType=0 ); /* IE6-9 */
}
.slider-wrap {

margin-top: 5px;
}
#laenge_slider,#auflage_slider2,#breite_slider,#grammatur_slider,#blaetter_slider,#extragewicht_slider,#auflage_slider,#faceslider {
	width:280px;
	background-color:#676e71;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	height:4px;
	padding:0;
	box-shadow:0 1px 2px gray;
	margin:0;
	border:1px solid #4a4e51;
	border-bottom:10px solid #9ca4a6;
	background-image: none;
	background:#697072
}
div.hslider.smallslider span {
width: 240px !important;
}
div.hslider.smallslider  {
width: 240px;
background: transparent;
}


#display { width: 280px;
text-align: center;
background: none;
	margin: 0px 0 00px 0px;

}

#extragewicht_slider,#auflage_slider {
	width:70%
}
#bigergebnis {
  text-align: center;
  width: 100%;
  padding: 0 !important;
}
.superergebniscss4 {
	text-align:center;
	width:auto;
	height:1em;
	line-height:1em
}

.ui-slider .ui-slider-handle { 
top:-7px;
left: -5px;
position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; 
border-radius: 10px;
border-width:0px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.6);
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.6);
border-color:#21381c;
border-style: solid;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */


}
.ui-slider .ui-slider-handle:hover {
border-color: #2c4128;
cursor: pointer;

}
.ui-slider-horizontal .ui-slider-handle:focus {
background: #b7deed; /* Old browsers */
background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* IE10+ */
background: linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
}


.ui-slider-horizontal {
}

.pressed {
	padding:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none
}

.preset-wrap {
	min-height:0;
	height:auto
}

button.lionbutton {
	height:1.5em!important;
	line-height:1.2em
}

table.datatab {
	width:240px!important;
	box-shadow:none
}

table.datatab thead {
	display:none
}

#mydrawing {
/* width: 320px !important; */
}
}

/*
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; background: gray; width: 1em; height: 1em;}
.ui-slider-horizontal .ui-slider-handle:hover { cursor:pointer;top: -.3em; background:red !important; margin-left: -.6em;  width: 1em; height: 1em;}
}
*/
/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}