/* default styles for extension "tx_dfvforms_pi1" */
		/* DFV Forms */

.selected {
 background-color: silver;}

.highlight {
 color: red;}

.list {
 margin-left: 246px !important;
 width:190px;
 background-color: #fff;}

.list li {
 list-style: none;
 border-bottom: 1px solid silver;
 cursor: pointer;
 padding: 1px 4px 1px 4px;
 text-align: left;
}

.legendsub {color: #005191; padding: 0.5em; border-bottom: 1px solid #ccc;}
.legendsub h2 {font-size: 14px}
span.dfv_forms_mandatory {color: #000000;}

input.validation-failed,
textarea.validation-failed {

}

.dfv_forms_mandatory_js {
 margin: 5px 0 0 255px;
 color: #000;
 color: #CF0C14;
}

/* Sonderfall bei Checkboxen und Datumsfeldern */
.tx_dfvforms_pi1_fieldwrap_html_check .fieldwrap .dfv_forms_mandatory_js,
.tx_dfvforms_pi1_fieldwrap_html_datum .date_wrap .dfv_forms_mandatory_js {
  margin: 5px 0 0 0 !important;
}

.tx-dfv_forms-pi1_fieldset {
 border: none;
 width: 486px;
 margin: 1em 0;
}



.tx-dfv_forms-pi1_fieldset p,
.tx_dfvforms_pi1_fieldwrap_html_radio_title,
.tx-dfv_forms-pi1_fieldset label {
 width: 220px;
 margin-right: 26px;
 float: left;
}

.tx_dfvforms_pi1_fieldwrap_html label.error {
	color:#CC0000;
	margin:0;
	margin-left:245px;
}

.date_wrap label.error, .fieldwrap label.error {
	margin:0;
}

.error_wrap label.error {
	color:#CC0000;
	margin:0;
}

.tx_dfvforms_pi1_fieldwrap_html .fieldwrap {
 float: left;
 width: 198px;
}

.tx_dfvforms_pi1_fieldwrap_html .fieldwrap #col_r {
 float: right;
 width: 90px;
}

.tx_dfvforms_pi1_fieldwrap_html .fieldwrap #col_l  {
 float: left;
 width: 90px;
}

.tx-dfv_forms-pi1_fieldset input,
.tx-dfv_forms-pi1_fieldset textarea {
 border: 1px solid #005596;
 width: 180px;
 padding: 1px 4px;
 color: #00417D;
}
.tx-dfv_forms-pi1_fieldset select {
 border: 1px solid #005596;
 width: 190px;
 color: #00417D;
}

.tx_dfvforms_pi1_fieldwrap_html {
 margin: 0;
 clear: both;
 border-bottom: 1px solid #ccc;
 padding: 3px 5px 3px 10px;
 display: inline-block;
 width: 471px;
 background: #d2dfe9 url(/typo3conf/ext/dfv_forms/img/bg-forms-neu.gif) repeat-y center bottom
}


.tx_dfvforms_pi1_fieldwrap_html_headline {
 border-bottom: 1px solid #206DA8;
}

.tx_dfvforms_pi1_fieldwrap_html_label {
 background: #f1f1f1 !important;
 background-image: none !important;
 border-bottom:1px solid #CCCCCC;
 color:#005191;
 padding:0.5em;
 margin-top:1em;
 font-weight: 700;
 font-size: 14px
}
.tx_dfvforms_pi1_fieldwrap_html_html,
.tx_dfvforms_pi1_fieldwrap_html_headline,
.tx_dfvforms_pi1_fieldwrap_html_content,
.tx_dfvforms_pi1_fieldwrap_html_submitgraphic {
 background: #f1f1f1 !important;
 background-image: none !important;
 border-bottom: none !important
}

.tx_dfvforms_pi1_fieldwrap_html_submitgraphic {
 border: none;
 text-align: right;
 float: right;
 background: none !important;
 width: 200px;
 margin-top:8px;
}

.tx_dfvforms_pi1_fieldwrap_html:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.tx-dfv_forms-pi1_fieldset .dfv_forms_submit {
 font-weight: 700;
 width: auto !important;
 background-color: transparent;
 color: #FFF !important;
 cursor: pointer;
 border: none;
 padding: 4px;
 font-size: 1.1em;
 font-family: Arial;
}

.dfv_forms_check,
.dfv_forms_radio {
 width: 16px !important;
 border: none !important;
 margin: 0 !important;
 float:left;
}

*html .dfv_forms_check {
 margin: 0;}

*html .dfv_forms_radio {
 margin: 0;}

.dfv_forms_file {
 width: 180px !important;
 border: none !important;
}

.tx_dfvforms_pi1_fieldwrap_html_check label,
.tx_dfvforms_pi1_fieldwrap_html_radio label {
 width: 168px !important;
 float: right !important;
 margin: 0;
 vertical-align: top;
 cursor: pointer;
 color: #00417D;
}

*html .tx_dfvforms_pi1_fieldwrap_html_check label {margin: 2px 0;}
*html .tx_dfvforms_pi1_fieldwrap_html_radio label {margin: 2px 0;}

*+html .tx_dfvforms_pi1_fieldwrap_html_check label {margin: 2px 0;}
*+html .tx_dfvforms_pi1_fieldwrap_html_radio label {margin: 2px 0;}

.tx_dfvforms_pi1_fieldwrap_html_check br,
.tx_dfvforms_pi1_fieldwrap_html_radio br {
 clear:left;
}

.multiplefields_div {
 margin: 2px 0;
}


.tx_dfvforms_pi1_fieldwrap_html_submit input,
.tx_dfvforms_pi1_fieldwrap_html_button input,
.dfv_forms_button,
.tx_dfvforms_pi1_button,
.tx_dfvforms_pi1_confirmation_submit input,
.tx_dfvforms_pi1_confirmation_back input,
input.tx-dfv_forms-pi1_mandatory_submit {
 padding: 0.1em 0.5em;
 background-color: #02528F;
 color: #FFF !important;
 cursor: pointer;
 margin: 0.5em 0 0.5em 0;
}

.dfv_forms_button {
 float: right;
}
.tx_dfvforms_pi1_fieldwrap_html_button input,
.tx_dfvforms_pi1_confirmation_submit input {
  padding: 0 1em 0 0.5em;
}

.helplink {
 float: right;
 margin-right: 5px;
}

.helplink_fieldset {
 float: none;
}

.helplink_fieldset img {
 border: none;
}


/* Stepmenu */
.stepmenu {
 font-size: 1em;
 margin: 0px !important;
 list-style-type: none
}

#stepmenu_container, .stepmenu .tx-dfv_forms-pi1_active, .stepmenu .tx-dfv_forms-pi1_next, .stepmenu .tx-dfv_forms-pi1_prev, .stepmenu .tx-dfv_forms-pi1_first {
 background: url(/typo3conf/ext/dfv_forms/img/step-menu.png)}

