@charset "UTF-8";
.styles {
}


#containerindexhead {
	background-image:url(images/logo.jpg);
	width: 1200px;
	height:250px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom:0px;
	margin-left: auto;
	/*	border-left: solid 3px #e6e8d3;
 	border-right: solid 5px #c9cab8;*/
 	/*border-top: 2px solid #000;
 	border-bottom: 2px solid #000;*/
	/*box-shadow: 10px 10px 10px #000;
	border: 1px solid #ccc;	*/
}

	
	

#container {
	/*background: url(images/logo.jpg);*/
	width: 1200px;
	height:800px;
	margin-top: 200px;
	margin-right: auto;
	margin-bottom:200px;
	margin-left: auto;
	/*	border-left: solid 3px #e6e8d3;
 	border-right: solid 5px #c9cab8;*/
 	border-top: 2px solid #000;
 	border-bottom: 2px solid #000;
	/*box-shadow: 10px 10px 10px #000;
	border: 1px solid #ccc;	*/
}
#containerindex {
	/*background-image:url(images/logo.jpg);*/
	width: 1200px;
	height:800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom:200px;
	margin-left: auto;
	/*	border-left: solid 3px #e6e8d3;
 	border-right: solid 5px #c9cab8;*/
 	border-top: 2px solid #000;
 	border-bottom: 2px solid #000;
	/*box-shadow: 10px 10px 10px #000;
	border: 1px solid #ccc;	*/
}



#Startseite {
	width: 1200px;
	height:800px;
	margin-top: 200px;
	margin-right: auto;
	margin-bottom:200px;
	margin-left: auto;
	/*	border-left: solid 3px #e6e8d3;
 	border-right: solid 5px #c9cab8;
 	border-top: solid 3px #e6e8d3;
 	border-bottom: solid 5px #c9cab8;*/
	box-shadow: 10px 10px 10px #000;
	border: 1px solid #ccc;	
}





/* Gestaltung Kontakt  */


#containerindex #kontakt {
	
	font-family: "Verdana";
	color: #000;
	
	margin-top:200px;
	font-size: 20px;
}






/* Gestaltung Vorlagen  */

#container .navigation {
	
	font-family: "Verdana";
	font-variant:small-caps;
	color: #000;
	width:700;
	height:30px;
	margin-top:700px;
	margin-right:30px;
	font-size: 20px;
	text-align:right;
}
#containerindex .navigationindex {
	
	font-family: "Verdana";
	font-variant:small-caps;
	color: #000;
	width:700;
	height:30px;
	margin-top:700px;
	margin-right:30px;
	font-size: 20px;
	text-align:right;
}


#container .column1 {
	margin-top:50px;
	margin-left:50px;
	width:1100px;
	height:200px;
	float:left;
}
#container .column2 {
	margin-top:50px;
	margin-left:50px;
	width:500px;
	height:300px;
	float:left;
}

#container .column3 {
	margin-top:50px;
	margin-left:50px;
	width:500px;
	height:300px;
	float:left;
}

#container .column4 {
	margin-top:50px;
	margin-left:50px;
	width:1100px;
	height:300px;
	float:left;
}
#impressum {
	font-family:"Century Gothic";
	margin-top:0px;
	font-size:15px;
	opacity:0.3;
}
#impressum1 {
	font-family:"Century Gothic";
	margin-top:-30px;
	font-size:15px;
	opacity:0.3;
}
#impressum2 {
	font-family:"Century Gothic";
	margin-top:0px;
	font-size:12px;	
	text-align:justify;
}

/* Gestaltung Team  */

#team1 {	
	background-image:url(images/team.jpg);
	width:1100px;
	height:200px;
}

/* Gestaltung Leistungen  */







