a.button2, button2 { 

margin-bottom:10px;
margin-right:5px;
display: inline-block; 
padding: 5px; 
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; 
font-size: 12px; color: #AA0000;
 -text-shadow: 1px 1px 0 #FFFFFF;
 
 
  background: #000000 url('../img/css3buttons-master/css3buttons_backgrounds.png') 0 0 no-repeat;
  
   white-space: nowrap;
    overflow: visible;
	 cursor: pointer;
	  text-decoration: none;
	  
	   border: 1px solid #000000;  /* rand kleur */
	   
	   
	   -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
		 border-radius: 2px;
		  outline: none;
		   position: relative;
		    zoom: 1; line-height: 1.11;
			 *display: inline;
			  *vertical-align: middle; }
			 
button2 { margin-left: 0; margin-right: 0; *padding: 5px 5px 3px 5px; }


a.button2 { -moz-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -webkit-touch-callout: none;}

button2::-moz-focus-inner { border: 0; padding:0px; }

a.button2.primary, button2.primary { font-weight: bold }



/* verkleuren */
button2:focus,a.button2:hover, 
button2:hover { color: #ffffff; border-color: #388AD4; text-decoration: none;  background-position: 0 0; background-color: #000000; }




a.button2.negative { color: #ffffff; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }
a.button2.negative:hover, button2.negative:hover { color: #666666; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }
a.button2.negative:active, button2.negative:active,
a.button2.negative.active, button2.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }

a.button2.positive { color:#ffffff; background-position: 0 -280px; background-color: #00AA00; border-color: #45BF55; }
a.button2.positive:hover, button2.positive:hover { color: #666666;background-position: 0 -280px; background-color: #00AA00; border-color: #45BF55; }
a.button2.positive:active, button2.positive:active,
a.button2.positive.active, button2.positive.active { background-position: 0 -320px; background-color: #0000AA; }




/*--- disketteplaatje --- */
a.button2 span.icon, button2 span.icon { display: inline-block; width: 14px; height: 12px; margin: auto 7px auto auto; position: relative; top: 0; *top: 0px; background-image: url('../img/css3buttons-master/css3buttons_icons.png'); background-repeat: no-repeat; }






/* dit delete button */
input.deletebutton {
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; 
font-size: 12px;
	
background: #000000 url('../img/css3buttons-master/css3buttons_backgrounds.png') 0 0 no-repeat;
  
color:#ffffff; background-position: 0 -162px;
background-color: #FF6468;
border:1px solid #FF6468;
	
margin-bottom:10px;
margin-right:5px;
display: inline-block; 
padding: 5px;
text-transform:uppercase;
width:95px;
text-align:center;


}


input.deletebutton:hover {
	
	 color:#666666;


}
/*----------------------------- */



/* blauwe button */
input.blauwebutton{
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; 
font-size: 12px;
font-weight:bold;
	
background: #000000 url('../img/css3buttons-master/button-blauw.png') 0 0 no-repeat;
  
color:#ffffff;
background-color: #00AA00;

/* #00A3D8 */
border:1px solid #014e67;
	
margin-bottom:10px;
margin-right:5px;
display: inline-block; 
padding: 5px;
text-transform:uppercase;


}


input.blauwebutton:hover {
	
	 color:#333333;
}
/*----------------------------- */



















/* dit voor de upload button - en ook nog gebruikt bij een berg overige buttons!!!!!!! */
input.uploadbutton {
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; 
font-size: 12px;
	
background: #000000 url('../img/css3buttons-master/css3buttons_backgrounds.png') 0 0 no-repeat;
  
color:#ffffff; background-position: 0 -280px;
background-color: #00AA00;
border:1px solid #45BF55;
	
margin-bottom:10px;
margin-right:5px;
display: inline-block; 
padding: 5px;
text-transform:uppercase;

}


input.uploadbutton:hover {
	
	 color:#666666;
}
/*----------------------------- */

a.big.button2 span.icon, button2.big span.icon { top: 0px }


a.button2 span.icon.book, button2 span.icon.book { background-position: 0 0 }
a.button2:hover span.icon.book, button2:hover span.icon.book { background-position: 0 -15px }

a.button2 span.icon.trash, button2 span.icon.trash { background-position: 0 -764px }
a.button2:hover span.icon.trash, button2:hover span.icon.trash { background-position: 0 -779px }


a.button2 span.icon.calendar, button2 span.icon.calendar { background-position: 0 -30px }
a.button2:hover span.icon.calendar, button2:hover span.icon.calendar { background-position: 0 -45px }
a.button2 span.icon.chat, button2 span.icon.chat { background-position: 0 -60px }
a.button2:hover span.icon.chat, button2:hover span.icon.chat { background-position: 0 -75px }
a.button2 span.icon.check, button2 span.icon.check { background-position: 0 -90px }
a.button2:hover span.icon.check, button2:hover span.icon.check { background-position: 0 -103px }
a.button2 span.icon.clock, button2 span.icon.clock { background-position: 0 -116px }
a.button2:hover span.icon.clock, button2:hover span.icon.clock { background-position: 0 -131px }
a.button2 span.icon.cog, button2 span.icon.cog { background-position: 0 -146px }
a.button2:hover span.icon.cog, button2:hover span.icon.cog { background-position: 0 -161px }
a.button2 span.icon.comment, button2 span.icon.comment { background-position: 0 -176px }
a.button2:hover span.icon.comment, button2:hover span.icon.comment { background-position: 0 -190px }
a.button2 span.icon.cross, button2 span.icon.cross { background-position: 0 -204px }
a.button2:hover span.icon.cross, button2:hover span.icon.cross { background-position: 0 -219px }
a.button2 span.icon.downarrow, button2 span.icon.downarrow { background-position: 0 -234px }
a.button2:hover span.icon.downarrow, button2:hover span.icon.downarrow { background-position: 0 -249px }
a.button2 span.icon.fork, button2 span.icon.fork { background-position: 0 -264px }
a.button2:hover span.icon.fork, button2:hover span.icon.fork { background-position: 0 -279px }
a.button2 span.icon.heart, button2 span.icon.heart { background-position: 0 -294px }
a.button2:hover span.icon.heart, button2:hover span.icon.heart { background-position: 0 -308px }
a.button2 span.icon.home, button2 span.icon.home { background-position: 0 -322px }
a.button2:hover span.icon.home, button2:hover span.icon.home { background-position: 0 -337px }
a.button2 span.icon.key, button2 span.icon.key { background-position: 0 -352px }
a.button2:hover span.icon.key, button2:hover span.icon.key { background-position: 0 -367px }
a.button2 span.icon.leftarrow, button2 span.icon.leftarrow { background-position: 0 -382px }
a.button2:hover span.icon.leftarrow, button2:hover span.icon.leftarrow { background-position: 0 -397px }
a.button2 span.icon.lock, button2 span.icon.lock { background-position: 0 -412px }
a.button2:hover span.icon.lock, button2:hover span.icon.lock { background-position: 0 -427px }
a.button2 span.icon.loop, button2 span.icon.loop { background-position: 0 -442px }
a.button2:hover span.icon.loop, button2:hover span.icon.loop { background-position: 0 -457px }
a.button2 span.icon.magnifier, button2 span.icon.magnifier { background-position: 0 -472px }
a.button2:hover span.icon.magnifier, button2:hover span.icon.magnifier { background-position: 0 -487px }
a.button2 span.icon.mail, button2 span.icon.mail { background-position: 0 -502px }
a.button2:hover span.icon.mail, button2:hover span.icon.mail { background-position: 0 -514px }
a.button2 span.icon.move, button2 span.icon.move { background-position: 0 -526px }
a.button2:hover span.icon.move, button2:hover span.icon.move { background-position: 0 -541px }
a.button2 span.icon.pen, button2 span.icon.pen { background-position: 0 -556px }
a.button2:hover span.icon.pen, button2:hover span.icon.pen { background-position: 0 -571px }
a.button2 span.icon.pin, button2 span.icon.pin { background-position: 0 -586px }
a.button2:hover span.icon.pin, button2:hover span.icon.pin { background-position: 0 -601px }
a.button2 span.icon.plus, button2 span.icon.plus { background-position: 0 -616px }
a.button2:hover span.icon.plus, button2:hover span.icon.plus { background-position: 0 -631px }
a.button2 span.icon.reload, button2 span.icon.reload { background-position: 0 -646px }
a.button2:hover span.icon.reload, button2:hover span.icon.reload { background-position: 0 -660px }
a.button2 span.icon.rightarrow, button2 span.icon.rightarrow { background-position: 0 -674px }
a.button2:hover span.icon.rightarrow, button2:hover span.icon.rightarrow { background-position: 0 -689px }
a.button2 span.icon.rss, button2 span.icon.rss { background-position: 0 -704px }
a.button2:hover span.icon.rss, button2:hover span.icon.rss { background-position: 0 -719px }
a.button2 span.icon.tag, button2 span.icon.tag { background-position: 0 -734px }
a.button2:hover span.icon.tag, button2:hover span.icon.tag { background-position: 0 -749px }

a.button2 span.icon.unlock, button2 span.icon.unlock { background-position: 0 -794px }
a.button2:hover span.icon.unlock, button2:hover span.icon.unlock { background-position: 0 -809px }
a.button2 span.icon.uparrow, button2 span.icon.uparrow { background-position: 0 -824px }
a.button2:hover span.icon.uparrow, button2:hover span.icon.uparrow { background-position: 0 -839px }
a.button2 span.icon.user, button2 span.icon.user { background-position: 0 -854px }
a.button2:hover span.icon.user, button2:hover span.icon.user { background-position: 0 -869px }