@charset "UTF-8";
/* CSS Document */

		<style type="text/css">
	
		/*
		---------------------------
		general styles
		--------------------------- */

		body {
			background: #f4f4f4;
		}
		div#container {
			width: 761px;
		 
		    padding-top:10px;
			padding-bottom:20px;
			background: #fff;
		}





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

		form.dm_form {
			width: 100%;
			font-family:arial, sans-serif; font-size: 12px;;
			margin: 0;
			padding: 0;
			border: 0;
		}
		form.dm_form div.form_wrapper {
			margin: 0 -1%;
			padding: 0;
		}
		form.dm_form fieldset {
			clear: both;
			width:720px;
			padding: 0;
			border: 0;
		}
		form.dm_form fieldset.add_work {
			clear: both;
			width:300px;
			padding: 0;
			border: 0;
		}


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

		form.dm_form label {
			margin: 5px 1%;
			padding: 0;
			border: 0;
			float: left;
			display: table;
			width: 70px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
		}
		form.dm_form span.wrapper {
			margin: 0;
			padding: 0;
			display: table-cell;
			width: 1%; /* firefox */
		}
		form.dm_form label.wide  {width:85px;}


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

		form.dm_form label.w100 {
			width: 98%;
			display: block;
		}
		form.dm_form label.w75 {
			width: 73%;
			display: block;
		}
		form.dm_form label.w50 {
			width: 45%;
			display: block;
		}
		form.dm_form label.w25 {
			width: 23%;
			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 #999999;
			/*border-left: 2px solid #db4c8f;*/
			background: #f4f4f4;
			padding: 4px;
			font-family: arial, 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.date_select{
			width: 33%;
			display: block;
			border: 1px solid #999999;
			/*border-left: 2px solid #db4c8f;*/
			background: #f4f4f4;
			padding: 4px;
			font-family: arial, 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,
		form.dm_form label select.date_select{
			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,
		form.dm_form label select.date_select:focus		{
			border: 1px solid #d0d6da;
			/*border-left: 3px solid #db4c8f;*/
			background: #db4c8f;
			color:#ffffff;
		}

		/* 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 #999999;
			/*border-left: 2px solid #db4c8f;*/
		}

		/* 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-size: 1em;
		}

		form.dm_form input.submit:hover,
		form.dm_form input.submit:focus {
			background: #57ab44;
			/* 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 */
		}

		form.dm_form label span.title:hover,
		form.dm_form label span.title:focus {
			color: #cc3399;
			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;
		}
		.mb0 {
			margin-bottom: 0 !important;
		}
		.pb20 {
			padding-bottom: 20px !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;
		}
		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>