/************** formularbuilder formular styles **************/




/************** Eingabe-Form_1 ************/
/** die Tabelle des jeweiligen Input-Forms (_+FORM_ID aus der Datenbank) **/
.form_1{
	padding: 30px 0px 0px;
	font-size: 11px;
}
/** Formatierung der Zellen der Tabelle des Input-Forms **/
.form_1 td{
	padding: 5px 0px 5px 0px;
	vertical-align: top;
}



/**** Form_2 *****/
/** die Tabelle des jeweiligen Input-Forms (_+FORM_ID aus der Datenbank) **/
.form_2{
	padding: 20px 0px 0px;
	font-size: 11px;
}
/** Formatierung der Zellen der Tabelle des Input-Forms **/
.form_2 td{
	padding: 5px 0px 5px 0px;
	vertical-align: top;
}


/** extra-Formatierung der Zellen falls Check-Boxen auftreten **/
.tablecell_ceckbox{
	width: 10%;
}
/** für den Fall das mehrere Check-Boxen in einem Formularfeld auftreten (in einer Zelle) **/
.tablecell_ceckbox_multi{
	width: 40px;
	float: right;
}




/** Klasse um das Eingabe-Form auszurichten (liegt als DIV um dieses) **/
.form_input_1{
	padding: 0px 0px 5px 0px;
}
.form_input_2{
	padding: 0px 0px 5px 0px;
}


/*********** Form-Elemente ***************/
/** Check-Box **/
.check_box{
	/*border: 1px solid #66CC00;*/
	/*width: 40px;*/
	padding: 2px;
}
/** Input-Feld zu Texteingabe **/
.input_field{
	border: 1px solid #66CC00;
	font-size: 11px;
	padding: 2px;
	float: left;
}
/** Markierung und Änderung der Eigenschaften eines Input-Feldes, falls vergessen wurde ein Pflichtfeld auszufüllen **/
.input_field_mistake{
	border: 1px solid red;
	font-size: 11px;
	padding: 2px;
	float: left;
}
/** Allgemeines zum Button **/
.form_button{
	cursor: pointer;
	height: 26px;
}
/** Eigenschaften des (Abschicken- oder Weiter-)Button **/
.form_input_submitbutton{
	float: right;
	padding: 5px 0px 15px;
}
.form_input_1 .form_input_submitbutton{
	float: right;
	padding: 0px 0px 0px 0px;
}
/** Spacer **/
.form_field_spacer{
}
/*** Allgemeines zur Text-Area ***/
.text_label{
	border-bottom-color:#66CC00;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#66CC00;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#66CC00;
	border-right-style:solid;
	border-right-width:1px;
	border-top-color:#66CC00;
	border-top-style:solid;
	border-top-width:1px;
	float: left;
}
.radio_button{	
}

/** Markierung und Änderung der Eigenschaften eines Radio-Button, falls vergessen wurde ein Pflichtfeld auszufüllen **/
.radio_button_mistake{
	border: 1px dashed red;
	padding: 20px;
	margin: 40px 0px 10px 0px;
}


/************ Form-Back ********************/
/** das 2. Formular, welches alle Eingaben als "hidden" und die Möglichkeit zurückzugehen, hält **/
.form_back{
	padding: 0px 0px 0px 0px;
	position: absolute;
	z-index: 9;
	bottom: 0px;
	left: 0px;
}
/** Eigenschaften des (Zurück-)Buttons mit dem man eine Seite zurück blättern kann **/
.form_back_submitbutton{
	float: left;
	padding: 0px 0px 15px;
}




/********** Text-Formatierungen *************/
/** Text der auf Pflichtfelder hinweist **/
.hint_text{
	padding: 15px 0px 15px;
}

.end_hint_text{
	padding: 15px 0px 15px;
}
/** Farbe der Markierung des Sterns der Pflichtfelder **/
.form_color{
	color: green;
}
/** roter Ramen um den Fehlertext **/
.err{
	border: 1px dashed red;
	padding: 20px;
	margin: 40px 0px 10px 0px;
}
/** Text der Sicherheitsabfrage **/
.question{
	font-size: 11px;
	padding: 15px 0px 48px;
}
/** Text der an der linken Seite der Check-Boxen steht **/
.check_box_fieldcaption{
	font-weight: bold;
}
/** Text der an der linken Seite der multi-Check-Boxen steht **/
.check_box_multi_fieldcaption{
	font-weight: bold;
}
/** Text der an der linken Seite der Input-Felder steht **/
.input_field_fieldcaption{
	padding: 0px 25px 0px 0px;

}
/** Text der an der linken Seite der Select-Boxen steht **/
.select_box_fieldcaption{
}
/** Text der an der linken Seite der Text-Area steht **/
.textlabel_fieldcaption{
}



/**** per CSS versteckte BOT-Falle ****/
.form_email{
	display: none;
}


/** Test-Timeline **/
.timeline{
	float:left;
	width: 100%;
	margin: 20px 0px 20px 0px;
}

.timeline_table{
	border-right:1px solid #66CC00;
	width: 100%;
	font-size: 11px !important;	
}

.timeline_table tr td{
	height: 21px;
	line-height:12px;
}

.upper_line{
	border-bottom:1px solid #66CC00;
	text-align: center;
}

.step_now{
	text-align: center;
}

.headline_now{
	font-weight: bold;
	color: #66CC00;
	background-color: #f5f5f5;
}

.step_marker{
	text-align: center;
	float: none !important;
}

.lower_line{
	border-left: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	text-align: center;
}

.link_inactive{
	color: #999999;
}

.form_story{
	width: 650px;
	position:relative;
}

.tablecell_checkbox{
	padding: 5px 20px 0px 20px !important;
}

.tablecell_checkbox_multi input{
	margin: 0px 10px 0px 0px !important;
}

.checkside_data{
	padding: 0px 25px 0px 0px !important;
}

.check_side{
	padding: 0px 25px 0px 0px !important;
}

.check_side_headline{
	font-weight: bold;
}

.form_back_timeline{
	font-size: 11px;
	font-weight: normal;
}

.link_active{
	width: 100%;
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 11px !important;
	color: #66CC00;
	text-decoration: underline;
	font-weight: normal;
	display: block;
	padding: 0px;
	margin: 0px;
	height: 21px;
	
}

/** Firefox only*/
.link_active:hover{
	text-decoration: none;
	color: #66CC00;
}

.link_active_div{
	border-left: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	text-align: center;
}


form{
	padding: 0px;
	margin: 0px;
}

.jump_back_form{
	
}


.captcha_pic{
	float: left;
}