---------------------------
		general styles
		--------------------------- */
		div#hand{
			cursor: pointer;
		}
		legend {
			margin-bottom: 4px;
			padding: 4px;
			border 0;
			font-weight: bold;
		}
		.formular_caption {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 14px;
		color: #121D29;
		font-weight: bold;
		text-align: left;
		line-height: 24px;
		}
		fieldset{
		margin: 0.5em auto 0.5em auto;
		/*border: 1px solid #437b7c;*/
		font-size: 11px;
		width: auto;
		border 0;
		padding: 5px;
		display: block;
		clear: both;
		}
		fieldset#form_search_grey{
		text-align: left;
		width: auto;
		border: 0;
		background-image: url('http://www.lookajob.de/img/bg/bg_formular_grey.png');
		background-repeat: repeat-x;
		background-position: left top
		}
		fieldset#display_1{
			border: 0;
		}
		/*
		-------------------------------------------
		form
		------------------------------------------ */
		form.template {
			width: 97%;
			margin: 0;
			padding: 0;
			border: 0;
		}
		form.template div.form_wrapper {
			margin: 0 -1%;
			padding: 0;
		}
		form.template fieldset {
			clear: both;
			margin: 0 0 3px 0;
			padding: 0;
			border: 0;
		}
		/*
		---------------------------
		labels and wrappers
		--------------------------- */
		form.template label {
			margin: 0 1%;
			padding: 0;
			border: 0;
			float: left;
			display: table;
			width: 1%;
		}
		form.template span.wrapper {
			margin: 0;
			padding: 0;
			display: table-cell;
			width: 1%; /* firefox */
		}

		/*
		---------------------------
		width px
		--------------------------- */
		form.template label.px30 {
			width: 130px;
			padding-right: 17px;
			display: block;
		}
		/*
		---------------------------
		width %
		--------------------------- */
		form.template label.w100 {
			width: 93%;
			padding-right: 7px;
			display: block;
		}
		form.template label.w75 {
			width: 73%;
			padding-right: 7px;
			display: block;
		}
		form.template label.w50 {
			width: 48%;
			padding-right: 7px;
			display: block;
		}
		form.template label.w35 {
			width: 33%;
			padding-right: 7px;
			display: block;
		}
		form.template label.w30 {
			width: 28%;
			padding-right: 7px;
			display: block;
		}
		form.template label.w25 {
			width: 23%;
			padding-right: 7px;
			display: block;
		}
		form.template label.w20 {
			width: 18%;
			padding-right: 7px;
			display: block;
		}
		form.template label.w15 {
			width: 13%;
			padding-right: 7px;
			display: block;
		}
		form.template label.w10 {
			width: 8%;
			padding-right: 7px;
			display: block;
		}
		form.template label.w5 {
			width: 5%;
			padding-right: 7px;
			display: block;
		}
		/*
		---------------------------
		position
		--------------------------- */
		form.template label.p10 {
			margin-left: 11%;
		}

		/*
		---------------------------
		errors
		--------------------------- */
		form.template label.error input.field,
		form.template label.error select.field,
		form.template label.error textarea.field {
			border-color: #dd1100;
		}

		form.template label.error span.titleformular {
			color: #121D29;
		}

		/*
		---------------------------
		titleformular and examples 
		--------------------------- */
		form.template label span.titleformular {
			color: #5a5a5a;
			cursor: pointer;
		}
		form.template label span.example {
			color: #999;
		}

		/*
		---------------------------
		input/select fields 
		--------------------------- */
		form.template label input.field,
		form.template label select.field,
		form.template label textarea.field {
			width: 100%;
			display: block;
			border: 1px solid #d0d6da;
			border-left: 3px solid #c0c0c0;
			background: #e9edf0;
			padding: 3px;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			font-size: 10px;
			box-sizing: border-box;
			-moz-box-sizing: border-box; /* gecko */
			-webkit-box-sizing: border-box; /* khtml/webkit */
			-ms-box-sizing: border-box; /* IE */
		}

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

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

		/* Pflichtfelder
			mandatory fields */
		form.template label.mandatory input.field,
		form.template label.mandatory select.field,
		form.template label.mandatory textarea.field {
			border: 1px solid #c0c0c0;
			border-left: 8px solid #c0c0c0;
		}
		
		/* Kalenderfelder
			calendar fields */
		form.template.calendar input.field {
			padding-right: 25px;
		}

		/*
		---------------------------
		checkboxes and radios
		--------------------------- */
		form.template input.select {
			display: block;
			float: left;
			margin: 0;
		}
		/*
		---------------------------
		submit button
		--------------------------- */
		form.template input.submit {
			font-size: 10px;
			height: auto;
			color: #4D4D4D;
			width: 100%;
			font-weight: normal;
			border: 0;
			border-right: 1px solid #4D4D4D;
			border-bottom: 1px solid #4D4D4D;
			border-left: 1px solid #4D4D4D;
			border-top: 1px solid #4D4D4D;
			background: url('http://www.lookajob.de/img/icon/button_grey.gif') repeat-x;
			padding: 2px 0;
			cursor: pointer;
		}

		form.template input.submit:hover,
		form.template input.submit:focus {
			color: #999;
			border-right: 1px solid #999;
			border-bottom: 1px solid #999;
			border-left: 1px solid #999;
			border-top: 1px solid #999;
			background: url('http://www.lookajob.de/img/icon/button_grey_activ.gif') repeat-x;
		}
		
		/*
		---------------------------
		calender icon
		--------------------------- */
		form.template a.calendar {
			float: right;
			position: relative; top: 20px; left: -20px;
			z-index: 1000;
		}
		form.template a.calendar img {
			border: 0;
			position: absolute; top: 0; left: 0;
			z-index: 1001;
		}

		
		/*
		---------------------------
		additional styles for
		input/select fields
		--------------------------- */
		form.template label.inputselect span.titleformular {
			margin: 0 0 2px 0;
			float: left;
			display: table; /* act as inline-block */
		}
		form.template label.submitinline {
			margin: 0 0 2px 0;
			float: right;
			display: table; /* act as inline-block */
		}
		form.template label span.titleformular:hover,
		form.template label span.titleformular:focus {
			color: #427c7e;
			cursor: pointer;
		}

		form.template label br {
			margin: 0 0 2px 0;
		}
		/*
		---------------------------
		additional styles for
		checkboxes and radios
		--------------------------- */
		form.template label.wauto {
			width: auto;
			margin-right: 15px;
		}
		form.template label.radiocheck {
			margin-bottom: 10px;
		}
		form.template label.radiocheck span.wrapper {
			padding-right: 0;
		}
		form.template label.wauto span.wrapper {
			display: inline;
		}
		form.template label.radiocheck span.titleformular {
			display: block;
			margin: 0 0 0 20px;
			padding: 0;
		}

		/*
		---------------------------
		clearing elements
		--------------------------- */
		.clear {
			clear: both;
			display: block;
			padding: 0 0 7px 0;
		}
		.clear0 {
			clear: both;
			display: block;
			padding: 0 0 0 0;
		}
		.mb0 {
			padding-bottom: 0px !important;
		}
		.pb20 {
			padding-bottom: 20px !important;
		}
		.pb_topnav {
			padding-bottom: 4px !important;
		}
		.pb_toppage {
			padding-bottom: 3px !important;
		}

		/*
		---------------------------
		form content
		--------------------------- */
		form.template p {
			margin: 0 1% 10px 1%;
		}
		div.errors {
			display: none; /* JS toggle */
			margin: 0 1% 30px 1%;
			padding: 5px 10px;
			background: #dd1100;
		}
		---------------------------
		form Inputs
		--------------------------- */
		div.password {
			padding: 5px 3px;
			font-size: 10px;
		color: #fff;
		font-weight: normal;
		}
		div.ScrollDiv {
			display: none; /* JS toggle */
		}
		div.Input00 {
			display: none; /* JS toggle */
		}
		div.errors0 {
			display: none; /* JS toggle */
			margin: 0 1% 30px 1%;
			padding: 5px 10px;
			background: #427d79;
		}
		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;
		}