/* NewForm CSS für neu erstelltes Formular */

.Formdiv {
	width: 600px;
	margin: auto;
	background: url(bg.png);
}

.Titeldiv {
	height: 50px;
}

.Titel {
	color: #838489;
    font-weight: bold;
    padding: 20px 0 5px 15px;
    font-size: 14px;
}

.Schliessen a {
	display: block;
    float: right;
    height: 22px;
    width :23px;
    background: url(btn_close_off.gif);
	margin: -31px 10px 0 0;
}
.Schliessen a:hover {
	background: url(btn_close_on.gif);
}
.Schliessen2 a {
	display: block;
    float: right;
    height: 22px;
    width :23px;
    background: url(btn_close_off.gif);
	margin: 8px 8px 0 0;
}
.Schliessen2 a:hover {
	background: url(btn_close_on.gif);
}

.Hauptdiv {
	/*background: url(bg.png);*/
	padding: 10px;
	max-height: 1300px;
	/*height: 1300px; *//* --- Wenn Form fertig, wieder entfernen --- */
}

.Seitendiv {
	/*background: url(bg_form.png);*/ /* Optional: Fade BG integrieren */
	/*z-index: 10;*/
}

.Footerdiv {
	margin: 20px;
	font-size: 10px;
	margin-top: 31px;
}

#Seite1_Auswahl {
	color: #FFFFFF;
}

.Left {
	color: #FFFFFF;
	width: 400px;
	/*height: 800px; *//* Raus, wenn fertig */
	float: left;
}
.Input_Titel {
	font-weight: bold;
	margin: 5px 0 5px 5px;
}
.Input_Titel3 {
	font-weight: bold;
	margin: 31px 0 5px 5px;
}

.InputFeld {
	height: 100px;
	width: 235px;
	float: left;
}
.Bild {
	width: 160px;
	height: 100px;
	float: right;
}
.Zubehoer {
	margin: 5px 0 0 0;
	color: #FFFFFF;
}
.Zubehoer #first-ul {
	list-style: none;
	margin: 20px 0 25px -44px;
}
.WI_Titel {
	font-weight: bold;
	margin: 20px 0 0 5px;
}
.WI_Titel2 {
	font-weight: bold;
	margin: 20px 0 0 5px;
}
.WeitereInfos #second-ul {
	list-style: none;
	margin: 5px 0 25px -44px;
}
#TextArea {
	width: 310px;
	height: 100px;
	/*background-color: #00FFFF;*/
}
.TextArea1 #third-ul {
	list-style: none;
	margin: 5px 0 25px -40px;
}
#fourth-ul {
	list-style: none;
	margin: 5px 0 25px -40px;
}
#fourth-ul li {
	margin: 5px 0 5px 0;
}
#Akt-ul {
	list-style: none;
	margin: -5px 0 25px -40px;
}
#Akt-ul li {
	margin: 5px 0 5px 0;
}

#Modell-Label, #Namelabel, #Ortlabel, #Hersteller_Label, #Modell_Akt_Label, #Jahr_Akt_Label, #Kauf_Plan_Label {
	margin: 0 0 0 5px;
}
#Modell2-Label {
	margin: 0 0 0 5px;
}
#Modell3-Label {
	margin: 0 0 0 5px;
}
#Modell4-Label {
	margin: 0 0 0 5px;
}

#Modell, #Hersteller, #Jahr_Akt_Select, #Kauf_Plan_Select, #Jahr_Akt_Select, #Modell2, #Modell3, #Modell4 {
	margin: 0 0 0 5px;
	width: 189px;
	height: 22px;
}
#zubehoer, #probefahrt, #ZeroEm, #Umwelt, #TOD, #TM {
	margin: 5px 0 1px 10px;
}
#TextArea {
	margin: 5px 0 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#Name, #Ort, #Modell_Akt_Field {
	margin: 0 0 0 5px;
	width: 189px;
}
#Modellbild {
	margin: 16px 0 0 -28px;
}
#Modellbild2 {
	margin: 16px 0 0 -28px;
}
#Modellbild3 {
	margin: 16px 0 0 -28px;
}
#Modellbild4 {
	margin: 16px 0 0 -28px;
}

.Right {
	color: #FFFFFF;
	width: 175px;
	/*height: 800px; *//* Raus, wenn fertig */
	float: right;
}

.Hint1 {
	background: #5D5D5D none repeat scroll 0 0;
    padding: 6px;
}
.HintTitel1 {
	font-weight: bold;
}
.SiteNum {
	font-weight: bold;
	margin: 0 0 0 5px;
}

