@CHARSET "ISO-8859-1";
   /* **************************************************************************
   * ... Cascading Style Sheets
   * ... Formatierungen für das SEAT.DE Redesign 2009
   * ... filename ...... : formular.css
   * ... created ....... : 2010-02-04 11:36 ym
   * ... revision ...... : 2010-07-06 15:45 ym
   ***************************************************************************/
#kontaktform {
  width: 752px; 
  padding:0px 10px 10px 38px; 
  text-align: left; 
  font-size: 12px; 
  line-height: 14px; 
  background-color:#313031;
}

#kontaktform div.column div.zeilemitspalten,
#kontaktform div.zeilemitspalten {
  height: 55px;
  .height: 52px;
}

#kontaktform div.column div.zeile,
#kontaktform div.zeile {
  height: 48px;
  .height: 52px;
}

#kontaktform div.column { 
  float: left;
  width: 240px;
}


#kontaktform div.column .fehlerRahmen {
  float: left;
  .padding: 0 0 1px 0;
  .position: relative; /* IE 7 fix */
  .top: 1px;
  _padding: 0 0 1px 0;
  _position: relative; /* IE 6 fix */
  _top: 1px;
}


#kontaktform div.inner {
  padding: 0 3px 0 14px;
}

#kontaktform h3 {
  font-family: Arial, Helvetica, Sans Serif;
  font-size: 12px;
  font-weight: bold; 
  color: #fff;
  margin: 12px 0;
  .margin: 5px 0;
  _margin: 5px 0;
}

#kontaktform p {
  /* removed was clear: both; */
  /*width: 100%;*/
  font-family: Arial, Helvetica, Sans Serif; 
  font-size: 12px; color: #fff; 
  .margin: 0 0 5px; /* margin:7px 0 5px; */
  _margin: 0 0 5px;
}

#person {
  float: left; 
  margin: 0 0 20px 0;
}
#person .csFormTitel {
  font-family: Arial, Helvetica, Sans Serif;
  font-size: 12px;
  font-weight: bold; 
  color: #fff; margin: 5px 0;
}
#person div.column { 
  float: left;
  width: 240px;
}
#person div.column div.zeilemitspalten div.spalte {
  float: left;
}
#person div.column p {
  font-family: Arial, Helvetica, Sans Serif; 
  font-size: 12px; color: #fff; 
  margin:7px 0 5px;
}
#person div.column div.zeile p.left{
  float:left;
}
#person div.column input.voll {
  width: 209px;
  height: 14px; /* height: 16px; */
  background: url(../imgs/input_voll.gif) no-repeat; 
  padding: 3px 8px;
}

#person div.column input.tel {
  width: 102px; 
  height: 15px; 
  background: url(../imgs/input_tel.gif) no-repeat; 
  padding: 3px 8px;
}

#person div.column input.ort {
  width:145px; /* was width: 139px; */ 
  height: 16px;
  background: url(../imgs/input_ort_179.gif) no-repeat; /* was background: url(../imgs/input_ort.gif) no-repeat; */ 
  padding: 3px 8px; 
  margin:0 0 0 14px; /* was margin: 0 0 0 20px; */
}

#person div.column input.plz {
  width: 32px; 
  height: 16px; 
  background: url(../imgs/input_plz.gif) no-repeat;
  padding: 3px 8px;
}

#person div.column select.error {
  border:1px solid #cc0000;
}

#person div.column select {
  border: 1px solid #333;
  font-size: 12px;
  .position: relative; /* IE 7 fix */
  .top: 1px;
  _position: relative; /* IE 6 fix */
  _top: 1px;
}
#person div.column select option {
  background-color: #ffffff;
}
#person div.column select.tel {
  width: 100px; 
  height: 24px;  
  background: url(../imgs/input_voll.gif) no-repeat; 
  padding: 3px 3px 3px 8px; 
  margin: 0 0 0 4px;
  .position: relative; /* IE 7 fix */
  .top: 2px;
  _position: relative; /* IE 6 fix */
  _top: -1px;
}
#person div.column select.voll {
  width: 228px; 
  height: auto; /* height: 24px; */ 
  background: url(../imgs/input_voll.gif) no-repeat; 
  padding: 3px 3px 3px 8px;
}

#person div.column select.halb {
  width: 115px; 
  height: auto; /* height: 24px; */ 
  background: url(../imgs/input_voll.gif) no-repeat; 
  padding: 3px 3px 3px 8px;
}
#person div.column select.datum {
  width: 71px; 
  height: 24px; 
  background: url(../imgs/input_voll.gif) no-repeat; 
  padding: 3px 3px 3px 8px;
  .position: relative;
  .top: 2px;
}
#person div.column select.notfirst {
  margin-left: 7px;
}
#person div.inner {
  padding: 0 3px 0 14px;
}

