<!--
input.rounded {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
    color: #000000;
	border: 1px solid #c0c0c0;
    padding: 10px 10px;
    outline: 0;
    -webkit-appearance: none;
}

input.rounded:focus {
    border-color: #5d5d5d;
	border: 1px solid #5d5d5d;
    background: #ffffff;
}

input.rounded:focus:hover {
	border: 1px solid #5d5d5d;
    background: #ffffff;
}

input.roundedklein {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
    color: #000000;
	border: 1px solid #c0c0c0;
    padding: 10px 10px;
    outline: 0;
    -webkit-appearance: none;
}

input.roundedklein:focus {
    border-color: #5d5d5d;
	border: 1px solid #5d5d5d;
    background: #ffffff;
}

input.roundedklein:focus:hover {
	border: 1px solid #5d5d5d;
    background: #ffffff;
}
input.roundedklein2 {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
    color: #000000;
	border: 1px solid #c0c0c0;
    padding: 10px 10px;
    outline: 0;
    -webkit-appearance: none;
}

input.roundedklein2:focus {
    border-color: #5d5d5d;
	border: 1px solid #5d5d5d;
    background: #ffffff;
}

input.roundedklein2:focus:hover {
	border: 1px solid #5d5d5d;
    background: #ffffff;
}


textarea.rounded {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
    color: #000000;
	border: 1px solid #c0c0c0;
    padding: 10px 10px;
    outline: 0;
    -webkit-appearance: none;
}

textarea.rounded:focus {
    border-color: #5d5d5d;
	border: 1px solid #5d5d5d;
    background: #ffffff;
}

select.rounded {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
    color: #999999;
	border: 1px solid #c0c0c0;
    padding: 10px 10px;
    outline: 0;
    -webkit-appearance: none;
}

select.rounded:focus {
    border-color: #5d5d5d;
	border: 1px solid #5d5d5d;
    background: #ffffff;
}

select.roundedklein {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
    color: #999999;
	border: 1px solid #c0c0c0;
    padding: 10px 10px;
    outline: 0;
    -webkit-appearance: none;
}

select.roundedklein :focus {
    border-color: #5d5d5d;
	border: 1px solid #5d5d5d;
    background: #ffffff;
}

select.roundedklein2 {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
    color: #000000;
	border: 1px solid #c0c0c0;
    padding: 10px 10px;
    outline: 0;
    -webkit-appearance: none;
}

select.roundedklein2 :focus {
    border-color: #5d5d5d;
	border: 1px solid #5d5d5d;
    background: #ffffff;
}

select.rounded1 {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
    color: #000000;
	border: 1px solid #c0c0c0;
    padding: 10px 10px;
    outline: 0;
    -webkit-appearance: none;
}

select.rounded1:focus {
    border-color: #5d5d5d;
	border: 1px solid #5d5d5d;
    background: #ffffff;
}

#submit {
    background-color: #666666;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
    text-decoration: none;
    font-weight: normal;
    padding: 10px 20px 10px 20px;
    cursor: pointer;
    border: none;
    box-shadow: 0px 0px 0px #777;
}


#submit:hover {
    border: none;
    color: #ffffff;
    background: #999999;
    font-weight: normal;
    box-shadow: 0px 0px 0px #777;
}

#submitklein {
    background-color: #666666;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
    text-decoration: none;
    font-weight: normal;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    border: none;
    box-shadow: 0px 0px 0px #777;
}


#submitklein:hover {
    border: none;
    color: #ffffff;
    background: #999999;
    font-weight: normal;
    box-shadow: 0px 0px 0px #777;
}


#submitLMDate {
    background-color: #ffffff;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #000000;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
    text-decoration: none;
    font-weight: normal;
    padding: 5px 0px 5px 0px;
    cursor: pointer;
    border: none;
    box-shadow: 0px 0px 0px #777;
}


#submitLMDate:hover {
    border: none;
    color: #3c93ec;
    background: #ffffff;
    font-weight: normal;
    box-shadow: 0px 0px 0px #777;
}



INPUT:hover {background: #cccccc;}
INPUT:focus {background: #C0C0C0;}
INPUT:focus:hover {background: #C0C0C0;}

textarea:hover {background: #cccccc;}
textarea:focus {background: #C0C0C0;}
textarea:focus:hover {background: #C0C0C0;}


a.knopwebmail{
    background-color: #666666;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius:0px;
    color: #ffffff;
	font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    border: none;
    box-shadow: 0px 0px 0px #777;
    letter-spacing: 1px;
}


a.knopwebmail:hover {
    border: none;
    color: #ffffff;
    background: #999999;
    font-weight: normal;
    box-shadow: 0px 0px 0px #777;
}

input.checking  {
  position: relative;
  margin: 0 auto;
  border-radius: 20px;
  background: #999;
  outline: 0;
  -webkit-appearance: none;
  cursor: pointer;
}

input.checking::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: calc((100% - 4px) / 2);
  height: calc(100% - 4px);
  border-radius: 50%;
  background: #eee;
  transition: all .1s linear;
}

input.checking:checked {
  background: #5b5;
}

input.checking:checked::after {
  transform: translateX(100%);
}

input.checking:nth-child(1) { width: 28px; height: 16px; }
input.checking:nth-child(2) { width: 28px; height: 16px; }
input.checking:nth-child(3) { width: 28px; height: 16px; }
input.checking:nth-child(4) { width: 28px; height: 16px; }
input.checking:nth-child(5) { width: 28px; height: 16px; }


-->