/**
 * Prospektbestellung (brochures, br)
 */

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

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

/**
 * Formular: Container für Einleitungstext
 */
div#brIntroduction {
	margin: 0;
}

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

/**
 * Formular: Container für Pflichtfeld-Grafik im Hinweis auf Pflichtfelder
 */
div.brMessageMandatoryGraphic {
	background-image: url('/images/cross.gif');
	background-repeat: no-repeat;
	background-position: left;
}

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

/**
 * Formular: Clearer wegen Floats
 */
div.brClearer {
	clear: both;
}

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

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

/**
 * Formular: Feldbezeichnung (linke Spalte), wird Landesbezeichnung
 * auf Seite 1 verwendet
 */
div.brDescriptionPage1 {
	float: left;
	width: 80px;
	text-align: right;
	padding: 0 15px 0 0;
	margin: 0 5px 15px 0;
}

/**
 * Formular: Auswahlliste für Länder
 */
select.brCountrySelect {
}

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

/**
 * Formular: Eingabefeld für Firma
 */
input.brCompanyInput {
	width: 200px;
}

/**
 * Formular: Auswahlliste für Titel
 */
select.brTitleSelect {
}

/**
 * Formular: Eingabefeld für Vorname
 */
input.brFirstNameInput {
	width: 200px;
}

/**
 * Formular: Eingabefeld für Nachname
 */
input.brSurnameInput {
	width: 200px;
}

/**
 * Formular: Eingabefeld für Straße
 */
input.brStreetInput {
	width: 200px;
}

/**
 * Formular: Eingabefeld für PLZ
 */
input.brZipCodeInput {
	width: 50px;
}

/**
 * Formular: Eingabefeld für Ort
 */
input.brCityInput {
	width: 140px;
	margin: 0 0 0 5px;
}

/**
 * Formular: Eingabefeld für E-Mail
 */
input.brEmailInput {
	width: 200px;
}

/**
 * Formular: Eingabefeld für Telefon
 */
input.brPhoneInput {
	width: 200px;
}

/**
 * Formular: Eingabefeld für Fax
 */
input.brFaxInput {
	width: 200px;
}

/**
 * Formular: Container für Bemerkungen-Textarea
 */
div.brRemarks {
	margin-top: 15px;
}

/**
 * Formular: Bemerkungen-Textarea
 */
textarea.brRemarksTextarea {
	margin-top: 15px;
	width: 300px;
	height: 100px;
}

/**
 * Formular: Container für Sicherheitscode Bezeichnung
 */
div.brSecurityCode {
	margin-top: 15px;
}

/**
 * Formular: Container für Captcha-Bild
 */
div.brFormCaptchaImage {
	margin: 15px 10px 15px 0;
	float: left;
}

/**
 * Formular: Container für Captcha-Erläuterung
 */
div.brFormCaptchaImageMessage {
	margin: 15px 0 0 0;
}

/**
 * Formular: Eingabefeld für Sicherheitscode
 */
.brFormCaptchaCodeInput {
	width: 50px;
}

/**
 * Formular: Container für Daten-Nutzungsbedingungen
 */
.brAGB {
	margin: 15px 0 0 0;
}

/**
 * Formular: Einleitungstext für Prospekte
 */
div.brBrochuresIntro {
	margin: 15px 0 0 0;
}

/**
 * Formular: Abschnitt mit Prospekten
 */
div.brBrochures {
	padding-left: 100px;
}

/**
 * Formular: Zwischenüberschrift in Prospekte-Abschnitt für Markenname
 */
div.brBrochuresHeading {
	margin: 10px 0 0 0;
	font-weight: bold;
}

/**
 * Formular: Container für Prospekt-Checkbox und Bezeichnung
 */
div.brBrochure {
}

/**
 * Formular: Bestätigungsmeldung
 */
div#brConfirmationMessage {
}