﻿button {
  background:url(../Images/button_rechts.gif) right no-repeat;   
  border:0;
  cursor:pointer;   
  display:inline-block;
  font-size:11px;
  margin-top:1px; 
  margin-left:2px;
  margin-right:4px;
  overflow:visible; 
  padding:0 7px 0 0; 
  text-align:center; 
  width:auto;
}

button span { 
  background:url(../Images/button_links.gif) left no-repeat;
  color:#fff; 
  display:block;   
  height:22px; 
  line-height:22px; 
  margin-top:1px; 
  padding: 0 0 0 7px; 
  position:relative; 
  white-space:nowrap; 
}  

button:hover {
	background:url(../Images/button_rechts_hover.gif) right no-repeat; 
}
button:hover span {
	background:url(../Images/button_links_hover.gif) left no-repeat; 
}

.loginbutton
{
    background:url(/Images/loginbutton.gif) right no-repeat; 
    border:0;
    color:#fff; 
    font-size:11px;
    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; 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; 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; height:22px;width:120px;}
.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; height:22px;margin-bottom:3px;text-decoration:none; width:90px;}
.mijnhebbes:hover{background:url(/Images/mijnhebbes_hover.gif) no-repeat center;cursor:pointer;display:block;margin-bottom:3px;text-decoration:none;}

/* vraag meer info aan adverteerder, moet in kleur van de vertical */ 
.colorvertical {background:url(/PAL_AUTO/PAL/default/Images/vraag_meerinfo.gif) right no-repeat; border:0; color:#fff; font-size:11px; font-weight:bold;height:22px; width:318px; }
.colorvertical:hover {background:url(/PAL_AUTO/PAL/default/Images/vraag_meerinfo_over.gif) left no-repeat;cursor:pointer;}
