/**
 * Anfrage-Formular (Request form, rf)
 */

/**
 * Anfrage-Formular: äußerer Container (ganzes Formular, nicht
 * Bestätigungsseite)
 */
div.rfOuterContainer {
	width: 100%;
	overflow: hidden;
}

/**
 * Anfrage-Formular: innerer Container (ganzes Formular, nicht
 * Bestätigungsseite) 
 */
div.rfInnerContainer {
	padding-left: 10px;
}

/**
 * Anfrage-Formular: Container für Hinweis auf Pflichtfelder
 */
div.rfMessageMandatory {
	margin: 15px 0 0 0;
}

/**
 * Anfrage-Formular: Überschrift über dem Formular (auch auf
 * Bestätigungsseite)
 */
h2.rfHeadingForm {
}

/**
 * Anfrage-Formular: Container für Zwischenüberschriften wie "Angaben zum
 * Objekt", "Fenster", "Rolläden" ...)
 */
div.rfHeadingObject {
	margin: 15px 0 10px 0;
}

/**
 * Anfrage-Formular: Text einer Zwischenüberschrift 
 */
span.rfHeadingInBetween {
	font-size: 12px; 
	font-weight: bold;
}

/**
 * Anfrage-Formular: Feldbezeichnung (linke Spalte), wird für fast alle
 * Bezeichnungen verwendet
 */
div.rfDescriptionObject {
	float: left;
	width: 80px;
	text-align: right;
	padding: 0 15px 0 0;
	margin: 0 5px 15px 0;
}

/**
 * Anfrage-Formular: Objekt: Eingabefeld für Straße 
 */
input.rfObjectStreetInput {
	width: 150px;
}

/**
 * Anfrage-Formular: Objekt: Eingabefeld für Hausnummer
 */
input.rfObjectStreetNumberInput {
	width: 35px;
	margin: 0 0 0 5px;
}

/**
 * Anfrage-Formular: Objekt: Eingabefeld für PLZ
 */
input.rfObjectZipCodeInput {
	width: 50px;
}

/**
 * Anfrage-Formular: Objekt: Eingabefeld für Ort
 */
input.rfObjectCityInput {
	width: 135px;
	margin: 0 0 0 5px;
}

/**
 * Anfrage-Formular: Clearer wegen Floats
 */
div.rfClearer {
	clear: both;
}

/**
 * Anfrage-Formular: Kennzeichnung von Pflichtfeldern
 */
.rfMandatory {
	background-image: url('/images/cross.gif');
	background-repeat: no-repeat;
	background-position: right;
}

/**
 * Anfrage-Formular: Objekt: Auswahlliste für Länder
 */
select.rfObjectCountrySelect {
}

/**
 * Anfrage-Formular: Objekt: Auswahlliste für Objekte
 */
select.rfObjectObjectSelect {
}

/**
 * Anfrage-Formular: Objekt: Auswahlliste für Bautyp
 */
select.rfObjectHouseTypeSelect {
}

/**
 * Anfrage-Formular: Objekt: Container für Zusammenfassung von Bezeichner und
 * Formular-Element (wegen Float und fester Breite, damit Bündigkeit
 * gewährleistet)
 * wird verwendet, bei Zeilen mit zwei Formular-Elementen
 */
div.rfObjectLineContainer {
	float: left;
	width: 213px;
}

/**
 * Anfrage-Formular: Objekt: Eingabefeld für Termin (Datum)
 */
input.rfObjectDateInput {
	width: 80px;
}

/**
 * Anfrage-Formular: Objekt: Auswahlliste für Einbau
 */
select.rfObjectHouseInstallationSelect {
	width: 170px;
}

/**
 * Anfrage-Formular: Container für Fenster-Abschnitt
 */
div.rfWindowsContainer {
	margin: 15px 0 5px 0;
}

/**
 * Anfrage-Formular: Text der Zwischenüberschrift "Fenster"
 */
div.rfHeadingWindows {
	float: left;
	margin: 0 20px 0 0;
	width: 75px;
}

/**
 * Anfrage-Formular: Fenster: Container für Zusammenfassung von Bezeichner
 * und Formular-Element (wegen Float und fester Breite, damit Bündigkeit
 * gewährleistet)
 * wird verwendet, bei Zeilen mit zwei Formular-Elementen
 */
div.rfWindowsLineContainer {
	float: left;
	width: 213px;
}

/**
 * Anfrage-Formular: Fenster: Auswahlliste für Material
 */
select.rfWindowsMaterialSelect {
	width: 100px;
}

