html, body {
background: -moz-linear-gradient(top,  rgba(221,250,206,0.46) 88%, rgba(198,236,179,0.46) 91%, rgba(127,193,99,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(88%,rgba(221,250,206,0.46)), color-stop(91%,rgba(198,236,179,0.46)), color-stop(100%,rgba(127,193,99,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(221,250,206,0.46) 88%,rgba(198,236,179,0.46) 91%,rgba(127,193,99,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(221,250,206,0.46) 88%,rgba(198,236,179,0.46) 91%,rgba(127,193,99,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(221,250,206,0.46) 88%,rgba(198,236,179,0.46) 91%,rgba(127,193,99,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(221,250,206,0.46) 88%,rgba(198,236,179,0.46) 91%,rgba(127,193,99,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75ddface', endColorstr='#7fc163',GradientType=0 ); /* IE6-9 */
background: -moz-linear-gradient(top,  rgba(242,242,0,0.26) 28%, rgba(210,202,0,0.86) 61%,  rgba(238,184,101,1) 100%); /* FF3.6+ */
background: radial-gradient(#fecc00 40%,#fe0019);*/
background-image: url(kisspng-new-york-city-poster.png);   /* Adresse des Hintergrundbildes */
 
background: radial-gradient(#fecc00 40%,#fe0019);
 
background: url(kisspng-new-york-city-poster_handy.png), radial-gradient(#fecc00 40%,#fe0019) ;

/*background-size: 350px auto;*/
border:0px solid red;
padding:0px;
background-attachment: fixed;    /* Hintergrundbild fixieren */
 background-position: bottom center;
 background-repeat: no-repeat;   /* Hintergrundbild ohne Wiederholung */
 background-attachment: fixed;
 

/*linear-gradient(#fecc00 40%,#fe0019);*/
/*
  min-height: 100%;
  height:auto !important;
  height:100%;
  min-width: 100%;
  width:auto !important;
  width:100%;*/
} 

		.gd_pic{
		  display: block;
		  margin-left: auto;
		  margin-right: auto;
		  /*width: 50%;*/
		  height:auto;
		  width:220px;
		  margin-top:20px;
		}
				
		legend {
		color: #DCD658;
		font-size:1.8em;
		line-height:1em;
		text-shadow: 1px 1px 0px rgba(160,0,0,1);
		/*text-align:center;*/
		}
		h2{
		color: darkred;
		font-size:1.4em;
		line-height:1em;
		
		/*text-align:center;*/
		}
		.checkbox_label{
			color: darkred;
			font-size:0.7em;
			line-height:2em;
			margin-left:-1px;
			
		}
		[data-role=content]{
				margin-top:-20px;
		
		/*text-align:center;*/
		}
		#login_button{
		color: darkred;
		font-size:1.0em;
		line-height:1em;
		
		/*text-align:center;*/
		}

		#passw_vergessen{
			text-decoration:none;
			font-size 0.8em;
			line-height:1em;
			color:darkred;
			margin-top:20px;
			text-shadow: 0px 0px 0px #000;
		}
		.error_login{
			text-decoration:none;
			font-size 0.7em;
			line-height:1em;
			color:Red;
			text-align: left;
		}
		
		
		input[type='submit'], input[type='button'], input[type='reset'], input[type='text'], input[type='password']{
		  background-color: #ff8f20;
		  border: none;
		  color: white;
		  /*padding: 16px 32px;*/
		  text-decoration: none;
		  margin: 2px 2px;
		  cursor: pointer;
		}
	  .styled {
    border: 0;
    /*line-height: 1.5;
    padding: 0 20px;*/
    /*font-size: 1rem;*/
    
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: rgba(220, 0, 0, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
      
	}

	.styled:hover {
	    background-color: rgba(255, 0, 0, 1);
	}

	.styled:active {
	    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
	                inset 2px 2px 3px rgba(0, 0, 0, .6);
	}
  .input_styled{
    border: 0;
    line-height: 2.0;
    padding: 0px 20px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: rgba(220, 0, 0, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
      
	}

	.input_styled:hover, a {
	    background-color: rgba(255, 0, 0, 1);
	}

	.input_styled:focus, a{
	    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
	                inset 2px 2px 3px rgba(0, 0, 0, .6);
	                background-color: rgba(255, 211, 168, 1);
	                color: rgba(128, 0, 128, 1);
									color: white;
									
	}
   
.main-container {
	margin-top: 20px;
}

.registration-form {
	max-width: 450px;
	margin: 0 auto;
}

.small-container-500 {
	max-width: 500px;
  	padding: 15px;
  	margin: 0 auto;
}

.small-container-330 {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.small-container .small-container-heading,
.small-container .checkbox {
  margin-bottom: 10px;
}
.small-container .checkbox {
  font-weight: normal;
}
.checkbox {
	margin-top:8px;
	font-family: 'Leckerli One', cursive;
font-weight: normal;
font-size:1.0em;
line-height:1em;
color:darkred;
}
.checkbox label {
	margin-left: 22px;
}

.checkbox input{
font-family: 'Leckerli One', cursive;
font-weight: normal;
font-size:1.0em;
line-height:1em;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
text-align:left;
display: block;
margin-left: -15px;
margin-top:1px;
margin-right: auto;
/*width: 50%;*/
height:10px;
width:1px;

}
.small-container .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.small-container .form-control:focus {
  z-index: 2;
}

/* Signin 
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}*/
.login td {
    padding-right: 2px;
    padding-left: 2px;
}

.login {
	color: #fff;
}