.onoffswitch {

	font: 22px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; letter-spacing:-1px; font-weight:300;

    position: relative; width: 60px;

    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;

    }

    .onoffswitch-checkbox {

    display: none; /* alibi checkbox - nicht angezeigt */

    }

    .onoffswitch-label {

    display: block; overflow: hidden; cursor: pointer;

    border: 0px solid #FFFFFF; border-radius: 0px;

    }

    .onoffswitch-inner {

    width: 200%; margin-left: -100%;

    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;

    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;

    }

    .onoffswitch-inner:before, .onoffswitch-inner:after {

    float: left; width: 50%; height: 30px; padding: 0; line-height: 26px;

    font-size: 20px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;

    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;

    border: 2px solid transparent;

    background-clip: padding-box;

    }

    .onoffswitch-inner:before {

	font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;

	letter-spacing:-1px; font-weight:300;

	font-size:22px;

	font-weight:300;

	content: "ON";

    padding-left: 12px;

    background-color: #FFCC01; color: #333333;

	border-radius:5px;

	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to  bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);

    }

    .onoffswitch-inner:after {

	font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;

	letter-spacing:-1px; font-weight:300;

	font-size:22px;

	font-weight:300;

    content: "OFF";

    padding-right: 14px;

    background-color: #333333; color: #ffffff;

    text-align: right;

	border-radius:5px;

	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to  bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);

    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {

    margin-left: 0;

    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {

    right: 0px;

    }

	.switchlabel {

		font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;

		letter-spacing:-1px; font-weight:300;

		font-size:22px;

		font-weight:300;

		float:left; 

		width:180px;

	}