@charset  "UTF-8";

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) CSS-component for creating vertical forms
 * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
 *
 * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media all
{
	/**
	   *  YAML Forms - visual styling
	   *
	   *  (en) visual form styling area
	   *  (de) Festlegung des optischen Erscheinungsbildes
	   */
	
	.yform
	{
		margin: 1em 0 1em 0;
		padding: 0;
	}
	
	.yform fieldset
	{
		border: 1px #ccc solid;
		margin: 0 0 1em 0;
		padding: 0.5em 1em;
		
	}
	
	.yform legend
	{
		font-weight: bold;
	}
	
	.yform label
	{
		color: #008a53;
	}
	.yform ul
	{
	margin-left:0;
	}
	.yform li
	{
		list-style: none;
		margin:0 0 1em 0;
	}
	
	.yform li.submit
	{
	margin-left:155px;
	}
	.yform li.required, .yform li.required label {
	}
	.yform li.required span{
	display:block;
	margin-left:135px;
	color:#A01A24;
	font-size:85%;
	}
	.yform li.hinweis{
	font-size:85%;
	}
	.yform input,
	  .yform textarea,
	  .yform  select
	{
		font-family: Arial, Helvetica, sans-serif;
		/* proportional fonts for all form elements */
		border: 1px solid #008a53;
		padding:2px;
	}
	.yform  select
	{
		width:65px;
	}
	.yform  #m31be3moduleform_1 select
	{
		width:200px;
	}
	.yform input
	{
		width:194px;
	}
	.yform .newsletter input
	{
		width:auto;
	}
	/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
	.yform div input:focus,
	  .yform div select:focus,
	  .yform div textarea:focus,
	  .yform div input:hover,
	  .yform div select:hover,
	  .yform div textarea:hover,
	  .yform div input:active,
	  .yform div select:active,
	  .yform div textarea:active
	{
		border: 1px #a66 solid;
		background: #fff;
	}
	
	/* Styling of buttons | Gestaltung von Buttons */
	.yform .type-button input, #m4fbrp_submit
	{
		border-top: 1px #ddd solid;
		border-left: 1px #ddd solid;
		border-right: 1px #444 solid;
		border-bottom: 1px #444 solid;
		color: #fff;
		background: #454545 url(images/button_gray.png) top left repeat-x;
		padding: .5em 1.2em;
		margin-left:12px;
	}
	
	.yform .type-button input#reset
	{
		color: #300;
		background: #661717 url(images/button_red.png) top left repeat-x;
	}
	
	.yform input#m31be3fbrp_submit,
	.yform input#anmelden
	{
		color: #fff;
		background: #008a53;
		width:256px;
	}
	.yform input#anmelden
	{
	margin-left:135px;
	width:200px;
	}
	/* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
	.yform div.type-button input:focus,
	  .yform div.type-button input:hover,
	  .yform div.type-button input:active
	{
		border-top: 1px #444 solid;
		border-left: 1px #444 solid;
		border-right: 1px #ddd solid;
		border-bottom: 1px #ddd solid;
		color: #fff;
		background: #555;
	}
	
	.yform div.type-button input#reset:focus,
	  .yform div.type-button input#reset:hover,
	  .yform div.type-button input#reset:active
	{
		background: #800;
		color: #fff;
	}
	
	.yform div.type-button input#submit:focus,
	  .yform div.type-button input#submit:hover,
	  .yform div.type-button input#submit:active
	{
		background: #880;
		color: #fff;
	}
	.yform label.error {
color:red;
display:block;
float:none;
width:auto;
vertical-align:top;
}
	/*------------------------------------------------------------------------------------------------------*/
	
	/**
	  * Vertical-Forms - technical base (standard)
	  *
	  * |-------------------------------|
	  * | fieldset                      |
	  * |-------------------------------|
	  * |   label                       |
	  * |   input / select / textarea   |
	  * |-------------------------------|
	  * | /fieldset                     |
	  * |-------------------------------|
	  *
	  * (en) Styling of forms where both label and input/select/textarea are styled with display: block;
	  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden
	  *
	  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
	  */
	
	/* General form styling  | Allgemeine Formatierung des Formulars */
	.yform
	{
		overflow: hidden;
	}
	
	.yform fieldset
	{
		overflow: hidden;
	}
	
	.yform legend
	{
		background: transparent;
		border: 0;
	}
	
	.yform label
	{
		display: block;
		cursor: pointer;
		float: left;
		width: 135px;
	}
	
	.yform .message
	{
		display: block;
		margin-bottom: 0.5em;
		color: #666;
	}
	
	/* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
	.yform input[type=hidden]
	{
		display: none !important;
	}
	
	/* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
	.yform sup
	{
		color: #800;
		font-weight: bold;
	}
	
	/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
	.yform div.type-text,
	  .yform div.type-select,
	  .yform div.type-check,
	  .yform div.type-button
	{
		margin: 0.5em 0;
		position: relative;
		overflow: hidden;
	}
	
	/* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
	.yform .type-text input,
	  .yform .type-text textarea
	{
		display: block;
		position: relative;
		padding: 0.3em 0.3em;
		width: 58.5%;
	}
	
	.yform .type-select select
	{
		display: block;
		position: relative;
		padding: 0.3em 2px 0.3em 1px;
		width: 60%;
		cursor: pointer;
	}
	
	.yform .type-select select optgroup
	{
		font-style: normal;
		font-weight: bold;
	}
	
	.yform .type-check input
	{
		cursor: pointer;
	}
	
	.yform .type-check label
	{
		display: inline;
	}
	
	/* Styling of buttons | Gestaltung von Buttons */
	.yform .type-button input
	{
		width: auto;
		cursor: pointer;
	}
	
	/* Styling of error-messages | Fehlermeldungen */
	.yform div.error
	{
		border: 1px #a00 dashed;
		background: #faf4f4;
		padding: 0.5em;
	}
	
	.yform div.error label
	{
		color: #000;
		font-weight: bold;
	}
	
	.yform div.error .message
	{
		color: #800;
	}
	
	/*------------------------------------------------------------------------------------------------------*/
	
	/**
	  * Columnar forms display - technical base (optional)
	  *
	  * |-------------------------------------------|
	  * | fieldset                                  |
	  * |-------------------------------------------|
	  * |                                           |
	  * |   label   |   input / select / textarea   |
	  * |                                           |
	  * |-------------------------------------------|
	  * | /fieldset                                 |
	  * |-------------------------------------------|
	  *
	  * (en) Styling of forms where label floats left of form-elements
	  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
	  *
	  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
	  */
	
	/* Columnar display | Spalten-Darstellung */
	.columnar .type-text label,
	  .columnar .type-select label
	{
		float: left;
		width: 30%;
		/* Can be fixed width too | Kann auch eine fixe Angabe sein */
	}
	
	/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
	.columnar div.type-check
	{
		padding-left: 30%;
	}
	
	.columnar div.error .message
	{
		margin-left: 30%;
	}
	
	.columnar div.type-text input,
	  .columnar div.type-text textarea
	{
		width: 67.8%;
	}
	
	.columnar div.type-select select
	{
		width: 69.4%;
	}
	
	/* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
	* html .columnar div.type-text input,
	  * html .columnar div.type-text textarea
	{
		width: 67.2%;
	}
	
	* html .columnar div.type-select select
	{
		width: 68.8%;
	}
	
	/*------------------------------------------------------------------------------------------------------*/
	
	/**
	  * Forms Fieldset/Legend-Bug in IE
	  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
	  *
	  * @workaround
	  * @affected IE 5.x/Win, IE6, IE7
	  * @css-for IE 5.x/Win, IE6, IE7
	  * @valid yes
	  */
	
	/* IE5.x & IE6 */
	* html .yform legend
	{
		position: absolute;
		top: -.5em;
		left: .5em;
	}
	
	* html .yform fieldset
	{
		overflow: visible;
		height: 1%;
		margin-top: 1.5em;
		padding-top: 1.5em;
	}
	
	/* IE7 */
	*+html .yform legend
	{
		position: absolute;
		top: -.5em;
		left: .5em;
	}
	
	*+html .yform fieldset
	{
		overflow: visible;
		height: 1%;
		margin-top: 1.5em;
		padding-top: 1.5em;
	}
	
	#fbrp__88_1_day {
		width:45px;
	}
	
	#fbrp__88_1_month {
		width:82px;
	}
	
	#fbrp__88_1_year {
		width:65px;
	}
	
	#fbrp__89_1_hour, #fbrp__89_1_min {
		width:45px;
	}

	#fbrp__37, #fbrp__54 {
		width:88px;
	}
	
	.form_kontaktdaten, .form_eventwunsch {
		color: #008A53;
		font-weight:bold;
		margin-top:25px !important;
	{
}