/**
 * Anfrage-Formular: Fenster: Auswahlliste für Sicherheitsanforderung
 */
select.rfWindowsSecuritySelect {
	width: 100px;
}

/**
 * Anfrage-Formular: Fenster: Container für Bezeichner in der rechten Spalte
 * damit gleiche Formatierung/Breite
 */
div.rfDescriptionWindows {
	width: 150px;
}

/**
 * Anfrage-Formular: Fenster: Eingabefeld für "Anzahl Fenster"
 */
input.rfWindowsNumberInput {
	width: 50px;;
}

/**
 * Anfrage-Formular: Fenster: Auswahlliste für Schallschutzanforderung
 */
select.rfWindowsNoiseProtectionSelect {
	width: 100px;
}

/**
 * Anfrage-Formular: Fenster: Eingabefeld für Farbe
 */
input.rfWindowsColorInput {
	width: 90px;
}

/**
 * Anfrage-Formular: Fenster: Auswahlliste für Wärmeschutzanforderung
 */
select.rfWindowsHeatProtectionSelect {
	width: 100px;
}

/**
 * Anfrage-Formular: Fenster: Textarea "Größe der Fenster"
 */
textarea.rfWindowsDimensionTextarea {
	width: 250px;
	height: 50px;
}

/**
 * Anfrage-Formular: Container für Rollläden-Abschnitt
 */
div.rfShuttersContainer {
	margin: 15px 0 5px 0;	
}

/**
 * Anfrage-Formular: Container für Rolläden-Zwischenüberschrift
 */
div.rfHeadingShutters {
	float: left;
	margin: 0 20px 0 0;
	width: 75px;
}

/**
 * Anfrage-Formular: alle Abschnitte: Container für Bemerkungen-Textarea 
 */
div.rfRemarksProduct {
	margin: 5px 0 0 0;
}

/**
 * Anfrage-Formular: alle Abschnitte: Textarea für Bemerkungen
 */
textarea.rfRemarksProductTextarea {
	width: 400px;
	height: 100px;
}

/**
 * Anfrage-Formular: Rollläden: Auswahlliste für Material
 */
select.rfShuttersMaterialSelect {
	width: 100px;
}

/**
 * Anfrage-Formular: Rollläden: Eingabefeld für Farbe
 */
input.rfShuttersColorInput {
	width: 100px;
}

/**
 * Anfrage-Formular: Rollläden: Auswahllliste für Antrieb
 */
select.rfShuttersEngineSelect {
	width: 100px;
}

/**
 * Anfrage-Formular: Rollläden: Auswahlliste für Art
 */
select.rfShuttersTypeSelect {
}

/**
 * Anfrage-Formular: Container für Fensterbänke-Überschrift
 */
div.rfSillsContainer {
	margin: 15px 0 5px 0;	
}

/**
 * Anfrage-Formular: Text für Fensterbänke-Überschrift
 */
div.rfHeadingSills {
	float: left;
	margin: 0 20px 0 0;
	width: 80px;
}

/**
 * Anfrage-Formular: Fensterbänke: Container für Zusammenfassung von 
 * Bezeichner und Formular-Element (wegen Float und fester Breite,
 * damit Bündigkeit gewährleistet)
 * wird verwendet, bei Zeilen mit zwei Formular-Elementen
 */
div.rfSillsLineContainer {
	float: left;
	width: 248px;
}

/**
 * Anfrage-Formular: Fensterbänke: Auswahlliste für Innenfensterbänke
 */
select.rfInnerSillsSelect {
	width: 100px;
}

/**
 * Anfrage-Formular: Fensterbänke: Auswahlliste für Außenfensterbänke
 */
select.rfOuterSillsSelect {
	width: 100px;
}

/**
 * Anfrage-Formular: Fensterbänke: Bezeichnungen in rechter Spalte 
 */
div.rfDescriptionSills {
	float: left;
	width: 130px;
	text-align: right;
/*	padding: 0 15px 0 0;*/
	margin: 0 5px 15px 0;
}

/**
 * Anfrage-Formular: Fensterbänke: Eingabefeld für Farbe der
 * Innenfensterbänke
 */
input.rfInnerSillsColorInput {
	width: 90px;
}

/**
 * Anfrage-Formular: Fensterbänke: Eingabefeld für Farbe der
 * Außenfensterbänke
 */
input.rfOuterSillsColorInput {
	width: 90px;
}

/**
 * Anfrage-Formular: Container für Haustür-Zwischenüberschrift
 */