#Seite2 {
	color: #FFFFFF;
}
#Seite2_Personalien {
	
}
.Spalte1 {
	width: 198px;
	float: left;
}
#Anrede_Div {
	height: 40px;
	margin: 5px 0 0 0;
}
#Anrede_Div select {
	width: 189px;
	height: 22px;
	margin: 0 0 0 5px;
}
#Vorname_Div {
	height: 40px;
	margin: 5px 0 0 0;
}
#Vorname_Div input, #Firma_Div input, #Tel_Div input {
	width: 189px;
	margin: 0 0 0 5px;
}
.Strasse1 {
	width: 189px;
	margin: 0 0 0 5px;
}
.HausNr1 {
	width: 45px;
}

#Firma_Div {
	height: 40px;
	margin: 5px 0 0 0;
}
#Strasse_Div {
	height: 40px;
	margin: 5px 0 0 0;
}
#Tel_Div {
	height: 40px;
	margin: 5px 0 0 0;
}
#Anrede_Label, #Vorname_Label, #Firma_Label, #Strasse_Label, #Tel_Label {
	margin: 0 0 0 5px;
}

.Spalte2 {
	width: 198px;
	/*height: 600px; *//* Falls automatisch Höhe angepasst: raus. */
	float: right;
}
#Nachname_Div {
	height: 45px;
	margin: 50px 0 0 0;
}
#Geburtsdatum_Div {
	height: 40px;
	margin: 5px 0 0 0;
}
.GT_Class_Tag {
	width: 40px;
	margin: 0 5px 0 0;
}
.GT_Class_Monat {
	width: 40px;
	margin: 0 5px 0 0;
}
.GT_Class_Jahr {
	width: 91px;
}
#PLZ_Div {
	height: 40px;
	margin: 10px 0 0 0;
}
.PLZ1 {
	width: 60px;
	margin: 0 1px 0 0;
}
.Ort1 {
	width: 124px;
}

#Email_Div {
	height: 40px;
	margin: 5px 0 0 0;
}
.TextInput1 {
	width: 189px;
}

#Seite3_Check {
	color: #FFFFFF;
}
.Spalte1_Check {
	width: 396px;
	margin: 0 0 0 5px;
}
.Titel_Div {
	width: 120px;
	float: left;
}
.Line_Div {
	margin: 10px 0 5px 0;
	height: 10px;
}

body {
	font-family: verdana,sans-serif;
    font-size: 11px;
    color: #fff;
}
.Submitting {
	height: 1px;
	clear: both;
	/*margin: 10px;*/
}
.SendButton {
	border: #C1C0BE 1px solid;
	background: transparent url(btn_next_off.png) no-repeat scroll 0 0;
	color: white;
	font-weight: bold;
	margin: 10px 0 0 415px;
}
.SendButton:hover {
	background: #FFFFFF;
	color: #000000;
}
#Div_Fade1, #Div_Fade2, #Div_Fade3 {
	background: url(bg_form.png) no-repeat;
}
.Bottom {
	height: 7px;
	background: url(BG_Bottom_New2.png) no-repeat;
	margin: 6px 0 0 6px;
}

.Navigation {
	height: 1px;
}
.NavS1 {
	height: 31px;
}
.NavS2 {
	height: 31px;
	clear: both;
}
.NavS3 {
	height: 31px;
	clear: both;
}
#Back {
	width: 295px;
	float: left;
}
#BackS2 {
	width: 595px;
	/*float: left;*/
}
#Forward {
	width: 295px;
	float: right;
}
.BackButton {
	border: #C1C0BE 1px solid;
	background: url(btn_next_off.png);
	color: white;
	font-weight: bold;
	margin: 31px 0 0 10px;
}
.BackButton:hover {
	background: url(btn_next_on.png);
	color: #000000;
}
.BackButtonS2 {
	border: #C1C0BE 1px solid;
	background: url(btn_next_off.png);
	color: white;
	font-weight: bold;
	margin: 31px 0 0 5px;
}
.BackButtonS2:hover {
	background: url(btn_next_on.png);
	color: #000000;
}
.BackButtonS3 {
	border: #C1C0BE 1px solid;
	background: url(btn_next_off.png);
	color: white;
	font-weight: bold;
	margin: 31px 0 0 5px;
}
.BackButtonS3:hover {
	background: url(btn_next_on.png);
	color: #000000;
}