#stepmenu_container {
 border: #dbdbdb 1px solid;
 margin: 1em 0px 0;
 width: 486px;
 background-repeat: repeat-x;
 height: 29px
}


.stepmenu .tx-dfv_forms-pi1_active {
 background-position: 100% -60px
}
.stepmenu .tx-dfv_forms-pi1_next, .stepmenu .tx-dfv_forms-pi1_first {
 background-position: 100% -90px
}
.stepmenu .tx-dfv_forms-pi1_prev {
 background-position: 100% -30px
}

.stepmenu li {
 float: left;
 color: #a1a1a1;
 line-height: 29px;
}

.stepmenu .tx-dfv_forms-pi1_active {
 padding-right: 20px;
 display: block;
 float: left;
 margin: 0px;
 width: auto !important;
 color: #005192;
 height: 29px
}

.stepmenu .tx-dfv_forms-pi1_active span.steptitle {
 padding-right: 1em;
 font-weight: 700;
}

.stepmenu .tx-dfv_forms-pi1_prev span.steptitle,
.stepmenu .tx-dfv_forms-pi1_next span.steptitle,
.stepmenu .tx-dfv_forms-pi1_first span.steptitle {
 padding-right: 2em;
 font-weight: 700;
}

.stepmenu .tx-dfv_forms-pi1_active span.steptitle a,
.stepmenu .tx-dfv_forms-pi1_prev span.steptitle a,
.stepmenu .tx-dfv_forms-pi1_next span.steptitle a,
.stepmenu .tx-dfv_forms-pi1_first span.steptitle a {
 font-weight: bold;
 color: #005192;
 text-decoration: none
}

