/*
#e76ee7 magenta Elaine
#48e15d grün Schwertmeister Carla
#fdfdfd dreckweiss Guy
*/

@font-face {
  font-family: "Munro";
  font-style: normal;
  font-weight: 400;
  src: local("Munro"), local("Munro"), url("Munro.woff") format("woff");
}
@font-face {
  font-family: "Onesize";
  font-style: normal;
  font-weight: 400;
  src: local("Onesize"), local("Onesize"), url("ONESIZE_.ttf") format("truetype");
}
@font-face {
  font-family: "Onesize Reverse";
  font-style: normal;
  font-weight: 400;
  src: local("Onesize Reverse"), local("Onesize Reverse"), url("ONESR__.ttf") format("truetype");
}

html {
 /*   height: 101%; */
}

body{
	font-family: "Munro", Arial, Helvetica, sans-serif;
  font-size: 1.3em; 
	color: #fff;
	background-color: #000;
  text-align: center;
	
}
#wrapper {
  text-align: left;
  margin: 0 auto;
  padding: 2px 8px;
}

a {
  text-decoration: none;
  color: #e76ee7;
}

a:hover, a:focus {
  text-decoration: none;
  color: #fff;
}

h1 {
    font-size: 1.6em;
		color: #e76ee7;
}

p{
	color:#fff;
}

.warn{
  font-size: 1.2em;
	color:red;
  font-weight: bold;
}

.carla{
  color: #48e15d;
}
.guy{
  color: #fdfdfd;
}
.klein{
  font-size: 1em;
	color:#fff;
}

.center{
	text-align: center;
}

/*#container {
  border: 2px solid red;
  float: left;
  position: relative;
  left: 50%;
}
#centered {
  border: 2px solid green;
  float: left;
  position: relative;
  left: -50%;
  padding:20px;
}*/

/*, input[type="submit"]*/
input[type="text"], input[type="password"]  {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #4f4f4f;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
input[type="text"], input[type="password"] {
    font-size: 0.8em;
    height: 20px;
    line-height: 18px;
    padding: 4px;
}
input[type="radio"] {
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5x;*/
   -moz-appearance: none;
   -webkit-appearance: none;
   background-color: #fff;
   width: 15px;
   height: 15px;
   border-radius: 10px;
   border: 3px solid white;
}
input[type="radio"]:hover {
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5x;*/
     border: 3px solid #e76ee7;
     transform: scale(1.2);
}
input[type="radio"]:checked {
  background-color: #e76ee7;
  transform: scale(1.2);
}
input[type="radio"]:focus {
     -moz-appearance: none;
   -webkit-appearance: none;
  background-color: #e76ee7;
  transform: scale(1.2);
    outline-width: 0;
  outline-style: none;
  outline-color: none;
  border: none;
}

input[type="submit"] {
    background-color: #3d3d3d;
    border: 1px solid #3d3d3d;
    -moz-user-select: none;
    font-family: "Munro", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    padding: 0.1em 0.3em;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}
input[type="submit"]:hover {
    background-color: #e76ee7;
    color: #2e2e2e;
}
fieldset {
 /*    margin: 1em;
    padding: 1em;
   width: 23em;*/
    border: none;
}

img {
    /*display: block;*/
    margin-left: auto;
    margin-right: auto }