
/* FORMULAR
-----------------------------------------------------------*/

em {
  color: #F05858;
  font: 13px Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  padding: 10px 2px 0 2px;
}
form.Anfrage { 
  color: #313131;
  font: 13px arial,verdana,sans-serif,arial;
  line-height: 1.5em;
  padding: 8px 5px 0 12px;
}
form.Anfrage fieldset { 
  margin: 0; 
  padding: 0; 
  border: #AFAFAF 0px dotted;
  background: #EEE;
} 
form.Anfrage legend { 
  padding: 0; 
  font-weight: bold; 
} 
form.Anfrage label {
  display: inline-block;
  line-height: 1.5em; 
} 
form.Anfrage fieldset ol { 
  margin: 0;
  padding: 0;
}
form.Anfrage label.label1 { 
  width: 225px; 
} 
form.Anfrage label.label3 { 
  display: none;
} 
form.Anfrage fieldset li.line {
  list-style: none;
  padding: 4.5px 5px 4.5px 5px;
  margin: 0; 
  border-bottom: #AFAFAF 1px dotted;
} 
form.Anfrage fieldset li.no_line {
  list-style: none;
  padding: 4.5px 5px 4.5px 5px;
  margin: 0; 
} 

#Name, #Strasse, #Ort, #Telefon, #Mail{
  width: 15em;
}
#Mail2{
  display: none;
}
#Hersteller, #Modell, #Erstzulassung, #Kilometerleistung, #Leistung, #Kraftstoffart, #Preis{
  width: 15em;
  height: 1.35em;
  padding: 2px 4px;
  font: 13px Verdana,Arial,Helvetica,sans-serif;
  border: 1px solid #C5C5C5;
}
#Preisvorstellung{
  width: 8em;
}
#Plz{
  width: 3em;
}
#Name, #Strasse, #Plz, #Preisvorstellung, #Ort, #Telefon, #Mail{
  height: 1.35em;
  padding: 2px 4px;
  font: 13px Verdana,Arial,Helvetica,sans-serif;
  border: 1px solid #C5C5C5;
}
#Mitteilung, #Ausstattung{
  width: 32.6em;
  height: 12.35em;
  padding: 2px 4px;
  font: 13px Verdana,Arial,Helvetica,sans-serif;
  border: 1px solid #C5C5C5;
}
/* checkbox / radio */
form.Anfrage label.label2 { 
  width: 195px;
}
form.Anfrage  .label3 { 
  width: 120px;
  vertical-align: middle;
  padding: 5px 0 0 0;
}
#Kopie:not(old), #OPT1:not(old), #OPT2:not(old), #OPT3:not(old) {
  width: 2em;
  margin: 0;
  padding: 0;
  opacity: 0;
}
#Kopie:not(old) + label {
  display: inline-block;
  width: 10px;
  margin-left: -2.5em;
  padding: 3px 0 0 25px;
  background: url('img/tg_checkbox.gif') no-repeat 0 0;
  line-height: 24px;
}
#Datenschutz:not(old), #OPT1:not(old), #OPT2:not(old), #OPT3:not(old) {
  width: 2em;
  margin: 0 0 0 4px;
  padding: 0;
  opacity: 0;
}
#Datenschutz2:not(old), #OPT1:not(old), #OPT2:not(old), #OPT3:not(old) {
  width: 2em;
  margin: 0;
  padding: 0;
  opacity: 0;
}
#Datenschutz:not(old) + label, #Datenschutz2:not(old) + label {
  display: inline-block;
  width: 10px;
  margin-left: -2.5em;
  padding: 3px 0 0 25px;
  background: url('img/tg_checkbox.gif') no-repeat 0 0;
  line-height: 24px;
}
#OPT1:not(old) + label {
  margin: 0;
  padding: 0 0 0 25px;
}
#OPT2:not(old) + label, #OPT3:not(old) + label {
  margin: 0 0 0 195px;
  padding: 0 0 0 25px;
}
#OPT1:not(old) + label, #OPT2:not(old) + label, #OPT3:not(old) + label {
  width: 10px;
  height: 24px;
  text-align: right;
  line-height: 24px;
  font-size : 0.1px;
  display: inline-block;
  text-align: left;
  background: url('img/tg_radiobutton.gif') no-repeat 0 0;
}
#Kopie:not(old):checked + label {
  background-position : 0 -24px;
}
#Datenschutz:not(old):checked + label{
  background-position : 0 -24px;
}
#Datenschutz2:not(old):checked + label{
  background-position : 0 -24px;
}
#OPT1:not(old):checked + label, #OPT2:not(old):checked + label, #OPT3:not(old):checked + label {
  background-position : 0 -24px;
}
form.Anfrage .kont_links { 
  float: left;
  width: 35px;
} 
form.Anfrage .kont_links2 { 
  float: left;
  width: 35px;
} 
form.Anfrage .kont_rechts { 
  float: left;
  width: 360px;
} 
form.Anfrage .small_text {
  font: 10px arial ,sans-serif,arial;
  margin: 0;
  padding: 3px 0 0 0;
}
.senden{
  position: relative;
  top: -1.4em;
  display: block;
  border: 1px solid #000;
  padding: 5px 2px 5px 4px;
  margin: 45px 0 0 5px;
  left: 0;
  clear: left;
  float: left;
  width: 12em;
  color: #FFF;
  background: #D4D4D4 url('img/tg_menu_black.png') repeat-x; 
}
.senden:hover{
  background: #D4D4D4 url('img/tg_menu_grey.png') repeat-x; 
  border: 1px solid #000;
  color: #FFF;
}
/*--- Neues Kontaktformular, 29.11.2022 ---*/
.contactSuccess {
  color: #19a60e;
  background: #d1fbcd;
  border: 2px solid #19a60e;
  padding: 8px 20px;
}
.contactError {
  color: #b51a00;
  background: #ffd1c9;
  border: 2px solid #b51a00;
  padding: 16px 40px 0 40px;
}
.contactSubjectTd {
  width: 150px; 
  font: 13px arial,verdana,sans-serif,arial;
  line-height: 2.0em;
  border-bottom: 1px dotted grey;
}
.contactInputTd {
  font: 13px arial,verdana,sans-serif,arial;
  line-height: 1.5em;
  padding: 4px;
  border-bottom: 1px dotted grey;
}
.contactField {
  width: 15em;
  height: 2.0em;
  padding: 0 0 0 6px;
  border-radius: 2px;
  border: 1px solid #c5c5c5;
}
.contactTextArea {
  width: 32em;
  height: 12.35em;
  padding: 3px 4px 3px 6px;
  font: 13px Verdana,Arial,Helvetica,sans-serif;
  border: 1px solid #C5C5C5;
}
#captcha_code{
  height: 1.8em;
  margin: 2px 0 0 0;
}
::placeholder {
  color: #c5c5c5;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #c5c5c5;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #c5c5c5;
}
