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


.button-green270 {

	-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-green270: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-green270 {
		width: 317px;
		border: 1px solid #222;
		background-color: #111;
		background-image: -moz-linear-gradient(#09521c, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#09521c), to(#111));	
		background-image: -webkit-linear-gradient(#09521c, #111);	
		background-image: -o-linear-gradient(#09521c, #111);
		background-image: -ms-linear-gradient(#09521c, #111);
		background-image: linear-gradient(#09521c, #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-green270 {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

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