body{
	overflow:auto;
	margin:0px;
}

::-webkit-scrollbar { 
    display: none; 
}

.content{
	float:left;
	width:100%;
	height:100%;
	z-index: 1;
}

.background{
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
	width:100%;
	height:100%;
	position:absolute;
}


/****************************Start*****************************************/
.start{
	background-image:url(../images/00_Hintergrund/start.jpg);
	background-position:center 0px;
	z-index:2;
	display:block;
	top:0px;
	left:0px;
}


/****************************Über Uns*****************************************/
.ueberUns{
	background-color:#F2F2EA;
	background-position:left 0px;
	z-index:2;
	display:block;
}

	.ueberUns_bilder{
		float:left;
		height: 70%;
		margin-left: 3%;
	}
	
		.uberUns_bild_1{
			float:left;
			background-image:url(../images/01_Unternehmen/01_ueber_uns_01.jpg);
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
			height: 100%;
			width: 60%;
		}
		
		.uberUns_bild_2_und_3{
			float:left;
			margin-left:10px;
			height: 100%;
		}
		
			.uberUns_bild_2{
				float:left;
				margin:128px 0px 10px 0px;
				background-image:url(../images/01_Unternehmen/01_ueber_uns_02.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				height: 44%;
				width: 70%;
			}
			
			.uberUns_bild_3{
				float:left;
				margin:0px;
				background-image:url(../images/01_Unternehmen/01_ueber_uns_03.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				height: 28%;
				width: 100%;
			}
			
	.ueberUns_textBlock{
		float:right;
		margin-left: 40px;
		margin-right:3%;
	}
	
		.ueberUnsHeader{
			font-size:28px;
			font-family:Arial;
			color:#FFFFFF;
			background-color:#4a4b4d;
			width: 345px;
			letter-spacing: 0.1em;
			margin: 0px 0px 15px 0px;
			font-weight:bold;
			padding:5px 8px;
			height:32px;
		}
		
		.orangeLine{
			float:left;
			width: 35px;
			height: 3px;
			background-color: #E37208;
			margin: 10px 10px 0px 30px;
		}
		
		.ueberUns_text{
			float:left;
			font-family:Arial;
			word-spacing: 0.1em;
			line-height: 1.3em;
			color:#4a4b4d;
		}
		
			.text_1{
				margin: 0px 0px 20px 0px;
				font-size:12px;
				font-weight: bold;
			}
			
			.text_2{
				margin: 0px;
				font-size:12px;
			}

			
/****************************Philosophie*****************************************/
.philosophie{
	background-image:url(../images/00_Hintergrund/philosophie.jpg);
	background-position:center center;
	z-index:2;
	display:block;
}

	.philosophie_textBlock{
		float:left;
		width: 600px;
		margin-left: 3%;
		margin-Right: 3%;
	}
	
		.philosophieHeader{
			font-size:28px;
			font-family:Arial;
			color:#FFFFFF;
			background-color:#4a4b4d;
			width: 219px;
			letter-spacing: 0.1em;
			margin: 0px 0px 15px 0px;
			font-weight:bold;
			padding:5px 8px;
			height:32px;
		}
		
		.philosophie_text{
			float:left;
			font-family:Arial;
			word-spacing: 0.1em;
			line-height: 1.3em; 
			color:#4a4b4d;
		}
		
		@media screen and (max-width: 635px){
			.philosophie_textBlock{
				width: 94%;
			}
		}

		
/****************************Team*****************************************/
.team{
	background-color:#F2F2EA;
	background-position:center top;
	z-index:2;
	display:block;
}

	.team_member{
		float:left;
		margin-left:3%;
		height: 70%;
	}
	
		.pfeil_links{
			float:left;
			background-image:url(../images/Grafische_Elemente/pfeil_links.png);
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
			width:35px;
			height:75px;
			cursor:pointer;
		}

		.team_bilder{
			float:left;
			height: 100%;
		}
		
			.teamBox{
				float:left;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				height: 100%;
				width: 100%;
			}
			
			.team01{
				background-image:url(../images/01_Unternehmen/IMG_3202.jpg);
				background-position:50% top;
				display:block;
			}
		
			.team02{
				background-image:url(../images/01_Unternehmen/02_mitarbeiter_01.jpg);
				background-position:50% top;
				display:none;
			}
			
			.team03{
				background-image:url(../images/01_Unternehmen/02_mitarbeiter_02.jpg);
				background-position:50% top;
				display:none;
			}
			
			.team04{
				background-image:url(../images/01_Unternehmen/02_mitarbeiter_03.jpg);
				background-position:50% top;
				display:none;
			}
			
			.team05{
				background-image:url(../images/01_Unternehmen/02_mitarbeiter_04.jpg);
				background-position:50% top;
				display:none;
			}
			
			.team06{
				background-image:url(../images/01_Unternehmen/02_mitarbeiter_05.jpg);
				background-position:50% top;
				display:none;
			}
			
			.team07{
				background-image:url(../images/01_Unternehmen/02_mitarbeiter_06.jpg);
				background-position:50% top;
				display:none;
			}
		
		.pfeil_rechts{
			float:left;
			background-image:url(../images/Grafische_Elemente/pfeil_rechts.png);
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
			width:35px;
			height:75px;
			cursor:pointer;
		}
		
	.team_textBlock{
		float:right;
		margin-left: 40px;
		margin-right:3%;
	}
	
		.nameDefault{
			font-size:28px;
			font-family:Arial;
			color:#FFFFFF;
			background-color:#4a4b4d;
			letter-spacing: 0.1em;
			margin: 0px 0px 15px 0px;
			font-weight:bold;
			padding:5px 8px;
			height:32px;
		}
		
		.team01_text{
			display:block;
		}
	
			.name01{
				width:170px;
			}
			
		.team02_text{
			display:none;
		}
			
			.name02{
				width: 344px;
			}
			
		.team02_text{
			display:none;
		}
			
			.name03{
				width: 341px;
			}
		
		.team03_text{
			display:none;
		}
		
			.name04{
				width: 305px;
			}
			
		.team04_text{
			display:none;
		}
			
			.name05{
				width: 285px;
			}
			
		.team05_text{
			display:none;
		}
			
			.name06{
				width: 238px;
			}
			
		.team06_text{
			display:none;
		}
			
			.name07{
				width: 267px;
			}
			
		.team07_text{
			display:none;
		}
		
		.team_text{
			float:left;
			font-family:Arial;
			word-spacing: 0.1em;
			line-height: 1.3em; 
			color:#4a4b4d;
		}

		
/****************************Karriere*****************************************/
.karriere{
	background-image:url(../images/00_Hintergrund/karriere.jpg);
	/* background-position:center center; */
	z-index:2;
	display:block;
}


.raster_karriere{
	background-image:url(../images/00_Hintergrund/_raster.png);
	background-position:center center;
	z-index:3;
	display:block;
	opacity:1.0;
}

	.karriere_stellen_textblock{
		float:left;
		height: 70%;
		width:600px;
		display:block;
		opacity:1.0;
	}
	
		.karriereHeader{
			font-size:28px;
			font-family:Arial;
			color:#FFFFFF;
			width: 168px;
			letter-spacing: 0.1em;
			margin: 0px 0px 15px 0px;
			font-weight:bold;
			padding:5px 8px;
			height:32px;
		}
		
		.karriere_title{
			cursor:pointer;
		}
		
		.karriere_content{
			margin-left:76px;
		}
	
		.stelle_01_text{
			float:left;
			font-family:Arial;
			word-spacing: 0.1em;
			line-height: 1.3em; 
		}
		
			.stelle_text_1{
				margin: 0px 0px 20px 0px;
				font-size:12px;
				font-weight: bold;
				color:#FFFFFF;
				float:left;
			}
			
			.pfeilUnten{
				margin-left:60px;
				margin-bottom:25px;
			}
			
			.stelle_text_2{
				margin: 0px 0px 20px 0px;
				font-size:12px;
				color:#FFFFFF;
			}
			
			.zumFormular_text{
				float:left;
				margin:1px 0px 40px 0px;
				cursor:pointer;
				font-size:12px;
				color:#FFFFFF;
			}
				
				.pfeilRechts{
					margin:5px 0px 0px 10px;
				}

			
	.kontaktFormular{
		float:left;
		display:none;
		opacity:0.0;
	}
	
	.kontaktFormular_textblock{
		float:left;
		width:600px;
	}
	
		.formularHeader{
			font-size:28px;
			font-family:Arial;
			color:#FFFFFF;
			width: 336px;
			letter-spacing: 0.1em;
			margin: 0px 0px 15px 0px;
			font-weight:bold;
			padding:5px 8px;
			height:32px;
		}
	
		.kontaktFormular_text{
			float:left;
			font-family:Arial;
			word-spacing: 0.1em;
			line-height: 1.3em; 
		}
		
		.kontaktFormular_title{
			float:left;
		}
		
			.kontaktFormular_text_oben{
				margin: 0px 0px 20px 0px;
				font-size:12px;
				font-weight: bold;
				color:#FFFFFF;
				float:left;
			}
		
		.kontaktFormular_content{
			float:left;
			margin-left:80px;
		}
		
			form{
				float:left;
				width:514px;
			}
		
			.job{
				margin-right:10px;
				margin-bottom:10px;
				float:left;
			}
			
				.kontaktFormular_text_2{
					margin: 0px 0px 5px 0px;
					font-size:12px;
					color:#FFFFFF;
					float:left;
				}
				
				.input{
					margin:0px;
					height: 28px;
					padding:0px 0px 0px 3px;
					border:none;
					float:left;
				}
	
			.eintrittstermin{
				float:left;
				margin-bottom:10px;
			}
				
			.anrede{
				margin-right:10px;
				margin-bottom:10px;
				float:left;
			}
			
			.vorname{
				margin-right:10px;
				margin-bottom:10px;
				float:left;
			}
			
			.nachname{
				margin-bottom:10px;
				float:left;
			}
			
			.strasse{
				margin-right:10px;
				margin-bottom:10px;
				float:left;
			}
			
			.plz{
				margin-right:10px;
				margin-bottom:10px;
				float:left;
			}
			
			.ort{
				margin-bottom:10px;
				float:left;
			}
			
			.telefon{
				margin-right:10px;
				margin-bottom:10px;
				float:left;
			}
			
			.eMail{
				margin-bottom:10px;
				float:left;
			}
			
			textarea{
				resize: none;
			}
			
			.bewerbung{
				float:left;
				height:145px;
			}
			
			.upload{
				float:left;
				height:115px;
			}
			
			.upload_input{
				float:left;
				height:22px;
				padding:3px;
				margin:15px 10px 0px 0px;
				background-color: #FFFFFF;
			}
			
			.upload1{
				display:block;
				cursor:pointer;
			}
			
			.upload2{
				display:none;
				cursor:pointer;
			}
			
			.upload3{
				display:none;
				cursor:pointer;
			}
			
			.upload_text{
				margin: 15px 0px 0px 0px;
				font-size:10px;
				color:#FFFFFF;
				float:right;
				word-spacing: 0.0em;
				line-height: 1.5em; 
			}
			
			#upload1{
				margin: 5px 0px 0px 0px;
				font-size:10px;
				color:#FFFFFF;
				float:right;
				word-spacing: 0.0em;
				line-height: 1.5em; 
				cursor:default;
				height:15px;
				display:none;
			}
			
			#upload2{
				margin: 5px 0px 0px 0px;
				font-size:10px;
				color:#FFFFFF;
				float:right;
				word-spacing: 0.0em;
				line-height: 1.5em; 
				cursor:default;
				height:15px;
				display:none;
			}
			
			#upload3{
				margin: 5px 0px 10px 0px;
				font-size:10px;
				color:#FFFFFF;
				float:right;
				word-spacing: 0.0em;
				line-height: 1.5em; 
				cursor:default;
				height:15px;
				display:none;
			}
			
			.delete{
				display:none;
				margin: 5px 0px 0px 0px;
				font-size:10px;
				color:#FFFFFF;
				float:right;
				word-spacing: 0.0em;
				line-height: 1.5em; 
				cursor:pointer;
				height:15px;
				width:52px;
			}
			
			.delete:hover{
				text-decoration:underline;
			}
			
			.weiter{
				float:left;
				margin:0px 5px 0px 0px;
				color:#FFFFFF;
				font-size:14px;
				letter-spacing:0.1em;
			}
			
			.form_pfeil_runter{
				float:left;
				display:none;
				margin:10px 0px 30px 220px;
				cursor:pointer;
			}
			
			.form_pfeil_oben{
				float:left;
				display:none;
				margin:10px 0px 30px 220px;
				cursor:pointer;
			}
			
			.submit{
				float:left;
			}
			
			.submitButton{
				border:none;
				background-color:transparent;
				color:#FFFFFF;
				font-size:16px;
				letter-spacing:0.1em;
				margin:0px;
				padding:0px;
				cursor:pointer;
			}
			
			.pfeilRechtsSubmit{
				margin:6px 0px 0px 0px;
			}
			
			.pflichtfelder{
				font-size:12px;
				color:#FFFFFF;
				float:right;
				margin:0px;
				letter-spacing:0.1em;
			}
			
			.zurueck{
				float:left;
				cursor:pointer;
				font-size:16px;
				color:#FFFFFF;
				letter-spacing:0.1em;
			}
	
