/* ---------------------------------------------------------------------------
 * this file is generated 20. March 2011 / 21:19:44 by ext:swisstypo3_config
 * ext. included : flipbook,mailform 
 * --------------------------------------------------------------------------- */

/* include from fileadmin/css/ext/flipbook/flipbook.css */

#fbMenu {
    text-align: center;
}

#fbContainer {
    margin-left: 5px;
}

#fbFooter {
    width: 100%;
    margin-top: 10px;
    text-align: center;

}

#fbContents {

width: 360px;
margin-left: 110px;
}

#fbMenu {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.fbPaginationMinor,
#fbCurrentPages,
#fbTotalPages {
    line-height: 25px;
}

/* include from fileadmin/css/ext/mailform/mailform.css */

/*******************************************************************************Element container layout definitionAll elements are shown in a container which uses one of the followingclasses. Please read the specific container description for moreInformation.*******************************************************************************/
/** * This class represents the outer mailform table. In this table * all fields and elements are shown in cells */
.mailform-table-outer {
	display: block;
}
/** * If you like to access every single cell, please use the form wizard * You may input here a class which is used for every cell, but you must */
/** * td-no-style represents every single defined cell. But you can change the * class of every cell in the field wizard */
.td-no-style {
	background-color: transparent;
}
/** * This class is used for the outer container of a Form-Element * IF the current form content is valid * In the current version not used, for later purposes */
.tx_mailform_valid {
}
/** * This class is used for the outer container of a Form-Element * IF the current form content is not valid. */
.tx_mailform_invalid {
}
/** * This class is used for the outer container of a Form-Element * IF the current content is required, and the user has not yet input * the required data */
.tx_mailform_required {
}
/** * This class is used for the outer container of a Form-Element * The class is used, if the form has not yet sent, and is not corrected. * Actually this is the class, the user will see the most (if he inputs correct * data) */
.tx_mailform_none {
}
/** * If the user inputs invalid data, the error will be displayed with * this text formation */
.tx_mailform_FieldErrorMessage {
	color: #ff0000;
	font-weight: bold;
}
/** * This is the class which will be the outer container class for Layout * elements. * That excludes all form elements. * It Includes eg title-element, html-element, separator-element */
.tx_layout_element_container {
	color: #ff0000;
}
/******************************************************************************* Formular required star All existing possibilities for a required star are listed below*******************************************************************************/
.tx_mailform_required_star {
}
.tx_mailform_required_star-ok {
}
.tx_mailform_required_star-required {
}
.tx_mailform_required_star-error {
}
/******************************************************************************* Formular element label definition All current existing elements are listed below You can separately design every different element type*******************************************************************************/
.tx_mailform_label_global {
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
.tx_mailform_label_textarea {
  text-align:right;
}
.tx_mailform_label_title {
}
.tx_mailform_label_text {
}
.tx_mailform_label_textwdesc {
}
.tx_mailform_label_default {
	width: 220px;
}
.tx_mailform_label_submit {
}
.tx_mailform_label_file {
}
.tx_mailform_label_password {
}
.tx_mailform_label_radio {
}
.tx_mailform_label_select {
}
.tx_mailform_label_layout_default {
}
.tx_mailform_label_navi_nextpage {
}
.tx_mailform_label_navi_previouspage {
}
.tx_mailform_label_navi_pagenavi {
}
.tx_mailform_label_navi_reset {
}
.tx_mailform_label_submit {
}
/******************************************************************************* Formular element layout definition All current existing elements are listed below You can separately design every different element type*******************************************************************************/
/**  * Normal Text element  */
.tx_mailform_text {
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
	height: 15px;
}
/** * Select (Dropdown / Multiselect) */
.tx_mailform_select {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 5px;
}
.tx_mailform_option {
	font-size: 10px;
	color: #000000;
}
/** * Textarea */
.tx_mailform_textarea {
	font-size: 11px;
	font-family: Arial;
	color: #000000;
	/* background-color: #F3F3F3;
*/
	margin-bottom: 5px;
	border: 1px solid #000000;
	width: 192px;
}
/** * Hidden Field * (Actually it does not make sense to design a invisible element) */
.tx_mailform_hidden {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
}
/** * Password field */
.tx_mailform_password {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 5px;
}
/** * File Upload * Currently not functional */
.tx_mailform_file {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 5px;
}
/** * Captcha */
.tx_mailform_captcha {
	font-size: 15px;
	color: #000000;
	border: 1px solid #000000;
	height: 18px;
	width: 192px;
}
/** * Checkboxes */
input.tx_mailform_checkbox_box {
	border: none;
}
div.tx_mailform_checkbox_wrap {
	overflow: hidden;
	float: left;
}
* html div.tx_mailform_checkbox_wrap {
	overflow: visible;
	height: 1%;
}
div.tx_mailform_checkbox_element {
	width: 220px;
	height: 1%;
	margin-top: 2px;
}
td.tx_mailform_checkbox_text {
	font-size: 11px;
	color: #000000;
}
label.tx_mailform_cb_label {
	font-size: 11px;
	font-weight: normal;
	margin-left: 5px;
}
/** * Radio Buttons */
input.tx_mailform_radio_button {
}
td.tx_mailform_radio_text {
	font-size: 10px;
	color: #000000;
	padding: 5px;
}
label.tx_mailform_rb_label {
	font-size: 10px;
	color: #000000;
	/*margin-bottom: 2px;
*/
}
tx_mailform_radio_element {
	width: 90px;
	height: 1%;
	margin-top: 2px;
}
/******************************************************************************* Layout-element layout definition All current existing elements are listed below You can separately design every different element type*******************************************************************************/
/** * Popular HR Separator */
.tx_mailform_hrSeparator {
	width: 100%;
	height: 2px;
}
/** * Text Title */
.mailform-table-outer h3 {
	display: block;
}
/** * HTML - Element * * - The HTML Element is not accessable over CSS. * - Please Include your CSS Definition in your specified HTML Element * - In the Wizard */
/******************************************************************************* Navigation-element layout definition All current existing elements are listed below You can separately design every different element type*******************************************************************************/
/** * Submit Button */
.tx_mailform_submit {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 5px;
}
/** * Submitbutton with extended features */
.tx_mailform_submitextended {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 5px;
}
.tx_mailform_navi_nextpage {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 5px;
}
.tx_mailform_navi_previouspage {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 5px;
}
.tx_mailform_navi_reload {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 5px;
}
.tx_mailform_navi_pagenavi {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 5px;
}
.tx_mailform_navi_reset {
}
.tx_mailform_field_text, .tx_mailform_field_textwdesc, .tx_mailform_field_textwdesc-anderes_textfeld, .tx_mailform_field_textarea, .tx_mailform_field_select, .tx_mailform_field_radio, .tx_mailform_field_password, .tx_mailform_field_submit, .tx_mailform_field_submitimage, .tx_mailform_field_submitextended, .tx_mailform_field_file {
	width: 100%;
	overflow: hidden;
}
.tx_mailform_field_text-float, .tx_mailform_field_text-float_labelrechts {
	float: left;
}
.tx_mailform_field_text-float_ohnelabel {
	float: left;
	overflow: hidden;
}
.tx_mailform_field_select-float_left_withlabel, .tx_mailform_field_select-float_left {
	float: left;
	width: 100%;
}
.tx_mailform_field_checkbox {
	overflow: hidden;
	padding-bottom: 15px;
}
/** * captcha styles */
.tx_mailform_field_captcha {
	display: block;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	margin-bottom: 5px;
	margin-top: 20px;
}
div.tx_mailform_captcha_image {
	float: left;
	min-width: 220px;
	max-width: 220px;
}
div.tx_mailform_captcha_notice {
	float: left;
	min-width: 220px;
}
div.tx_mailform_captcha_errmsg {
	min-width: 100%;
	padding-top: 5px;
}
div.tx_mailform_captcha_formelement {
	min-height: 25px;
	max-height: 25px;
	height: 25px;
}
.tx_mailform_field_staticcountry {
}
.tx_mailform_field_contelement {
}
/** * Layout Elements */
.tx_mailform_layout_default {
}
.tx_mailform_layout_title {
}
.tx_mailform_layout_htmlelement {
}
.tx_mailform_layout_error {
}
/** * Navigation */
.tx_mailform_navi_pagenavi {
}
.tx_mailform_navi_nextpage {
}
.tx_mailform_navi_previouspage {
}
.tx_mailform_navi_reset {
}
.tx_mailform_td_label {
}
.tx_mailform_div_label_left {
	width: 220px;
	float: left;
}
.tx_mailform_div_label_error {
	color: #ff0000;
	font-weight: bold;
}
.tx_mailform_div_input {
	float: left;
}
.tx_mailform_div_icon {
	float: left;
}
.tx_mailform_div_err_msg, .tx_mailform_div_err_msg_block {
	display: block;
}
.tx_mailform_div_err_msg, .tx_mailform_div_err_msg_float-left {
	float: left;
}
.tx_mailform_div_err_msg_float-none {
	float: none;
}
.tx_mailform_div_err_msg_1 {
	color: #ff0000;
}
.tx_mailform_field_text-float_labelrechts_input {
	width: 60px;
}
.tx_mailform_div_label_left_nowidth {
	float: left;
}
.tx_mailform_div_output_select_width {
	float: left;
	width: 220px;
}
.tx_mailform_div_output_select-check {
	float: left;
}
.mailform_radio_box, .mailform_checkbox_box {
	border: none;
	margin: 0;
	padding: 0;
	height: 15px;
	float: left;
}
.tx_mailform_layout_title {
	clear: both;
}
.td-bold-cb label.tx_mailform_cb_label,
label.tx_mailform_label_checkbox {
	text-align: left;
  font-weight:bold;
}
label.tx_mailform_cb_label {
  font-weight:normal;
  text-align: left;
}
.mailform_checkbox_box,
.tx_mailform_cb_label {
  display:inline;
}
.td-bottom .tx_mailform_cb_label,
.td-bottom div.tx_mailform_checkbox_element {
  width:100%;
}
.tx_mailform_field_captcha .tx_mailform_td_label,
.tx_mailform_field_submit .tx_mailform_td_label {
  width:220px;
}
.tx_mailform_field_checkbox .tx_mailform_div_label_left {
  float:none;
}