div.rfDoorContainer {
	margin: 15px 0 5px 0;	
}

/**
 * Anfrage-Formular: Text für Haustür-Zwischenüberschrift
 */
div.rfHeadingDoor {
	float: left;
	margin: 0 20px 0 0;
	width: 80px;
}

/**
 * Anfrage-Formular: Haustür: Auswahlliste für Material
 */
select.rfDoorMaterialSelect {
	width: 100px;
}

/**
 * Anfrage-Formular: Wintergarten: Auswahlliste für Material
 */
select.rfWinterGardenMaterialSelect {
	width: 100px;
}

/**
 * Anfrage-Formular: Wintergarten: Container für Zwischenüberschrift
 */
div.rfWinterGardenContainer {
	margin: 15px 0 5px 0;	
}

/**
 * Anfrage-Formular: Wintergarten: Text für Zwischenüberschrift
 */
div.rfHeadingWinterGarden {
	float: left;
	margin: 0 20px 0 0;
	width: 80px;
}

/**
 * Anfrage-Formular: persönliche Daten: Eingabefeld für Name
 */
input.rfPersonalDataNameInput {
	width: 200px;
}

/**
 * Anfrage-Formular: persönliche Daten: Eingabefeld für Vorname
 */
input.rfPersonalDataFirstNameInput {
	width: 200px;
}

/**
 * Anfrage-Formular: persönliche Daten: Eingabefeld für Straße
 */
input.rfPersonalDataStreetInput {
	width: 155px;
}

/**
 * Anfrage-Formular: persönliche Daten: Eingabefeld für Hausnummer 
 */
input.rfPersonalDataStreetNumberInput {
	width: 35px;
	margin: 0 0 0 5px;
}

/**
 * Anfrage-Formular: persönliche Daten: Eingabefeld für PLZ
 */
input.rfPersonalDataZipCodeInput {
	width: 50px;
}

/**
 * Anfrage-Formular: persönliche Daten: Eingabefeld für Ort
 */
input.rfPersonalDataCityInput {
	width: 140px;
	margin: 0 0 0 5px;
}

/**
 * Anfrage-Formular: persönliche Daten: Auswahlliste für Länder
 */
select.rfPersonalDataCountrySelect {
}

/**
 * Anfrage-Formular: persönliche Daten: Eingabefeld für Telefon
 */
input.rfPersonalDataPhoneInput {
	width: 200px;
}

/**
 * Anfrage-Formular: persönliche Daten: Eingabefeld für E-Mail
 */
input.rfPersonalDataEmailInput {
	width: 200px;
}

/**
 * Anfrage-Formular: persönliche Daten: Bemerkungen-Textarea
 */
textarea.rfPersonalDataRemarksTextarea {
	width: 200px;
	height: 100px;
}

/**
 * Anfrage-Formular: Container für Newsletter-Checkbox
 */
div.rfDescriptionNewsletter {
	margin: 5px 0 0 0;
}

/**
 * Anfrage-Formular: Container für Text über Upload-Dateien
 */
div.rfMessageAttachments {
	margin: 20px 0 10px 0;
}

/**
 * Anfrage-Formular: Upload-Feld
 */
input.rfFileInput {
	width: 200px;
}

/**
 * Anfrage-Formular: Container für Checkbox Datennutzungsbedingungen 
 */
div.rfDescriptionDataUsageTerms {
	margin: 15px 0 0 0;
}

/**
 * Anfrage-Formular: Container für Absenden-Button
 */
div.rfSubmit {
	margin: 15px 0 0 100px;
}

/**
 * Anfrage-Formular: Container für Schluss-Text, Abschnitt 1
 */
div.rfMessageRemarks1 {
	margin: 15px 0 0 0;
}

/**
 * Anfrage-Formular: Container für Schluss-Text, Abschnitt 2
 */
div.rfMessageRemarks2 {
	margin: 5px 0 0 0;
}

/**
 * Anfrage-Formular: Container für Abschnitt mit Fehlermeldungen
 */
div.rfErrors {
	margin: 15px 0 0 0;
	color: red;
}

/**
 * Anfrage-Formular: Container für Abschnitt mit Bestätigungsmeldung (wenn
 * Formularverand OK)
 */
div.rfConfirmationMessage {
	margin: 15px 0 0 0;
}

/**
 * Anfrage-Formular: AGB-Link 
 */
.rfConditionsLink, .rfConditionsLink:link,
.rfConditionsLink:visited, .rfConditionsLink:hover,
.rfConditionsLink:active {
}

