/* -------------------------------------------------------------
	onOffice Mobile Template - Stylesheet
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Autor:		i.A. MWa
	Release:	1.0
	-------------------------------------------------------------	*/

	/* -------------------------------------------------------------
	Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		Default settings
		Buttons, forms
		General layout elements
		Header
		Content
		Footer
		Objects quick search
		Objects general
		Object frame
		List Object
		Object details
		Object large images, floor plans
		Object google maps
		Object request
		Contact
		AutoComplete
	-------------------------------------------------------------	*/

	/* -------------------------------------------------------------
	Default settings
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	*,
	*:before,
	*:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	* {
		padding: 0;
		margin: 0;
		-webkit-text-size-adjust: none;
	}

	body {
		font-family: "EngraversGothicBTW01-Re", "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;
		font-size: 17px;
		line-height: 20px;
		color: #555;
		background: #e3e3e3;
	}

	a {
		color: #832222;
		font-weight: bold;
	}

	h1,
	h2 {
		font-size: 20px;
		line-height: 24px;
		color: #832222;
	}

	h3, h4, h5, h6 {
		font-size: 18px;
	}

	p,
	li {
		margin: 0 0 10px 0;
	}

	ul {
		margin: 0 0 10px 30px;
	}

	img {
		border: none;
	}

	.img-float-left {
		padding: 5px 1.5em 1.5em 0;
		float: left;
		display: inline;
	}

	.img-float-right {
		padding: 5px 0 1.5em 1.5em;
		float: right;
		display: inline;
	}

	input,
	select,
	textarea {
		font-family: inherit;
		font-size: inherit;
		color: #5C5C5C;
		padding: 2px;
		border: 1px solid #A7A6AA;
	}

	.hidden {
		height: 1px;
		width: 1px;
		left: -20000px;
		overflow: hidden;
		position: absolute;
		top: -20000px;
	}

	.no-padding { padding: 0 !important; }
	.no-border { border: none !important; }
	.no-margin { margin: 0 !important; }
	.clear { clear: both; }
	.center { text-align: center; }

	/* -------------------------------------------------------------
	Buttons, forms
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.button,
	.objlist-sortby input,
	.objlist-jumpbox a {
		font-family: inherit;
		font-weight: bold;
		font-size: 15px;
		line-height: 18px;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		display: inline-block;
		background: #6F1A32;
		color: #fff !important;
		border: 0;
	  --moz-border-radius: 3px;
		border-radius: 3px;
	}

	a.button,
	.objlist-jumpbox a {
		padding: 6px;
	}

	input[type="submit"],
	input.button {
		padding: 8px 12px;
	}

	form {
		display: block;
		margin: 10px auto 0;
	}

	.feedback {
		padding: 10px 0;
		font-weight: bold;
	}

	.feedback-success {
		color: #090;
	}

	.feedback-error {
		color: #c00;
	}

	.feedback p {
		padding: 0 !important;
	}

	label {
		margin: 15px 0 5px 0;
		display: block;
		font-weight: bold;
		color: #832222;
	}

	.wrap-form-customerinput {
		padding: 0 10px;
	}

	.form-customerinput input[type=text],
	.form-customerinput input[type=password],
	.form-customerinput select,
	.form-customerinput textarea {
		padding: 5px;
		width: 100%;
		margin: 0 auto;
	}

	.form-customerinput .button {
		width: 50% !important;
		margin: 20px 0 20px 25%;
	}

	.form-customerinput ul {
		margin: 0 0 10px 0;
	}

	.pflichtfeldhinweis {
		margin: 10px 0;
	}

	.wrap-box-50-50 {
		display: inline-block;
		width: 100%;
	}

	/* ----- floating input fields
	*/

	.box-25 {
		float: left;
		width: 22.5%;
	}

	.box-33 {
		float: left;
		width: 30%;
	}

	.box-50 {
		float: left;
		width: 47.5%;
	}

	.box-75 {
		float: left;
		width: 72.5%;
	}

	.box-marginleft {
		margin-left: 5%;
	}

	.box-interval {
		float: left;
		width: 100px;
	}

	.box-interval input[type="text"] {
		width: 70px;
	}

	/* -------------------------------------------------------------
	General layout elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.header,
	.content,
	.footer {
		margin: 0 auto;
		max-width: 500px;
		background: #fff;
		position: relative;
		clear: both;
	}

	.header {
		background: #FFF9DF;
		padding: 8px 0;
	}

	.content > p > img {
		max-width: 100% !important;
		height: auto !important;
	}

	/* -------------------------------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.header-redbar {
		position: absolute;
		top: 18px;
		left: 0;
		width: 100%;
		height: 35px;
		background: #82AAD4;
	}

	.header-logo-link {
		display: block;
		width: 208px;
		position: relative;
		margin: 0 auto;
	}

	.header-logo {
		width: 198px;
		margin-right: 10px;
	}

	/* -------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.content {
		padding: 10px 0;
	}

	.content > p > img {
		max-width: 100% !important;
		height: auto !important;
	}

	.content > p,
	.content > h1,
	.content > h2,
	.content > h3,
	.content > h4,
	.content > h5,
	.content > h6 {
		padding: 0 10px;
	}

	.content > h1,
	.content > h2,
	.content > h3,
	.content > h4,
	.content > h5,
	.content > h6 {
		margin: 20px auto 10px;
	}

	.content h2 {
		color: #832222;
	}

	.content h3 {
		color: #832222;
	}

	/* -------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.footer {
		padding: 20px 0;
		text-align: center;
		background: #6F1A32;
	}

	.footer-header {
		font-size: 16px;
		font-weight: bold;
		line-height: 21px;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 10px;
		color: #aaa;
	}

	.footer ul {
		text-align: center;
		margin: 0;
		padding: 0;
	}

		.footer ul ul {
			background: #924A5E;
			padding: 0 0 10px;
			display: none;
		}

			.footer ul ul li {
				display: inline-block;
				margin: 3px 5px;
			}

	.footer li {
		display: block;
		list-style: none;
		margin: 0;
	}

		.footer li:hover ul {
			display: block;
		}

	.footer a {
		padding: 2px 10px;
		text-decoration: none;
		display: block;
		font-size: 20px;
		white-space: nowrap;
		color: #fff
	}

		.footer .selected,
		.footer > ul > li > a:hover,
		.footer > ul > li > span > a:hover {
			background: #541024;
		}

		.footer > ul > li > a,
		.footer > ul > li > span > a {
			padding: 12px 5px;
		}

		.footer ul ul a {
			padding: 10px;
		}

	/* -------------------------------------------------------------
	Objects quick search
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	h2.objqs-sectionheader {
		background: #e7e7e7;
		color: #666;
		margin: 30px 0 0;
		padding: 20px 10px 5px;
	}

	.objqs-toggle-moreoptions {
		display: block;
		text-align: center;
		margin: 20px 0 0;
		padding: 10px 0;
		text-decoration: none;
	}

	.objqs-moreoptions {
		display: none;
	}

	/* -------------------------------------------------------------
	Objects general
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.object-details p.back {
		margin: 0;
		padding: 10px 0;
		border-top: 1px solid #ddd;
	}

	.object-details-img-loading,
	.object-largeimages {
		min-height: 100px;
		background: url(../images/template/loading.gif) center 35px no-repeat;
	}

	/* -------------------------------------------------------------
	Object frame
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.objlist-countitems .singular {
		display: none;
	}

	.object-frame {
		width: 100%;
	}

	.object-frame-header {
		padding: 0 10px 10px 10px;
		border-bottom: 1px solid #ddd;
	}

	.object-frame-header p {
		padding: 0;
		margin: 0 auto !important;
	}

	.object-frame-search {
		padding: 10px;
		border-bottom: 1px solid #ddd;
		text-align: center;
	}

	.object-frame-search label {
		padding: 2px 0 0 0;
		margin: 0 10px 0 0;
		font-weight: bold;
	}

	.object-frame-search select {
		width: 150px;
	}

	.object-frame-footer {
		padding: 10px;
	}

	.object-frame-footer p {
		padding: 0;
		margin: 0;
	}

	.objlist-jumpbox {
		text-align: center;
	}

	.objlist-jumpbox a {
		width: 20px;
		padding: 6px 0;
	}

	.objlist-jumpbox span a {
		width: 26px;
	}

	.objlist-jumpbox a.selected {
		background: none;
		color: #555 !important;
	}

	/* -------------------------------------------------------------
	List Object
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.list-object {
		border-bottom: 1px solid #ccc;
	}

	.list-object-space {
		max-width: 500px;
		padding: 10px 10px 25px;
		margin: 0 auto;
	}

	.list-object h2 {
		margin: 0 0 10px;
		padding: 0;
	}

	.list-object h2 a {
		color: #832222;
		text-decoration: none;
	}

	.list-object-img {
		width: 100px;
		text-align: center;
		overflow: hidden;
		float: left;
		display: inline;
	}

	.list-object-img ul {
		margin: 0;
	}

	.list-object-img li {
		list-style: none;
	}

	.list-object-img a {
		line-height: 0;
	}

	.list-object-img img {
		border: 1px solid #ccc;
	}

	.list-object-info {
		margin: 0 0 0 110px;
	}

	.list-object-info table {
		width: 100%;
		border: 1px solid #ccc;
		margin: 0 auto;
		background: #fff;
	}

	.list-object-info td {
		width: 50%;
		padding: 3px 5px 3px 5px;
	}

	.list-object-info .odd td {
		background: #eee;
	}

	.list-object p {
		padding: 0;
		margin: 10px 0 0 0 !important;
		text-align: right;
	}

	.list-object-img ul li span {
		background-repeat: no-repeat !important;
	}

	/* -------------------------------------------------------------
	Object details
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.object-details {
		width: 100%;
	}

	.object-details h2 {
		padding: 0 10px 10px 10px;
		border-bottom: 1px solid #ddd;
		margin: 0 !important;
		max-width: inherit !important;
		color: #832222;
		text-align: center;
	}

	.object-details-img {
		padding: 10px;
		text-align: center;
	}

	.object-details-img-loading {
		padding: 0 !important;
	}

	.object-details-img img {
		width: 99%;
		max-width: 500px;
		display: none;
		border: 1px solid #ccc;
	}

	.object-details-navi {
		margin: 15px auto 0 !important;
	}

	.object-details-infos {
		padding: 10px;
		border-bottom: 1px solid #ddd;
	}

	.object-details-infos table {
		max-width: 500px;
		width: 90%;
		border: 1px solid #ccc;
		margin: 0 auto;
		background: #fff;
	}

	.object-details-infos table td {
		width: 50%;
		padding: 4px;
	}

	.object-details-infos table .odd td {
		background: #eee;
	}

	.object-details-infos span {
		border: 0;
		padding: 0;
		display: inline;
	}

	.objcet-details-descriptions span {
		padding: 0 10px;
		border-bottom: 1px solid #ddd;
		display: block;
	}

	.object-details span.last {
		border-bottom: 0;
	}

	.object-details span span {
		max-width: 500px;
		padding: 0;
		border: 0;
		margin: 0 auto;
		display: inline;
		display: block;
	}

	.object-details span strong {
		max-width: 500px;
		padding: 10px 0;
		margin: 0 auto;
		display: block;
		color: #832222;
	}

	.object-details span p {
		padding: 0;
	}

	.object-details-contact {
		padding: 10px;
	}

	.object-details-contact-img {
		float: left;
		margin: 0 10px 0 0;
	}

	.object-details-contact-img ul {
		margin: 0;
	}

	.object-details-contact-img li {
		list-style: none;
		margin: 0;
	}

	.object-details-contact-img img {
		width: 100px;
		height: auto;
		display: block;
	}

	/* -------------------------------------------------------------
	Object large images, floor plans
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.object-largeimages {
		padding: 10px;
	}

	.object-largeimages ul {
		margin: 0;
	}

	.object-largeimages li {
		list-style: none;
		margin: 0 0 20px;
		text-align: center;
	}

	.object-largeimages span {
		width: 100%;
		max-width: 500px;
		overflow: hidden;
		display: block;
		margin: 0 auto;
	}

	.object-largeimages img {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		display: none;
		border: 1px solid #ccc;
	}

	.object-largeimages li > p {
		margin: 5px 0 20px;
	}

	/* -------------------------------------------------------------
	Object google maps
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.object-details-map {
		text-align: center;
		padding: 10px;
	}

	.object-details-map-canvas {
		height: 100%;
		max-height: 450px;
		max-width: 500px;
		min-height: 150px;
		border: 1px solid #ccc;
		overflow: hidden;
		display: block;
		margin: 0 auto;
	}

	.object-details-map-canvas .googleMaps {
		width: 100% !important;
		height: 100% !important;
		display: block;
	}

	/* -------------------------------------------------------------
	Object request
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.object-request {
		padding: 0 10px;
	}

	/* -------------------------------------------------------------
	Contact
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.contact {
		width: 100%;
	}

	.contact form {
		display: block;
		max-width: 500px;
		padding: 0 10px;
		margin: 10px auto 0 auto;
	}

	.contact label {
		margin: 0 0 10px 0;
		display: block;
		font-weight: bold;
		color: #004B96;
	}

	.contact input, .contact textarea {
		padding: 4px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
	}

	.contact .submit {
		width: 50% !important;
		margin: 10px 0 0 25%;
	}

	.contact ul {
		margin: 0 0 10px 0;
	}

	/* -------------------------------------------------------------
	Contact
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.ac_results > ul {
		min-width: 230px;
	}

	.ac_results > ul > li {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	/* -------------------------------------------------------------
	Webfonts
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=10e1d047-8cfa-4cbc-aca7-3c3661fba0b6&fontids=1119707");
	@font-face{
	font-family:"EngraversGothicBTW01-Re";
	src:url("../webfonts/3503e66d-51e0-4ae5-a69b-2245ce0cd473.eot?#iefix");
	src:url("../webfonts/3503e66d-51e0-4ae5-a69b-2245ce0cd473.eot?#iefix") format("eot"),url("../webfonts/46d6733f-4688-4a24-b4b9-c606b06c6620.woff") format("woff"),url("../webfonts/a018c9b6-78a0-46cc-9444-9908d475dfa3.ttf") format("truetype"),url("../webfonts/fc665405-dc01-40f1-9786-0afbf38948c9.svg#fc665405-dc01-40f1-9786-0afbf38948c9") format("svg");
	}

	.list-object-info {
		width: 44%;
		float: right;
		margin: 0;
	}

	.detail {
		margin: 13px 0;
	}

		.object-details-infos .detail {
			margin: 13px 0 0;
			float: left;
			width: 45%;
			margin-right: 5%;
		}

	.obj-listobject-intro {
		font-size: 17px;
		font-weight: 600;
		text-align: center;
	}

	.detail-icon {
		float: left;
	}

	.data {
		font-weight: 600;
		font-size: 17px;
		margin: 0 0 0 5px;
		line-height: 25px;
		letter-spacing: -1px;
	}

	.list-object-space {
		padding: 10px 10px 15px;
	}

		.list-object-space p, .object-details-back p {
			margin: 11px 0 0 0 !important;
			background-color: #6F1A32;
			color: #fff;
			text-align: center;
			border-radius: 5px;
		}

		.object-details-back p {
			margin: 11px 20px 0 !important;
		}

			.list-object-space p a, .object-details-back p a {
				font-size: 17px;
				color: #fff;
				text-align: center;
				text-decoration: none;
			}

		.list-object-space .list-object-img {
			width: 150px;
			height: 150px;
			margin: 0 0 0 0;
		}

			.list-object-space .list-object-img img {
				height: 102px;
			}

	.no-margin-top {
		margin-top: 0 !important;
	}

	.no-margin-bot {
		margin-bottom: 0 !important;
	}

		.wrap-enev span {
			color: #555;
			font-weight: normal;
			margin: 0;
			padding: 0
		}

	.object-details-navi {
		margin: 15px;
	}

		.object-details-navi a {
		width: 46%;
		margin: 0 2% 2%;
		float: left;
		text-decoration: none;
		color: #fff;
		background-color: #6F1A32;
		border-radius: 3px;
		padding: 3px 0;
	}

	.captchalabel {
		display: inline-block;
		float: left;
	}

	.captcha-wrap {
		display: inline-block;
		float: right;
		margin: 5px 0 5px 0;
		font-size: 28px;
	}

	.list-object-img ul li span {
		background-position: 60px 81px !important;
		background-size: 90px !important;
	}