/* -------------------------------------------------------------
  	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: 'Noto Sans', Arial, sans-serif;
		font-size: 12px;
		color: #515151;
		background: #fff;
	}
	
	a, a:visited, a:active {
		color: #c5c5c5;
		text-decoration: none;
		cursor: pointer;
	}
	
		a:hover {
			color: #E10207;
			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: 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: 12px 0;
			margin: 0 12px;
			overflow: hidden;
			position: relative;
		}
		
			.header h1 img {
				margin: -9px 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;
			font-weight: normal;
			text-transform: uppercase;
		}
		
		.content h3 {
			max-width: 500px;
			padding: 0 12px;
			margin: 0 auto 12px auto !important;
			font-size: 12px;
		}

		.content .back {
			padding: 12px 0 0 0;
		}
	
	/* -------------------------------------------------------------
   	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: #969792;
			text-transform: uppercase;
		}
		
		.footer ul {
			text-align: center;
		}
	
		.footer li {
			padding: 5px 12px;
			color: #969792;
			display: inline-block;
			list-style: disc outside;
			font-size: 11pt!important;
		}
		
		.footer  a {
			padding: 5px 0;
			text-decoration: none;
			display: block;
			color:#969792;
		}
		.footer  a:hover {
			color:#E10207;
		}
		
			.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 .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:#515151;
			}
		
		.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: 182px;
			}
			#slideshow img{
				width: 100%;
			}

			
.button { 
	background: #f86b0f;
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
	padding-top:10px;
	padding-bottom:10px;

}

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

.cookieoverlay {
		padding: 10px;     
		position: fixed;
		bottom: 0;
		z-index: 50000;
		background: #fff;
		width: 100%;
	}

	.hidecookie {
		float:left; 
		cursor: pointer;
		text-align: center;
		border: 1px solid black;
		padding: 0 10px;
	}