/*
		-----------------------------------------------------------------
		form
		----------------------------------------------------------------- */

		#Formulario {
			width: 90%;			
			margin: 0;
			padding: 0;
			border: 0;
			text-align :left ;
		}
		#Formulario div.form_wrapper {
			margin: 0 1%;
			padding: 0;
		}
		#Formulario fieldset {
			clear: both;
			margin: 0 0 20px 0;
			padding: 0;
			border: solid 1px #cccccc;
		}
		
		#Formulario legend
		{
			margin-bottom :5px;
			margin-top :5px;
			background-color:#741A14;
			color:White ;
			padding :5px;
			font-weight :bold ;
		}

		/*
		---------------------------
		labels and wrappers
		--------------------------- */

		#Formulario label {
			margin: 0 1%;
			padding: 0;
			border: 0;
			float: left;
			display: table;
			width: 1%;
		}
		#Formulario span.wrapper {
			margin: 0;
			padding: 0;
			display: table-cell;
			width: 1%; /* firefox */
		}


		/*
		---------------------------
		width
		--------------------------- */

		#Formulario label.w100 {
			width: 98%;
			display: block;
		}
		#Formulario label.w75 {
			width: 73%;
			display: block;
		}
		#Formulario label.w50 {
			width: 48%;
			display: block;
		}
		#Formulario label.w25 {
			width: 23%;
			display: block;
		}


		/*
		---------------------------
		position
		--------------------------- */

		#Formulario label.p25 {
			margin-left: 26%;
		}
		#Formulario label.p50 {
			margin-left: 51%;
		}
		#Formulario label.p75 {
			margin-left: 76%;
		}


		/*
		---------------------------
		errors
		--------------------------- */

		#Formulario label.error input.field,
		#Formulario label.error select.field,
		#Formulario label.error textarea.field {
			border-color: #dd1100;
		}

		#Formulario label.error span.title {
			color: #dd1100;
		}


		/*
		---------------------------
		title and examples 
		--------------------------- */

		#Formulario label span.title {
		}
		#Formulario label span.example {
			color: #562239;
			font-style: italic;	
		}


		/*
		---------------------------
		input/select fields 
		--------------------------- */

		#Formulario label input.field,
		#Formulario label select.field,
		#Formulario label textarea.field {
			width: 100%;
			display: block;
			border: 1px solid #cccccc;
			border-left: 3px solid #a58b00;
			background: #f5f9f8;
			padding: 4px;
			font-family: sans-serif; font-size: 1em;
			-moz-box-sizing: border-box; /* firefox */
		}

		#Formulario label select.field {
			padding: 4px 1px 1px 1px; /* have to try out */
		}

		#Formulario label input.field:focus,
		#Formulario label select.field:focus,
		#Formulario label textarea.field:focus {
			border: 1px solid #cccccc;
			border-left: 3px solid #a58b00;
			background: #a58b00;
		}

		/* Pflichtfelder
			mandatory fields */
		#Formulario label.mandatory input.field,
		#Formulario label.mandatory select.field,
		#Formulario label.mandatory textarea.field {
			border: 1px solid #807378;
			border-left: 8px solid #807378;
		}

		/* Kalenderfelder
			calendar fields */
		#Formulario label.calendar input.field {
			padding-right: 25px;
		}


		/*
		---------------------------
		checkboxes and radios
		--------------------------- */

		#Formulario input.select {
			display: block;
			float: left;
			margin: 0;
		}


		/*
		---------------------------
		submit button
		--------------------------- */

		#Formulario input.submit {
			width: 100%;
			background: #807378;
			color: #fff;
			padding: 2px 0;
			font-size: 1em;
		}

		#Formulario input.submit:hover,
		#Formulario input.submit:focus {
			background: #bfacb5;
			/* cursor: pointer;  sorry, can't use that one in front of Opera */
		}


		/*
		---------------------------
		calender icon
		--------------------------- */
		
		#Formulario a.calendar {
			float: right;
			position: relative; top: 3px; left: -20px;
			z-index: 1000;
		}
		#Formulario a.calendar img {
			border: 0;
			position: absolute; top: 0; left: 0;
		}

		
		/*
		---------------------------
		additional styles for
		input/select fields
		--------------------------- */

		#Formulario label.inputselect span.title {
			margin: 0 0 2px 0;
			display: table; /* act as inline-block */
		}

		#Formulario label span.title:hover,
		#Formulario label span.title:focus {
			color: #57ab44;
			/*cursor: pointer;*/
		}

		#Formulario label br {
			margin: 0 0 2px 0;
		}


		/*
		---------------------------
		additional styles for
		checkboxes and radios
		--------------------------- */

		#Formulario label.wauto {
			width: auto;
			margin-right: 15px;
		}
		#Formulario label.radiocheck {
			margin-bottom: 10px;
		}
		#Formulario label.radiocheck span.wrapper {
			padding-right: 0;
		}
		#Formulario label.wauto span.wrapper {
			display: inline;
		}
		#Formulario label.radiocheck span.title {
			display: block;
			margin: 0 0 0 20px;
			padding: 0;
		}


		/*
		---------------------------
		clearing elements
		--------------------------- */

		.clear {
			clear: both;
			display: block;
			padding: 0 0 10px 0;
		}
		.mb0 {
			margin-bottom: 0 !important;
		}

		.pb20 {
			padding-bottom: 20px !important;
		}


		/*
		---------------------------
		form content
		--------------------------- */

		#Formulario p,
		#Formulario h3 {
			margin: 0 1% 10px 1%;
		}
		
		div.errors {
			display: none; /* JS toggle */
			margin: 0 1% 30px 1%;
			padding: 5px 10px;
			background: #dd1100;
		}
		div.errors p {
			color: #fff;
			margin: 0 0 0.5em 0;
		}
		div.errors ul {
			margin: 0 0 0 1.6em;
			padding: 0;
		}
		div.errors ul li {
			margin: 0;
			padding: 0;
			color: #fff;
			list-style-type: square;
		}

		</style>



		<!--[if lte IE 7]>
		<style type="text/css">

		/* styles for IE */

		div#container {
			height: 1%; /* as always: hasLayout for content wrappers should be meaningful */
		}


		#Formulario div.form_wrapper {
			display: inline-block;
		}


		#Formulario label {
			display: inline-block !important;
			width: 1%;
			height: 1%;
			margin-right: 0.9% !important; /* avoid position bugs */
		}
		#Formulario span.wrapper {
			display: block !important;
			width: 100%;
			overflow: hidden;
		}
		#Formulario label.radiocheck span.wrapper {
			width: auto;
		}

		#Formulario label input.field,
		#Formulario label select.field,
		#Formulario label textarea.field {
			position: relative; /* put on top */
			width: expression(parentNode.offsetWidth - 13); /* - border - padding */
			padding-top: 2px;
			padding-bottom: 2px;
		}
		#Formulario label.mandatory input.field,
		#Formulario label.mandatory select.field,
		#Formulario label.mandatory textarea.field {
			width: expression(parentNode.offsetWidth - 18); /* - border - padding */
		}

		#Formulario label.calendar input.field {
			width: expression(parentNode.offsetWidth - 34); /* - border - padding - icon width */
		}

		#Formulario label input.select {
			position: relative;
			left: -2px;
			top: -2px;
		}
		#Formulario label select.field {
			width: 100%;
		}


		#Formulario label.inputselect span.title {
			display: inline-block !important;
		}

		#Formulario label.radiocheck {
			width: auto;
		}
		#Formulario label.radiocheck.w100 {
			width: 98%; /* avoid label being too short */
		}
		#Formulario label.radiocheck span.title {
			display: inline-block !important;
			margin-left: 0;
		}

		</style>
		<![endif]-->



		<style type="text/css">

		/*
		=================================================================
		Benutzerstyleangaben zur individuellen Anpassung des Formulars
		user styles for form customization
		================================================================= */


		/*
		-----------------------------------------------------------------
		form
		----------------------------------------------------------------- */

		#Formulario {
		}


		/*
		---------------------------
		errors
		--------------------------- */

		#Formulario label.error input.field,
		#Formulario label.error select.field,
		#Formulario label.error textarea.field {
		}

		#Formulario label.error span.title {
		}


		/*
		---------------------------
		title and examples 
		--------------------------- */

		#Formulario label span.title {
		}
		#Formulario label span.example {
		}


		/*
		---------------------------
		input/select fields 
		--------------------------- */

		#Formulario label input.field,
		#Formulario label select.field,
		#Formulario label textarea.field {
		}
		#Formulario label select.field {
			/* have to try out */
		}

		#Formulario label input.field:focus,
		#Formulario label select.field:focus,
		#Formulario label textarea.field:focus {
		}

		/* Pflichtfelder
			mandatory fields */
		#Formulario label.mandatory input.field,
		#Formulario label.mandatory select.field,
		#Formulario label.mandatory textarea.field {
		}


		/*
		---------------------------
		submit button
		--------------------------- */

		#Formulario input.submit {
		}

		#Formulario input.submit:hover,
		#Formulario input.submit:focus {
		}


		/*
		---------------------------
		additional styles for
		input/select fields
		--------------------------- */

		#Formulario label.inputselect span.title {
		}

		#Formulario label span.title:hover,
		#Formulario label span.title:focus {
		}


		/*
		---------------------------
		form content
		--------------------------- */

		#Formulario p,
		#Formulario h3 {
		}
		
		</style>

		<!--[if lte IE 7]>
		<style type="text/css">

		/* styles for IE */

		#Formulario label input.field,
		#Formulario label select.field,
		#Formulario label textarea.field {
			/* width: expression(parentNode.offsetWidth - 000); */ /* - border - padding */
		}
		#Formulario label.mandatory input.field,
		#Formulario label.mandatory select.field,
		#Formulario label.mandatory textarea.field {
			/* width: expression(parentNode.offsetWidth - 000); */ /* - border - padding */
		}