@font-face {
  font-family: 'Conei';
               src: url("http://www.fluhr.ch/FONTS/Conei.eot");
               src: local("Conei"), 
                    url("http://www.fluhr.ch/FONTS/Conei.woff") format("woff"), 
                    url("http://www.fluhr.ch/FONTS/Conei.ttf") format("truetype");
}/*font-face*/

* {
  box-sizing: border-box;
}

body {
  margin: 10px;
  font-size: medium;
  background-color: #e0ceb8;
}/*body*/

#h1-register {
  text-align: center;
  font-family: Conei;
  font-size: 150%;
  color: #908267;
  letter-spacing: 0.1em;
}/*#h1-register*/

#form-register {
  margin-left: auto;
  margin-right: auto;
  display: table;
  padding: 5px;
  background-color: #e0ceb8;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 70%;
}/*#form-register*/

#fieldset-register { 
  border: 2px solid #908267;
  border-radius: 6px; 
}/*#fieldset-register*/

.row-register {
  display: table-row;
}/*.row-register*/

.cell-register {
  display: table-cell;
  padding: 3px;
  vertical-align: middle;
  border-color: #908267;
}/*cell-register*/

.cell-register:first-child {
  text-align: right;
}/*.cell:first-child*/

#legend-register {
  font-size: 120%;
  font-weight: bold;
}/*#legend-register*/

.error-register {
  color: red;
}/*p.error*/

button#send-register {
  font-family: Verdana, Geneva, Arial, sans-serif;
  background-color: white; 
  color: #38803b; 
  border: 2px solid #38803b;
  text-align: center;
  padding: 5px;
  font-size: 100%;
  transition-duration: 0.5s;
  cursor: pointer;
}/*button#send-register*/

button#send-register:hover {
  background-color: #4bad4f;
  color: white;
  font-weight: bold;
}/*button#send-register:hover*/

button#reset-register {
  font-family: Verdana, Geneva, Arial, sans-serif;
  background-color: white;
  color: red;
  border: 2px solid red;
  border-radius: 15px;
  text-align: center;
  padding-left: 7px; padding-right: 7px; 
  padding-top: 5px; padding-bottom: 5px;
  font-size: 100%;
  transition-duration: 0.5s;
  cursor: pointer;
}/*button#reset-register*/

button#reset-register:hover {
  background-color: orangered;
  color: white;
  font-weight: bold;
}/*button#reset-register:hover*/

