/* colors
 ------------------------------------------------------------- */
/* black, textcolor */
/* white, background-color */
/* bluegrey bckgrd */
/* darkgrey bckgrd */
/* grey disabled */
/* grey light weeditmode */
/* blue light weeditmode */
/* blue dark weeditmode */
/* grey leight text standard */
/* grey bootstrap */
/* as blue */
/* as grey, btn-default bckgrd */
/* xxx */
/* xxx */
/* orange error */
/* margins / paddings
 ------------------------------------------------------------- */
/* mixins
 ------------------------------------------------------------- */
/* encapsulate the various syntax in helper clases */
/* inspired by http://infrequently.org/2009/08/css-3-progress/ */
/* items flex/expand vertically */
/* items flex/expand horizontally */
/* borders
 ------------------------------------------------------------- */
/* margins / paddings
 ------------------------------------------------------------- */
/* CSS Document */
/* forms
 ----------------------------------------------------- */
#form label.error {
  color: #fff;
  background-color: #ca2216; }

.form-control {
  background-color: #e6e6e6; }
  .form-control:focus {
    background-color: #b8e9ff; }
/* formsteps
 ----------------------------------------------------- */
.form-inline div {
  display: inline-block; }

#formsteps {
  padding: 5px;
  margin: 0px 0px 30px 0px;
  background-color: #f3f3f3;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

#formsteps ul {
  list-style-type: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; }

#formsteps li {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin: 0px 10px 0px 0px;
  padding: 5px 15px 5px 15px;
  background-image: none !important;
  background-color: #9b9b9b;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

#formsteps .stepEnd {
  width: 165px !important;
  float: right !important;
  margin: 0px 0px 0px 0px !important; }

.formContainer {
  width: 100%;
  clear: both;
  margin: 5px 0px 20px 0px;
  padding: 0px 0px 0px 0px; }

#formButtons a {
  color: #fff; }
  #formButtons .pull-left, #formButtons .pull-right {
    width: 40%;
    margin-top: 0px; }

#formButtons a:hover {
  color: #000; }
/* Zusammenfassung */
#form .formTableSum {
  width: 100%; }

#form .formTableSum tr {
  display: block;
  margin: 0px 0px 7px 0px !important;
  padding: 0px 0px 0px 0px !important; }

#form .formTableSum tr:hover {
  background-color: #999;
  color: #fff; }

#form .formTableSum td {
  text-align: left;
  vertical-align: top;
  padding: 3px 3px 3px 3px; }

#form .formTableSum tr:hover td {
  color: #fff; }

#form .formTableSum td.tdLabel {
  padding: 3px 3px 3px 3px;
  font-weight: bold; }

#form .formTableSum .col1 {
  width: 200px; }
/* Formularelemente */
#formButtons {
  margin: 30px 0px 0px 0px; }
/*  captcha  ----------------------------------------------------------------------------- */
#captchaBox {
  color: #6e8193;
  margin: 30px 0px 20px 0px;
  padding: 20px;
  border: 1px solid #00519e;
  background-color: #dbdbdb;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -khtml-border-radius-topleft: 5px;
  /* Konqueror */
  -khtml-border-radius-topright: 5px;
  border-radius: 5px; }

#captchaBox input.error {
  display: inline;
  margin-top: 0px;
  border: 1px solid #ca2216; }

#captchaBox label.error {
  margin-top: 20px; }

#captchaBox #num1 {
  margin-left: 0px; }

#captchaBox #num1, #captchaBox #num2 {
  width: 35px; }

#captchaBox .operator {
  margin: 0px 10px 0px 10px; }

#spambot {
  display: block;
  width: 100%;
  margin: 20px 0px 0px 0px; }