/*
 * kontakt.css - spezielles Cascading-Style-Sheet fuer die renux-Kontaktseite
 *
 */

.ie6 #column2 {
/* warum auch immer: der IE6 braucht das, wenn #kontaktforn eine Breite hat. */
  width:            364px;
  height:           700px;
}

#ausfuellen {
  margin-top:       2em;
}

#formContainer {
  position:         relative;
}

#kontaktform {
  position:         absolute;
  top:              0; 
  width:            315px; 
}

#kontaktform label {
  display:          inline-block;
  width:            105px;
  float:            left; /* Der FF < 3.x kennt inline-block nicht. siehe auch .fl_right */
  line-height:      130%;
}

#kontaktform label.dotted {
  background-image:   url(/img/pool/layout/dots.gif);
  background-repeat:  repeat-x;
  background-position:left bottom;
  line-height:        inherit;
}
.ie7 #kontaktform label.dotted {
 /*   padding-bottom:   5px;*/
 line-height:         2em;  /* sonst läuft beim IE7 die Linie bei *-Text durchs Bild */
}

#kontaktform input,
#kontaktform textarea {
  line-height:      1.5;
  padding:          2px;
  color:            #616161;
  font-family:      Verdana, Arial, Helvetica, sans-serif;
  font-size:        100%;
  margin-bottom:    10px;
}
#kontaktform .text {
  vertical-align:   baseline;
}
#kontaktform input.text,
#kontaktform textarea.text {
  width:            200px;
}

#kontaktform p.submit {
  text-align:       center;
}

#kontaktform .button,
#kontaktform .text {
  border:           1px solid #666;
}
#kontaktform .button {
  color:            #585858;
  background-color: #DCDCDC;
  cursor:           pointer;
  margin:           2px auto;
  text-decoration:  none;
  width:            140px;
}
#kontaktform .button:hover {
  background-color: #585858;
  color:            #DCDCDC;
}

#kontaktform fieldset {
/*   background-color: red; */
}
#kontaktform input.radio {
  background-color: transparent;
}
#radios {
}
#radios label {
  float:            left;
}
#radios fieldset {
  width:            210px;
  line-height:      1.0;
  margin-bottom:    1.5em;
}
#radios input {
  margin-bottom:    5px;
  vertical-align:   top;
}

#kontaktform #PLZ {
  width:            46px; /* -4px padding, aber nur einmal! Und - 10px margin */
  margin-right:     10px;
}
#kontaktform #Ort {
  width:            138px; /* hier - 2x Rahmen (je 1px ) */
}

#kontaktform .inputError {
  border:           2px solid red;
}

#kontaktform .fl_right {
  float:            right;
}

#kontaktform .fl_left {
  float:            left;
}

#kontaktform p {
  clear:            both;
  margin:           0;
  padding:          0;
}
#kontaktform p.small,
#kontaktform p.sumbit {
  padding:          1em 0;
}

#upps {
  border:           2px solid red;
  color:            red;
  padding:          10px 5px 0 5px;
  margin-bottom:    1em;
  margin-top:       2em;
}
#uppsHead,
#okHead {
  font-size:        120%;
  font-weight:      bold;
}

.clear {
  clear:            both;
}

/* Da der Footer sonst in das Formular läuft, wird er hier ausgeschaltet */

#footer {
  display:          none;
}