.stepmenu .tx-dfv_forms-pi1_active span.stepnumber {
 float: left;
 line-height:29px;
 width: 36px}

.stepmenu .tx-dfv_forms-pi1_prev span.stepnumber,
.stepmenu .tx-dfv_forms-pi1_active span.stepnumber,
.stepmenu .tx-dfv_forms-pi1_first span.stepnumber,
.stepmenu .tx-dfv_forms-pi1_next span.stepnumber {
 float:left;
 height:29px;
 line-height:29px;
 text-align:center;
 width:29px;
}

.stepmenu .tx-dfv_forms-pi1_next span.stepnumber,
.stepmenu .tx-dfv_forms-pi1_active span.stepnumber a,
.stepmenu .tx-dfv_forms-pi1_first span.stepnumber a,
.stepmenu .tx-dfv_forms-pi1_next span.steptitle a {
 font-weight: bold;
 text-decoration: none;
}


.stepmenu .tx-dfv_forms-pi1_prev span.stepnumber a,
.stepmenu .tx-dfv_forms-pi1_active span.stepnumber a,
.stepmenu .tx-dfv_forms-pi1_first span.stepnumber a,
.stepmenu .tx-dfv_forms-pi1_next span.stepnumber a {
 color: #005192;
 text-decoration: none;
 font-weight: bold;
}

.stepmenu .tx-dfv_forms-pi1_active span.stepnumber {
 background: url(/typo3conf/ext/dfv_forms/img/step-menu-number-bg.png) no-repeat 10px 0px;
 padding-left:4px;
}

/* Stepmenu end */

#closebtn input,
#exit input,
.tx_dfvforms_pi1_submitmultiple_forward,
.tx_dfvforms_pi1_submitmultiple_back,
.tx_dfvforms_pi1_confirmation_submit input,
.tx_dfvforms_pi1_confirmation_back input,
input.tx-dfv_forms-pi1_mandatory_submit {
 color: #FFF;
 cursor: pointer;
}

.tx_dfvforms_pi1_submitmultiple_forward,
.tx_dfvforms_pi1_submitmultiple_back,
.tx_dfvforms_pi1_confirmation_back input,
input.tx-dfv_forms-pi1_mandatory_submit {
 color: #FFF !important;
 font-weight: 700;
 font-size: 1.1em !important;
 width: auto !important;
 float: left;
 border: none !important;
 background-color: #004E8D;
}

.tx_dfvforms_pi1_form .btn {background-color: #004E8D; margin: 1em 0;}
.exit_div .btn, #tooltip_content .btn {background-color: #004E8D;cursor:pointer}
#tooltip_content .btn {margin:1em}
.btn-submit-arrow-right, .btn-submit-arrow-left {
float: left; margin-top: 9px !important; margin-left: 5px;
}


#closebtn input,
#exit input {
 background-color:transparent;
 border:medium none;
 font-weight: 700;
 padding:3px;
 font-family: Arial;
}

span.btn-strech span {
	font-size: 1.1em;
	font-family: Arial;
	font-weight: 700;
}

#closebtn {
 margin: 10px;
 text-align: right;
}

.helplink img, .helplink:hover {
 background: none;
 text-decoration: none;
 border: 0;
}

/* Infobox */
.tooltip, #iframe_tt {
 z-index: 1000;
 position: absolute;
 opacity: 0;
 -moz-opacity: 0;
 filter:alpha(opacity=0);
 width: 355px;
 left: 200px;
}

.toolsub {
 margin-bottom: 0 !important;
 clear: both;
}

#iframe_tt {
 width: 350px;
 z-index: 999;
}

.tooltip {
 background: transparent url(/typo3conf/ext/dfv_forms/img/bubble.gif) no-repeat 0 0;
 font-size:0.8em;
}