/****************************Leistungen*****************************************/
.leistungen{
	background-color:#F2F2EA;
	background-position:center center;
	z-index:2;
	display:block;
}

.leistungen_menue{
	float:left;
	margin-left:3%;
	width: 37%;
	margin-top: 100px;
}

	#leistungen{
		float:left;
		width: 100%;
	}
	
		.leistungenHeader{
			font-size:28px;
			font-family:Arial;
			color:#848484;
			background-color:#4a4b4d;
			letter-spacing: 0.1em;
			margin: 0px 0px 8px 0px;
			cursor: pointer;
			font-weight:bold;
			padding:5px 8px;
			height:32px;
		}
		
			.innenausbau{
				width: 231px;
			}
			
			.renovierung{
				width: 237px;
			}
			
			.moebel{
				width: 115px;
			}
			
			.messe{
				width: 394px;
			}
			
			.trockenbau{
				width: 221px;
			}
			
			.holzverkleidung{
				width: 319px;
			}
			
			.holzboeden{
				width: 197px;
			}
			
			.treppen{
				width: 149px;
			}
			
			.kuriositaeten{
				width: 242px;
			}
			
				.leistungenContent{
					
				}
				
					.leistungen_text{
						float:left;
						font-family:Arial;
						word-spacing: 0.1em;
						line-height: 1.3em; 
						margin-bottom:30px;
						color:#4a4b4d;
					}
					
		.leistungen_pfeil_runter{
			display:none;
			float:left;
		}
		
		.leistungen_pfeil_oben{
			display:none;
			float:left;
		}
		
	.leistungen_bilder{
		float:right;
		margin-left:40px;
		margin-right:3%;
		height: 70%;
	}
	
	/********************Innenausbau**********************************/
	.innenausbau_bilder{
		display:block;
	}
	
		.innenausbau_bilder_links{
			float:left;
			height: 100%;
			width: 40%;
		}
	
			.innenausbau_bild_1{
				float:left;
				background-image:url(../images/02_Leistungen/01_Innenausbau/img03.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				height: 30%;
				width: 100%;
			}
			
			.innenausbau_bild_2{
				float:right;
				background-image:url(../images/02_Leistungen/01_Innenausbau/img02.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				height: 40%;
				width: 70%;
				margin-top: 10px;
			}
			
		.innenausbau_bild_3{
			float:left;
			background-image:url(../images/02_Leistungen/01_Innenausbau/img01.jpg);
			background-position:left center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
			height: 100%;
			margin-left: 10px;
		}
	
	/********************Renovierung**********************************/
	.renovierung_bilder{
		display:none;
	}
	
		.renovierung_bild_1{
			float:left;
			background-image:url(../images/02_Leistungen/02_Renovierung/img01.jpg);
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
			height: 100%;
			width:55%;
			margin-right: 10px;
		}
		
		.renovierung_bilder_rechts{
			float:left;
		}
	
			.renovierung_bild_2{
				float:left;
				background-image:url(../images/02_Leistungen/02_Renovierung/img02.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				width: 100%;
			}
			
			.renovierung_bild_3{
				float:right;
				background-image:url(../images/02_Leistungen/02_Renovierung/img03.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				width: 100%;
			}
		
	/********************Möbel**********************************/
	.moebel_bilder{
		display:none;
	}
	
		.moebel_bilder_links{
			float:left;
			margin-right:10px;
		}
	
			.moebel_bild_1{
				float:left;
				background-image:url(../images/02_Leistungen/03_Möbel/img03.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				width: 100%;
			}
			
			.moebel_bild_2{
				float:right;
				background-image:url(../images/02_Leistungen/03_Möbel/img04.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				width: 100%;
				margin-top:10px;
			}
			
		.moebel_bild_3{
			float:left;
			background-image:url(../images/02_Leistungen/03_Möbel/img02.jpg);
			background-position:right center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
			height: 100%;
			margin-right: 10px;
		}
		
		.moebel_bild_4{
			float:left;
			background-image:url(../images/02_Leistungen/03_Möbel/img01.jpg);
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
			height: 100%;
		}
		
	/********************Messe- und Ladenbau**********************************/
	.messe_bilder{
		display:none;
	}

		.messe_bild_1{
			float:left;
			background-image:url(../images/02_Leistungen/04_Messe_und_Ladenbau/img01.jpg);
			background-position:right center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
			margin-right: 10px;
		}
		
		.messe_bild_2{
			float:left;
			background-image:url(../images/02_Leistungen/04_Messe_und_Ladenbau/img02.jpg);
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
			height: 100%;
			margin-right:10px;
		}
	
		.messe_bilder_rechts{
			float:left;
		}
	
			.messe_bild_3{
				float:left;
				background-image:url(../images/02_Leistungen/04_Messe_und_Ladenbau/img03.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				width: 100%;
			}
			
			.messe_bild_4{
				float:right;
				background-image:url(../images/02_Leistungen/04_Messe_und_Ladenbau/img04.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				width: 100%;
				margin-top:10px;
			}
			
			.messe_bild_5{
				float:right;
				background-image:url(../images/02_Leistungen/04_Messe_und_Ladenbau/img05.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				width: 100%;
				margin-top:10px;
			}
			
	/********************Trockenbau**********************************/
	.trockenbau_bilder{
		display:none;
	}

		.trockenbau_bild_1{
			float:left;
			background-image:url(../images/02_Leistungen/05_Trockenbau/img01.jpg);
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
			margin-right: 10px;
			height: 100%;
			width: 100%;
		}
		
	/********************Holzverarbeitung**********************************/
	.holzverkleidung_bilder{
		display:none;
	}

		.holzverkleidung_bild_1{
			float:left;
			background-image:url(../images/02_Leistungen/06_Holzverkleidung/img02.jpg);
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
			margin-right: 10px;
			height: 100%;
		}
		
		.holzverkleidung_bild_2{
			float:left;
			background-image:url(../images/02_Leistungen/06_Holzverkleidung/img01.jpg);
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
		}
		
	/********************Holzböden**********************************/
	.holzboeden_bilder{
		display:none;
	}
	
		.holzboeden_bilder_oben{
			float:left;
		}

			.holzboeden_bild_1{
				float:left;
				background-image:url(../images/02_Leistungen/07_Holzboeden/img01.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				margin-right: 10px;
				height: 100%;
			}
			
			.holzboeden_bild_2{
				float:left;
				background-image:url(../images/02_Leistungen/07_Holzboeden/img02.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				height: 100%;
			}
			
		.holzboeden_bild_3{
			float:left;
			background-image:url(../images/02_Leistungen/07_Holzboeden/img03.jpg);
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
			margin-top:10px;
		}
		
	/********************Treppen**********************************/
	.treppen_bilder{
		display:none;
	}
	
		.treppen_bilder_links{
			float:left;
			margin-right: 10px;
		}

			.treppen_bild_1{
				float:left;
				background-image:url(../images/02_Leistungen/08_Treppen/img03.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				width:100%;
			}
			
			.treppen_bild_2{
				float:left;
				background-image:url(../images/02_Leistungen/08_Treppen/img04.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				margin-top:10px;
				width:100%;
			}
			
		.treppen_bilder_rechts{
			float:left;
		}
			
			.treppen_bild_3{
				float:left;
				background-image:url(../images/02_Leistungen/08_Treppen/img01.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				width:100%;
			}
			
			.treppen_bild_4{
				float:left;
				background-image:url(../images/02_Leistungen/08_Treppen/img02.jpg);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				margin-top:10px;
			}
			
	/********************Kuriositäten**********************************/
	.kuriositaeten_bilder{
		display:none;
	}

		.kuriositaeten_bild_1{
			float:left;
			background-image:url(../images/02_Leistungen/09_Kuriositäten/img01.jpg);
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
			margin-right: 10px;
		}
		
		.kuriositaeten_bild_2{
			float:left;
			background-image:url(../images/02_Leistungen/09_Kuriositäten/img02.jpg);
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			overflow:hidden;
			height: 100%
		}

/****************************Referenzen*****************************************/
.referenzen{
	background-image:url(../images/03_Referenzen/17.jpg);
	background-position:center center;
	z-index:2;
	display:block;
}

	.ref_pfeil_flaeche_links{
		width:220px;
		float:left;
		cursor:pointer;
	}

		.pfeil_gross_links{
			float:left;
			width:50px;
			height:138px;
			margin-left:15px;
		}
	
	.ref_content{
		float:left;
		height: 100%;
	}
	
		.ref_navi_width{
			float:left;
			width:100%;
			margin-top: 100px;
		}
	
			.ref_navi{
				float:left;
				width:504px;
			}
			
				.punkte{
					float:left;
					cursor:pointer;
				}
			
		.ref_details_show{
			float:left;
			width:100%;
		}
			
			.show_info{
				float:left;
				cursor: pointer;
				margin-top:40px;
			}
			
			.thema1{
				float:right;
				font-size:14px;
				color:#FFFFFF;
				height:65px;
				width:350px;
				font-family:Arial;
				text-align: right;
				letter-spacing:0.05em;
			}
			
				.bereich{
					margin:0px;
					font-weight: bold;
				}
				
				.typ{
					margin:0px;
				}
		
		.ref_details_hide{
			float:left;
			width:100%;
			display:none;
			margin-bottom:21px;
		}
		
			.hide_info{
				float:left;
				display:none;
				cursor: pointer;
				margin-top:40px;
			}
			
			.thema2{
				float:right;
				font-size:14px;
				color:#FFFFFF;
				height:65px;
				width:350px;
				font-family:Arial;
				text-align: right;
				display:none;
				letter-spacing:0.05em;
			}
		
		.details{
			height:200px;
			float:left;
			display:none;
			background-color:#F2F2EA;
			color:#4a4b4d;
		}
		
			.details_part1{
				float:left;
				height:150px;
				width:400px;
				margin-left:3%;
				margin-top: 20px;
				font-family:Arial;
			}
			
				.ref_text1{
					font-size:12px;
					font-weight: bold;
					color:#000000;
					height:100%;
					width:85px;
					float:left;
				}
				
					.projekt1{
						margin:2px 0px 10px 0px;
						height: 60px;
					}
					
					.ref_leistung1{
						margin:0px;
					}
				
				.ref_text2{
					margin-left:10px;
					font-size:12px;
					color:#000000;
					height:100%;
					width:230px;
					float:left;
				}
				
					.projekt2{
						margin:2px 0px 10px 0px;
						height:60px;
					}
					
					.ref_leistung2{
						margin:0px;
						height:30px;
					}
					
			.details_part2{
				float:left;
				height:150px;
				width:450px;
				margin-top: 20px;
				font-family:Arial;
			}
			
				.details_content{
					float:left;
					font-size:12px;
					color:#000000;
					height:100%;
					width:100%;
				}
				
					.det_abstand{
						margin:0px 0px 5px 0px;
					}
	
	.ref_pfeil_flaeche_rechts{
		width:220px;
		float:right;
		cursor:pointer;
	}
	
		.pfeil_gross_rechts{
			float:right;
			width:50px;
			height:138px;
			cursor:pointer;
			margin-right:15px;
		}

		
/****************************Partner*****************************************/
.partner{
	background-color:#F2F2EA;
	background-position:center center;
	z-index:2;
	display:block;
}

	.partner_bilder{
		float:left;
		height: 65%;
		margin-left: 3%;
	}
		
		.partner_bilder_links{
			float:left;
			margin-right:10px;
		}
		
		.partner_bilder_rechts{
			float:left;
		}
		
			.partner_background_bilder{
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
			}
			
			/*************************************Becker****************************************/
			.becker_logo_bilder{
				float:left;
				width:100%;
				height:100%;
			}
			
			.becker_1{
				float:right;
				background-image:url(../images/04_Partner/Becker/becker_1.jpg);
				margin-bottom:10px;
			}
			
			.becker_2{
				float:left;
				background-image:url(../images/04_Partner/Becker/becker_3.jpg);
			}
			
			.becker_3{
				float:left;
				background-image:url(../images/04_Partner/Becker/becker_4.jpg);
				margin-bottom:10px;
			}
			
			.becker_4{
				float:left;
				background-image:url(../images/04_Partner/Becker/becker_2.jpg);
			}
			
			/************************************Janssen******************************************/
			.janssen_logo_bilder{
				float:left;
				display:none;
				width:100%;
				height:100%;
			}
			
			.janssen_bilder_oben{
				float:left;
				margin-bottom:10px;
				margin-right:0px;
			}
			
		    .janssen_bilder_unten{
				float:left;
			}
			
			.janssen_1{
				float:left;
				background-image:url(../images/04_Partner/Janssen/01.jpg);
				margin-right:10px;
			}
			
			.janssen_2{
				float:right;
				background-image:url(../images/04_Partner/Janssen/02.jpg);
			}
			
			.janssen_3{
				float:left;
				background-image:url(../images/04_Partner/Janssen/03.jpg);
				margin-right:10px;
			}
			
			.janssen_4{
				float:left;
				background-image:url(../images/04_Partner/Janssen/04.jpg);
			}
			
	.partner_textBlock{
		float:left;
		margin-left: 40px;
		margin-right:3%;
		height: 65%;
	}
	
		.partnerHeader{
			font-size:28px;
			font-family:Arial;
			color:#FFFFFF;
			background-color:#4a4b4d;
			width: 299px;
			letter-spacing: 0.1em;
			margin: 0px 0px 15px 0px;
			font-weight:bold;
			padding:5px 8px;
			height:32px;
		}
		
		.partner_text{
			float:left;
			font-family:Arial;
			word-spacing: 0.1em;
			line-height: 1.3em;
			color:#4a4b4d;
		}
			
			.text_2{
				margin: 0px;
				font-size:12px;
			}
			
		.partner_logos{
			float:left;
			margin-top: 40px;
		}
		
			.becker_logo{
				float:left;
				margin-right:10px;
				cursor:pointer;
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				background-image:url(../images/04_Partner/Becker/becker_holzboden.jpg);
			}
			
				.partner_logo{
					height:84px;
				}
			
			.janssen_logo{
				float:left;
				cursor:pointer;
				background-position:center center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
				background-image:url(../images/04_Partner/Janssen/janssen.jpg);
				opacity:0.5;
			}
			
		.partner_kontakt{
			width:200px;
			float:left;
			font-family: Arial;
			word-spacing: 0.1em;
			line-height: 1.3em;
			color: #4a4b4d;
		}
			
		.becker_logo_kontakt{
			display: block;
		}
		
			.partner_daten{
				margin:40px 0px 0px 40px;
				font-size:12px;
			}
		
		.janssen_logo_kontakt{
			display: none;
		}
		

/****************************Kontakt*****************************************/
.kontakt{
	/* background-color:#F2F2EA; */
	background-image:url(../images/00_Hintergrund/kontakt.jpg);
	background-position:center center;
	z-index:2;
	display:block;
}

.raster_kontakt{
	background-image:url(../images/00_Hintergrund/_raster.png);
	background-position:center center;
	z-index:3;
	display:block;
	opacity:1.0;
}

	.kontakt_textBlock{
		float:left;
		width: 600px;
		display:block;
	}
	
		.kontaktHeader{
			font-size:28px;
			font-family:Arial;
			color:#FFFFFF;
			width: 474px;
			letter-spacing: 0.1em;
			margin: 0px 0px 10px 0px;
			font-weight:bold;
			padding:5px 10px;
			height:32px;
		}
		
		.kontakt_text{
			float:left;
			font-family:Arial;
			word-spacing: 0.1em;
			line-height: 1.3em; 
			width:520px;
		}
		
			.kontakt_text_1{
				margin: 0px 0px 20px 0px;
				font-size:12px;
				font-weight: bold;
				color:#FFFFFF;
			}
			
			.abstand1{
				margin-bottom:0px;
			}
			
			.kontakt_text_2{
				margin: 0px 0px 20px 0px;
				font-size:12px;
				color:#FFFFFF;
			}
			
			.kontakt_textblock2{
				float:left;
			}
			
			.float{
				float:left;
				margin-right:20px;
			}
			
			
		.backToStart{
			float:left;
			cursor:pointer;
		}
		
			.toStart{
				float:left;
				font-family:Arial;
				margin:0px 0px 0px 0px;
				font-size:16px;
				color:#FFFFFF;
				letter-spacing:0.1em;
				width:240px;
			}
			
			.pfleil_rechts_zu_start{
				margin:0px 0px 0px 10px;
			}
			
	.impressum_textBlock{
		float:left;
		width: 600px;
		display:none;
	}
	
	.wiethe_link{
		text-decoration:none;
	}
	
	.wiethe_link:hover{
		color:#FFFFFF;
	}
	
	.wiethe_link:visited{
		color:#FFFFFF;
	}
	
		.impressumHeader{
			font-size:28px;
			font-family:Arial;
			color:#FFFFFF;
			width: 198px;
			letter-spacing: 0.1em;
			margin: 0px 0px 10px 0px;
			font-weight:bold;
			padding:5px 10px;
			height:32px;
		}
		
		.impressum_text{
			float:left;
			font-family:Arial;
			word-spacing: 0.1em;
			line-height: 1.3em; 
			width:520px;
		}
		
			.impressum_text_1{
				margin: 0px 0px 20px 0px;
				font-size:12px;
				font-weight: bold;
				color:#FFFFFF;
			}
			
			.impressum_text_3{
				margin: 0px 0px 0px 0px;
				font-size:12px;
				font-weight: bold;
				color:#FFFFFF;
			}
			
			.impressum_text_2{
				margin: 0px 0px 20px 0px;
				font-size:12px;
				color:#FFFFFF;
			}
			
			.impressum_text_4{
				margin: 0px 0px 0px 0px;
				font-size:12px;
				color:#FFFFFF;
			}
			
			.imp_pfeil_runter{
				float:left;
				display:none;
			}
			
			.imp_pfeil_oben{
				float:left;
				display:none;
			}
			
			.pfleil_runter{
				float:left;
				cursor:pointer;
			}
			
			.pfleil_oben{
				float:left;
				cursor:pointer;
			}
			
			.ausblenden{
				float:left;
				cursor:pointer;
			}
			
			.toKontakt{
				float:left;
				font-family:Arial;
				margin:0px 0px 0px 0px;
				font-size:16px;
				color:#FFFFFF;
				letter-spacing:0.1em;
				width:242px;
			}
			
	.datenschutz_textBlock{
		float:left;
		width: 600px;
		display:none;
	}
	
		.datenschutzHeader{
			font-size:28px;
			font-family:Arial;
			color:#FFFFFF;
			width: 198px;
			letter-spacing: 0.1em;
			margin: 0px 0px 10px 0px;
			font-weight:bold;
			padding:5px 10px;
			height:32px;
		}
		
		.datenschutz_text{
			float:left;
			font-family:Arial;
			word-spacing: 0.1em;
			line-height: 1.3em; 
			width:520px;
		}
		
			.datenschutz_text_1{
				margin: 0px 0px 20px 0px;
				font-size:12px;
				font-weight: bold;
				color:#FFFFFF;
			}
			
			.datenschutz_text_3{
				margin: 0px 0px 0px 0px;
				font-size:12px;
				font-weight: bold;
				color:#FFFFFF;
			}
			
			.datenschutz_text_2{
				margin: 0px 0px 20px 0px;
				font-size:12px;
				color:#FFFFFF;
			}
			
			.datenschutz_text_4{
				margin: 0px 0px 0px 0px;
				font-size:12px;
				color:#FFFFFF;
			}
			
			.schutz_1{
				display:block;
			}
			
			.schutz_2{
				display:none;
			}
			
			.schutz_3{
				display:none;
			}
			
			.dat_pfeil_runter{
				float:left;
				display:block;
			}
			
			.dat_pfeil_oben{
				float:left;
				display:none;
			}
			
			.datenAusblenden{
				float:left;
				cursor:pointer;
			}
			
			.datenToKontakt{
				float:left;
				font-family:Arial;
				margin:0px 0px 0px 0px;
				font-size:16px;
				color:#FFFFFF;
				letter-spacing:0.1em;
				width:270px;
			}


/****************************oberes Layer*****************************************/
.topContainer{
	float:left;
	width:100%;
}

	.logo{
		background-image:url(../images/logo_start.png);
		background-repeat:no-repeat;
		margin-left:auto;
		margin-right:auto;
		width:608px;
		height:122px;
		z-index:4;
	}

	
/****************************Menü*****************************************/
.bottomContainer{
	float:left;
	height:80px;
	width:100%;
	background-color:#4a4b4d;
	z-index:4;
	position:fixed;
}

.scale{
	float:left;
	height:80px;
	z-index:1;
	position:fixed;
}

	.menue{
		float:right;
		height:100%;
		width:652px;
		margin-right:10px;
	}
	
		.menuePunkte{
			float:left;
			height:100%;
			margin:0px 10px;
		}
		
		.empty{
			float:right;
			height:100%;
			width:10px;
		}
		
			.menuePunktText{
				color:#FFFFFF;
				font-size:12px;
				font-family:Arial;
				font-weight:bold;
				letter-spacing:0.2em;
				margin:36px 0px 3px 0px;
				cursor:pointer;
			}
			
			.textDeco{
				text-decoration:none;
				color:#FFFFFF;
			}
			
			.orangeLine_menue{
				height:2px;
				width:26px;
				background-color:#FF8000;
				margin:0px 0px 0px 12px;
			}
			
	.steinkamp{
		float:left;
		display:none;
		cursor:pointer;
		margin:28px 0px 0px 20px;
	}

	
/****************************Impressumleiste*****************************************/
.impressumLeiste{
	float:left;
	height:30px;
	width:100%;
	background-color:#FFFFFF;
	z-index:4;
	position:fixed;
}

	.impressumText{
		margin:0px;
		font-size:11px;
		font-family:Arial;
		letter-spacing:0.1em;
		color:#4a4b4d;
		text-decoration:none;
		cursor:pointer;
		float:left;
	}
	
	.noPointer{
		cursor:default;
	}

	.impressumRechts{
		float:right;
		height:100%;
		margin-right:10px;
	}
	
		.impressumSteinkamp{
			float:left;
			margin:8px 10px 0px 10px;
		}
		
		.impressumWiethe{
			float:left;
			margin:8px 10px 0px 10px;
		}
	
	.impressumLinks{
		float:left;
		height:100%;
		margin-left:10px;
		color:#4a4b4d;
	}
	
		.impressum{
			float:left;
			margin:8px 10px 0px 10px;
			cursor:pointer;
		}
		
		.datenschutz{
			float:left;
			margin:8px 10px 0px 10px;
			cursor:pointer;
		}
	
		.facebook{
			float:left;
			margin:8px 10px 0px 10px;
			cursor:pointer;
		}
		
		.facebookImage{
			float:left;
			margin-top:-2px;
		}
		
		.facebookLink{
			margin-left:3px;
			float:left;
		}
	
	
/****************************Menü-Unterpunkt*****************************************/
.unternehmenMenue{
	float:left;
	height:80px;
	width:100%;
	background-color:#FFFFFF;
	z-index:4;
	opacity:0.7;
	display:none;
	position:fixed;
}

	.subMenuePunktText{
		color:#4a4b4d;
		opacity:1.0;
		display:none;
		font-weight:normal;
	}
	
	.textDecoSubMenue{
		text-decoration:none;
		color:#4a4b4d;
	}
h2 {
    font-family: Arial;
    font-size: 28px;
    margin: 0px;
}

h3 { 
    margin: 0px 0px 20px 0px;
    font-size:12px;
    font-weight: bold;
}