/*
Form-Css Jan/2009
Diese Auszeichnungen sollen von nun an f???r alle Form-Tags auf Carlsen.de benutzt werden. 
Sie werden auch von den f2-Form-Tags genutzt
*/
/* generelle klasse die nur fuer bella und edward benoetigt wird */
.form_content_text {
	width:500px;
	margin:0 0  15px 180px;
}
	
.formContainerOuter {
	width:100%;
}

.formContainerInner {
/*	border-bottom:1px solid #fff; */
	float:left;
	width:100%;
	padding:0 5px 0 5px;
}

.interests_checkbox_label {
	float:right;
	width:65%;
	padding-right:5%;
}

.interests_checkbox_formfield {
	float:left;
	width:10%;
	padding-left:20%;
	padding-top:3px;
}

.newsletter_checkbox_label {
	float:right;
	width:80%;
	padding-right:20px;
}

.newsletter_checkbox_formfield {
	float:left;
	width:10%;
	padding-left:20px;
	padding-top:10px;
}

.newsletter_label {
	float:left;
	width:100%;
	padding-left:20px;
	padding-right:20px;
}

oneRowTextarea {
	height:13px;
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-top:5px;
	padding-bottom:10px;
}

twoRowsTextarea {
	height:26px;
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-top:5px;
	padding-bottom:10px;
}

oneRowTextarea_label {
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-top:5px;
	padding-bottom:10px;
}

.formLabel {
	width:20%;
	float:left;
	text-align:right;
}

.formField {
	width:68%;
	float:left;
}

#weiterempfehlenBtn_container .formField {
	width:68%;
	float:left;
}

#weiterempfehlenBtn_container .formLabel {
	width:30%;
	float:left;
	text-align:right;
}


.formLabelPadding {
	padding:7px 5px 3px 0;
}

.formFieldPadding {
	padding:3px 0 3px 0;
}

.formFieldPadding_2rows {
	padding:7px 0 3px 0;
}

.formFieldPadding_3rows {
	padding:15px 5px 3px 0;
}

.formInputText {
	/* border: 1px solid #A5ACB2; */
	padding:3px;
	width:85%;
}

.formTextareaText {
	border: 1px solid #A5ACB2;
	padding:3px;
	width:85%;
	height:115px;
}

/* styles nur fuer carlsen site */

.formTextareaTextCarlsenSite {
	border: 1px solid #A5ACB2;
	padding:3px;
	width:86%;
	height:115px;
}

.formContainerOuterCarlsenSite {
	width:100%;
}

#videoGalleryUploadContainer .formContainerInner {
	border-bottom:1px solid #fff; 
	float:left;
	width:430px;
	padding:0 5px 0 5px;
}

.CarlsenSiteSubmitContainer {
	width:430px;
	float:left;
	text-align:center;
	padding-top:10px;	
}

.formLabelCarlsenSite {
	width:30%;
	float:left;
	text-align:right;
}

.formFieldCarlsenSite {
	width:68%;
	float:left;
}

.formLabelPaddingCarlsenSite {
	padding:7px 5px 3px 0;
}

.formFieldPaddingCarlsenSite {
	padding:3px 0 3px 0;
}

.formFieldPadding_2rowsCarlsenSite {
	padding:7px 0 3px 0;
}

.formFieldPadding_3rowsCarlsenSite {
	padding:15px 5px 3px 0;
}

#videoGalleryUploadContainer .formInputText {
	border: 1px solid #A5ACB2;
	padding:3px;
	width:85%;
}

.formTextareaTextCarlsenSite {
	border: 1px solid #A5ACB2;
	padding:3px;
	width:85%;
	height:115px;
}


.formInputTextShortCarlsenSite{
	border: 1px solid #A5ACB2;
	padding:3px;
	width:28%;
}

.formInputTextMediumCarlsenSite{
	border: 1px solid #A5ACB2;
	padding:3px;
	width:53%;
}

.marginTop_15 {
	margin-top:15px;
}

.marginTop_10 {
	margin-top:10px;
}

.marginBottom_20 {
	margin-bottom:20px;
}

.padding_5 {
	padding:5px;
}

.col_right {
	float:right;
	width:230px;
	padding:10 10px 0 0;
}

.mapContainer {
	float:left;
}

.ft_colwidth1 {
	width:150px;
}

.ft_colwidth2 {
}


.formInputTextShort{
	border: 1px solid #A5ACB2;
	padding:3px;
	width:28%;
}

.formInputTextMedium{
	border: 1px solid #A5ACB2;
	padding:3px;
	width:56%;
}


.errorTxt{
	color:#FF0000; font-style:italic; 
}

.float_left {
	float:left;
}

.submitBtnContainer {
	float:left;
	width:160px;
	text-align:right; 
	margin-right:8px;
	padding:0 0 3px;
}

.resetBtnContainer {
	float:right;
	width:170px;
	text-align:left;
	padding:0 0 3px;
}

.darkTopBorder {
	border-top:2px solid #344435
}

.submitContainer {
	text-align:center; 
	height:29px; 
	width:500px; 
	padding-top:2px; 
	margin-top:10px;
}

.hide {
	display:none;
}

.show {
	display:block;
}

#embeddedCode {
	width:100%;
	margin-top:10px;
}


/*
Classes for formBox
*/
.formContainerOuter .questionContainer {
	padding:10px;
	/*float:left;
	width:410px;*/
	margin-bottom:10px;
}

.checkbox_margin {
	margin-right:15px;
}

.margin_bottom_15 {
	margin-bottom:15px;
}

.padding_bottom_10 {
	padding-bottom:10px;
}

.formContainerOuter .questionContainer h3 {
	margin:0 0 15px 0;
}

.formContainerOuter .questionContainer .answerContainer {
	margin:0;
	padding:0;
}

.formContainerOuter .answerContainer p {
	margin:0;
}

.formContainerOuter .questionContainer .answer {
	float:left;
	margin:2px 0 0 0;
}

.formContainerOuter .questionContainer .answerText {
	margin:0 0 0 25px;
	padding:0 0 0 10px;
}

.formContainerOuter .inputFieldsContainer {
/*	float:left;*/
	width:430px;
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom:10px;
}

.formContainerOuter .inputFieldsContainer .hinweis {
	margin-top:8px;
}

/* diese klasse steht in der db zu finden in dev/allage/2.0-populate_user_context_and_form_fields.sql */
.newsletter_checkbox_formfield .formFieldPadding {
	padding:0;
	margin:-2px 0 0 0;
}

.formSubmitContainer{
	margin-left:40%;
	margin-bottom:5px;
	display:block;
	width:150px;
}

.form_text{
	padding-left:20px;
	padding-right:20px;
}