.tooltip .toolmain {
 width: 350px;
}

.tooltip .toolsub {
 border-bottom: 1px solid #c9c2c1;
 height: 1px;
}

#h1_tt {
 font-weight: bold;
 margin: 10px;
}

#span_tt {
 line-height: 16px;
 margin: 10px;
 text-align: left;
}


/* Exit-Prevention */
.exit_div {
 display: none;
 z-index: 1000;
 background-color: #fff;
 color:#5A5C5E;
 padding: 1em;
}

#exit div p.bodytext {
 padding: 0 !important;
 margin: 0 !important;
 color: #000 !important;
}

#exit #exit_link {
 float: right;
}
/* transparent background for exit*/
#iframe {
 position: absolute;
 display: none;
 z-index: 998;
 left:0;
 top:0;
 background-color:black;

 opacity: 0.5;
 -moz-opacity:0.5;
 height: 1%;
}

#background {
 position: absolute;
 display: none;
 z-index: 999;
 left:0;
 top:0;
 background-color:black;

 opacity: 0.5;
 -moz-opacity:0.5;
 height: 1%;
}

select {
 z-index: 0;
}

.tx_dfvforms_pi1_fieldwrap_html_date script,
.tx_dfvforms_pi1_fieldwrap_html_date span,
.jscalendar_cb, .date2cal_img_help {
 display:none;
}

.tx_dfvforms_pi1_fieldwrap_html_html table {
 width: 98%;
}
.tx_dfvforms_pi1_fieldwrap_html_html table th,
.tx_dfvforms_pi1_fieldwrap_html_html table td {
 width: 49%;
 vertical-align: top;
}


/* Products */
.productgroupname {
 width: 200px;
}

.dfvproduct_product p {
 border:1px dotted #A4C0D5;
 cursor:pointer;
 margin:5px 0pt 0pt 5px;
 padding:5px 10px;
 width:455px;
}
.dfvproduct_product p.bodytext {
 border: none !important;
 cursor: auto !important;
 margin: 0 !important;
 padding: 0 !important;
 width: auto !important;
}
/*
.dfvproduct_product_checked {
 background: transparent url(/typo3conf/ext/dfv_forms/img/tick.png) no-repeat;
}
*/

.dfvproduct_product_checked p {
 background-color: #A4C0D5;
 color: #00417D;
}
.dfvproduct_product_checked p.bodytext {
 color: #00417D !important;
}

.dfvproduct_product select {
 margin-top: 5px;
}

.tx_dfvforms_pi1_fieldwrap_html_html p {
 width: auto;
 float: none;
}

.dfv_forms_all_table {
 border-collapse: collapse;
 border-spacing: 0;
 margin: 1em 0;
 background: url(/typo3conf/ext/dfv_forms/img/bg4.gif) repeat-y center bottom;
 border-top: 1px solid #005596;
}

.dfv_forms_all_table th,
.dfv_forms_all_table td {
 width: 234px;
 vertical-align: top;
 text-align: left;
 border-bottom: 1px dotted #CCC;
 padding: 4px 0;
}
.dfv_forms_all_table td {
 width: 226px;
 color: #00417D;
 padding: 4px 4px;
}

.tx_dfvforms_pi1_confirmation_back {}
.tx_dfvforms_pi1_confirmation_submit {
 float: right;
 width: auto !important;
}

.tx_dfvforms_pi1_fieldwrap_html_content p.bodytext {
 width: auto;
}

.tx-dfv_forms-pi1_fieldset_first {
 border: none;
 width: 486px;
 margin: 0 !important;
 padding: 0 !important;
}

.tx_dfvforms_pi1_confirmation_back {}
.tx_dfvforms_pi1_confirmation_submit {
 float: right;
 width: auto !important;
}

.tx_dfvforms_pi1_fieldwrap_html_content p.bodytext {
 width: auto;
}

.tx_dfvforms_pi1_fieldwrap_html table {
 width: 99%;
}
.tx_dfvforms_pi1_fieldwrap_html table th {
 width: 228px;
 font-weight: normal;
}

