/*	-------------------------------------------------------------
	2. STRUKTUR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               div#contactwrapper {
                    /* Allgemeines Container */
               	margin: 0;
               	width: 470px;
				border: 1px solid yellow;

               }

               div#contactcontent {
                    /* Sub-Container, wird nach rechts verschoben, da links bei einem Formulare
                    weitere Elemente stehen werden. Typische Alternative: margin: 0 auto; */
					float: left;
                margin: 0 auto;
               	text-align: left;
               	width: 440px;
				height: auto;
               }
               .contactleft {
                    /* Linker Bereich des Formulars: für Labels */
                    width: 50%;
                    float: left;
                    text-align: left;
						  line-height: 18pt;
               }
               .contactright {
                    /* Rechter Bereich des Formulars: für Eingabefelder */
                    width: 50%;
                    text-align: left;
                    float: left;
						  line-height: 18pt;
               }

/*	-------------------------------------------------------------
	3. GESTALTUNG VON EINGABEFELDERN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               input, textarea, select {
                    border: 1px solid #6a6a6a;
               }

               .contactform {
                    /* Hintergrundebene mittels overflow */
                    height: 100%;
                    overflow: auto;
						  padding-right: 20px;
               }

			   .contactform #Anrede,
			   .contactform #Aufmerksam,
			   .contactform #Vorname,
			   .contactform #Nachname,
               .contactform #Email,
			   .contactform #Telefon,
			   .contactform #Strasse,
   			   .contactform #Wohnort,
   			   .contactform #Betreff,
			   .contactform #Objekt,
               .contactform #Feedback 
			   {
                    width: 80%;
                    padding: 1px 1px 1px 4px;
					margin: 0px 4px 0px 0px;
					/*background-color: #F1F6FA;*/
					border: 1px solid #aaaaaa;
                   /* font: 0.9em/1.0em Arial, sans-serif; */
               }

               #subm {
                    /* Versenden-Schaltfläche */
                    font: 0.8em/1.0em Verdana, sans-serif; 
                    width: 385px;
                    padding: 3px 4px 3px 4px;
						  color: #ddd;
                    background-color: #6ab023;
                    font-weight: bold;
               }

               /*  ICONS FÜR EINGABEFELDER   */
               .contactform #Feedback {
                    width: 86%;
               }
			               
			   .contactform #Anrede:focus,
			   .contactform #Aufmerksam:focus,
			   .contactform #Vorname:focus,
			   .contactform #Nachname:focus,
               .contactform #Email:focus,
			   .contactform #Telefon:focus,
			   .contactform #Strasse:focus,
   			   .contactform #Wohnort:focus,
   			   .contactform #Betreff:focus,
			   .contactform #Objekt:focus,
               .contactform #Feedback:focus 
               {
                    border: 1px solid #aaa;
					background-color: #e7e7e7;
                }

               .contactform .wrong #Email {
                    /* Gestaltung der Felder mit Fehlermeldungen */
                    -moz-border-radius: 3px;
                    color: #333333;
                    border: 2px solid #990000;
               }
               
               .contactform #Erfolg {
                    /* Mitteilung: Informationen wurden versandt */
                    border: 1px solid #eeeeee;
                    color: #0066CC;
                    -moz-border-radius: 3px;
                    width: 80%;
                    margin: 1.5em auto;
               }

/*	-------------------------------------------------------------
	4. ALLGEMEINE ATTRIBUTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               span.required {
                    /* Markierung des Eingabefeldes, das ausgefüllt werden soll */
                    color: #0E2B63;
                    font-size: 1em;
               }
               label {
                    /* Beschriftung des Eingabeldes */
                    /*color: #0E2B63;*/
                    padding: 0px 8px 0px 0px;
					margin: 0px;
					/*font: 1.1em/1.2em Arial, sans-serif;*/
					/*border: 1px solid red;*/
               }