/* Blue 'Inloggen' button */
input#inloggen {
	float:left;
	width:141px;
	height:38px;
	border:none;
	background: url("../images/aanin.png") no-repeat top left;
	background-position: 0 -144px;
	cursor:pointer;
}

input#inloggen:hover {
	background-position: 0 -192px;
}

input#inloggen:active {
	background-position: 0 -240px;
}

/* Grey 'Inloggen' button */
input#inloggen_grey {
	float:left;
	width:141px;
	height:38px;
	border:none;
	background: url("../images/aanin2.png") no-repeat top left;
	background-position: 0 -144px;
	cursor:pointer;
}

input#inloggen_grey:hover {
	background-position: 0 -192px;
}

input#inloggen_grey:active {
	background-position: 0 -240px;
}

/* Grey 'Aanmelden' button */
input#aanmelden {
	float:left;
	width:141px;
	height:38px;
	border:none;
	background: url("../images/aanin.png") no-repeat top left;
	background-position: 0 0px;
	cursor:pointer;
}

input#aanmelden:hover {
	background-position: 0 -48px;
}

input#aanmelden:active {
	background-position: 0 -96px;
}

/* Blue 'Aanmelden' button */
input#aanmelden_blue {
	float:left;
	width:141px;
	height:38px;
	border:none;
	background: url("../images/aanin2.png") no-repeat top left;
	background-position: 0 0px;
	cursor:pointer;
}

input#aanmelden_blue:hover {
	background-position: 0 -48px;
}

input#aanmelden_blue:active {
	background-position: 0 -96px;
}

/* 'Opslaan' button */
.left .field input#safe {
	float:left;
	margin:10px 0 24px 0;
	width:141px;
	height:38px;
	border:none;
	background: url("../images/opslaan.png") no-repeat top left;
	background-position: 0 0px;
	cursor:pointer;
}

.left .field input#safe:hover {
	background-position: 0 -48px;
}

.left .field input#safe:active {
	background-position: 0 -96px;
}

/* 'Invoeren' button */
.left .field input#add {
	float:left;
	margin:10px 0 24px 0;
	width:141px;
	height:38px;
	border:none;
	background: url("../images/invoeren.png") no-repeat top left;
	background-position: 0 0px;
	cursor:pointer;
}

.left .field input#add:hover {
	background-position: 0 -48px;
}

.left .field input#add:active {
	background-position: 0 -96px;
}

/* 'Annuleren' button */
.left .field #cancel {
	float:left;
	margin:10px 0 0 20px;
	width:141px;
	height:38px;
	border:none;
	background: url("../images/annuleren.png") no-repeat top left;
	background-position: 0 0px;
	cursor:pointer;
}

.left .field #cancel:hover {
	background-position: 0 -48px;
}

.left .field #cancel:active {
	background-position: 0 -96px;
}

/* 'Zoeken' button */
.left .field input#srch {
	float:left;
	margin:0 0 0 20px;
	width:141px;
	height:38px;
	border:none;
	background: url("../images/zoeken.png") no-repeat top left;
	background-position: 0 0px;
	cursor:pointer;
}

.left .field input#srch:hover {
	background-position: 0 -48px;
}

.left .field input#srch:active {
	background-position: 0 -96px;
}

/* 'Schrijver info' button */
.left .field input#schrijver {
	float:right;
	margin:34px 0 0 20px;
	width:181px;
	height:38px;
	border:none;
	background: url("../images/schrijver.png") no-repeat top left;
	background-position: 0 0px;
	cursor:pointer;
}

.left .field input#schrijver:hover {
	background-position: 0 -48px;
}

.left .field input#schrijver:active {
	background-position: 0 -96px;
}

/* 'Zoek gegevens' button */
.left .field input#search-isbn {
	float:right;
	margin:32px 0 0 20px;
	width:141px;
	height:38px;
	border:none;
	background: url("../images/zoeken1.png") no-repeat top left;
	background-position: 0 0px;
	cursor:pointer;
}

.left .field input#search-isbn:hover {
	background-position: 0 -48px;
}

.left .field input#search-isbn:active {
	background-position: 0 -96px;
}

/* 'Bestellen' button */
input#bestellen {
	float:left;
	width:141px;
	margin:0 0 0 9px;
	height:38px;
	border:none;
	background: url("../images/bestellen.png") no-repeat top left;
	background-position: 0 0px;
	cursor:pointer;
}

input#bestellen:hover {
	background-position: 0 -48px;
}

input#bestellen:active {
	background-position: 0 -96px;
}

/* 'Inschrijven' button */
input#inschrijven {
	float:left;
	margin:20px 0 0 10px;
	width:141px;
	height:38px;
	border:none;
	background: url("../images/inschrijven.png") no-repeat top left;
	background-position: 0 0px;
	cursor:pointer;
}

input#inschrijven:hover {
	background-position: 0 -48px;
}

input#inschrijven:active {
	background-position: 0 -96px;
}

/* 'Bladeren' button */
#bladeren {
	display:block;
	float:left;
	margin:40px 0 0 10px;
	width:80px;
	height:21px;
	border:none;
	background: url("../images/bladeren.png") no-repeat top left;
	background-position: 0 0px;
	cursor:pointer;
}

#bladeren:hover {
	background-position: 0 -31px;
}

#bladeren:active {
	background-position: 0 -62px;
}