.tx_dfvforms_pi1_fieldwrap_html table th,
.tx_dfvforms_pi1_fieldwrap_html table td {
 border-bottom: 1px solid #CCCCCC;
 padding: 3px 6px;
}
.tx_dfvforms_pi1_fieldwrap_html #tabin td{
 border-bottom: 0px solid #CCCCCC;
 font-size:0.8em;
}

.tx_dfvforms_pi1_fieldwrap_html input.checkbox {
 display:inline;
 float:none;
 margin:0.4em 0.2em 0pt 0pt;
 width:auto !important;
 border: none;
}
.tx_dfvforms_pi1_fieldwrap_html label.checkbox {
 display:inline !important;
 float:none;
 width:auto !important;
}

div.fieldwrap p.bodytext {
 padding-bottom:0px !important;
 padding-top: 0px !important;
}

/* Date-Input */
.date_wrap {
 width:185px;
 float:left;

}

.tx-dfv_forms-pi1_fieldset .date_wrap input {
 width:155px !important;
}
.tx-dfv_forms-pi1_mandatory ul {
 list-style: none;
 padding-left: 0px;
}

.productbutton {
	background-color:transparent !important;
	color:#FFFFFF !important;
	cursor:pointer !important;
	margin:4px 0 0 0 !important;
	padding:0 !important;
	width: auto !important;
	border:none !important;
	font-weight: 700 !important;
	font-family: Arial;
	font-size: 1.1em;
}

