body {
	width:100%;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
    background-image: url("https://deutsche-gaming-gruppe.de/images/background.jpg");
    background-color: #222222;
}

#header {
    position: fixed;
	width:100%;
	height:250px;
	background: #97BD18;
	color: white;
    padding-top: 15px;
}

#logo {
    position: fixed;
    width:100%;
}

#content {
    padding-top: 350px;
    color: white;
}

#footer {
    position: fixed;
    bottom: 0;
	width:100%;
    padding: 20px 0px 20px 0px;
	background: #97BD18;
	color: white;
    text-align: center;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #97BD18;
    margin: 1em 0;
    padding: 0; 
}

.textbox {
	width: 350px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px;
  border: 1px solid #b7b7b7;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font: 16px;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(255,255,255,1);
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

.loginbutton {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 150px;
  border: none;
  font: normal 16px/normal Arial, Helvetica, sans-serif;
  color: #000000;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #97BD18;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}