/* Skatsoftware settings */
html {max-width: 64em; margin-left: auto; margin-right: auto; overflow-y: scroll;}
body {position: relative; max-width: 64em; margin-left: auto; margin-right: auto; margin-top: 0;}
td,th         { border: 1px solid silver; padding: 0.1em 0.5em; border-radius: 0.1em; }
table         {display: table; table-layout: fixed; width: 100%; border-collapse: collapse; border-bottom-width: 1px; border-bottom-style: double;}
.box { position: relative; width: 100%; background: white;}	
	
	
.buttons{
	
   border-radius: 0.5em;
  padding: 0.2em;
}		
	
.master-buttons{
    border-radius: 0.5em;
  padding: 0.2em;
  	
}

.master-buttons label {
border: 2px outset;
    border-top-color: currentcolor;
    border-left-color: currentcolor;
background-color: #f0f0f0;
border-radius: 0.5em;
padding: 0.2em;
border-top-color: #d7d6d2;
border-left-color: #d7d6d2;
font-family: arial;
font-size: small;
}

.master-buttons input[type="checkbox"]{
   visibility:hidden;
 }  


.navi-buttons{ 
  border-radius: 0.5em;
  padding: 0.5em; 
}		

.toggle-buttons{ 
  border-radius: 0.5em;
  padding: 0.5em;
}	

.toggle-buttons hover{
  border: 1px solid #333;
  border-radius: 0.5em;
  padding: 0.5em;
}

.toggle-buttons label {
  border: 1px solid #333;
  border-radius: 0.5em;
  padding: 0.5em;
}
.toggle-buttons input:checked + label {
  background: #ebf5d7;
  color: #5a9900;
  box-shadow: none;
}
.toggle-buttons input[type="radio"]{
   visibility:hidden;
}
.toggle-buttons input[type="checkbox"]{
   visibility:hidden;
}
.toggle-slider input[type="checkbox"]{
   visibility:hidden;
}
.toggle .slider {
	/* Grundfläche */
	
	position: absolute;
	cursor: pointer;	
	width: 3.5em;
	height: 1.3em;
	background-color: #959291;
	/* red */
	
	transition: all .3s ease-in-out;
	border-radius: 1em;
}

.toggle .slider:before {
	/* verschiebbarer Button */
	
	position: absolute;
	content: "";
	height: 1em;
	width: 1em;
	left: 0.2em;
	top: 0.15em;
	background-color: white;
	border-radius: 50%;
	transition: all .3s ease-in-out;
}

.toggle input:checked + .slider {
	background-color: #c8cac6;
	/* green */
}

.toggle input:focus + .slider {
	background-color: pink;
	box-shadow: 0 0 1px #5a9900;
}

.toggle input:checked + .slider:before {
	-webkit-transform: translateX(1.9em);
	/* Android 4 */
	
	-ms-transform: translateX(1.9em);
	/* IE9 */
	
	transform: translateX(1.9em);
}

.text .slider:after {
	/* Text vor dem FlipFlop-Schalter */
	
	position: absolute;
	content: "Nein";
	color: #3b4048;
	font-weight: bold;
	left: 3.7em;
	
}

.text input:checked + .slider:after {
	/* Text hinter dem FlipFlop-Schalter */
	
	position: absolute;
	content: "Ja";
	color: #3b4048;
	left: -1.5em;
}
</style>