/**** Button maten ****/

.button-large {
	height: 65px;
	width: 100px;
	display: block;
	background: transparent url('../images/knoppen.png') no-repeat 0 0;
	border: 0;
	cursor: pointer;
}

.button-medium {
	height: 55px;
	width: 55px;
	display: block;
	background: transparent url('../images/knoppen.png') no-repeat 0 0;
	border: 0;
	cursor: pointer;
}

.button-small {
	height: 40px;
	width: 60px;
	display: block;
	background: transparent url('../images/knoppen.png') no-repeat 0 0;
	border: 0;
	cursor: pointer;
}

.button-tiny {
	height: 23px;
	width: 23px;
	display: block;
	background: transparent url('../images/knoppen.png') no-repeat 0 0;
	border: 0;
	cursor: pointer;
}

/**** Tabs maten ****/

.tab-medium {
	height: 35px;
	width: 115px;
	display: block;
	background: transparent url('../images/knoppen.png') no-repeat 0 0;
	border: 0;
	text-align: center;
	
	text-decoration: none;
	float: left;
}

.round-medium {
	height: 35px;
	width: 115px;
	display: block;
	background: transparent url('../images/knoppen.png') no-repeat 0 0;
	border: 0;
	text-align: center;
	
	text-decoration: none;
	float: left;
}

.tab-small {
	height: 20px;
	width: 82px;
	display: block;
	background: transparent url('../images/knoppen.png') no-repeat 0 0;
	border: 0;
	text-align: center;
	
	text-decoration: none;
	float: left;
	
}

/**** Containers ****/

/** Large **/
.button-large {
	border: 0;
}
.button-large.pers {
	background-position: -100px -100px;
}

.button-large.pers:hover {
	background-position: -100px -200px;
}

.button-large.afzet {
	background-position: -250px -100px;
}

.button-large.afzet:hover {
	background-position: -250px -200px;
}

.button-large.opslag {
	background-position: -400px -100px;
}

.button-large.opslag:hover {
	background-position: -400px -200px;
}

.button-large.bouwcon {
	background-position: -550px -100px;
}

.button-large.bouwcon:hover {
	background-position: -550px -200px;
}

.button-large.ondergronds {
	background-position: -700px -100px;
}

.button-large.ondergronds:hover {
	background-position: -700px -200px;
}

.button-large.rol {
	background-position: -850px -100px;
}

.button-large.rol:hover {
	background-position: -850px -200px;
}

/** Small **/
.button-small {
	border: 0;
}
.button-small.pers {
	background-position: -100px -500px;
}

.button-small.pers:hover {
	background-position: -100px -600px;
}

.button-small.afzet {
	background-position: -250px -500px;
}

.button-small.afzet:hover {
	background-position: -250px -600px;
}

.button-small.opslag {
	background-position: -400px -500px;
}

.button-small.opslag:hover {
	background-position: -400px -600px;
}

.button-small.bouw {
	background-position: -550px -500px;
}

.button-small.bouw:hover {
	background-position: -550px -600px;
}

.button-small.ondergronds {
	background-position: -700px -500px;
}

.button-small.ondergronds:hover {
	background-position: -700px -600px;
}

.button-small.rol {
	background-position: -850px -500px;
}

.button-small.rol:hover {
	background-position: -850px -600px;
}


/**** Afval stromen ****/

/** Large **/
.button-large.groen {
	background-position: -100px -300px;
}

.button-large.groen:hover {
	background-position: -100px -400px;
}

.button-large.papier {
	background-position: -250px -300px;
}

.button-large.papier:hover {
	background-position: -250px -400px;
}

.button-large.bouw {
	background-position: -400px -300px;
}

.button-large.bouw:hover {
	background-position: -400px -400px;
}



/**** Overige knoppen ****/


/** Medium **/
.button-medium.zoek {
	background-position: -100px -700px;
	border: 0;
}

.button-medium.zoek:hover {
	background-position: -100px -800px;
	border: 0;
}

.button-medium.info {
	background-position: -250px -700px;
	border: 0;
}

.button-medium.info:hover {
	background-position: -250px -800px;
	border: 0;
}

.tab-medium.grijs {
	padding-top: 5px;
	background-position: -400px -700px;
	color: #fff;
	font-size: 14px;
	font-style: italic;
	border: 0;
}

.tab-medium.grijs:hover {
	background-position: -400px -800px;
	border: 0;
}

.tab-medium.oranje {
	padding-top: 5px;
	background-position: -550px -700px;
	color: #fff;
	font-size: 14px;
	font-style: italic;
	border: 0;
}

.tab-medium.oranje:hover {
	background-position: -550px -800px;
	border: 0;
}

.round-medium.oranje {
	padding-top: 5px;
	background-position: -850px -700px;
	color: #fff;
	border: 0;
}

.round-medium.oranje:hover {
	background-position: -850px -800px;
	border: 0;
}

/** Small **/
.tab-small.grijs.actief, .tab-small.grijs.actief:hover {
	background-position: -700px -700px;
	color: #fff;
	border: 0;
}

.tab-small.grijs {
	background-position: -700px -800px;
	color: #858585;
	border: 0;
}

.tab-small.grijs:hover {
	background-position: -850px -700px;
	color: #fff;
	border: 0;
}

.tab-small.oranje.actief {
	background-position: -850px -700px;
	color: #fff;
	border: 0;
}

.tab-small.oranje {
	background-position: -850px -800px;
	border: 0;
}

/* specifiek */
.button-small.ondergronds {
	width: 30px;
	border: 0;
}

.button-small.rol {
	width: 40px;
	border: 0;
}

/** Tiny **/
.button-tiny {
	border: 0;
}
.button-tiny.zoek {
	background-position: -100px -900px;
}

.button-tiny.zoek:hover {
	background-position: -100px -1000px;
}

.button-tiny.info {
	background-position: -250px -900px;
}

.button-tiny.info:hover {
	background-position: -250px -1000px;
}

.button-tiny.mail {
	background-position: -400px -900px;
}

.button-tiny.mail:hover {
	background-position: -400px -1000px;
}

.button-tiny.tel {
	background-position: -550px -900px;
}

.button-tiny.tel:hover {
	background-position: -550px -1000px;
}

.button-tiny.site {
	background-position: -850px -900px;
}

.button-tiny.site:hover {
	background-position: -850px -1000px;
}


/*** Button speciaal ***/
#uitgebreidZoeken .button-medium.zoek {
	float: right;
	border: 0;
}

#uitgebreidZoeken .button-medium.zoek input {
	border: 0px;
	background: none;
	border: 0;
}