/* Roter Hochkant-Schalter mit Farbwechsel */
/* Version 0.0.1.0 */
/* 2018-10-25 */
/* by T. C. Woodeggs, Glockenbreite 3, D-34414 Warburg, Germany */


.button-red270 {

    -webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
}

.button-red270:hover {
	background-color: #0186ba;
		background-image: -moz-linear-gradient(#04acec,  #0186ba);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
		background-image: -webkit-linear-gradient(#04acec, #0186ba);
		background-image: -o-linear-gradient(#04acec, #0186ba);
		background-image: -ms-linear-gradient(#04acec, #0186ba);
		background-image: linear-gradient(#04acec, #0186ba);
		text-shadow: 0px 0px 3px #fff;	
    color:#ffffff;
}

.button-red270 {
        width: 317px;
        border: 1px solid #222;
		background-color: #111;
		background-image: -moz-linear-gradient(#d93434, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#d93434), to(#111));	
		background-image: -webkit-linear-gradient(#d93434, #111);	
		background-image: -o-linear-gradient(#d93434, #111);
		background-image: -ms-linear-gradient(#d93434, #111);
        background-image: linear-gradient(#d93434, #111);
        
                text-shadow: none;	

    text-indent:0;
    display:block;
    color:#f5f5f5;
    font-size:13px;
    font-weight:bold;
    height:40px;
    line-height:40px;
    text-decoration:none;
    text-align:center; 
}

.button-red270 {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.button-red270:active 
{
	position:relative;
	top:1px; }