div.imageResize {
	margin-top: 1em;
	width: 552px;
}

div.imageResize div.preview {
	border: 1px solid #DDDDDD;
	position: relative;
	height: 295px;
	background: white url("../img/image-resize-bg.png") no-repeat left bottom;
}

div.imageResize div.preview div.organisation-signature {
	min-height: 16px;
}

div.imageResize div.preview img.resized-image {
	display: block;
	margin-top: 117px;
	margin-left: 111px;
}

div.imageResize div.preview img.signer {
	position: absolute;
	left: 0;
	top: 170px;
}

div.slider {
	height: 42px;
	width: 327px;
	background: url(../img/slider-bg.png) left center repeat-x;
	position: relative;
	z-index: 1;
	/*overflow: hidden;*/
	float: left;
}

div.slider div.slide {
	position: relative;
	width: 301px; /* = Breite Slider minus Breite Handle */
}

div#content div.imageResize a.ui-slider-handle {
	display: block;
	z-index: 200;
	width: 26px;
	height: 42px;
	position: absolute;
	background: url(../img/slider.png) center center no-repeat;
}

div.imageResize .smaller {
	float: left;
}

div.imageResize .larger {
	float: left;
}

div.imageResize div.result {
	display: block;
	width: 100%;
	float: left;
	clear: left;
}

div.imageResize div.result label {
	display: block;
}

div.imageResize div.result input {
	width: 3em;
	font-size: 150%;
	border: 1px solid #BFC6E0;
	padding: 0em 0.2em;
}


div#content div.imageResize a { background-image: none; padding-left: 0; }
div#content div.imageResize a:hover { border-bottom-width: 0; }