/**
 *
 * Formular-Gestaltung
 *
 */

@media screen, projection {

/* Suchformular -------------------------------------- */

	.ym-col3 .ym-searchform {
		background: #efeee7;
		line-height: 2em;
		
	}
	
	.ym-searchform form {
		margin: 1.4em 0 0.4em 0.3em;
		
	}
	
	.ym-searchform label {
		display: block;
		color: #000;
		margin-left: 4px;
	}


/* Eingabefeld */
	.ym-searchform .ym-searchfield {
		background: #fff;
		line-height: 1em;
		padding: 0.5em;
		/*width: 198px;*/
		width: 62%;
		outline: none;
		border:  1px solid #d9d9d9;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em;
		margin-left: 2px;
		/*display: block;*/
		}
		
	.ym-searchform .sf-02 {
		width: 66%;
		font-weight: normal;
		padding: 0.8em 0.5em;
		font-family: Roboto, Helvetica, Arial, sans-serif;
		color: #656565;
		font-size: 0.8em;
		margin-left: 0;
	}	
	

			
	

/* Suchbutton */
	.ym-searchform div.btn {
		/*width: 82px;*/ 
		width: 30%;
		
		float: right;
		text-align: center;
		margin-right: 10px;
		
}

	.ym-searchform div.btn:hover {
		background-image: linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		background-image: -o-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		background-image: -moz-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		background-image: -webkit-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		background-image: -ms-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.11, rgb(97,25,16)),
			color-stop(0.56, rgb(173,47,28))
		);
		
		-webkit-border-radius: 03px;
		-moz-border-radius: 03px;
		border-radius: 03px;
}

	
	.ym-searchform .ym-searchbutton {
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		width: 100%;
		background: transparent;
		border: 0 none;
		font-family: Roboto, Helvetica, Arial, sans-serif;
		font-weight: bold;
		padding: 6px 0;
	}
	
	
	



	/**
	* @section general width settings for formular elements in modern browsers
	*          switching to CSS3 box modell "border-box" for perfect flexible forms
	*
	* Styling for: <labels>, <input>, <textarea> and <select>
	*
	*/

	.ym-form input,
	.ym-form input,
	.ym-form textarea,
	.ym-form select {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width:auto;
	}
	

	.ym-columnar label {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.ym-columnar .ym-fbox-select select,
	.ym-columnar .ym-fbox-text input,
	.ym-columnar .ym-fbox-text textarea { width:70%; }

	.ym-full .ym-fbox-select select,
	.ym-full .ym-fbox-text input,
	.ym-full .ym-fbox-text textarea { width:100%; }


	.ym-form .lbl-02 {
		color: #4693C1;
		margin: 0.8em 0 -0.6em 0;
	}
	
	
	.styled-select {
		overflow: hidden;
		background: #d9e9f3 url(../img/drop-down-blue.png) no-repeat 90% 50%;
		border: 1px solid #b4d9f0;
		display: inline;
		border-radius: 3px;
		margin-top: 1px;
	}
	
	.styled-select select {
		background: transparent;
		   width: 83px;
		   padding: 5px 5px 5px 8px;
		   font-size: 0.9em;
		   font-weight: bold;
		   color: #158dc0;
		   line-height: 1;
		   border: 0;
		  
		   height: 25px;
		   -webkit-appearance: none;
	}


	/**
	* @section general form styling
	*
	* Styling for: <form>, <fieldset>, <legend>, <label> and rows (class="ym-fbox-[xxx]")
	*
	*/
	.ym-form {
		margin: 1.5em 0 0 0;
	}

	.ym-form fieldset {
		position:static;
		background:transparent;
		margin: 0.75em 0 0.75em 0;
		padding: 0 0.5em;
	}

	.ym-form legend {
		background:transparent;
		color:#000;
		font-size:1.2em;
		line-height:1.25em;
		font-weight:bold;
		padding:0 0.5em;
	}

	.ym-form label {
		line-height: 1.5em;
		padding-bottom: 0.3em;
	}
	
	aside .ym-form label {
	margin-top: 0.4em;
	font-size: 0.9em;
	}

	.ym-label {
		padding-top: 0.25em;
	}

	.ym-form .ym-form div.ym-fbox-check:focus + label {
		color:#000;
	}

	/* Gestaltung der kapselnden DIV-Elemente */
	.ym-form .ym-fbox-text,
	.ym-form .ym-fbox-select,
	.ym-form .ym-fbox-check,
	.ym-form .ym-fbox-button {
		padding: 0.4em 0em;
		margin-bottom: 0em;
	}
	
	aside .ym-form .ym-fbox-text, 
	aside .ym-form .ym-fbox-check, 
	aside .ym-form .ym-fbox-button {
		padding: 0.2em 0em;
	}
	
	aside .ym-form .ym-fbox-select {
		padding: 1em 0;
	}
	
	aside .ym-form .ym-fbox-button {
		margin-bottom: -1em;
	}
	
	.ym-form .ym-fbox-text span {
		color: #888;
		font: normal 0.9em Tahoma;
		padding-left: 1em;
	}

	.ym-form .ym-fbox-button {
		margin: 0;
	}

	.ym-form .ym-gbox {
		padding: 0 0.5em;
		margin-right: 0;
	}

	.ym-form h6 {
		margin: 1em 0 0.5em 0;
		font: bold 1.1em Tahoma;
		color: rgb(141, 39, 23);
	}

	/**
	* @section styling form elements
	*
	* Styling for: Input, Textarea, Select ...
	*
	*/


	/* Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
	.ym-form .ym-fbox-text input,
	.ym-form .ym-fbox-text textarea {
		line-height: 1em;
		padding: 0.6em 0.3em;
		margin-top: -2px;
	}
	
	aside .ym-form .ym-fbox-text input, 
	aside .ym-form .ym-fbox-text textarea {
		line-height: 1em;
		padding: 0.3em 0.1em;
		margin-top: -2px;
	}
	

	.ym-form .ym-fbox-select select {
		line-height: 1em;
		padding: 0.25em 2px 0.25em 1px;
		margin-top: -2px;
	}

	/* proportional fonts for all form elements */
	.ym-form input,
	.ym-form textarea,
	.ym-form select,
	.ym-form optgroup {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;

	}

	.ym-form optgroup {
		font-style:normal;
		font-weight:bold;
	}

	.ym-form .ym-fbox-text input,
	.ym-form .ym-fbox-text textarea,
	.ym-form .ym-fbox-select select {
		border:1px solid #ddd;
	}
	
	/* Allgemeine Formatierung des Formulars */
	.ym-form .ym-message {
		color:#666;
		margin-bottom:0.5em;
	}
	
	.ym-form span.ym-message {
		display: inline;
		padding-left: 1em;
	}

	/* Pflichtfeldkennzeichnung hervorheben */
	.ym-form .ym-required {
		color:#800;
		font-weight:bold;
	}

	/* form validation highlight colors */
	.ym-form input:valid,
	.ym-form textarea:valid { background-color: #fff; }
	.ym-form input:invalid,
	.ym-form textarea:invalid { background-color: #fdd; }

	/**
	* @section error messages
	*
	*/

	.ym-form .ym-error label {
		color:#800;
		font-weight:normal;
	}

	.ym-form .ym-error input,
	.ym-form .ym-error select,
	.ym-form .ym-error textarea {
		border: 1px #8b281c solid;
	}

	.ym-form .ym-error input:hover,
	.ym-form .ym-error input:focus,
	.ym-form .ym-error select:hover,
	.ym-form .ym-error select:focus,
	.ym-form .ym-error textarea:hover,
	.ym-form .ym-error textarea:focus {
		border: 1px solid #8b281c;
	}

	.ym-form .ym-error .ym-message {
		color:#888;
		font: normal 0.9em Tahoma;
	}
	
	.ym-form input.error {
			border: 1px solid rgb(141, 39, 23);
	}

	/* Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
	.ym-form div.ym-fbox-text input:focus,
	.ym-form div select:focus,
	.ym-form div textarea:focus,
	.ym-form div.ym-fbox-text input:hover,
	.ym-form div select:hover,
	.ym-form div textarea:hover,
	.ym-form div.ym-fbox-text input:active,
	.ym-form div select:active,
	.ym-form div textarea:active {
		border:1px #888 solid;
		background:#fff;
	}

	/**
	* @section Buttons
	*/

	.ym-button,
	.ym-form button,
	.ym-form input[type="button"],
	.ym-form input[type="reset"],
	.ym-form input[type="submit"] {
		display: inline-block;
		white-space: nowrap;
		color: #fff;
		cursor: pointer;
		width: auto;
		font-weight: bold;
		margin: 1.5em 0.75em 0 0;
		overflow: visible; /* removes extra side spacing in IE */
		font-size: 1em;
		line-height: 2.5em;
		padding: 0.1em 1em;
		
		font-family: Roboto, Helvetica, Arial, sans-serif;
		border: 0 none;	
		-webkit-border-radius: 03px;
		-moz-border-radius: 03px;
		border-radius: 03px;
		
		-webkit-box-shadow: 2px 2px 5px rgba(84, 84, 84, 0.75);
		-moz-box-shadow:    2px 2px 5px rgba(84, 84, 84, 0.75);
		box-shadow:         2px 2px 5px rgba(84, 84, 84, 0.75);		
		background-image: linear-gradient(bottom, rgb(145,40,24) 11%, rgb(203,57,34) 56%);
		background-image: -o-linear-gradient(bottom, rgb(145,40,24) 11%, rgb(203,57,34) 56%);
		background-image: -moz-linear-gradient(bottom, rgb(145,40,24) 11%, rgb(203,57,34) 56%);
		background-image: -webkit-linear-gradient(bottom, rgb(145,40,24) 11%, rgb(203,57,34) 56%);
		background-image: -ms-linear-gradient(bottom, rgb(145,40,24) 11%, rgb(203,57,34) 56%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c93a2a', EndColorStr='#8f291d');			
		background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.11, rgb(145,40,24)),
				color-stop(0.56, rgb(203,57,34))
			);
			
	}
	
	.ym-form input[type="submit"] {
		margin-right: 0;
	}
	

	.ym-form button:hover,
	.ym-form input[type="button"]:hover,
	.ym-form input[type="reset"]:hover,
	.ym-form input[type="submit"]:hover,
	.ym-button:hover {
		background-image: linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		background-image: -o-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		background-image: -moz-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		background-image: -webkit-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		background-image: -ms-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ab3023', EndColorStr='#601a13');
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.11, rgb(97,25,16)),
			color-stop(0.56, rgb(173,47,28))
		);
		
		-webkit-border-radius: 03px;
		-moz-border-radius: 03px;
		border-radius: 03px;
		
		
		
	}

	.ym-form button:active,
	.ym-form input[type="button"]:active,
	.ym-form input[type="reset"]:active,
	.ym-form input[type="submit"]:active,
	.ym-button:active {

	}

	.ym-form button:focus,
	.ym-form input[type="button"]:focus,
	.ym-form input[type="reset"]:focus,
	.ym-form input[type="submit"]:focus,
	.ym-button:focus {

	}
	
	/* Großer, roter Button mit weißem Rand */
	
	.button-big input[type="submit"] {
		border: 2px solid #fff;
		margin-top: 0em;
		padding-top: 0.2em;
		padding-bottom: 0.2em;
		
	}
	

	.ym-add:before { content: "\271A"; }
	.ym-delete:before { content: "\2718"; }
	.ym-edit:before { content: "\270E"; }
	.ym-email:before { content: "\2709"; }
	.ym-like:before { content: "\2764"; }
	.ym-next:before { content: "\279C"; }
	.ym-play:before { content: "\25B6"; }
	.ym-save:before { content: "\2714"; }
	.ym-spark:before { content: "\2737"; }
	.ym-star:before { content: "\2605"; }

	/* removes extra inner spacing in Firefox */
	.ym-form button::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	/* If line-height can't be modified, then fix Firefox spacing with padding */
	.ym-form input[type=button]::-moz-focus-inner,
	.ym-form input[type=reset]::-moz-focus-inner,
	.ym-form input[type=submit]::-moz-focus-inner {
		padding: .4em;
	}

	/* The disabled styles */
	.ym-form button[disabled],
	.ym-form button[disabled]:hover,
	.ym-form input[type=button][disabled],
	.ym-form input[type=button][disabled]:hover,
	.ym-form input[type=reset][disabled],
	.ym-form input[type=reset][disabled]:hover,
	.ym-form input[type=submit][disabled],
	.ym-form input[type=submit][disabled]:hover,
	.ym-button.ym-disabled,
	.ym-button.ym-disabled:hover {
		background: #eee;
		color: #aaa !important;
		border-color: #aaa;
		cursor: default;
		text-shadow: none;
		position: static;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	

/*	################################################################################### 
	### SPEZIELLE FORMULARFORMATE #####################################################
	###################################################################################  */
	
	
	/*	Formular mit zwei Reihen und zwei Spalten */
	
	
	.r2c2 {
		margin-bottom: 2em;
	}
	
	.r2c2 .formBox {
		width: auto;
		margin-top: 1.5em;

	}
	
	.r2c2 input {
		width: 97%;
	}
	
	.r2c2 input[type="submit"] {
		width:97% !important;
		padding: 0.1em 0;
		
	}
	
	.r2c2 h6 {
		color: #000;
		font-weight: normal;
		font-size: 1.4em;
	}

	.r2c2 p.error {
		margin-top: 2em;
	}
	
	/* Formular in Seitenspalte	*/
	
	aside .form {
		background: #daeaf3;
		margin-top: -3em;
	}
	
	aside .form h3 {
		color: #4693C1;
		font-size: 1em;
		background: 0 none;
		letter-spacing: 2px;
		margin: 0px;
	}
	
	aside .form  h6 {
		padding-top: 0.5em;
		font-size: 1em;
		margin: 0.3em 0 .9em 0em;
		color: #4693C1;
		font-weight: normal;
		font-family: Roboto, Helvetica, Arial, sans-serif;
	}
	
	aside .textBox {
		background: #fff;
		border: 1px solid #d9d9d9;
		border-radius: 3px;
		padding: .8em;
		font-size: 0.8em;
		color: #656565;
		line-height: 1.6em;
	}

	aside .textBox:first-child {
		margin-top: 3em;
	}
	
	aside .formBox  {
		margin: 0;
		padding:0.7em 4% 5px 4%;
		width: 92%;
	}
	
	aside .ym-form input, 
	aside .ym-form input, 
	aside .ym-form textarea, 
	aside .ym-form select {
		width:100%;
	}
	
	aside .evenOuter {
		background:  #edf5f9 url('../img/zickzack_02.gif') repeat-x left bottom;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	aside .evenInner {
		background:  url('../img/zickzack_01.gif') repeat-x left top;
		padding: 10px 4%;
	}
	
	
	.ym-col3 .ym-form {
		margin: 0 -9px 0 -9px;
	}
	
	.fbox-text-var01 {
		width:30% ; 
		display: inline-block; 
	
	}
	
	.fbox-text-var02 {
		width:65% ; 
		display: inline-block; 
		float: right;
	}
	
	
	.formBox .ym-fbox-check {
		margin-top: 0em;
	}
	
	.formBox .ym-fbox-check div {
		margin: .3em 0;
	}
	
	.formBox .ym-fbox-check .inline {
		display: inline;
		margin-right: 0.7em;
	}
	
	
	.formBox  .ym-button,
	.ym-form .formBox  button,
	.ym-form .formBox  input[type="button"],
	.ym-form .formBox  input[type="reset"],
	.ym-form .formBox  input[type="submit"] {
		margin-top: 0.6em;	}
	
	
	aside p.error {
	margin: 2em 0 -1.2em 0em;
	font-weight: bold;
	color: rgb(141, 39, 23);
	font-size: 0.9em;
	}
	
	aside .ym-fbox-button:first-child {
			padding-bottom: 2em;
	}
	
	
	.form-request-aside .ym-form .btn-expose-anfordern {
		width: 200px;
		padding: 0.1em 0.6em;
	}
	
	
	
	/* Input-Feld in Immo-Slider-Box */
	
	.form-immo-slider { margin-top: 0; }
	.form-immo-slider input {width: 100%;}
	.form-immo-slider .ym-fbox-text { padding-top: 0; }
	
	
	
/* Login-Form: Mein Kompass */
	
	.form-login {
		padding: 0em 0em 0.4em 0em;
		margin-top: 0;
	}
	
	.form-login label {
		color: #fff;
		font-family: Roboto, Helvetica, Arial, sans-serif;

	}
	
	.form-login .ym-fbox-text input {
		width: 100%;
		padding: 0.6em 0.3em 0.4em 0.3em;
	}
	
	
	.form-login input[type="submit"] {
		margin-top: 1em;
	}
	
	
	
	.forgot-password {
		margin-top: 0;
	}
	
	.forgot-password a {
		text-decoration: underline;
		padding-left: 0;
	}
	
	.forgot-password a:hover {
		color: #273f4f;
	}
	
	.line {
		border-top: 1px solid #477492;
		border-bottom: 1px solid #8bb5d0;
		width: 100%;
		height: 0;
	}
	
	
	/* Regionalportal: Newsletter-Bestell-Formular */
	
	.email-signup-big .check-grossraum input[type="checkbox"] { margin-bottom: 0.5em !important;}
	
	.ym-form .textbox-email-signup-big { margin-bottom: 3px; }
	 .textbox-email-signup-big label { 
		 float: left; 
		 text-align: right; 
		 width: 8em; 
		 margin-right: 1em;	
		 padding-top: 3px; 
	 }
	 
	 .textbox-email-signup-big input { width: 60%; margin-left: 9em;
	 }
	 .email-signup-big input[type="submit"]  { margin-top: 0.7em; 	 	margin-right: 0; }
	 
	 .ym-form .entry {
	 	margin-bottom: 0.3em;
	 }
	 
	 /* Regionalportal: Suchbox nach Neubau-Immobilien über Google Maps */
	 
	.form-select-box {
		margin-top: 0;
	}
	
	 
	 .select-blue {
	 	  overflow: hidden;
	 	  margin-bottom: 1em;
	 	  -webkit-border-radius: 3px;
	 	  -moz-border-radius: 3px;
	 	  border-radius: 3px; 	   
	 	  width: 345px;
	 	  height: 34px;
	 	  background: url(../img/bg-select-box.png) no-repeat scroll right center #fff;
	 	  border: 1px solid #9cbfd7; 
	 }
	 
	 .select-blue select {
	 	 background: none repeat scroll 0% 0% transparent;
	 	 width: 373px;
	 	 height: 34px;
	 	 border: 0px none;
	 	 border-radius: 0px 0px 0px 0px;
		 padding-top: 7px;
	 	 line-height: 1;
	 	 font-family: Arial, sans-serif;
	 }
	 
	 
	 .ym-form .select-blue select:hover, 
	 .ym-form .select-blue select:active, 
	 .ym-form .select-blue select:focus {
		 border: 1px solid #3f79a1;
		 background: url(../img/bg-select-box.png) no-repeat right transparent;
		 outline: 0 none;
		 border-radius: 3px;
		 width: 378px;
		height: 34px;
	 }
	 
	  .input-col-25 .ym-fbox-text, 
	 .input-col-25 .ym-fbox-button {
	 display: block;
	 width: 25%;
	 float: left;
	 }
	 
	 /* Select-Box Graubeige auf Result-Seite */
	 
	 .select-gray {
	 	overflow: hidden;
	 	border-radius: 0;
	 	width: 215px;
	 	height: 24px;
	 	background: url(../img/bg-select-box.png) no-repeat scroll right center #fbfaf6;
	 	border: 1px solid #e0dbce;
	 	border-radius: 0px;
	 }
	 
	 .select-gray select {
	 	 background: none repeat scroll 0% 0% transparent;
	 	 width: 323px;
	 	 height: 24px;
	 	 border: 0px none;
	 	 padding-top: 4px;
	 	 line-height: 1;
	 	 font-family: Arial, sans-serif;
	 }
	 
	 
	 .ym-form .select-gray select:hover, 
	 .ym-form .select-gray select:active, 
	 .ym-form .select-gray select:focus {
	 	 border:0 none;
	 	 background: url(../img/bg-select-box.png) no-repeat right transparent;
	 	 outline: 0 none;
border-radius: 0px;
	 	 width: 328px;
	 	height: 24px;
	 	color: #5895be;
	 }
	 
	 
	 
	 
	 
	 
	 
	  
	  
	
	 
	 
	 .input-col-25 .ym-fbox-text input, 
	 .input-col-25 .ym-fbox-button input {
	  	color: #666;
	  	padding-left: 10px;
	  	padding-right: 10px;
	  }
	 
	  .input-col-25 .ym-fbox-button input { 	
		  width: 272px; 
		  height: 32px;   
		  line-height: 1em;   
	  } 
	
	 .input-col-25 .ym-fbox-button input {  	color: #fff;  }
	 
	 
	  /* Startseite: Neue Bauvorhaben per E-Mail: Newsletter-Signup */
	 
	 .newsletter-signup .input-newsletter-signup {
	 	margin: 20px 0 0 0;
	 }
	 
	 .input-newsletter-signup .ym-fbox-text {
	 	width: 310px;
	 }
	 
	 .input-newsletter-signup .ym-fbox-text h5  {
	 	margin: 0 0 1px 0;
	 }
	 
	 .input-newsletter-signup .ym-fbox-text p  {
	 	margin-top: 0;
	 }
	 .input-newsletter-signup .ym-fbox-text input,
	 .input-newsletter-signup .ym-fbox-button input {
	 	margin: 0 15px;
	 }
	 
	 .input-newsletter-signup .ym-fbox-text input {
	 	margin: 0 15px;
	 	width: 90%;
	 }
	 
	  .btn-signed-up {
	 	background: url('../img/icon-ok-green.png') no-repeat left 4px;	
	 	margin-right: 0;
	 
	 }
	 
	 .signup-box-small .btn-signed-up {
	 	background: url('../img/icon-ok-green.png') no-repeat 37% 22px;
	 }
	 
	 .form-signup-small .ym-fbox-button {
	 	margin-top:20px;
	 	background-position:30px 3px;
	 	text-align: center;
	 }
	 
	 .form-signup-small .ym-fbox-button .modify {
	 	margin: 0;
	 }
	 
	 
	  
	.input-col-25 input:first-child {
		margin-left: 0;
	}
	
	.ym-form .btn-signed-up input {
	 	margin-left: 45px;
	 }
	 
	 
	
	.email-signup-small .btn-error[type="submit"] {
		box-shadow: none;
		background: rgba(180,180,180,1);
		background: -moz-linear-gradient(top, rgba(180,180,180,1) 0%, rgba(153,153,153,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(180,180,180,1)), color-stop(100%, rgba(153,153,153,1)));
		background: -webkit-linear-gradient(top, rgba(180,180,180,1) 0%, rgba(153,153,153,1) 100%);
		background: -o-linear-gradient(top, rgba(180,180,180,1) 0%, rgba(153,153,153,1) 100%);
		background: -ms-linear-gradient(top, rgba(180,180,180,1) 0%, rgba(153,153,153,1) 100%);
		background: linear-gradient(to bottom, rgba(180,180,180,1) 0%, rgba(153,153,153,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b4b4', endColorstr='#999999', GradientType=0 );
	}
	

	
	 
	 
	.immo-search input.textbox-immo-search {
		border: 1px solid #3f79a1;
		outline: 0 none;
		border-radius: 3px;
		width: 100%;
		height: 34px;
		color: #000;
		padding-left: 15px;
		background: #fff url('../img/icon-lupe.png') no-repeat right top;
		} 
		
	.ym-form .fbox-immo-search input.textbox-immo-search:hover, 
	.ym-form .fbox-immo-search input.textbox-immo-search:focus {
		background: #fff url('../img/icon-lupe.png') no-repeat right top;
		} 

/* Kontakt-Formular auf Unternehmensseiten */
	.ym-col3 .form-contact {
		margin-bottom: 20px;
	}
	
	
/* Formular für Rückrufservice auf Angebot-für-Bauträger-Seite */

.form-callback input.btn-callback {
	padding: 2px 10px;
	float: right;
	margin-right: 5px;
	margin-top: 22px;
	width: 210px;
}

.form-callback .ym-fbox-text input {
	width: 210px;
}
	
	
/* Newsletter-Box: eingeloggt */

 
 .newsletter-loggedin {
 	margin: 0 10px 24px 10px;
 }
 
 .newsletter-loggedin p {
 	margin-top: 0;
 }
 
 .newsletter-loggedin h5 {
 	font-size: 16px;
 	margin-bottom: 3px;
 }
 
 /* Expose anfordern in Seitenspalte */
 
 .btn-expose-anfordern {
 	padding-left: 1.4em;
 	padding-right: 1.4em;
 }
 
 
 /* Expose anfordern in Seitenspalte */
 
 .form-request-aside .close-alert {
 	/*margin-right: 3px;*/
 	padding: 5px;
 }
 
 .form-request-aside .alert {
 	margin: 15px 0 15px 0;
 	padding: 7px 10px;
 }
 
 
 
/* Expose anfordern in ObjectFooter */
  
.form-request-foot {
 	margin-right: 0;
	padding:0;
	background-color: #DAEAF3;
}

.form-request-foot h3 {
   margin:0;
   padding: 20px 0 0 25px;
   color: #000;
	font-size: 1.4em;
}

.form-request-foot  form {
	padding: 0 20px 14px 20px;
	margin:0;
}

.form-request-foot  form textarea {
	width: 100%;
}

.form-request-foot .ym-g25 .ym-fbox-text input {
	width: 100%;

}

.form-request-foot .ym-g25 .ym-fbox-button {
	margin-top:14px;
}
 
.form-request-foot .ym-g25 .ym-fbox-button #submit2 {
	line-height: normal;
	height: 40px;
} 
 
.form-request-list {
	margin: 20px 0 0 0;
	padding:0;
	background-color: #DAEAF3;
}
 
.form-request-list h3 {
	margin:0;
	padding: 15px 0 0 25px;
	color: #000;
	font-size: 1.4em;
}

.form-request-list  form {
	padding: 0 20px 14px 20px;
	margin:0;
}

.form-request-list  form textarea {
	width: 100%;
}

.form-request-list .ym-g25 .ym-fbox-text input {
	width: 100%;

}

.form-request-list .ym-g25 .ym-fbox-button {
	margin-top:14px;

}
 
.form-request-list .ym-g25 .ym-fbox-button #submit2 {
	line-height: normal;
	height: 40px;
} 



.form-request-list .ym-fbox-statement { padding: 0 0 20px 25px; font-size: 0.9em; }
 
.form-request-list .formBoxExt2 .ym-fbox-text { margin-top: 20px; }
 
 
 .form-request-list-result { 
 	background-color: #DAEAF3;
 	padding: 20px;
 	margin-top: 20px;
 }
 
  .form-request-list h3 { 
  	text-transform: none;
  }
 
 
 .form-request-list .alert {
 	margin: 20px;
 }
 
  .form-request-list-result .alert { 
  margin:0;
  } 
  
 .form-request-foot .alert {
 	margin: 20px;
 }
 
 /* myiq.css */
 
 
 .lastview .frame h3 { margin-bottom: 10px; }
 .lastview .frame .obj { display:block; clear:left; margin: 10px 5px 0 10px; padding: 5px 0 15px 0; border-bottom: 1px solid #e0dccd; }
 .lastview .frame .noborder { border: none; margin: 15px 5px 0 10px;  padding: 5px 0 10px 0; }
 .lastview .frame .obj .img { display: block; float:left; }
 .lastview .frame .obj .img img { width: 90px; }
 .lastview .frame .obj div { margin: -2px 0 0 15px; display: block; float:left; overflow:hidden; white-space: nowrap; width: 200px; }
 .lastview .frame .obj div .lnk { color: #0a61c9; font:12px roboto; }
 .lastview .frame .obj div span { font:12px roboto; color: #666; } 
 .lastview .frame .obj div span b { font: 12px roboto; }
 
 .newsview .frame h3 { margin-bottom: 10px; }
 .newsview .frame .obj { display:block; clear:left; margin: 10px 5px 0 10px; padding: 5px 0 15px 0; border-bottom: 1px solid #e0dccd; }
 .newsview .frame .noborder { border: none; margin: 15px 5px 0 10px;  padding: 5px 0 10px 0; }
 .newsview .frame .obj .img { float:left; padding: 3px 15px 10px 0; }
 .newsview .frame .obj .img img { width: 90px; }
 .newsview .frame .obj { font:11px roboto;  }
 .newsview .frame .obj .lnk { color: #0a61c9; font:12px roboto; display:block; margin:0 0 5px; }
 .newsview .frame .obj div span { font:12px roboto; color: #666; } 
 .newsview .frame .obj div span b { color: #8d2717; font: bold 12px roboto; }
 .newsview .frame .obj .more { color: #0a61c9; font:11px roboto; text-decoration:none; }
 
 .frame .input {  background: url(/img/input/border_left_grey.gif) 0 0 no-repeat;  float:left; }
 .frame .input span { background: url(/img/input/border_right_grey.gif) right 0 no-repeat; display:block; }
 .frame .input input { margin: 0 3px; height:30px; border: none; background: url(/img/input/border_grey.gif) 0 0 repeat-x;  }
 .frame label { font: 12px roboto; display: block; float:left; margin: 7px 10px 0 0; text-align:right; width:auto; width: 120px; }
 
 .mk .frame { border:1px solid #e0dccd; }
 .mk .gs5 div { padding-bottom:10px; }
 .mk .headbox { background-color: #efeee7; border-bottom:1px solid #e0dccd; margin-top: -8px; }
 .mk .headbox h1 { padding:15px 0 25px 12px; color:#8d2717;font:18px Tahoma; }
 
 .mk .headbox .menu { margin: 0 0 13px 10px;  }
 .mk .headbox .menu a { color: #0a61c9; text-decoration: none; }
 .mk .headbox .menu a b {  display:block; float:left; font: 12px roboto; text-decoration: underline; }
 .mk .headbox .menu a div {  margin: -1px 0 0 7px; float:left; background: transparent url(/img/meinkompass/totalbgl.gif) 0 0 no-repeat;  padding: 0 0 0 0; }
 .mk .headbox .menu a span { display:block; background: transparent url(/img/meinkompass/totalbgr.gif) right 0 no-repeat; padding: 0px 9px 8px 0; margin-top:0px; height: 12px; }
 .mk .headbox .menu a strong { float:left; background: transparent url(/img/meinkompass/totalbgc.gif) 0 0 repeat-x; margin: 0 0 0 9px; font: 10px roboto; color:#fff; padding: 4px 0 8px 0; line-height: 10px; }
 .mk .headbox .menu .link { margin: 0 10px 0 0; float: left;  padding:8px 10px 0 10px;  color: #0a61c9; height:23px; }
 .mk .headbox .menu .active {   border:1px solid #e0dccd; border-bottom:2px solid #fff; background-color:#fff;  }
 .mk .headbox .menu .active a { color:#000; text-decoration: none; }
 
 .mk .gs3 div { margin-top:8px; padding-bottom:10px; }
 .mk .gs3 h3 { background-color:#8d2717;color:#fff;font:14px Tahoma;padding:8px 5px;}
 
 .userData .dataform { clear:left; margin-top:10px; }
 .userData .dataform h2 { font: bold 12px roboto;padding:20px 0 10px 130px; color:#8d2717; }
 .userData .dataform .input input { width: 310px; }
 .userData .dataform .info { font: 10px roboto; color: #666666; display:block;float:left; margin: 1px 0 0 8px; width: 80px;  }
 .userData .dataform #user_email {  font: 12px roboto; margin: 7px 10px 0 0; display: block; float:left; width: 330px; }
 .userData .dataform #user_title { width: 120px; padding: 4px; }
 .userData .dataform #user_degree { width: 120px; padding: 4px; margin: 0 0 0 5px; }
 .userData .dataform #user_zip { width: 100px; }
 .userData .dataform #user_city { width: 193px; }
 .userData .dataform #user_country { width: 315px; padding: 4px; }
 .userData .dataform .spacer { float:left; width: 10px; }
 
 .userData .dataform .nl { margin: 0 0 0 130px; font:12px roboto; }
 .userData .dataform .nl p { margin: 0 0 15px 0; /* width: 420px; */ }
 .userData .dataform .nl .nlform { /* max-width: 480px; */ }
 .userData .dataform .nl .nlcheck { float:left; width:160px; margin: 4px 0 4px 0; padding:0; }
 .userData .dataform .nl .nlcheck input { display: block; float:left; width: 15px; margin: 2px 4px 0 0; }
 .userData .dataform #sbmUserUpd { cursor:pointer; margin:30px 0 0 126px; background: url(/img/buttons/userUpdate.gif) no-repeat;border:none;height:38px;width:190px;color:#fff; float:left; }
 .userData .dataform #msg { display:block;position:relative; margin: 0 0 0 130px; padding:15px 0 0 0; clear:left; height:20px; }
 .userData .dataform #msg b { font: bold 11px Tahoma; }
 
 .userData .dataform .cancel { color: #0a61c9; font: 12px roboto; display: block; float:left; margin: 38px 0 0 30px; }
 .userData .deleteUser { border-top:1px solid #e0dccd; margin: 10px 20px 0 20px; padding: 20px 0 0 0; }
 .userData .deleteUser h2 { padding:20px 0 10px 110px; }
 .userData .deleteUser div { font:12px roboto; margin: 0 0 0 110px; }
 .userData .deleteUser div a { color: #0a61c9; font: 12px roboto; display: block; margin:15px 0 0 0; }
 
 .requestData .request { margin: 20px 10px 0 10px; }
 .requestData .request .empty { font: 12px roboto; height: 500px; margin: 30px 0 0 20px; color: #666; }
 .mk .total { font: 12px roboto; color: #666; float:left; }
 .mk .pagerlinks  { font: 12px roboto; color: #666; float:right; }
 .mk .pagerlinks span { font:12px roboto; border:1px solid #aaa; padding:2px 5px; background-color: #efeee7; }
 .mk .pagerlinks a { font:12px roboto; border:1px solid #aaa; padding:2px 5px; color: #0a61c9; text-decoration:none; }
 
 .requestData .gs5 { min-height:800px; }
 .requestData .request table { margin: 20px 0 0 0; width:100%; }
 .requestData .request table .img { width:200px;height:150px;text-align:center;background-color:#efeee7;border:1px solid #e0dbcd; }
 .requestData .request table .info { padding:0 0 0 20px;vertical-align:top;font:11px roboto; color:#666; }
 .requestData .request table .info a { color: #0a61c9; }
 .requestData .request table .info div { border-top:1px solid #dddddd;color:#000;padding:10px 0 0 0;margin:10px 0 0 0; }
 .requestData .request table .spacer { padding:20px 0; }
 .requestData .request table .spacer hr { border:none;border-top:1px solid #dddddd;height:1px; }
 
 .favoriteData .gs5 { min-height:800px; }
 .favoriteData .favorite { margin: 20px 10px 0 10px; }
 .favoriteData .favorite .subhead { background-color: #efeee7; padding:15px 10px 10px 10px; margin:10px 0 10px 0; }
 .favoriteData .favorite .subhead a { float:right; font:11px roboto; color: #0a61c9; }
 .favoriteData .favorite table { margin: 20px 0 0 0; width:100%; }
 .favoriteData .favorite table .img { width:200px;height:150px;text-align:center;background-color:#efeee7;border:1px solid #e0dbcd; }
 .favoriteData .favorite table .info { padding:0 0 0 20px;vertical-align:top;font:11px roboto; color:#666; }
 .favoriteData .favorite table .info span a { display:block; float:left; margin-right: 8px; cursor:pointer; text-decoration:underline;}
 .favoriteData .favorite table .info a { color: #0a61c9; }
 .favoriteData .favorite table .border { border-top:1px solid #dddddd;color:#000;padding:10px 0 0 0;margin:7px 0 0 0; }
 .favoriteData .favorite table .spacer { padding:20px 0; }
 .favoriteData .favorite table .spacer hr { border:none;border-top:1px solid #dddddd;height:1px; }
 .favoriteData .favorite table .notice { margin-top:10px; cursor:pointer; }
 .favoriteData .favorite table .notice .top { width:329px; height:3px; background: url('/img/meinkompass/notice_top.gif') 0 0 no-repeat; padding:0; }
 .favoriteData .favorite table .notice .middle { background: url('/img/meinkompass/notice_mid.gif') 0 0 repeat-y;  padding:0;  }
 .favoriteData .favorite table .notice .bottom { height:3px; background: url('/img/meinkompass/notice_bot.gif') no-repeat;  padding:0; }
 .favoriteData .favorite table .notice .note { background: url('/img/meinkompass/notice_pen.gif') 10px 5px no-repeat; padding: 5px 5px 5px 30px; min-height: 40px; color:#666666; }
 .favoriteData .favorite table .notice textarea { width: 280px; height: 100px; font: 12px roboto; padding:2px; margin: 0 0 5px 0; }
 .favoriteData .favorite table .notice .note button { font:10px roboto; }
 .favoriteData .favorite .empty { font: 12px roboto; height: 500px; margin: 30px 0 0 20px; color: #666; }
 
 

	
}