.ForwardButton {
	border: #C1C0BE 1px solid;
	background: url(btn_next_off.png);
	color: white;
	font-weight: bold;
	margin: 31px 0 0 220px;
}
.ForwardButton:hover {
	background: url(btn_next_on.png);
	color: #000000;
}
.ForwardButtonS1 {
	border: #C1C0BE 1px solid;
	background: url(btn_next_off.png);
	color: white;
	font-weight: bold;
	margin: 0 0 0 515px;
}
.ForwardButtonS1:hover {
	background: url(btn_next_on.png);
	color: #000000;
}
.ForwardButtonS2 {
	border: #C1C0BE 1px solid;
	background: url(btn_next_off.png);
	color: white;
	font-weight: bold;
	margin: 0 0 0 444px;
}
.ForwardButtonS2:hover {
	background: url(btn_next_on.png);
	color: #000000;
}

/* Fehleranzeige */
.FehlerAnzeigeS1_1 { /* Prospekt */
	background: #FFFFFF none repeat scroll 0 0;
    padding: 6px;
	margin: 213px 0 0 0;
	color: #FF0000;
	font-weight: bold;
	border: 2px solid red;
}
.FehlerAnzeigeS1_P { /* Probefahrt */
	/*width: 175px;*/
	/*height: 31px;*/
	background: #FFFFFF none repeat scroll 0 0;
    padding: 6px;
	margin: 310px 0 0 0;
	color: #FF0000;
	font-weight: bold;
	border: 2px solid red;
}
.FehlerAnzeigeS2 {
	width: 160px;
	/*height: 31px;*/
	background: #FFFFFF none repeat scroll 0 0;
    padding: 6px;
	margin: 7px 0 0 0;
	color: #FF0000;
	font-weight: bold;
	border: 2px solid red;
}

/* Ext Forms_sg CSS */
.CompletionPage {
	margin: 5px 0 0 5px;
	padding: 2px 2px 0 6px;
}
.CP_Titel {
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding: 15px 0 0 0;
	font-size: 12px;
}

/* Probefahrt CSS */
.Probefahrt_Datum {
	clear: both;
	height: 31px;
}
.Probefahrt_Zeit {
	height: 40px;
	clear: both;
	margin: 10px 0 0 5px;
}

.DatumPF {
	margin: 0 0 0 5px;
	width: 96px;
}
#Datum_PF-Label {
	margin: 0 0 0 5px;
}
.DP-Button {
	background: url(btn_next_off.png);
	color: #FFFFFF;
	font-weight: bold; 
	border: 1px solid;
	height: 22px;
	margin: 1px 0 0 0;
}
.DP-Button:hover {
	background: url(btn_next_on.png);
	color: #000000;
	font-weight: bold;
	border: 1px solid;
}

/* CSS für Datepicker JS App, Modified by Stephan Graf, Autoglobal AG, November 2009 */
/* --------------------------------------------------------------------------------- */

/* the div that holds the date picker calendar */
.dpDiv {

}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF; /* #666666 */
	background-color: #000000; /* #9FC6E4 */
	border: 2px solid #888888; /* #7F9DB9 */
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {

}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {

}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {

}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {

}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #5D5D5D; /* #9FC6E4 */

}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {

}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {

}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {

}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #5D5D5D;
	border: 1px solid #AAAAAA;
	color: white;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background: #5D5D5D;
	font-weight: bold;
	padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background: #5D5D5D;
	font-weight: bold;
}
#LinkZusatz, #LinkZusatz1, #LinkZusatz2, #ZusatzModelle {
	clear: both;
	margin: 0 0 5px 0;
	margin: 0 0 0 5px;
}
#LinkZusatz a, #LinkZusatz1 a, #LinkZusatz2 a, #ZusatzModelle a {
	color: #FFFFFF;
	text-decoration: underline;
	margin: 0 0 0 5px;
}
#LinkZusatz a:hover, #LinkZusatz1 a:hover, #LinkZusatz2 a:hover, #ZusatzModelle a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	margin: 0 0 0 5px;
}
#PF_Optional table {
	font-size: 11px;
}
#PF_Subheader {
	margin: 5px 0 5px 5px;
}