#fahrzeug {
  float: left;
  margin: 0 0 20px 0; 
  padding: 0 0 0 14px; 
  border-left: 1px solid #555;
}

#fahrzeug .csFahreSeat {
  margin: 0 0 20px 0;
  _margin: 0 0 4px 0;
  .margin: 0 0 8px 0;
}

#fahrzeug .csFormTitel {
  font-family: Arial, Helvetica, Sans Serif;
  font-size: 12px;
  font-weight: bold; 
  color: #fff; 
  margin:5px 0;
  
}
#fahrzeug .csAllgemeinTitel {
  font-family: Arial, Helvetica, Sans Serif;
  font-size: 12px;
  font-weight: bold; 
  color: #fff; 
  margin:5px 0 32px; /* was margin:5px 0 33px; */
  .margin:5px 0 29px;
  _margin:5px 0 29px;
}

#fahrzeug div.column { 
  float: left;
  width: 240px;
}
#fahrzeug div.column p {
  font-family: Arial, Helvetica, Sans Serif; 
  font-size: 12px; color: #fff; 
  margin:7px 0 5px;
}

#fahrzeug div.column label.radio{
  color:#ffffff;
  margin:0 23px 0 6px;
}
#fahrzeug div.column input.radio{
  margin:0 7px 0 0;
}
#fahrzeug div.column input.voll {
  width: 209px;
  height: 16px;
  background: url(../imgs/input_voll.gif) no-repeat; 
  padding: 3px 8px;
}

#fahrzeug div.column select.voll {
  width: 228px; 
  height: 24px; 
  background: url(../imgs/input_voll.gif) no-repeat; 
  padding: 3px 3px 3px 8px;
}

#kontaktform input {
  border: 1px solid #333; 
  font-size: 12px;
}

#kontaktform input.voll {
  width: 209px;
  height: 16px;
  background: url(../imgs/input_voll.gif) no-repeat; 
  padding: 3px 8px;
}

#kontaktform input.tel {
  width: 102px; 
  height: 15px; 
  background: url(../imgs/input_tel.gif) no-repeat; 
  padding: 3px 8px;
}

#kontaktform input.ort {
  width: 139px; 
  height: 16px; 
  background: url(../imgs/input_ort.gif) no-repeat; 
  padding: 3px 8px; 
  margin: 0 0 0 20px;
}

#kontaktform input.plz {
  width: 32px; 
  height: 16px; 
  background: url(../imgs/input_plz.gif) no-repeat;
  padding: 3px 8px;
}

#kontaktform select {
  border: 1px solid #333;
  font-size: 12px;
}
#kontaktform select.voll {
  width: 228px; 
  height: 24px; 
  background: url(../imgs/input_voll.gif) no-repeat; 
  padding: 3px 3px 3px 8px;
}

#kontaktform select.voll option {
  background-color: #ffffff;
}
#kontaktform select.datum {
  width: 71px; 
  height: 24px; 
  background: url(../imgs/input_voll.gif) no-repeat; 
  padding: 3px 3px 3px 8px; 
}
#kontaktform select.notfirst {
  margin-left: 7px;
}
#kontaktform select.tel {
  width: 100px; 
  height: 24px; 
  background: url(../imgs/input_voll.gif) no-repeat; 
  padding: 3px 3px 3px 8px; 
  margin: 0 0 0 4px;
}

#kontaktform textarea {
  border: none; 
  font-size: 12px;
}
#kontaktform textarea.voll {
  width: 705px; /* was width: 723px; */
  height: 82px; 
  background: url(../imgs/textarea_voll.gif) no-repeat; 
  padding: 3px 8px; 
  margin: 0 0 20px 0; /* margin-bottom: 20px; */
}
#kontaktform input.check {
  float: left;
  height: 16px;
  width: 16px; 
/*  padding: 3px;*/ 
  margin: 0px 10px 0 0; /*margin: 2px 10px 0 0;*/
  _margin: 2px 10px 0 0;
  .margin: 2px 10px 0 0;

}
#kontaktform input.reset {
  float: left;
  font-weight:bolder;
  color: #999999;
  background: transparent;
  text-align: left;
  padding: 0 5px 0 0;
  margin: 0;
}
#kontaktform input.submit {
  float: right;
  font-weight:bolder;
  color: #CC0000; /* added */
  background: transparent;
}

#kontaktform .csNachricht {
}

#kontaktform .csNachricht .zeile {
  padding: 0 0 4px 0;
}