.dfv-products-btnmail {margin: 10px 0 10px 247px !important}
		/* Datepicker */

		/* The wrapper div */
		div.datePicker {
			position:absolute;
			min-width:24em;
			width:24em;
			z-index:9999;
			text-align:center;

			/* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
			font:900 0.8em/0.8em Verdana, Sans-Serif;

			/* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
			/* font:900 77%/77% Verdana; */

			background:transparent;
		}
		/* Styles for the static datePickers */
		div.staticDP {
			position:relative;
			top:5px;
			left:0;
		}
		/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
		iframe.iehack {
			position:absolute;
			background:#fff;
			z-index:9998;
			padding:0;
			border:0;
			display:none;
			margin:0;
		}
		/* The "button" created beside each input for non-static datePickers */
		a.date-picker-control:link,
		a.date-picker-control:visited,
		a.date-picker-control:hover,
		a.date-picker-control:active,
		a.date-picker-control:focus {
			/*position:relative;*/
			/* Moz & FF */
			border:0 none;
			padding:0;
			/*margin:0 0 0 4px;*/
			background:transparent url(/typo3conf/ext/dfv_forms/img/cal/cal.gif) no-repeat 50% 50%;
			min-width:16px;
			line-height:1;
			cursor:pointer;
			visibility:visible;
			text-decoration:none;
			vertical-align:middle;
		}
		/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
		* html a.date-picker-control {
			width:16px;
		}
		.date-picker-control {
			float:right;
		}
		a.date-picker-control {
			/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
			display:inline-block;
		}
		a.date-picker-control span {
			display:block;
			width:16px;
			height:16px;
			margin:auto 0;
		}
		/* The next & previous buttons */
		div.datePicker th span {
			display:inline;
			padding:0;
			margin:0;
			color:#000;
			text-align:center;
			line-height:1em;
			border-width:0;
			font-family: georgia, times new roman, palatino, times, bookman, serif;
			background:transparent;
			font-weight:bold;
			cursor:pointer;
		}
		div.datePicker th span.month-display,
		div.datePicker th span.year-display {
			text-transform:uppercase;
			letter-spacing:1px;
			font:normal 1.2em Verdana, Sans-Serif;
			cursor:default;
		}
		div.datePicker th span.prev-but,
		div.datePicker th span.next-but {
			font-size:1.8em;
			cursor:pointer !important;
		}

		div.datePicker th span.today-but {
			text-align:center;
			margin:0 auto;
			font:normal 1em Verdana, Sans-Serif;
			width:100%;
			text-decoration:none;
			line-height:1.6em;
			text-transform:uppercase;
			cursor:pointer !important
		}
		div.datePicker thead th span.fd-disabled {
			color:#aaa;
			cursor:default !important;
		}
		/* The mon, tue, wed etc day buttons */
		div.datePicker th span.fd-day-header {
			text-align:center;
			margin:0 auto;
			font:900 1em Verdana, Sans-Serif;
			height:1.4em;
			width:2em;
			text-decoration:none;
			text-transform:lowercase;
			line-height:1.4em;
		}
		/* The table */
		div.datePicker table {
			position:relative;
			margin:0;
			padding:0;
			border:1px solid #ccc;
			background:#fff url(/typo3conf/ext/dfv_forms/img/cal/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
			text-align:center;
			width:100%;
			border-spacing:2px;
			table-layout:fixed;
			border-collapse:separate;
		}
		/* Common TD & TH styling */
		div.datePicker table td {
			border:1px solid #ccc;
			padding:0;
			text-align:center;
			vertical-align:middle;
			/* Opera requires a line-height bigger than 1em in order to redraw properly */
			line-height:1.2em;
			cursor:pointer;
			background:#fff url(/typo3conf/ext/dfv_forms/img/cal/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
			width:2em;
			height:2em !important;
			height:1.8em;
			outline:none;
		}
		div.datePicker table th {
			border:0 none;
			padding:0;
			line-height:1em;
			font-weight:bold;
			color:#222;
			text-align:center;
			vertical-align:middle;
		}
		div.datePicker table td.date-picker-unused {
			background:#fff url(/typo3conf/ext/dfv_forms/img/cal/backstripes.gif);
			border-color:#dcdcdc;
			padding:0;
			cursor:default !important;
		}
		div.datePicker table thead th.date-picker-title {
			width:auto;
			height:auto;
			padding:0.4em 0;
		}
		/* The "mon tue wed etc" day header button styles */
		div.datePicker table th.date-picker-day-header {
			text-transform:lowercase;
			width:3em;
		}
		div.datePicker table th.date-picker-day-header span {
			display:block;
		}
		/* The "todays date" style */
		div.datePicker table td.date-picker-today {
			background:#fff url(/typo3conf/ext/dfv_forms/img/cal/bullet2.gif) no-repeat 0 0;
			color:rgb(100,100,100) !important;
		}
		/* The "selected date" style */
		div.datePicker table td.date-picker-selected-date {
			color:#333 !important;
			border-color:#333 !important;
		}
		/* the "highlight days" style */
		td.date-picker-highlight {
			color:#a86666;
		}
		/* The date "out of range" style */
		div.datePicker table td.out-of-range {
			color:#ccc !important;
			font-style:oblique;
			background:#fcfcfc !important;
			cursor:default !important;
		}
		/* The "disabled days" style */
		div.datePicker table td.day-disabled {
			color:#aaa !important;
			background:transparent !important;
			cursor:default !important;
		}
		/* The "active cursor" style */
		div.datePicker table tbody td.date-picker-hover {
			background:#fff url(/typo3conf/ext/dfv_forms/img/cal/bg_header.jpg) no-repeat 0 0;
			cursor:pointer;
			border-color:rgb(100,130,170);
			color:rgb(100,130,170);
		}
		/*
		   Quirksmode necessity?
		   ---------------------

		   If your HTML document renders in quirksmode (i.e. has no doctype declaration)
		   then uncomment the following CSS rule to set a less drastic font-size in IE

		div.datePicker table th,
		div.datePicker table td {
			font-size:100%;
		}
		*/

		/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
		* html div.datePicker table td {
			background-image:none;
		}
		* html div.datePicker table td.date-picker-unused {
			background:#f2f2f2;
		}

/* default styles for extension "tx_a21glossary" */
	acronym, dfn, abbr, span.abbr { border-bottom: 1px dotted black; cursor: help; }
	dl.glossary dt { font-weight: bold; margin: 0 0 3px 0; font-style: normal; }
	dl.glossary dd { margin: 0 0 15px 20px; }
	dl.glossary .description { margin: 0; padding: 0; }
	dl.glossary .type { font-style: italic; padding: 0 3px 0 0; }
/* default styles for extension "tipafriend" */
		#tipform_html_message {
			display: none;		
		}