/* Sprachanpassungen */
.ForwardButtonS1_F {
	border: #C1C0BE 1px solid;
	background: url(btn_next_off.png);
	color: white;
	font-weight: bold;
	margin: 0 0 0 495px;
}
.ForwardButtonS1_F:hover {
	background: url(btn_next_on.png);
	color: #000000;
}
.ForwardButtonS2_F {
	border: #C1C0BE 1px solid;
	background: url(btn_next_off.png);
	color: white;
	font-weight: bold;
	margin: 0 0 0 402px;
}
.ForwardButtonS2_F:hover {
	background: url(btn_next_on.png);
	color: #000000;
}
.FehlerAnzeigeS2_F {
	width: 160px;
	background: #FFFFFF none repeat scroll 0 0;
    padding: 6px;
	margin: 20px 0 0 0;
	color: #FF0000;
	font-weight: bold;
	border: 2px solid red;
}
.SendButton_F {
	border: #C1C0BE 1px solid;
	background: transparent url(btn_next_off.png) no-repeat scroll 0 0;
	color: white;
	font-weight: bold;
	margin: 10px 0 0 406px;
}
.SendButton_F:hover {
	background: #FFFFFF;
	color: #000000;
}
.Line_Div_F {
	clear: both;
	margin: 5px 0 5px 0;
	padding: 10px 0 0 0;
	height: 10px;
}

.ForwardButtonS1_I {
	border: #C1C0BE 1px solid;
	background: url(btn_next_off.png);
	color: white;
	font-weight: bold;
	margin: 0 0 0 500px;
}
.ForwardButtonS1_I:hover {
	background: url(btn_next_on.png);
	color: #000000;
}
.ForwardButtonS2_I {
	border: #C1C0BE 1px solid;
	background: url(btn_next_off.png);
	color: white;
	font-weight: bold;
	margin: 0 0 0 431px;
}
.ForwardButtonS2_I:hover {
	background: url(btn_next_on.png);
	color: #000000;
}
.FehlerAnzeigeS1_1_I { /* Prospekt */
	background: #FFFFFF none repeat scroll 0 0;
    padding: 6px;
	margin: 225px 0 0 0;
	color: #FF0000;
	font-weight: bold;
	border: 2px solid red;
}
.FehlerAnzeigeS1_P_I { /* Probefahrt */
	background: #FFFFFF none repeat scroll 0 0;
    padding: 6px;
	margin: 324px 0 0 0;
	color: #FF0000;
	font-weight: bold;
	border: 2px solid red;
}
.FehlerAnzeigeS2_I {
	width: 160px;
	background: #FFFFFF none repeat scroll 0 0;
    padding: 6px;
	margin: 33px 0 0 0;
	color: #FF0000;
	font-weight: bold;
	border: 2px solid red;
}
.SendButton_I {
	border: #C1C0BE 1px solid;
	background: transparent url(btn_next_off.png) no-repeat scroll 0 0;
	color: white;
	font-weight: bold;
	margin: 10px 0 0 457px;
}
.SendButton_I:hover {
	background: #FFFFFF;
	color: #000000;
}

/* Kontaktformular */
#Nachname_Div1 {
	height: 45px;
	margin: 5px 0 0 5px;
}
#PLZ_Div1 {
	height: 40px;
	margin: 10px 0 0 5px;
}
#Land_Div {
	height: 45px;
	margin: 5px 0 0 5px;
}
#Land_Div select {
	width: 190px;
}
#TelBeruf_Div {
	height: 45px;
	margin: 5px 0 0 5px;
}
#TelBeruf_Div input {
	width: 190px;
}
#Firma_Div1 {
	margin: 0 0 0 5px;
}
#Firma_Div1 input {
	width: 190px;
}
#Firma_Label1 {
	margin: 0 0 0 0;
}
#Beruf_Div {
	margin: 15px 0 0 5px;
}
#Beruf_Div select {
	width: 190px;
}
#Alter_Div {
	margin: 17px 0 0 5px;
}
#Email_Div1 {
	margin: 10px 0 0 5px;
}
#WI_TitelKontakt {
	font-weight: bold;
	clear: both;
	margin: 20px 0 0 5px;
}
#TextAreaMessage {
	margin: 0 0 0 5px;
	width: 390px;
	height: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.SendButtonKontakt {
	border: #C1C0BE 1px solid;
	background: transparent url(btn_next_off.png) no-repeat scroll 0 0;
	color: white;
	font-weight: bold;
	margin: 10px 0 0 500px;
}
.SendButtonKontakt:hover {
	background: #FFFFFF;
	color: #000000;
}

/* Captcha CSS */
#Captcha_Div {
	margin-left: 5px;
}
#Captcha_Div img {
	margin-bottom: 3px;
}
#captcha {
	width: 220px;
	height: 70px;
}