/* -------------------------------------------------------------
  	Stylesheet
  	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Company:	onOffice Software GmbH
   	Release:	1.0
 	------------------------------------------------------------- */

	/* -------------------------------------------------------------
	Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		01. Default settings
		02. Wrapper
		03. Header
		04. Main
		05. Banner
		06. Content
		07. Sidebar
		08. Footer
		09. Object-Frame
		10. Object-List
		11. Object-Details
		12. Agencys
		13. Contact
		14. Schnellsuche
		15. Home object slider
	------------------------------------------------------------- */

	/* -------------------------------------------------------------
   	01. Default settings
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	* {
		padding: 0;
		margin: 0;
	}

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #444;
		background: #eee;
		overflow-y:scroll;
	}

	a, a:visited, a:active {
		text-decoration: underline;
		cursor: pointer;
		color: #45889E;
	}

		a:hover {
			text-decoration: none;
			cursor: pointer;
			color: #45889E;
		}

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

	h1, h2 {
		font-size: 19px;
		font-family: 'Questrial', sans-serif;
		font-weight: normal;
	}

		h2 {
			font-size: 19px;
			background: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/sidebar-h2-background.png) no-repeat left top;
			padding-left: 25px;
			color: #45889E;
		}

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

	p {
		margin: 0 0 20px 0;
		line-height: 18px;
	}

	h1, h2, h3, h4, h5, h6 {
		margin: 0 0 20px 0;
		line-height: 18px;
	}

	img {
		border: none;
	}

		.img-float-left {
			padding: 4px 18px 18px 0;
			float: left;
			display: inline;
		}

		.img-float-right {
			padding: 4px 0 18px 18px;
			float: right;
			display: inline;
		}

	ul li {
		list-style: none;
	}

	input, select, textarea {
		padding: 2px;
		border: 1px solid #dedede;
		margin: 0 0 15px 0;
		background: #eee;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #444;
	}

		input.submit {
			width: 130px !important;
			height: 23px;
			border: none;
			margin: 0;
			background: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/submit.png);
			color: #444;
			cursor: pointer;
		}

	.no-padding {
		padding: 0 !important;
	}

	.no-border {
		border: none !important;
	}

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

	.clear {
		clear: both;
	}

	.center {
		text-align: center;
	}

	/* -------------------------------------------------------------
	02. Wrapper
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.wrapper {
		width: 100%;
	}

		.wrapper .wrapper-center {
			width: 1000px;
			margin: 0 auto;
			position: relative;
		}

	/* -------------------------------------------------------------
	03. Header
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.header {
		height: 30px;
	}

		.header .wrapper-center {
			height: 30px;
			background: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/header-background.png) no-repeat bottom center;
		}

	/* -------------------------------------------------------------
   	04. Main
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.main .wrapper-center {
		width: 960px;
		padding: 0 10px;
		background: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/data-background.png) repeat-y top left;
	}

		.main .data {
			width: 690px;
			float: left;
			display: inline;
		}

		.main .content {
			padding: 20px 20px 0 20px;
		}

		.main .sidebar {
			/*width: 252px;*/
			width: 230px;
			padding: 20px;
			float: right;
			display: inline;
			color: #45889e;
		}

	/* -------------------------------------------------------------
   	05. Banner
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.banner {
		width: 648px;
		/*height: 210px;*/
		height: 178px;
		padding: 20px;
		margin: 0 0 5px 0;
		background-position: left -10px;
		background-repeat: no-repeat;
		overflow: hidden;
	}

	/* -------------------------------------------------------------
   	06. Content
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.content .start-navigation {
		margin: 0 0 10px 0;
	}

		.content .start-navigation ul {
			padding: 0 !important;
			border: 0 !important;
			margin: 0 !important;
		}

		.content .start-navigation li {
			padding: 0 !important;
			border: 0 !important;
			margin: 0 9px 10px 0; !important;
			float: left;
			display: inline;
			list-style: none;
		}

			.content .start-navigation li.large {
				margin: 0 24px 24px 0 !important;
			}

			.content .start-navigation li.last-large {
				margin: 0 0 24px 0 !important;
			}

			.content .start-navigation li.last {
				margin: 0 0 10px 0 !important;
			}

		.content .start-navigation a {
			height: 211px;
    		width: 210px;
			background-repeat: no-repeat;
			background-position: center 0;
			display: block;
			position: relative;
			font-family: 'Questrial', sans-serif;
			text-decoration: none;
		}

			.content .start-navigation a strong {
				font-size: 16px;
				color: #45889E;
				position: absolute;
				left: 60px;
				bottom: 33px;
			}

				.content .start-navigation .large a strong {
					left: 100px;
					bottom: 35px;
				}

			.content .start-navigation a span {
				font-size: 11px;
				color: #b8b8b8;
				position: absolute;
				left: 60px;
				bottom: 10px;
			}

				.content .start-navigation .large a span {
					left: 100px;
					bottom: 12px;
				}

			.content .start-navigation .large a {
				width: 312px;
				height: 212px;
			}

			.content .start-navigation .start-angebote a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-angebote.png);
			}

			.content .start-navigation .start-kundengesuche a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-kundengesuche.png);
			}

			.content .start-navigation .start-historie a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-historie.png);
			}

			.content .start-navigation .start-3a-bueros a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-3a-bueros.png);
			}

			.content .start-navigation .start-franchising-start a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-franchising-start.png);
			}

			.content .start-navigation .start-angebote-3a a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/3a-start-angebote.png);
			}

			.content .start-navigation .start-kundengesuche-3a a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/3a-start-kundengesuche.png);
			}

			.content .start-navigation .start-franchising-start-3a a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/3a-start-franchising-start.png);
			}

			.content .start-navigation .start-standard a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-standard.png);
			}

			.content .start-navigation .start-commercial-rendite a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-commercial-rendite.png);
			}

			.content .start-navigation .start-retzlaff-leistungen a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-retzlaff-leistungen.png);
			}

			.content .start-navigation .start-retzlaff-team a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-retzlaff-team.png);
			}

			.content .start-navigation .start-retzlaff-kundengesuche a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-retzlaff-kundengesuche.png);
			}

			.content .start-navigation .start-retzlaff-angebote a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-retzlaff-angebote.png);
			}

			.content .start-navigation .start-retzlaff-immobewertung a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-retzlaff-immobewertung.png);
			}

			.content .start-navigation .start-pospiech-team a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-pospiech-team.png);
			}

			.content .start-navigation .start-metz-team a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-metz-team.png);
			}

			.content .start-navigation .start-metz-immobilienrente a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-metz-immobilienrente.png);
			}

			.content .start-navigation .start-5-plus-team a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-5-plus-team.png);
			}

			.content .start-navigation .start-immobilien-shop a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-immobilien-shop.png);
			}

			.content .start-navigation .start-konditionen a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-konditionen.png);
			}

			.content .start-navigation .start-berufsbild a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-berufsbild.png);
			}

			.content .start-navigation .start-ausbildung a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-ausbildung.png);
			}

			.content .start-navigation .start-muc-pasing-kundengesuche a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-muc-pasing-kundengesuche.png);
			}

			.content .start-navigation .start-muc-pasing-angebote a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-muc-pasing-angebot.png);
			}

			.content .start-navigation .start-muc-pasing-historie a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-muc-pasing-historie.png);
			}

			.content .start-navigation .start-muc-pasing-3a-bueros a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-muc-pasing-3a-bueros.png);
			}

			.content .start-navigation .start-muc-pasing-franchising-start a {
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/start-muc-pasing-franchising-start.png);
			}

			/* */

			.content .start-navigation a:hover {
				background-position: 0 -247px;
			}

				.content .start-navigation a:hover strong, .content .start-navigation .large a.active strong {
					color: #fff;
				}

				.content .start-navigation a:hover span, .content .start-navigation .large a.active span {
					color: #444;
				}

				.content .start-navigation .large a:hover, .content .start-navigation .large a.active {
					background-position: 0 -223px;
				}

	.content ul, .content ol {
		padding: 0 0 0 25px;
		border-left: 1px solid #dfdfdf;
		margin: 0 0 20px 0;
	}

		.content ul ul, .content ol ol {
			margin: 20px 0 20px 0;
		}

		.content ul li {
			line-height: 24px;
			list-style: outside disc;
		}

		.content ol li {
			margin: 0 0 0 5px;
			padding: 0 0 10px 0;
			line-height: 18px;
		}

	/* -------------------------------------------------------------
   	07. Sidebar
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.sidebar h1 {
		margin: 0 0 20px 0;
		text-align: center;
	}

	.sidebar .widget {
		margin: 0;
		padding: 30px 0 0 0;
		background: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/sidebar-widget-background.png) no-repeat center top;
		position: relative;
	}

		.sidebar .widget h2 {
			margin: 0 0 10px 0;
		}

		.sidebar .navigation li {
			padding: 5px 0;
			/*border-bottom: 1px dashed #dfdfdf;*/
		}

			.sidebar .navigation .first {
				padding: 0 0 5px 0;
			}

			.sidebar .navigation .last {
				padding: 5px 0 0 0;
			}

			.sidebar .navigation li a {
				display: block;
			}

			.sidebar .navigation li input, .body-startseite .content input, .contact .system, .contact .halle {
				width: 230px;
				padding: 5px;
				margin: 0 0 5px 0;
				text-align: center;
				cursor: pointer;
				-moz-box-shadow: 0 0 5px #888;
				-webkit-box-shadow: 0 0 5px #888;
				box-shadow: 0 0 5px #888;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				background: #eee;
			}

				.contact .system, .contact .halle {
					margin: 10px 0;
					display: block;
					text-decoration: none;
				}

				.body-startseite .content input {
					font-weight: bold;
				}

		/*.system-details, .halle-details {
			display: none;
		}*/

		.sidebar .news h3, .sidebar .events h3 {
			margin: 0 0 5px 0;
			font-size: 12px;
			line-height: 16px !important;
		}

		.sidebar .news ul, .sidebar .events ul {
			position: absolute;
			top: 31px;
			right: 0;
		}

			.sidebar .news ul li, .sidebar .events ul li {
				margin: 0 0 0 5px;
				float: left;
				display: inline;
				line-height: 0;
			}

		.sidebar .news .slider, .sidebar .events .slider {
			overflow: hidden;
			position: relative;
		}

			.sidebar .news .slider .slide, .sidebar .events .slider .slide {
				position: absolute;
				top: 0;
				left: 0;
			}

				.sidebar .news .slider .slide div, .sidebar .events .slider .slide div {
					margin: 0 0 10px 0;
					position: relative;
				}

		.sidebar .news p, .sidebar .events p {
			padding: 0 0 20px 0;
			margin: 0;
			line-height: 16px !important;
		}

			.sidebar .news p.last, .sidebar .events p.last {
				padding: 0;
				margin: 0;
				position: absolute;
				bottom: 0;
				right: 0;
			}

		.sidebar .contact h3 {
			margin: 0 0 5px 0;
			font-size: 12px;
			line-height: 16px !important;
		}

			.sidebar .contact h3 span {
				font-size: 11px;
			}

		.sidebar .contact p {
			margin: 0 0 5px 0;
			line-height: 16px !important;
		}

			.body-kontakt .content table {
				margin: 0 0 20px 0;
			}

			.sidebar .contact table td, .body-kontakt .content table td {
				line-height: 16px;
				vertical-align: middle;
			}

		.sidebar .social li {
			margin: 0 10px 0 0;
			float: left;
			display: inline;
		}

			.sidebar .social li a {
				height: 24px;
				width: 24px;
				display: block;
				overflow: hidden;
				background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/sidebar-social.png);
				background-repeat: no-repeat;
				background-position: 0 0;
			}

				.sidebar .social li a.qype {
					background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/sidebar-qype.png);
				}

				.sidebar .social li a.ivd {
					background-image: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/sidebar-ivd.png);
				}

				.sidebar .social li a.facebook {
					background-position: -276px 0;
				}

				.sidebar .social li a.google {
					background-position: -476px 0;
				}

				.sidebar .social li a.twitter {
					background-position: -1326px 0;
				}

				.sidebar .social li a.linkedin {
					background-position: -675px 0;
				}

				.sidebar .social li a.xing {
					background-position: -1450px 0;
				}

				.sidebar .social li a.youtube {
					background-position: -1550px 0;
				}

		.sidebar .meta li {
			font-size: 11px;
			margin: 0 10px 0 0;
			float: left;
			display: inline;
		}

		.sidebar .onoffice {
			font-size: 10px;
		}

			.sidebar .onoffice p {
				margin: 0 0 10px 0;
				line-height: 16px;
			}

				.sidebar .onoffice p.lead {
					font-size: 11px;
					font-weight: bold !important;
				}

	/* -------------------------------------------------------------
   	08. Footer
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.footer {
		height: 30px;
	}

		.footer .wrapper-center {
			height: 30px;
			background: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/footer-background.png) no-repeat top center;
		}

	/* -------------------------------------------------------------
   	09. Object-Frame
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.frame {
		padding: 0 0 20px 0;
	}

		.frame input, .frame select {
			margin: 0;
		}

		.frame .jumpbox {
			padding: 4px 0 0 0;
			float: left;
			display: inline;
		}

			.frame .jumpbox p {
				margin: 0;
			}

			.frame .jumpbox .selected {
				font-weight: bold;
			}

		.frame .sort {
			float: right;
			display: inline;
		}

	/* -------------------------------------------------------------
   	10. Object-List
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.listobject {
		margin: 0 0 20px 0;
	}

		.listobject .headline {
			padding: 1px 0;
			background: #45889E;
			color: #fff;
			position: relative;
		}

			.listobject .headline h3 {
				padding: 0;
				margin: 0;
				background: none;
				position: absolute;
				top: 3px;
				left: 10px;
				font-family: 'Questrial', sans-serif;
				font-size: 14px;
				font-weight: normal;
			}

				.listobject .headline h3 a {
					color: #fff;
					text-decoration: none;
				}

			.listobject .headline p {
				padding: 0 0 0 10px;
				margin: 0;
				font-family: 'Questrial', sans-serif;
				text-align: left;
				font-size: 12px;
				line-height: 15px;
				white-space: nowrap;
				float: left;
				display: inline;
			}

			.listobject .headline span {
				padding: 1px 10px 0 0;
				font-family: 'Questrial', sans-serif;
				text-align: right;
				font-size: 12px;
				float: right;
				display: inline;
			}

		.listobject .information {
			padding: 10px 20px;
			border-bottom: 3px double #007eb8;
			background: #efefef;
		}

			.listobject-odd .information {
				background: #fff !important;
			}

			.listobject .information .image {
				height: 67px;
				width: 106px;
				/*border: 1px solid #fff;*/
				float: left;
				display: inline;
				background: #efefef;
				overflow: hidden;
			}

				.listobject-odd .information .image {
					background: #fff !important;
				}

				.listobject .information .image a {
					width: 106px;
					height: 67px;
					display: block;
					text-align: center;
				}

				.listobject .information .no-image a {
					background: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/no-image-grey.jpg) no-repeat top center;
				}

				.listobject-odd .information .no-image a {
					background: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/no-image.jpg) no-repeat top center !important;
				}

					.listobject .information .image ul {
						padding: 0 !important;
						border: 0 !important;
						margin: 0 !important;
					}

					.listobject .information .image li {
						padding: 0 !important;
						border: 0 !important;
						margin: 0 !important;
						list-style: none;
						line-height: 0;
						text-align: center;
					}

					.body-3a-bueros .listobject .information .image {
						overflow: inherit;
					}

					.body-3a-bueros .listobject .information .image a {
						margin: 6px 0 0 0;
						display: block;
						font-size: 11px;
						text-align: center;
					}

			.listobject .information .details {
				width: 208px;
				margin: 0 0 0 40px;
				float: left;
				display: inline;
			}

				.listobject .information .details p {
					margin: 0;
					font-size: 11px;
				}

				.listobject .information .details td {
					font-size: 11px;
					line-height: 18px;
					vertical-align: top;
				}

					.listobject .information .details td.first {
						width: 100px;
					}

				.interest .listobject .information .details {
					width: 295px;
					margin: 0 20px 0 0 !important;
				}

					.interest .listobject .information .details td.first {
						width: 150px;
					}

			.listobject .links {
				padding: 10px 0 0 0;
				text-align: center;
			}

				.listobject .links a {
					width: 25%;
					float: left;
					display: block;
					color: #007eb8;
					font-weight: bold;
					text-align: center;
					font-size: 11px;
				}

				.interest .listobject .links a {
					width: 610px;
					padding: 3px 20px;
					text-align: right;
				}

			.listobject .information .text {
				width: 208px;
				margin: 0 0 0 40px;
				float: left;
				display: inline;
			}

				.listobject .information .text p {
					margin: 0;
					font-size: 11px;
					text-align: justify;
				}

				.interest .listobject .information .text {
					width: 295px;
					margin: 0 !important;
				}

	/* -------------------------------------------------------------
   	11. Object-Details
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.detail .image {
		padding: 0 0 13px 0;
		border-bottom: 1px dashed #45889E;
		margin: 0 0 20px 0;
	}

		.detail .image div div div {
			width: 640px;
			height: 359px;
			padding: 2px;
			border: 2px solid #45889E;
			margin: 0 0 10px 0;
			text-align: center;
			overflow: hidden;
		}

			.detail .image img {
				max-height: 359px !important;
			}

			.detail .image p {
				text-align: center;
				margin: 0 0 10px 0;
			}

			.detail .image ul {
				padding: 0 !important;
				border: 0 !important;
				margin: 0 !important;
			}

			.detail .image li {
				width: 116px;
				height: 65px;
				display: block;
				padding: 2px !important;
				border: 2px solid #45889E;
				margin: 0 7px 7px 0 !important;
				float: left;
				display: inline;
				line-height: 0;
				text-align: center;
			}

				.detail .image li.last {
					margin: 0 0 7px 0 !important;
				}

	.detail .menue {
		border-bottom: 1px dashed #45889E;
		margin: 0 0 20px 0;
	}

	.detail .details div {
		display: none;
	}

	.detail .details .else {
		display: block;
	}

	.detail .details table {
		width: 100%;
		padding: 0 0 20px 0;
		border-bottom: 1px dashed #45889E;
		margin: 0 0 20px 0;
	}

		.detail .details table td {
			width: 350px;
			padding: 5px;
			vertical-align: top;
		}

			.detail .details table td.label {
				width: 175px !important;
			}

			.detail .details table .odd td {
				background: #efefef;
			}

	.detail .information span strong, .detail h2 {
		color: #45889E;
		background: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/sidebar-h2-background.png) no-repeat left top;
		font-size: 19px;
		margin-bottom: 20px;
		padding-left: 25px;
		font-family: 'Questrial',sans-serif;
		display: block;
	}

	.detail .information span span {
		display: block;
		border-bottom: 1px dashed #45889E;
		margin: 0 0 20px 0;
	}

	.detail .contact {
		width: 305px;
		margin: 0 0 20px 0;
		float: right;
		display: inline;
	}

		.detail .contact-image {
			width: 100px;
			height: 118px;
			border: 2px solid #45889E;
			padding: 2px;
			margin: 0 0 20px 20px;
			float: right;
			display: inline;
			line-height: 0;
			overflow: hidden;
		}

			.detail .contact-image ul {
				padding: 0;
				border: 0;
				margin: 0;
			}

				.detail .contact-image ul li {
					list-style: none;
				}

			.detail .contact-image img {
				height: 118px;
			}

	.detail .request {
		width: 305px;
		margin: 0 0 20px 0;
		float: left;
		display: inline;
	}

		.detail .request label {
			display: block;
			margin: 0 0 5px 0;
		}

		.detail .request input[type="text"] {
			width: 164px;
		}

		.detail .request textarea {
			width: 250px;
		}

	.td_right {
		width: 100%;
		margin: 0 0 10px;
	}

		.td_right input[type="checkbox"] {
			width: 13px;
			height: 13px;
			display: inline-block;
			margin: 0 5px 0 0;
		}

	/* -------------------------------------------------------------
   	12. Agencys
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.agency {
		width: 200px;
		margin: 0 25px 25px 0;
		float: left;
		display: inline;
	}

		.last-agency {
			margin: 0 0 25px 0 !important;
		}

		.agency .image {
			width: 200px;
			height: 116px;
			overflow: hidden;
			text-align: center;
		}

		.agency .information {
			padding: 10px;
			background: #efefef;
		}

			.agency .information h2 {
				margin: 0 0 5px 0;
			}

			.agency .information p {
				margin: 0;
			}

	/* -------------------------------------------------------------
   	13. Contact
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	#map_canvas {
		width: 640px;
		height: 250px;
		border: 5px solid #efefef;
		margin: 0 0 20px;
	}

	/* -------------------------------------------------------------
   	14. Schnellsuche
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.schnellsuche {
		width: 320px;
	}

		.schnellsuche table {
			width: 320px;
		}

			.schnellsuche table td {
				padding: 0 10px 10px 0;
				vertical-align: middle;
			}

		.schnellsuche select {
			width: 200px;
			margin: 0;
		}

		.schnellsuche input[type="text"] {
			width: 194px;
			margin: 0;
		}

		.schnellsuche input[type="submit"] {
			background: url(http://web2.onoffice.de/kunden/3a/westside/1/images/template/submit.png) no-repeat 0 0;
			border: medium none;
			color: #444444;
			cursor: pointer;
			height: 23px;
			margin: 0;
			width: 130px !important;
			float: right;
			margin: 0 10px 0 0;
		}

	/* -------------------------------------------------------------
	15. Home object slider
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.slider-noobject-message {
		padding: 10px;
		text-align: center;
	}

	.slider-frame-outer {
		float: left;
		width: 311px;
		background: none !important;
	}

	.slider-frame {
		overflow: hidden;
		width: 311px;
		height: 335px;
		position: relative;
		background: none !important;
	}

	.slider-slider {
		position: absolute;
		top: 0;
	}

	.slider-listobject {
		position: relative;
		width: 311px;
		height: 335px;
		overflow: hidden;
		float: left;
	}

	.slider-listobject-img {
		display: block;
		width: 286px;
		height: 213px;
		overflow: hidden;
		margin: 9px 0 0 10px;
	}

	.slider-listobject-img ul {
		margin: 0;
		padding: 0;
	}

	.slider-listobject-img li {
		margin: 0;
		list-style: none;
		line-height: 0 !important;
	}

	.slider-listobject-img img {
		min-height: 213px;
		min-width: 286px;
	}

	.listobject-imgframe {
		width: 311px;
		height: 335px;
		position: absolute;
		top: 0;
		left: 0;
		background: url("http://web2.onoffice.de/kunden/3a/westside/1/images/template/sliderobject-imgframe.png") 0 0 no-repeat;
	}

	.slider-listobject-imglink {
		display: block;
		width: 286px;
		height: 213px;
		margin: 9px 0 0 10px;
	}

	.listobject-text {
		position: absolute;
		top: 210px;
		left: 60px;
		width: 207px;
		height: 40px;
		padding: 0 2px 2px 35px;
		background: url("http://web2.onoffice.de/kunden/3a/westside/1/images/template/sliderobject-textbg.png") 0 0 no-repeat;
	}

	.listobject-text:hover {
		background: url("http://web2.onoffice.de/kunden/3a/westside/1/images/template/sliderobject-textbg-hover.png") 0 0 no-repeat;
	}

	.listobject-text a h3 {
		font-size: 14px;
		line-height: 22px;
		margin: 0 0 4px;
		color: #45889e;
	}

	.listobject-text a {
		text-decoration: none;
		display: block;
	}

	.listobject-text a {
		color: #444;
	}

	.listobject-text:hover a h3 {
		color: #fff;
	}

	.listobject-text .wrap-data {
		display: none;
	}

	.slider-prev,
	.slider-next {
		display: block;
		cursor: pointer;
		position: absolute;
		top: 110px;
	}

	.slider-prev {
		left: 11px;
	}

	.slider-next {
		right: 17px;
	}

	.slider-prev i,
	.slider-next i {
		font-size: 50px;
		line-height: 50px;
		color: rgba(69,136,158,.5);
		-webkit-transition: all 0.15s ease-in-out 0s;
		-moz-transition: all 0.15s ease-in-out 0s;
		-o-transition: all 0.15s ease-in-out 0s;
		transition: all 0.15s ease-in-out 0s;
	}

	.slider-prev i.icon-arrow-left,
	.slider-next i.icon-arrow-right {
		color: #fff;
	}

	.slider-prev i.icon-arrow-left {
		margin: -1px 0 0 -1px;
	}

	.slider-next i.icon-arrow-right {
		margin: -1px -1px 0 0;
	}

	.slider-prev:hover .icon-circle,
	.slider-next:hover .icon-circle {
		color: #45889e;
		color: rgba(69,136,158,1);
	}

	.wsnw {
		white-space: nowrap;
	}


	/* -------------------------------------------------------------
   	Eigentümerformular
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

   	/* general settings */
   	.eigentuemerformular .half,
   	.eigentuemerformular .one-fourth,
   	.eigentuemerformular .three-fourth,
   	.eigentuemerformular .full {
   		float: left;
   		padding: 0 10px;
   		box-sizing: border-box;
   		-o-box-sizing: border-box;
   		-ms-box-sizing: border-box;
   		-moz-box-sizing: border-box;
   		-webkit-box-sizing: border-box;
   	}

	.eigentuemerformular .full {
		width: 100%;
	}
	.eigentuemerformular .half {
		width: 50%;
	}
	.eigentuemerformular .one-fourth {
		width: 25%;
	}
	.eigentuemerformular .three-fourth {
		width: 75%;
	}

	.eigentuemerformular .error {
		border: solid 2px #13A875;
	}
	.eigentuemerformular .kontaktaufnahme.full {
		padding: 0 20px 10px;
		border: none;
	}
		.eigentuemerformular .kontaktaufnahme-content.error {
			padding: 5px;
			width: 100%;
			box-sizing: border-box;
	   		-o-box-sizing: border-box;
	   		-ms-box-sizing: border-box;
	   		-moz-box-sizing: border-box;
	   		-webkit-box-sizing: border-box;
	   		border: solid 2px #13A875;
	   		height: 30px;
		}

   	.eigentuemerformular input,
   	.eigentuemerformular select,
   	.eigentuemerformular textarea {
   		width: 100%;
   		padding: 5px;
   		box-sizing: border-box;
   		-o-box-sizing: border-box;
   		-ms-box-sizing: border-box;
   		-moz-box-sizing: border-box;
   		-webkit-box-sizing: border-box;
   	}
   	.eigentuemerformular textarea {
   		height: 80px;
   	}
   	.eigentuemerformular input.checkbox {
   		width: 30px;
   		display: inline-block;
   	}

   	.eigentuemerformular .status {
   		margin: 0 20px;
   		display: none;
   	}
   		.eigentuemerformular .status p {
   			padding: 10px;
   			background: #13A875;
   			color: #fff;
   			margin: 0 0 20px 0;
   			height: 38px;
   			box-sizing: border-box;
   			-o-box-sizing: border-box;
   			-ms-box-sizing: border-box;
   			-moz-box-sizing: border-box;
   			-webkit-box-sizing: border-box;
   		}
   		.eigentuemerformular .status ul {
   			background: #f8f8f8;
   			padding: 10px 10px 10px 30px;
   		}
   	.eigentuemerformular h3 {
   		margin: 0 10px 20px;
   	}
   	.eigentuemerformular button {
   		width: 250px;
		margin: 0 10px;
		color: #fff;
		cursor: pointer;
		padding: 5px 0;
		background: #009FE3;
		border: none;

   	}
   	.eigentuemerformular p.pflichtfeld {
   		margin: 20px 0;
   	}