@import url("forms.css");

/* =========================== Contact-Styles =============================== */

#pageContent {
  padding: 0 2.5em 1em;
}

h1 { color: #78a; }
h2 { font-size: 1.2em; padding: 0 0 .5em; }
h3 { font-size: 1.1em; padding: .7em 0 .3em;  }
h4 { font-size: .85em; padding: 0 0 .3em; }

h3 em { font-size: .85em; font-style: normal; padding-left: .5em; }

hr { clear: both; margin: 1em .5em 1em 0; }
strong.star { color: #f00; }

#bookingForm {
  border-right: 80px solid #78a;
  padding: 0 1em 1em;
  text-align: left;
}
#smallNote {
  text-align: right;
  margin-right: 2em;
}
div.entryField {
/*
  border: 1px solid #000;
*/
  width: 48%; height: 3em;
  float: left;
  text-align: left;
  padding: 0 .5em .8em 0;
}
div.wideField { width: 97%; }
div.entryField input, div.entryField select { width: 90%; }

div.actFields {
  width: 48%;
  float: left;
  text-align: left;
  padding: 0 .5em .8em 0;
}
div.actFields input { margin: .3em 0; vertical-align: middle; }

#gender { height: 2em; } #gender select { width: 7em; }
#plz { width: 11%; margin-right: .5em; }
#city { width: 34%; } #city input { width: 86%; }
#dayOfBooking { width: 3.5em; }
#monthOfBooking { width: 7.5em; }
#yearOfBooking { width: 4.5em; }
#termsAndConditions { width: 1em; }

#message { height: 13em; }
#message textarea {
  width: 60%;
  height: 95%;
  float: left;
  margin-right: .5em;
}
#captchaImg { float: left; margin: 1em 2em; }
#captcha { width: 30%; }

#lastNote { display: block; padding: 0 .5em .5em 0; }

#submitButton {
  text-align: center;
  margin-top: 1em;
}