body, footer {
  background: #F1492F;
}

.button {
	width:238px;
	height:38px;
	line-height: 38px;
	display: block;
	text-decoration: none;
	text-align: center;

	color: #fff;
	font-weight: 700;


	border-color:black;
	border-width:1px;
	border-style:solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	position: relative;
}


/* made with fireworks */
.fwbutton {

	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(49% 100% 90deg,rgb(255,64,0) 0%,rgb(248,187,73) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,49% 100%,49% 0%,color-stop(0, rgb(255,64,0)),color-stop(1, rgb(248,187,73)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(90deg,rgb(255,64,0) 0%,rgb(248,187,73) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(90deg,rgb(255,64,0) 0%,rgb(248,187,73) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(90deg,rgb(255,64,0) 0%,rgb(248,187,73) 100%);
	background-image:linear-gradient(90deg,rgb(255,64,0) 0%,rgb(248,187,73) 100%);

	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8bb49,endColorstr=#ffff4000,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8bb49,endColorstr=#ffff4000,GradientType=0);
}

/* made with colorzilla */

.czbutton {

	background: #f8bb49; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8bb49 0%, #ff4000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8bb49), color-stop(100%,#ff4000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8bb49 0%,#ff4000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8bb49 0%,#ff4000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8bb49 0%,#ff4000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8bb49 0%,#ff4000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8bb49', endColorstr='#ff4000',GradientType=0 ); /* IE6-9 */


}


.fwbutton:hover,
.czbutton:hover {

	
	background-image:-moz-linear-gradient(49% 100% 90deg,rgb(255,64,0) 0%,rgb(248,187,73) 100%); 
	background-image:-webkit-gradient(linear,49% 100%,49% 0%,color-stop(0, rgb(255,64,0)),color-stop(1, rgb(248,187,73)));
	background-image:-webkit-linear-gradient(90deg,rgb(255,64,0) 0%,rgb(248,187,73) 100%);
	background-image:-o-linear-gradient(90deg,rgb(255,64,0) 0%,rgb(248,187,73) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(255,64,0) 0%,rgb(248,187,73) 100%);
	background-image:linear-gradient(90deg,rgb(255,64,0) 0%,rgb(248,187,73) 100%);


	/* weiter falsch */

	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8bb49,endColorstr=#ffff4000,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8bb49,endColorstr=#ffff4000,GradientType=0);


	/* mit Korrektur */
	/*
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8bb49,endColorstr=#ff4000,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8bb49,endColorstr=#ff4000,GradientType=0);
	*/

	/* Mit Variante Colorzilla */
	/*
	background: #ff4000;
	background: -moz-linear-gradient(top,  #ff4000 0%, #f8bb49 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff4000), color-stop(99%,#f8bb49));
	background: -webkit-linear-gradient(top,  #ff4000 0%,#f8bb49 99%);
	background: -o-linear-gradient(top,  #ff4000 0%,#f8bb49 99%);
	background: -ms-linear-gradient(top,  #ff4000 0%,#f8bb49 99%);
	background: linear-gradient(to bottom,  #ff4000 0%,#f8bb49 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4000', endColorstr='#f8bb49',GradientType=0 );
	*/
}

.buttonplus:hover {
	/* background: url(../img/fire.png) left center no-repeat; */

	background-image: url(../img/fire.png);
	background-position: left center;
	background-repeat: no-repeat;
}

.button span {
	background-image: url(../img/fire.png);
	background-position: left center;
	background-repeat: no-repeat;
	width: 32px;
	height:32px;
	display: block;

	position: absolute;
	left:-8px;
	top:10px;
}
.mojo:before  {
    content: url("../img/fire.png");
    left: 8px;
    position: absolute;
    top: 2px;
}