#kontaktform .csNachricht p {
  color:#FFFFFF;
  font-family:Arial,Helvetica,Sans Serif;
  font-size:12px;
  margin:5px 0 5px;
  .margin:7px 0 5px;
  _margin:7px 0 5px;
}
#abschlussbed label {
  /*float: left;*/
  color: #999999; /* was color: #555555; */
  vertical-align: middle; /* vertical-align: top; */
}

#abschlussbed p, #abschlussbed a {
  color: #999999; /* was color: #555; */
}

#abschlussbed .links {
  float:left;
}

#abschlussbed div.csTrennlinie {
  width:100%;
  border-top:1px solid #555555;
  margin:15px 0 5px 0;
  padding:0;
}

#abschlussbed div.csFormTitel {
  font-family: Arial, Helvetica, Sans Serif;
  font-size: 12px;
  font-weight: bold; 
  color: #fff; margin: 5px 0;
  margin:16px 0 7px;
}
#abschlussbed .agb {
  font-size: 10px;
  margin: 2px 10px 5px 27px; 
  display: block;
}
#abschlussbed .altwege {
  clear: both;
  font-size: 12px; 
  margin-left: 27px; 
  display: block;
  width:100%;
}

#abschlussbed input.notfirst {
  margin-left: 10px;
}

#kontaktform .error {
  border: solid 1px #cc0000; color: #cc0000;
}

#kontaktform .errorText {
  color: #cc0000;
}

/* #texterror           {display: none;} /**/
#texterror p {
  color: #c00; 
  font-size: 14px; 
  font-weight: bold;
}

/* Neue Klassen 09.02.2010/sh */
.csModellAuswahl {
  font-size: 12px;
}

.csModellAuswahl label {
  color: #999999; /* was color: #555555; */
  .float: left;
  _float: left;
  vertical-align: middle; /* vertical-align: top; */
}

label.dfzusatz {
  margin: 2px 5px 0 0;
  .margin: 0 5px 0 0;
  _margin: 0 5px 0 0;
  color: #999999; /* was color: #555555; */
  vertical-align: middle; /* vertical-align: top; */
}

.csModellAuswahl label.csNewsletter {
  color: #ffffff; /* was color: #555555; */
  /*vertical-align:top;*/
  vertical-align:middle;
  position: relative;
  /* top: 2px; */
  .position: relative; /* IE 7 */
  .top: 2px;
  _position: relative; /* IE 6 */
  _top: 2px;
}
.csModellAuswahl h2 {
  color: #ffffff;
}

.csModellAuswahl .csFormularElement {
  clear: none;
  float: none;
  margin: 3px 0 0 0;
}

.csModellAuswahl .csFormularElement span.probeModell1 {
  float: left;
  border-style: none;
  float: left;
  margin: 0 12px 0 0;
  overflow: hidden;
  position: relative;
  padding: 0;
  top: -2px;
  .top: -3px;
}

.csModellAuswahl .csFormularElement span.probeModell1Error {
  float: left;
  border-style: none;
  float: left;
  margin: 0 8px 0 0;
  overflow: hidden;
  position: relative;
  padding: 0;
  top: -2px;
}


.csModellAuswahl .csFormularElement #probeModell1 {
  font-size:12px;
}

.csModellAuswahl .csFormularElement span.probeModell2 {
  float: left;
  margin: 0 27px -2px 0;
  overflow: hidden;
  position: relative;
  padding: 0;
  top: -2px;
}

.csModellAuswahl .csFormularElement #probeModell2 {
  /* float: left;*/
  /*  border:1px solid #333333;*/
  font-size:12px;
}

.csModellAuswahl .csFormularElement span.probeModell3 {
  float: left;
  margin: 0;
  overflow: hidden;
  position: relative;
  padding: 0;
  top: -2px;
}

.csModellAuswahl .csFormularElement select.Error {
  color:#cc0000;
}

.csModellAuswahl .csFormularElement select.vollModell {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(../imgs/input_voll.gif) no-repeat scroll 0 0;
  height: auto; /* was height:24px;*/
  padding:3px 3px 2px 8px; /* was padding:3px 3px 3px 8px; */
  width:228px;
}

.csModellAuswahl .csFormularElement select.vollModell option {
  background-color: #ffffff;
}

.csModellAuswahl input.check {
  clear: both;
  float: left;
  width: auto;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
}
.csModellAuswahl .altwege input.check {
  clear: none;
  float: none;
}


.csModellAuswahl div.csCheckboxText {
  margin: 0;
  padding: 0 0 3px 33px; 
  _padding: 0 0 3px 33px;
  .padding: 0 0 3px 25px;
  text-indent: 0;
}
/*
.csModellAuswahl label .csKlein {
  font-size: 10px;
}*/