/* -------------------------------------------------------------
  	Mobile Template - Stylesheet
  	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  	Autor:		i.A. Arne Bechmann
   	Release:	1.0
 	-------------------------------------------------------------	*/

	/* -------------------------------------------------------------
	Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		01. Default settings
		02. Header
		03. Content
		04. Footer
		05. Object-Frame
		06. List-Object
		07. Object-Details
		08. Object-Request
		09. Contact
	-------------------------------------------------------------	*/

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

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

	body {
		font-family: Arial, sans-serif;
		font-size: 12px;
		color: #515151;
		background: #fff;
	}

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

		a:hover {
			color: #214066;
			text-decoration: underline;
			cursor: pointer;
		}

		h1.hidden, h2.hidden, h3.hidden, h4.hidden, h5.hidden, h6.hidden {
			height: 1px;
			width: 1px;
			left:-1000000px;
			overflow:hidden;
			position:absolute;
			top:-1000000px;
		}

		h1, h2 { color: #214066;
		    font-family: Arial,sans-serif; font-size: 14px; }
		h3, h4, h5, h6 { color: #214066;
		    font-family: Arial,sans-serif; font-size: 12px; }

	p {
		margin: 0 0 12px 0;
		line-height: 1.5em;
	}

	img { border: none; }

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

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

	ul li { list-style: none; }

	input, select, textarea {
		padding: 4px;
		border: 1px solid #D6D6D6;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #515151;
	}

	.none-padding { padding: 0 !important; }
	.none-border { border: none !important; }
	.none-margin { margin: 0 !important; }

	.clear { clear: both; }

	.center { text-align: center; }

	/* -------------------------------------------------------------
   	02. Header
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.header {
		width: 100%;
		text-align: center;
	}

		.header h1 {
			height: 52px;
			padding: 0 0 26px 0;
			margin: 0 12px;
			overflow: hidden;
			position: relative;
		}

			.header h1 img {
				margin: 10px 0 0 0;
			}

		.header div {
			height: 10px;
			width: 100%;
			background: url(../images/header-background.png) repeat-x #f4f4f4;
		}

	/* -------------------------------------------------------------
   	03. Content
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.content {
		width: 100%;
		padding: 6px 0;
		background: #f4f4f4;
		min-height: 210px;
	}

		.content p {
			max-width: 500px;
			font-size: 12px;
			padding: 0 12px;
			margin: 0 auto 12px auto !important;
		}

			.content p.last {
				margin: 0 auto 12px auto !important;
			}

		.content h2 {
			max-width: 500px;
			padding: 0 12px;
			margin: 0 auto 12px auto !important;
			text-transform: uppercase;
			/*text-align: center;*/
		}

		.content h3 {
			max-width: 500px;
			padding: 0 12px;
			margin: 0 auto 12px auto !important;
			font-size: 12px;
		}

		.content .back {
			padding: 12px 0 0 0;
		}

		.content ul {
			font-size: 12px;
		    margin: 0 auto 12px !important;
		    max-width: 500px;
		}

			.content ul li {
				background: url("../images/bullet.png") no-repeat scroll left 5px rgba(0, 0, 0, 0);
				padding: 0 0 0 20px;
				line-height: 1.8em;
			}

	/* -------------------------------------------------------------
   	04. Footer
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.footer {
		padding: 0 0 12px 0;
		text-align: center;
		width: 100%;
	}

		.footer div {
			height: 10px;
			width: 100%;
			background: url(../images/footer-background.png) repeat-x #f4f4f4;
		}

		.footer h2 {
			padding: 12px 0;
			color: #008AC0;
			text-transform: uppercase;
		}

		.footer ul {
			text-align: center;
		}

		.footer li {
			padding: 5px 12px;
			color: #008AC0;
			display: inline-block;
			list-style: disc outside;
		}

		.footer  a {
			padding: 5px 0;
			text-decoration: none;
			display: block;
			color:#008AC0;
		}
		.footer  a:hover {
			color:#214066;
		}

			.footer a.selected {
				font-weight: bold;
			}

		.footer .facebook {
			margin: 7px 0;
			background: #fff;
			text-align: center;
		}

			.footer .facebook a {
				margin: 5px 0;
				padding: 5px 0 5px 8px;
				/*background: url(../images/facebook.png) no-repeat left;*/
				display: inline;
			}

	/* -------------------------------------------------------------
   	05. Object-Frame
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.object-frame {
		width: 100%;
	}

		.object-frame ul li {
			line-height: 0 !important;
			list-style: none !important;
			padding: 0 !important;
			background: none !important;
		}

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

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

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

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

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

		.object-frame .object-frame-footer {
			padding: 12px 12px 0 12px;
			border-top: 1px solid #fff;
		}

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

			.object-frame .object-frame-footer a {
				padding: 0 5px;
			}

				.object-frame .object-frame-footer a.selected {
					font-weight: bold;
				}

	/* -------------------------------------------------------------
   	06. List-Object
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.list-object {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #d6d6d6;
	}

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

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

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

		.list-object .list-object-img {
			width: 100px;
			border: 1px solid #d6d6d6;
			text-align: center;
			overflow: hidden;
			float: left;
			display: inline;
			background: #fff;
		}

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

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

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

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

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

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

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

		.projekte .list-object-info {
			background:#fff;
			border:1px solid #D6D6D6;
			margin:0px 0px 20px 112px
		}

		.projekte-uebersicht p, .projekte p {
			text-align:left!important;
			margin:0px!important;
			padding:2px 0px 2px 5px!important;
		}

		.projekte h2 {
			padding:0px;
		}

		.projekte-uebersicht p span strong, .projekte p span strong {
			display:block;
			margin:0px 10px 0px 0px;
			padding:0px!important;
		}

		.projekte-uebersicht p.odd , .projekte p.odd {
			background:none repeat scroll 0 0 #EEEEEE;
		}

		.projektbeschreibung {
			background:transparent!important;
			font-weight:bold;
			margin:0px auto;
		}

		.projekte-uebersicht {
			background:#fff;
			max-width:498px;
			margin:20px auto;
			border:1px solid #D6D6D6!important;
		}

	/* -------------------------------------------------------------
   	07. Object-Details
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.object-details {
		width: 100%;
	}

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

		.object-details .object-details-img {
			padding:12px 0 12px 0;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #d6d6d6;
			text-align: center;
		}

			.object-details .object-details-img img {
				max-width: 500px;
				margin: 0 0 12px 0;
				display: none;
			}

				.object-details .object-details-img img.portrait {
					height: 357px !important;
				}

			.object-details .object-details-img p {
				margin: 0 auto !important;
			}

		.object-details .object-details-infos {
			padding: 12px;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #d6d6d6;
		}

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

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

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

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

		.object-details span {
			padding: 0 12px;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #d6d6d6;
			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: 12px 0;
				margin: 0 auto;
				display: block;
			}

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

		.object-details .object-details-contact {
			padding: 0 12px 12px 12px;
		}

		.object-details .plan-picture {
			padding: 12px;
		}

			.object-details .plan-picture li {
				width: 100%;
				margin: 0 0 12px 0;
				text-align: center;
			}

			.object-details .plan-picture span {
				width: 100%;
				max-width: 500px;
				border: 1px solid #d6d6d6;
				background: #fff;
				overflow: hidden;
				display: block;
				margin: 0 auto;
			}

				.object-details .plan-picture img {
					width: 100%;
					margin: 0 auto;
					display: none;
				}

			.object-details .plan-picture li p {
				margin: 6px 0 0 0;
			}

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

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

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

	/* -------------------------------------------------------------
   	08. Object-Request
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.object-request form {
		display: block;
		max-width: 500px;
		margin: 12px auto 0 auto;
	}

		.object-request label {
			margin: 0 0 12px 0;
			display: block;
			font-weight: bold;
		}

		.object-request input, .object-request textarea {
			padding: 4px;
			border: 1px solid #D6D6D6;
			margin: 0 0 12px 0;
		}

		.object-request .submit {
			width: 50% !important;
			margin: 0 0 12px 25%;
		}

		.object-request ul {
			margin: 0 0 12px 0;
		}

	/* -------------------------------------------------------------
   	09. Contact
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.contact {
		width: 100%;
	}

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

			.contact label {
				margin: 0 0 12px 0;
				display: block;
				font-weight: bold;
			}

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

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

			.contact ul {
				margin: 0 0 12px 0;
			}
			#slideshow{
				max-width: 500px;
				margin:0 auto;
				min-height: 280px;
			}
			#slideshow img{
				width: 100%;
			}
			#slideshow li {
				line-height: 0 !important;
				background: none !important;
				padding: 0 !important;
			}

	.vc {
		margin: 0 0 20px 0;
		border-bottom: 1px solid #D6D6D6;
	}

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

	form.form label {
		display: block;
		margin: 0 0 12px;

	}

	form.form input, form.form textarea, form.form select {
		border: 1px solid #D6D6D6;
		margin: 0 0 12px;
		padding: 4px;
		width: 95%;
	}

	.wrapper-form {
		width: 100%;
	}

	form.form h3 {
		padding: 20px 0 10px 0;
		font-size: 14px;
	}
.full.checkboxfeld {
    margin-bottom: 10px;
}
.content form label {
    display: block;
    font-size: 14px;
}
	input, select, textarea {
		width: 100%;
		padding: 2px 5px;
		border: 1px solid #ccc;
		font-size: 14px;
		color: #333;
	}

		input.submit {
			width: 100%;
			
			padding: 0.5rem 0;
			background: #f2f2f2;
			text-align: center;
			font-weight: 700;
			cursor: pointer;
		}




form input[type="checkbox"],
		form input[type="radio"] {
			float: left;
			width: initial !important;
			margin: -4px 10px 0 0 !important;
			cursor: pointer;
		}


.contact-form form input[type="checkbox"] {
  margin: 7px 10px 0 0 !important;
}

.einverstaendnis {
	font-size: 14px!important;
}