/*
		---------------------------
		general styles
		--------------------------- */

		div#container {
			/*width: 55%;
			margin: 20px 40px;
			padding: 20px;
			background: #fff;*/
			padding:0px;
		}
		/*
		-----------------------------------------------------------------
		form
		----------------------------------------------------------------- */

		form.dm_form {
			/*width: 100%;*/	/* LMILANI*/
			/*font-family: "Times New Roman", Times, serif;
			font-size: 1.2em;*/
			margin: 0;
			padding: 0;
			border: 0;
		}
		form.dm_form div.form_wrapper {
			/*margin: 0 -1%;*/
			padding: 0;
			width:98%;
		}
		/*form.dm_form fieldset {
			clear: both;
			margin: 0 0 20px 0;
			margin: 0; 
			padding: 0;
			border: 1;
		}*/


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

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


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

		form.dm_form label.w100 {
			width: 98%;
			display: block;
		}
		form.dm_form label.w90 {
			width: 88%;
			display: block;
		}

		form.dm_form label.w85 {
			width: 83%;
			display: block;
		}

		form.dm_form label.w80 {
			width: 78%;
			display: block;
		}

		form.dm_form label.w75 {
			width: 73%;
			display: block;
		}

		form.dm_form label.w70 {
			width: 68%;
			display: block;
		}

		form.dm_form label.w65 {
			width: 63%;
			display: block;
		}

		form.dm_form label.w60 {
			width: 58%;
			display: block;
		}

		form.dm_form label.w55 {
			width: 53%;
			display: block;
		}


		form.dm_form label.w50 {
			width: 48%;
			display: block;
		}

		form.dm_form label.w45 {
			width: 43%;
			display: block;
		}

		form.dm_form label.w40 {
			width: 38%;
			display: block;
		}

		form.dm_form label.w35 {
			width: 33%;
			display: block;
		}

		form.dm_form label.w30 {
			width: 28%;
			display: block;
		}

		form.dm_form label.w25 {
			width: 23%;
			display: block;
		}

		form.dm_form label.w23 {
			width: 16%;
			display: block;
		}

		form.dm_form label.w20 {
			width: 18%;
			display: block;
		}

		form.dm_form label.w18 {
			width: 16%;
			display: block;
		}

		form.dm_form label.w15 {
			width: 13%;
			display: block;
		}

		form.dm_form label.w10 {
			width: 9%;
			display: block;
		}

		form.dm_form label.w7 {
			width: 6%;
			display: block;
		}

		form.dm_form label.w6 {
			width: 5%;
			display: block;
		}

		form.dm_form label.w5 {
			width: 4%;
			display: block;
		}

		form.dm_form label.w4 {
			width: 3%;
			display: block;
		}


		.w8em {
			width: 8em;
			display: block;
		}
		/*
		---------------------------
		width - form field
		--------------------------- */


		form.dm_form .w100 {
			width: 98%;
			display: block;			
		}

		form.dm_form .w75 {
			width: 73%;
			display: block;
		}
		form.dm_form .w50 {
			width: 48%;
			display: block;
		}
		form.dm_form .w25 {
			width: 23%;
			display: block;
		}
		form.dm_form .w15 {
			width: 13%;
			display: block;
		}


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

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


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

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

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


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

		form.dm_form label span.title {

		}
		form.dm_form label span.example {
			color: #999;
			font-style: italic;	
		}


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

		form.dm_form label input.field,
		form.dm_form label select.field,
		form.dm_form label textarea.field {
			/*width: 100%;
			display: block;*/
			border: 1px solid #d0d6da;
			border-left: 3px solid #809db5;
			background: #e9edf0;
			padding: 2px;
			/*font-family: "Times New Roman", Times, serif sans-serif;
			font-size: 1em;*/
			box-sizing: border-box;
			-moz-box-sizing: border-box; /* gecko */
			-webkit-box-sizing: border-box; /* khtml/webkit */
			-ms-box-sizing: border-box; /* IE */
		}

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

		form.dm_form label input.field:focus,
		form.dm_form label select.field:focus,
		form.dm_form label textarea.field:focus {
			border: 1px solid #d0d6da;
			border-left: 3px solid #57ab44;
			background:#FFFFCC;
		}

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

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


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

		form.dm_form input.select {
			display: block;
			float: left;
			margin: 0;
		}


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

		form.dm_form input.submit {
			width: 100%;
			background: #809db5;
			color: #fff;
			padding: 2px 0;
			/*font-family:"Times New Roman", Times, serif; 
			font-size: 1.1em;*/
		}

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


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

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

		form.dm_form label.inputselect span.title {
			margin: 0 0 2px 0;
			display: table; /* act as inline-block */
			font-weight:bold
		}

		form.dm_form label span.title:hover,
		form.dm_form label span.title:focus {
			color: #557ca1;
			cursor: pointer;
		}

		form.dm_form label br {
			margin: 0 0 2px 0;
		}


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

		form.dm_form label.wauto {
			width: auto;
			margin-right: 15px;
		}
		form.dm_form label.radiocheck {
			margin-bottom: 10px;
		}
		form.dm_form label.radiocheck span.wrapper {
			padding-right: 0;
		}
		form.dm_form label.wauto span.wrapper {
			display: inline;
		}
		form.dm_form 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;
		}

		.bordotop {
			border-top:1px solid #ddd;
		}
		.

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

		.pb30 {
			padding-bottom: 30px !important;
		}

		.pb40 {
			padding-bottom: 40px !important;
		}


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

		form.dm_form p,
		form.dm_form h3 {
			margin: 0 1% 10px 1%;
		}
		
		div.errors {
			/*display: none;*/ /* JS toggle */
			margin: 0 1% 30px 1%;
			padding: 5px 10px;
			background: #dd1100;
			color: #fff;
		}
		div.errors p {
			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;
			list-style-image:none;
		}