/* position of the divs with the navigation buttons */
div.bttns { margin: 75px 0 25px 100px; width: 830px; }
div.bttns_row { margin: 0 0 2px 0; height: 24px; }

/* start all buttons  */
a.bttn_dfs, a.bttn_sip { display: block; float: left;
 background: transparent url(nav_bttn_left_dfs.jpg) no-repeat top left;
 font: small Verdana, Geneva, Arial; /* Change 12px as desired */
 line-height: 16px;
 /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
 height: 24px; /* Height of button background height */
 padding-left: 9px; /* Width of left menu image */
 text-decoration: none; margin-right: 2px; }

a:link.bttn_dfs, a:visited.bttn_dfs, a:active.bttn_dfs, a:hover.bttn_dfs,
a:link.bttn_sip, a:visited.bttn_sip, a:active.bttn_sip, a:hover.bttn_sip
{ color: white; }

a.bttn_dfs span, a.bttn_sip span { background: transparent url(nav_bttn_right_dfs.jpg) no-repeat top right;
display: block; padding: 4px 9px 4px 0; /* 9px is 'padding-left' */ }

a:hover.bttn_dfs, a:hover.bttn_sip { background-position: bottom left; }
a:hover.bttn_dfs span, a:hover.bttn_sip span { background-position: bottom right; }
/* end all buttons */

/* start blue buttons */
a.bttn_sip { background-image: url(nav_bttn_left_sip.jpg); }
a.bttn_sip span { background-image: url(nav_bttn_right_sip.jpg); }
/* end blue buttons */

a.small, a.small:hover
{ display: block; float: left; width: 18px; height: 18px; text-decoration: none; text-align: center;
 color: white; line-height: 18px; margin: 8px 20px 0 0; }
a.small, small:hover { background: transparent url(nav_bttn_small.jpg); }
a.small:hover { background-position: 0 -18px; }

/*
a.filiaal, a.filiaal:hover
{ display: inline; width: 18px; height: 18px; text-decoration: none; text-align: center;
 color: white; line-height: 18px; margin: 0 2px 0 0; }
a.filiaal, filiaal:hover { background: transparent url(nav_bttn_small.jpg); }
a.filiaal:hover { background-position: 0 -18px; }
*/