/* -------------------------------------------------------------
	m.3d-rundgaenge.de - 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: Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 20px;
		color: #555;
		background: #A3AFA3;
		min-width: 320px;
	}

	a {
		color: #21461d;
		font-weight: bold;
	}

	h1,	h2 {
		font-size: 16px;
		line-height: 21px;
	}

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

	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,
	.object-frame-sortby input {
		font-family: inherit;
		font-weight: bold;
		font-size: 15px;
		line-height: 18px;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		display: inline-block;
		background: #21471d;
		background: -moz-linear-gradient(top, #3a7636 0%, #21471d 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a7636), color-stop(100%,#21471d));
		background: -webkit-linear-gradient(top, #3a7636 0%,#21471d 100%);
		background: -o-linear-gradient(top, #3a7636 0%,#21471d 100%);
		background: -ms-linear-gradient(top, #3a7636 0%,#21471d 100%);
		background: linear-gradient(to bottom, #3a7636 0%,#21471d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a7636', endColorstr='#21471d',GradientType=0 );
		color: #fff !important;
		border: 0;
	  --moz-border-radius: 5px;
		border-radius: 5px;
	}

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

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

	option {
		margin: 5px 0;
		padding: 0 5px;
	}

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

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

	.feedback-success {
		color: #090;
	}

	.feedback-error {
		color: #c00;
	}

	.textfield-status-error {
		border: 2px solid #c00;
	}

	.feedback p {
		padding: 15px 0 0 !important;
	}

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

	.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;
	}

	.wrap-input-checkbox {
		padding-left: 10px;
	}

	.wrap-input-checkbox > input {
		float: left;
		margin-top: 3px;
	}

	.wrap-input-checkbox > label {
		margin-left: 30px;
	}

	.wrap-input-checkbox.checkbox-status-error {
		border-left: 3px solid #c00;
		padding-left: 7px;
	}

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

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

	.pflichtfeldhinweis {
		margin: 20px 0 10px;
	}

	/* ----- 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;
	}

	#formfeedback-allowcontact {
		display: none;
	}

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

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

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

	form h2 {
		margin-top: 40px;
	}

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

	.header {
		background: #c6dec6;
		padding: 0 0 10px;
	}

	.header-logo {
		max-width: 100%;
		max-height: 70px;
	}

	.header-claim {
		display: inline-block;
		float: right;
		margin: 5px 10px 5px 0;
		color: #21461d;
		font-size: 18px;
	}

	/* -------------------------------------------------------------
	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: 0 auto 20px;
	}

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

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

	.footer-h2 {
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}

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

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

	.footer a {
		margin: 10px 0 0;
		padding: 5px 10px;
		text-decoration: none;
		display: block;
		font-family: verdana, arial, sans-serif;
		font-size: 13px;
		white-space: nowrap;
	}

	/* -------------------------------------------------------------
	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: 15px 0;
		border-top: 1px solid #ddd;
	}

	.object-details p.back a {
		display: block;
		padding: 15px;
	}

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

	/* -------------------------------------------------------------
	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;
		margin: 0 5px;
	}

	.objlist-jumpbox a {
		width: 26px;
		padding: 6px 0;
		margin: 0 2px 10px;
	}

	.objlist-jumpbox a.selected {
		background: none;
		color: #222 !important;
		border: 1px solid #ddd;
	}

	.objlist-jumpbox {
		white-space: nowrap;
	}

	.objlist-jumpbox span {
		white-space: normal;
	}

	/* -------------------------------------------------------------
	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 {
		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 105px;
	}

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

	.list-object-info td {
		padding: 5px 2px;
		line-height: 16px;
	}

	.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;
	}

	.wrap-list-object-3drundganglink {
		display: inline-block;
		min-width: 90px;
		min-height: 15px;
		background: url(../images-template/loading.gif) center center no-repeat;
		background-size: 12px 12px;
	}

	.list-object-3drundganglink {
		display: none;
	}

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

	/* -------------------------------------------------------------
	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;
		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-navi-wrap-3drundganglink {
		display: block;
		min-width: 60px;
		min-height: 15px;
		background: url(../images-template/loading.gif) center center no-repeat;
		background-size: 12px 12px;
		margin: 15px 0 0;
	}

	.object-details-navi-3drundganglink {
		display: none;
	}

	.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: 2px 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;
	}

	.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-details > p {
		margin: 20px 10px 0;
	}

	/* -------------------------------------------------------------
	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;
	}