button {
  background:url(/Images/button_Dblauw_rechts.gif) right no-repeat; 
  border:0;
  cursor:pointer;   
  font-size:11px; 
  font-weight:bold; 
  padding:0 7px 0 0; 
  text-align:center;
}

button span { 
  background:url(/Images/button_Dblauw_links.gif) left no-repeat;
  color:#fff; 
  display:block;   
  height:22px; 
  line-height:22px;   
  padding: 0 0 0 10px; 
  position:relative; 
  white-space:nowrap; 
}
  
button:hover {
	background:url(/Images/button_Dblauw_rechts_hover.gif) right no-repeat; 
}
button:hover span {
	background:url(/Images/button_Dblauw_links_hover.gif) left no-repeat; 
}

.loginbutton
{
    background:url(/Images/loginbutton.gif) right no-repeat; 
    border:0;
    color:#fff; 
    font-size:11px;
    font-weight:bold;
    height:22px;
    width:60px;
}

.loginbutton:hover
{
    background:url(/Images/loginbuttonhover.gif) right no-repeat; 
    cursor:pointer;   
}

/* buttons op detailpagina */
.detailbuttonlarge{background:url(/Images/detailbuttonlarge.gif) right no-repeat;border:0; color:#fff; font-size:11px;font-weight:bold; height:22px; width:325px;}
.detailbuttonlarge:hover{background:url(/Images/detailbuttonlargehover.gif) right no-repeat;cursor:pointer;}
.detailbuttonsmall{background:url(/Images/detailbuttonsmall.gif) right no-repeat;border:0; color:#fff; font-size:11px;font-weight:bold; height:22px;width:160px;}
.detailbuttonsmall:hover{background:url(/Images/detailbuttonsmallhover.gif) right no-repeat;cursor:pointer; }

/* button: bewaar zoekopdracht */
.largeimg{background:url(/Images/largeimgbutton.gif) no-repeat center;border:0; color:#fff; font-size:11px;font-weight:bold; height:22px; width:140px;}
.largeimg:hover{background:url(/Images/largeimgbuttonhover.gif) no-repeat center;cursor:pointer;}

/* button mijn hebbes */
.mijnhebbes{background:url(/Images/mijnhebbes.gif) no-repeat center;border:0; color:#fff; display:block; font-size:11px; font-weight:bold;height:22px;line-height:2em;margin-bottom:3px;text-decoration:none;text-align:center;width:90px;}
.mijnhebbes:hover{background:url(/Images/mijnhebbes_hover.gif) no-repeat center;cursor:pointer;display:block;margin-bottom:3px;text-decoration:none;}

/* button mijn hebbes green */
.mijnhebbesgreen{background:url(/Images/mijnhebbes_green.gif) no-repeat center;border:0; color:#fff; display:block; font-size:11px; font-weight:bold;height:22px;line-height:2em;margin-bottom:3px;text-decoration:none;text-align:center;width:90px;}
.mijnhebbesgreen:hover{background:url(/Images/mijnhebbes_green_hover.gif) no-repeat center;cursor:pointer;display:block;margin-bottom:3px;text-decoration:none;}

/* button mijn hebbes red */
.mijnhebbesred{background:url(/Images/mijnhebbes_red.gif) no-repeat center;border:0; color:#fff; display:block; font-size:11px; font-weight:bold;height:22px;line-height:2em;margin-bottom:3px;text-decoration:none;text-align:center;width:90px;}
.mijnhebbesred:hover{background:url(/Images/mijnhebbes_red_hover.gif) no-repeat center;cursor:pointer;display:block;margin-bottom:3px;text-decoration:none;}

/* button mijn hebbes */
.mijnhebbesbig{background:url(/Images/mijnhebbesbig.png) no-repeat center;border:0; color:#fff; display:block; font-size:11px; font-weight:bold;height:43px;line-height:2em;margin-bottom:3px;text-decoration:none;text-align:center;width:90px;}
.mijnhebbesbig:hover{background:url(/Images/mijnhebbesbig_hover.png) no-repeat center;cursor:pointer;display:block;margin-bottom:3px;text-decoration:none;}

/* vraag meer info aan makelaar, moet in kleur van de vertical */ 
.colorvertical {background:url(/Images/immo_vraagmeerinfo.gif) right no-repeat; border:0; color:#fff; font-size:11px;font-weight:bold; height:22px; width:325px; }
.colorvertical:hover {background:url(/Images/immo_vraagmeerinfo_over.gif) left no-repeat; cursor:pointer;}