#container .column1 #projectdescription #leistung .image1 {
	background-image:url(images/leistungen/leistung1.jpg);
	width:150px;
	height:150px;
	opacity:0.7;
}
#container .column1 #projectdescription #leistung .image2 {
	background-image:url(images/leistungen/leistung2.jpg);
	width:150px;
	height:150px;
	opacity:0.7;
}
#container .column1 #projectdescription #leistung .image3 {
	background-image:url(images/leistungen/leistung3.jpg);
	width:150px;
	height:150px;
	opacity:0.7;
}
#container .column1 #projectdescription #leistung .image4 {
	background-image:url(images/leistungen/leistung4.jpg);
	width:150px;
	height:150px;
	opacity:0.7;
}
#container .column1 #projectdescription #leistung .image5 {
	background-image:url(images/leistungen/leistung5.jpg);
	width:150px;
	height:150px;
	opacity:0.7;
} 
#container .column1 #projectdescription #leistung .image6 {
	background-image:url(images/leistungen/leistung6.jpg);
	width:150px;
	height:150px;
	opacity:0.7;
}
#container .column1 #projectdescription  #leistung .image7 {
	background-image:url(images/leistungen/leistung7.jpg);
	width:150px;
	height:150px;
	opacity:0.7;
}
#container .column1 #projectdescription #leistung .image1:hover {
	background-image:url(images/leistungen/leistung1.jpg);
	width:150px;
	height:150px;
	opacity:1.0;
}
#container .column1 #projectdescription #leistung .image2:hover {
	background-image:url(images/leistungen/leistung2.jpg);
	width:150px;
	height:150px;
	opacity:1.0;
}
#container .column1 #projectdescription #leistung .image3:hover {
	background-image:url(images/leistungen/leistung3.jpg);
	width:150px;
	height:150px;
	opacity:1.0;
}
#container .column1 #projectdescription #leistung .image4:hover {
	background-image:url(images/leistungen/leistung4.jpg);
	width:150px;
	height:150px;
	opacity:1.0;
}
#container .column1 #projectdescription #leistung .image5:hover {
	background-image:url(images/leistungen/leistung5.jpg);
	width:150px;
	height:150px;
	opacity:1.0;
}
#container .column1 #projectdescription #leistung .image6:hover {
	background-image:url(images/leistungen/leistung6.jpg);
	width:150px;
	height:150px;
	opacity:1.0;
}
#container .column1 #projectdescription #leistung .image7:hover {
	background-image:url(images/leistungen/leistung7.jpg);
	width:150px;
	height:150px;
	opacity:1.0;
}

#container .column1 #projectdescription #leistung1 {
	float:left;
	margin:0px 7px 0px 0px;
}
#container .column1 #projectdescription #leistungtext1 {
	font-family:"Century Gothic";
	font-size:15px;	
	
}

/* Gestaltung Referenz  */







#container .column1 #projectdescription #referenz .image1 {
	background-image:url(images/referenz/referenz1.jpg);
	width:150px;
	height:150px;
	opacity:0.7;
}
#container .column1 #projectdescription #referenz .image2 {
	background-image:url(images/referenz/referenz2.jpg);
	width:150px;
	height:150px;
	opacity:0.7;
}
#container .column1 #projectdescription #referenz .image3 {
	background-image:url(images/referenz/referenz3.jpg);
	width:150px;
	height:150px;
	opacity:0.7;
}
#container .column1 #projectdescription #referenz .image4 {
	background-image:url(images/referenz/referenz4.jpg);
	width:150px;
	height:150px;
	opacity:0.7;
}
#container .column1 #projectdescription #referenz .image5 {
	background-image:url(images/referenz/referenz5.jpg);
	width:150px;
	height:150px;
	opacity:0.7;
}
#container .column1 #projectdescription #referenz .image6 {
	background-image:url(images/referenz/referenz6.jpg);
	width:150px;
	height:150px;
	opacity:0.7;
}
#container .column1 #projectdescription #referenz .image7 {
	background-image:url(images/referenz/referenz7.jpg);
	width:150px;
	height:150px;
	opacity:0.7;
}
#container .column1 #projectdescription #referenz .image1:hover {
	background-image:url(images/referenz/referenz1.jpg);
	width:150px;
	height:150px;
	opacity:1.0;
}
#container .column1 #projectdescription #referenz .image2:hover {
	background-image:url(images/referenz/referenz2.jpg);
	width:150px;
	height:150px;
	opacity:1.0;
}
#container .column1 #projectdescription #referenz .image3:hover {
	background-image:url(images/referenz/referenz3.jpg);
	width:150px;
	height:150px;
	opacity:1.0;
}
#container .column1 #projectdescription #referenz .image4:hover {
	background-image:url(images/referenz/referenz4.jpg);
	width:150px;
	height:150px;
	opacity:1.0;
}
#container .column1 #projectdescription #referenz .image5:hover {
	background-image:url(images/referenz/referenz5.jpg);
	width:150px;
	height:150px;
	opacity:1.0;
}
#container .column1 #projectdescription #referenz .image6:hover {
	background-image:url(images/referenz/referenz6.jpg);
	width:150px;
	height:150px;
	opacity:1.0;
}
#container .column1 #projectdescription #referenz .image7:hover {
	background-image:url(images/referenz/referenz7.jpg);
	width:150px;
	height:150px;
	opacity:1.0;
}

