html { 
  height: 100%; 
  color:#646163;
} 

body{
  margin:0;
  padding:0;
  line-height: 1.5em;
  height: 100%;
  font-family: 'Source Sans Pro', arial;
  font-size:15px;
}

a:link,
a:visited {
  color:#646163;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

.contentwrapper

.wrapper {
}

.top {
  padding-top:130px;
}

.box {
  width:400px;
  margin-left: auto;
  margin-right: auto;
  background-color:#e3e9de;
  background-color:rgba(233,231,224,0.9); 
  padding:20px;
  border-radius:20px;

}

.header {
  text-align:center;
  font-weight:bold;
  font-size:15px;
}

.subheader {
  padding-top:20px;
  padding-bottom:20px;
  text-align:center;
}

.row {
  clear: both;
}

.loginimage {
  float:left;
  padding-right:8px;
  padding-top:5px;
  padding-bottom:5px;
}

.logininput {
  float:left;
  padding-bottom:5px;
}

.logininput input {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  border: none;
  font-size:12px;
  border-bottom: solid 1px #c9c9c9;
  transition: border 0.3s;
  width:339px;
  background-color:#f3f3f3;
}

.logininput input:focus,
.logininput input.focus {
  border-bottom: solid 1px #969696;
}

.loginbutton {
  width:393px;
  height:30px;
  color: #4d4e41;
  background-color: #6dcb98;
  border: none;
  margin-top:15px;
}

.loginbutton:hover,
.loginbutton.hover {
  color:#ffffff;
  background-color: #4a4856;
}
.loginbutton:active,
.loginbutton.active {
  color:#ffffff;
  background-color: #4a4856;
}

a.otherbutton,
a.otherbutton:visited {
  width:340px;
  height:26px;
  color: #fff;
  font-size:13px;
  text-align:center;
  padding-top:4px;
  background-color: #585568;
  text-shadow: -1px 1px #417cb8;
  border: none;
  margin-top:7px;
  display:block;
}

a.otherbutton:hover,
a.otherbutton.hover {
  background-color: #4a4856;
  text-shadow: -1px 1px #27496d;
  text-decoration:none;
}

.forgetpassword {
  padding-top:30px;
  padding-bottom:15px;
  text-align:center;
}

.forgetpassword a {
}

.foutmelding {
  padding-top:20px;
  color:#e20612;
}

.close {
  text-align:center;
}

.projectkeuze {
  background-color:#cccccc;
  padding:10px;
  margin-bottom:10px;
}

.projectkeuze a {
  display:block;
}

.projectlogo {
  float:left;
  width:130px;
}

.projectlogo img {
  max-width:100px;
  padding-bottom:10px;
  display:block;
}

.projectnaam {
  float:left;
}

.clear {
  clear:both;
}

.keuzeknop {
  margin-top:5px;
  padding:8px;
  border-radius:5px;
  color: #ffffff;
  background-color: #ffffff;
  border:none;
  cursor:hand;
}

.selected {
  background-color: #6ccb98;
}