/* -------------------------------------------------------------
	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: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #00008D;
	}

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

		a:hover, a.selected {
			color: #055355;
			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 { font-size: 14px; }
		h3, h4, h5, h6 { 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: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
	}

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

	.clear { clear: both; }

	.clearfix::before,
	.clearfix::after {
	  content: " ";
	  display: table;
	} 

	.clearfix::after {
	  clear: both;
	}

	.clearfix {
	  *zoom: 1; /* Für den IE6 und IE7 */
	}

	.center { text-align: center; }

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

	.header {
		width: 100%;
		height: 90px;
		background: #73e1d7;
		position: relative;
	}

		.header a {
			height: 60px;
			display: block;
			float: left;
			margin: 15px 0 0px 30px;
		}

			.header a img {
				width: auto;
				height: 60px;
			}

		.header .header-claim {
			background: none;
			text-align: left;
		}

		.header .header-claim p {
			color: #FFFFFF;
			font-size: 28px;
			font-weight: normal;
			line-height: 28px;
			padding: 35px 0 0;
			text-shadow: 1px 1px 7px #000000;
		}
			.header .firmenname {
				position: absolute;
				left: 124px;
				top: 19px;
				font-size: 21px;
				font-family: 'Open Sans', sans-serif;
				font-style: italic;
				font-weight: 800;
				letter-spacing: 13px;
				color: #00005a;
			}
			.header .slogan {
				position: absolute;
				top: 53px;
				left: 119px;
				color: #4C4C4C;
				font-size: 10px;
				font-family: 'Open Sans', sans-serif;
				font-style: italic;
				font-weight: 400;
			}

	.headline {
		background: #010066;
		color: #fff;
		font-size: 13px;
		padding: 5px 0;
		text-align: center;
	}

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

	.content {
		clear: both;
		width: 100%;
		background: #E5E5E5;
	}

		.content p {
			font-family: Verdana,Arial,Helvetica,sans-serif;
			font-style: italic;
			max-width: 500px;
			font-size: 12px;
			padding: 0 12px;
			margin: 0 auto 12px auto !important;
		}

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

		.content ul {
			max-width: 500px;
			margin: 0 auto 0 !important;
			padding: 0 0 0 25px;

}			.content ul li {
				list-style: outside square none;
				line-height: 20px;
			}

		.content h1 {
			max-width: 500px;
			margin: 0 auto !important;
			color: #00008D;
			font-family: Georgia;
			font-style: italic;
			font-size: 16px;
			margin: 0 0 20px;
			padding: 0 12px 20px;
		}

		.content h2 {
			max-width: 500px;
			padding: 5px 12px;
			font-family: Georgia;
			font-weight: bold;
			font-style: italic;
			margin: 12px auto 0 !important;
			color: #00008D;
			font-size: 14px;
		}

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

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

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

	.footer {
		padding: 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: #00008D;
			text-transform: uppercase;
		}

		.footer ul {
			text-align: center;
			background: #010066;
		}

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

		.footer  a {
			padding: 5px 0;
			text-decoration: none;
			display: block;
			color: #ccc;
		}

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

		.footer .facebook {
			margin: 15px 0;
			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 .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;
				font-size: 18px;
			}

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

	/* -------------------------------------------------------------
	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 {
			display: inline-block;
			font-size: 19px;
			margin: 20px 0 !important;
			width: 100%;
			padding: 0 !important;
		}

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

		.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 {
			padding: 0;
			margin: 0 !important;
		}
			.list-object-img ul li {
				list-style: none outside none;
				line-height: 0px;
			}
		.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;
			color: #055355;
			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, .contact-form {
			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;
				color: #055355;
			}

			.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 ul {
				padding: 0;
			}
			.object-details .plan-picture li {
				width: 100%;
				padding: 0 !important;
				margin: 0 0 12px 0;
				text-align: center;
				list-style: none outside none;
			}

			.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;
			color: #055355;
		}

		.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-form {
		max-width: 500px;
		margin: 0 auto;
	}
	.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;
				color: #055355;
			}

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

			.contact .submit {
				width: 50% !important;
	
			}

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

	/* -------------------------------------------------------------
		10. Slideshow
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	ul#slideshow{
		padding: 0;
	}

		#slideshow li{
			list-style: none outside none;
		}
		#slideshow li img {
			width: 100% !important;
		}

	/* -------------------------------------------------------------
   	11. Menue
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.menue {
		margin: -6px 0 0 0;
		padding: 0px !important;
	}

		.menue li {
			width: 50%;
			border-top: 1px solid #d5d5d5;
			float: left;
			display: inline;
			background:inherit;
			font-size:14px;
/*			background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ffffff));
			background: -moz-linear-gradient(left, #f4f4f4, #ffffff);*/
		}

			.menue .last {
				border-bottom: 0;
			}
				.menue .last a {
					height: 20px;
				}

		.menue a {
			padding: 30px 0;
			display: block;
			text-decoration: none;
			text-align: center;
			border-top: 1px solid #fff;
			border-right: 1px solid #d5d5d5;
			color:#069;
			font-weight:bold;
		}

			.menue a:hover{
				color:#fff;
				background:#069;
			}

			.menue .last a {
				border-bottom: 0;
			}

			.menue .second a {
				border-right: 0;
				border-left: 1px solid #fff;
			}

	/* -------------------------------------------------------------
	12. Footnote
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.footnote {
		padding: 0;
		text-align: center;
		width: 100%;
	}

		.footnote div {
			height: 10px;
			width: 100%;

		}

		.footnote h2 {
			padding: 12px 0;
			color: #00008D;
			text-transform: uppercase;
		}

		.footnote ul {
			text-align: center;
			background: #73e1d7;
		}

		.footnote li {
			width: 50%;
			color: #055355;
			display: inline-block;
			list-style: disc outside;
		}

		.footnote  a {
			padding: 20px 0;
			text-decoration: none;
			display: block;
			color: #888;
			border-right: 1px solid #666;
		}

			.footnote a.selected {
				font-weight: bold;
				color: #888;
			}

		.footnote .facebook {
			margin: 15px 0;
			text-align: center;
		}

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

	/* -------------------------------------------------------------
	13. Zurück
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		.zurueck{
			background: #73e1d7;
			border-bottom: 1px solid #666666;
		}

		.zurueck a{
			display: block;
			padding: 18px 0;
			font-size: 15px;
			color: #fff;
			text-align: center;
			text-decoration: none;
		}

	/* -------------------------------------------------------------
	14. Galerie
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.galerie{
		padding: 0 !important;
	}
		.galerie li{
			list-style: none !important;
			float: left;
			width: 49%;
			padding: 0 2% 0 0;
		}

		.galerie li:nth-child(2n){
			padding: 0;
		}

			.galerie li img{
			width: 100% !important;
			}

			.galerie li p{
				text-align: center;
			}



	/* -------------------------------------------------------------
	15. Content form
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.content-form {
		max-width: 500px;
		margin: 0 auto 20px;
		padding: 20px 15px 0 15px;
	}
		.content-form .row {
			margin: 0 0 10px 0;
		}
		.content-form label {
			width: 25%;
			float: left;
			height: 35px;
			line-height: 35px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			border: 1px solid #00008D;
			border-right: none;
			text-align: center;
			color: #888;
		}
		.content-form input,
		.content-form select {
			width: 75%;
			height: 35px;
			padding: 0 5px;
			line-height: 35px;
			float: left;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			border: 1px solid #00008D;
		}
		.content-form button {
			width: 100%;
			height: 30px;
			line-height: 30px;
			background: #dedede;
			color: #055355;
			border: 1px solid #00008D;
		}