/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

body {
  background: #393939;
  color: white;
  font: 14px Helvetica, sans-serif;
}
#page-wrap {
  width: 500px;
  margin:100px auto;
}

h1 {
  font: 26px Georgia, Serif;
  margin: 0 0 10px 0;
}
form {
  margin: 50px 0 0 0;
}
label {
  font: bold 20px Helvetica, sans-serif;
  display: block;
  float: left;
  text-align: right;
  padding: 5px 10px 0 0;
  width: 240px;
}
input[type=text] {
  float: left;
  width: 60px;
  font: bold 20px Helvetica, sans-serif;
  padding: 3px 0 0 0;
  text-align: center;
}
form div {
  overflow: hidden;
  margin: 0 0 5px 0;
}

.btn {
	background-color: white;
	color: black;
	border: 1px solid gray;
	border-radius: 5px;
	font-size: 10px;
	height:40px;
	width: 50px;
	cursor:pointer;
	box-shadow: 2px 2px #999;

	/* Buttons sind normalerweise vertical-align: baseline */
	/* Daher verschiebt sich die Positionierung bei unterschiedlicher Zeilenanzahl */
	/* Das kann man durch vertical-align:top beheben */
	vertical-align:top;
}	

.btnOldx {
	margin: 0 0px 0 240px;
	//text-indent: -9999px;
	//cursor: pointer;
	background:url(../images/GreenButton.png) no-repeat scroll left top transparent;
	height:40px;
	width: 50px;
	border: none;
	//float: left;
	//text-align: center;
	//cursor:pointer;
}

.button {
  margin: 0 0 0 5px;
  text-indent: -9999px;
  cursor: pointer;
  width: 29px;
  height: 29px;
  float: left;
  text-align: center;
  background: url(../images/buttons.png) no-repeat;
}
.dec {
  background-position: 0 -29px;
}

.buttons {
  padding: 20px 0 0 240px;
}