@import url(https://fonts.googleapis.com/css?family=Roboto:100);
@import url(https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css);

body {
	background: url(../images/login-background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
	
  color: white;
  font-family: 'Roboto';
}

.positie h1 {
	color: #1abc9c;
	
}
.positie p {
	color: #a39e9e;
}
.logincontainer {
  background: #ededed;
  margin: 60px auto;
  width: 390px;
  height: 340px;
  position: relative;
  font-family: 'Roboto';
}



.positie {
  padding-top:44px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.positie h1 {
  font-size: 42px;
  padding-bottom: 10px;
}
.positie p {
  font-size: 12px;
  padding-bottom: 10px;
  line-height: 25px;
}
form {
  padding-right: 20px !important;
}
form input[type=text],
form input[type=password],
form input[type=submit] {
  font-family: 'Roboto';
}

form input[type=text],
form input[type=password] {
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  padding-left: 15px;
  background: #fff;
  border: none;
  color: black;
  outline: none;
}


.show {
  display: block;
}
.hide {
  display: none;
}

.button {
    border: none;
    display: block;
    background: rgb(112, 196, 105);
    height: 40px;
    width: 104.5%;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    /*box-shadow: 0px 3px 1px #2075aa;*/
  	-webkit-transition: all 0.15s linear;
	  -moz-transition: all 0.15s linear;
	  transition: all 0.15s linear;
}

.button:hover {
  background: #303030;
  /*box-shadow: 0 3px 1px #237bb2;*/
}

.button:active {
  background: #136899;
  /*box-shadow: 0 3px 1px #0f608c;*/
}


/* =============== ERRORS */
.melding.error { border: 1px solid #ca3838; border-radius: 3px; background-color: #df8989; color: #7b2121; padding: 8px; width: auto; margin-bottom: -35px; }