/* Spinner

.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; height: 1.8em; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; }

.ui-spinner-button { 
width: 16px; 
height: 50%; 
font-size: .5em; 
padding: 0; 
margin: 0; 
z-index: 100; 
text-align: center; 
vertical-align: middle; 
position: absolute; 
cursor: default; 
display: block; 
overflow: hidden; 
}

.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; } /* more specificity required here to overide default borders */
/*
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
/*
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }

/* ltr (default) */
/*
.ui-spinner-ltr { direction: ltr; }
.ui-spinner-ltr .ui-spinner-input { float: left; margin-left: .4em; margin-right: 22px; }
.ui-spinner-ltr .ui-spinner-button { right: 0; }
.ui-spinner-ltr a.ui-spinner-button { border-right: none; }

/* rtl */
/*
.ui-spinner-rtl { direction: rtl; }
.ui-spinner-rtl .ui-spinner-input { float: right; margin-left: 22px; margin-right: .4em; }
.ui-spinner-rtl .ui-spinner-button { left: 0; }
.ui-spinner-rtl a.ui-spinner-button { border-left: none; }

/* TR overrides */
/*
div.ui-spinner { background: none; }
----------------------------------*/

/* UI Spinner */
body
{
	background: #fff;
	font-family: Arial;
}

label {
	float: left;
	margin-right: .5em;
	padding: .15em 0;
	font-weight: bold;
}

.ui-spinner {
	width: 36px;
	display: block;
	float:left;
	position: relative;
	overflow: hidden;
	border: 1px solid #5e5e5e;
	padding: 0;
	background: #5e5e5e;
	background-image: none !important;
}

.ui-spinner-disabled {
	background: #F4F4F4;
	color: #CCC;
}

.ui-spinner-box {
	width: 36px;
	height: 19px;
	float: left;
	font-size: 125%;
	border: none;
	background: none;
	padding: 0;
}

.ui-spinner-up,
.ui-spinner-down {
	width: 14px;
	height: 9px;
	font-size: 0.5em;
	padding: 0;
	margin:0;
	z-index: 100;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	right: 0;
	cursor: pointer;
	border: none;
	border-right: none;
	border-top: none;
	background: url(/images/btn_bestellen_plus.png) top left no-repeat;
}

.ui-spinner-up.ui-state-hover {
	background: url(/images/btn_bestellen_plus_hi.png) top left no-repeat;
}

.ui-spinner-up.ui-spinner-pressed {
	background: url(/images/btn_bestellen_plus_hi.png) top left no-repeat;
}

.ui-spinner-down {
	background: url(/images/btn_bestellen_min.png) top left no-repeat;
	bottom: 0;
	border: none;
	margin: 0;
}

.ui-spinner-down.ui-state-hover {
	background: url(/images/btn_bestellen_min_hi.png) top left no-repeat;
}


.ui-spinner-down.ui-spinner-pressed {
	background: url(/images/btn_bestellen_min_hi.png) top left no-repeat;
}

.ui-spinner-list,
.ui-spinner-listitem {
	margin: 0;
	padding: 0;
}


#s1 {
	float: left;
	width: 21px;
	height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-top: 2px;
	border: none;
	background: #fff;
}


#bestelBtnContainer {
	width: 90px;
	height: 22px;
}

#aantal {
	float: left;
	width: 50px;
	height: 22px;
	text-align: center;
	background:url(/images/btn_bestellen_bg_aantal.png) top left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-top: 3px;
}

#plusmin {
	float: left;
	background: #5e5e5e;
	width: 14px;
	padding: 1px;
}

#plusmin #meer {
	margin-bottom: 2px;
}
#bestelBtn {
	float: left;
	width: 50px;
}