#container .column1 #projectdescription #referenz1 {
	float:left;
	margin:0px 7px 0px 0px;
}
#container .column1 #projectdescription #referenztext1 {
	font-family:"Century Gothic";
	font-size:15px;	
	
}

/* Gestaltung Bodenbeleage  */

#container .column2 #projectimages #bbimage1 {
	
}

#container .column3 #projecttext #bbtext1 {
	font-family:"Century Gothic";
	margin-top:0px;
	font-size:15px;	
	text-align:justify;
}
/* Gestaltung Waermedaemmung  */

#container .column2 #projectimages #wdimage1 {
	
}

#container .column3 #projecttext #wdtext1 {
	font-family:"Century Gothic";
	margin-top:0px;
	font-size:15px;	
	text-align:justify;
}
/* Gestaltung Aussenarbeiten  */

#container .column2 #projectimages #aaimage1 {
	
}

#container .column3 #projecttext #aatext1 {
	font-family:"Century Gothic";
	margin-top:0px;
	font-size:15px;	
	text-align:justify;
}
/* Gestaltung Lackierarbeiten  */

#container .column2 #projectimages #laimage1 {
	
}

#container .column3 #projecttext #latext1 {
	font-family:"Century Gothic";
	margin-top:0px;
	font-size:15px;	
	text-align:justify;
}
/* Gestaltung Fassadenarbeiten  */

#container .column2 #projectimages #faimage1 {
	
}

#container .column3 #projecttext #fatext1 {
	font-family:"Century Gothic";
	margin-top:0px;
	font-size:15px;	
	text-align:justify;
}
/* Gestaltung Innenarbeiten  */

#container .column2 #projectimages #iaimage1 {
	
}

#container .column3 #projecttext #iatext1 {
	font-family:"Century Gothic";
	margin-top:0px;
	font-size:15px;	
	text-align:justify;
}
/* Gestaltung Trockenarbeiten  */

#container .column2 #projectimages #taimage1 {
	
}

#container .column3 #projecttext #tatext1 {
	font-family:"Century Gothic";
	margin-top:0px;
	font-size:15px;	
	text-align:justify;
}
/* Image show  */

#projectimages-nav li {	
	float:left;
	list-style:none;
	padding:0;
	margin: 0px 0px 0px 0px;
}

#container .column4 #projectimages #projectimages-nav li .image1 {
	margin-left:600px;
	margin-top:-300px;
}
#container .column4 #projectimages #projectimages-nav li .image2 {
	margin-left:680px;
	margin-top:-300px;
}
#container .column4 #projectimages #projectimages-nav li .image3 {
	margin-left:600px;
	margin-top:-220px;
}
#container .column4 #projectimages #projectimages-nav li .image4 {
	margin-left:680px;
	margin-top:-220px;
}

#projectimages-nav li img  {
	margin:0;
	opacity:0.5;
	
}

#projectimages-nav li img:hover  {
	border:1px solid #333;
	opacity:0.9;
}

#projectimages-nav a.active img  {
	border:1px solid #333;
	opacity:0.9;
}

#container .column4 #projectimages img  {
	box-shadow: 10px 10px 10px #000;
	border: 1px solid #000;	

#container .column4 #projectimages #projectimages-nav li .image1 {
}