.yt-button {
    position: absolute;
    background: #e5e5e5;	/* Hintergrundfarbe */
    font-family: 'Arial';	/* Schriftart */
    font-size: 14px;		/* Schriftgröße */
    color: #ffffff;		/* Schriftfarbe */
	font-weight: bold;	/* Schrifteigenschaft */
    text-decoration: none;	/* Link Text wird nicht unterstrichen */
    border: 1px solid #7c7970;	/* Rahmendicke und Farbe */
    padding: 10px;		/* Links und rechts vom Link Text 50px Abstand */

    /* Farbverlauf */
    background: -moz-linear-gradient(top, #e5e5e5 0%, #b1aca0 2%, #8c887e 100%); /* Firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(2%,#b1aca0), color-stop(100%,#8c887e)); /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1aca0', endColorstr='#8c887e',GradientType=0 ); /* ie */

    /* Textschatten */
    text-shadow: 0px 1px 0px #383c3f; /* 0px von Links, 1px von oben, 0px weichheit */

    /* Abgerundete Ecken */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 

    /* Schlagschatten */
    -webkit-box-shadow: 0px 2px 2px #b7b7b7; /* 0px von Links, 2px von oben, 2px weicheit */
    -moz-box-shadow: 0px 2px 2px #b7b7b7;
    box-shadow: 0px 2px 4px #b7b7b7;
    }
	
.yt-button:hover {
    position: absolute;
    background: #e5e5e5;	/* Hintergrundfarbe */
    font-family: 'Arial';	/* Schriftart */
    font-size: 14px;		/* Schriftgröße */
    color: #383c3f;		/* Schriftfarbe */
	font-weight: bold;	/* Schrifteigenschaft */
    text-decoration: none;	/* Link Text wird nicht unterstrichen */
    border: 1px solid #7c7970;	/* Rahmendicke und Farbe */
    padding: 10px;		/* Links und rechts vom Link Text 50px Abstand */

    /* Farbverlauf */
    background: -moz-linear-gradient(top, #e5e5e5 0%, #8c887e 2%, #b1aca0 100%); /* Firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(2%,#8c887e), color-stop(100%,#b1aca0)); /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c887e', endColorstr='#b1aca0',GradientType=0 ); /* ie */

    /* Textschatten */
    text-shadow: 0px 1px 0px #ffffff; /* 0px von Links, 1px von oben, 0px weichheit */

    /* Abgerundete Ecken */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 

    /* Schlagschatten */
    -webkit-box-shadow: 0px 2px 2px #b7b7b7; /* 0px von Links, 2px von oben, 2px weicheit */
    -moz-box-shadow: 0px 2px 2px #b7b7b7;
    box-shadow: 0px 2px 4px #b7b7b7;
    }
	
.yt-button:active {
    position: absolute;
    background: #8c887e;	/* Hintergrundfarbe */
    font-family: 'Arial';	/* Schriftart */
    font-size: 14px;		/* Schriftgröße */
    color: #383c3f;		/* Schriftfarbe */
	font-weight: bold;	/* Schrifteigenschaft */
    text-decoration: none;	/* Link Text wird nicht unterstrichen */
    border: 1px solid #7c7970;	/* Rahmendicke und Farbe */
    padding: 10px;		/* Links und rechts vom Link Text 50px Abstand */

    /* Farbverlauf */
    background: -moz-linear-gradient(top, #8c887e 0%, #8c887e 2%, #8c887e 100%); /* Firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c887e), color-stop(2%,#8c887e), color-stop(100%,#8c887e)); /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c887e', endColorstr='#8c887e',GradientType=0 ); /* ie */

    /* Textschatten */
    text-shadow: 0px 1px 0px #ffffff; /* 0px von Links, 1px von oben, 0px weichheit */

    /* Abgerundete Ecken */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 

    /* Schlagschatten */
    -webkit-box-shadow: 0px 2px 2px #b7b7b7; /* 0px von Links, 2px von oben, 2px weicheit */
    -moz-box-shadow: 0px 2px 2px #b7b7b7;
    box-shadow: 0px 2px 4px #b7b7b7;
    }