.button {  
  display: inline-block;
  white-space: nowrap;
  background-color: #ccc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(0, 0, 0, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0.3));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0.3));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0.3));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0.3));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0.3));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF', EndColorStr='#4C000000');
  border: 1px solid #141414;
  padding: 0em 1.5em !important;
  /*margin: 0.5em;*/
  font: bold 1.1em/2em Verdana, Arial, Helvetica;
  text-decoration: none;
  color: #333 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  border-radius: 5px;
  -moz-box-shadow: 0 0 1px 1px rgba(96, 96, 96, .8) inset, 2px 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 1px 1px rgba(96, 96, 96, .8) inset, 2px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1px 1px rgba(96, 96, 96, .8) inset, 2px 2px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.button:hover {
/*  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(255, 255, 255, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.4));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.4));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.4));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.4));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.4));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4C000000', EndColorStr='#66FFFFFF'); 
  text-decoration: none;*/
}
.topnav .buttons_right a:hover{
  color: #ffffff !important;
}
.topnav .buttons_right .button {
  background: none !important;
}
.button.plain
{  
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4CFFFFFF', EndColorStr='#00000000');
}
.button.plain:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.2)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#33FFFFFF'); 
}

.button.light
{        
	border: 1px solid #aaa;
  font: bold 0.7em/2em Arial, Helvetica;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
  margin-left: 10px;
}



.button.warenkorb {
  background-color: #eeeeee;
  color: #000000 !important;
}
.button.warenkorb:before {
  background-color: gray;
}



.button:active
{
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}

.button:focus
{
	outline: 0;
	background: #fafafa;
}    

.button:before
{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
  pointer-events: none;        
}

.button.light:before
{        
  -moz-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3);
	box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3);
	color: #666;
}

/* Hexadecimal entities for the icons */

.add:before          {content: "\271A";}  /* Pluszeichen */
.edit:before        {content: "\270E";}  /* Stift */
.feather:before  {content: "\2712";}  /* Schreibfeder */
.caution:before  {content: "\26A0\0020";color:#ff0000;}  /* Warndreieck */
.caution:after    {content: "\0020\26A0";color:#ff0000;}  /* Warndreieck */
.help:before        {content: "?";}      /* Fragezeichen */
.delete:before    {content: "\2718";}  /* X-Zeichen */
.save:before        {content: "\2714";}  /* Häkchen */
.email:before      {content: "\2709";}  /* Briefumschlag */
.like:before        {content: "\2764";}  /* Herz */
.compass:before  {content: "\2735";}  /* Kompass */
.out:before        {content: "\279C";}  /* Pfeil nach Rechts */
.star:before        {content: "\2605";}  /* Fünfstern */
.spark:before      {content: "\2737";}  /* Netz */
.play:before        {content: "\25B6";}  /* Dreieck nach Rechts ("play") */
.download:before{content: "\21D3";}	 /* Pfeil nach Unten */
.sitemap:before {content: url(../../img/theme/sitemap.gif);padding-right: 3px;padding-top: 4px;height: 1.0em;}