@charset "utf-8";
/* CSS Projektname

1. *html global
2. Aufbau
3. Header
4. Navi
5. Content
6. Footer
 */

/*html global*/

* {
	margin:0;
	padding:0;
	outline:none;
	}

body {
	color:8c837a;
	background:url(../images/bg-body.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	}

h1 a {
	width:190px;
	height:120px;
	position:absolute;
	top:57px;
	left:15px;
	}
	
h2 {
	font-size:26px;
	color:#FFFFFF;
	text-transform:uppercase;
	text-transform:uppercase;
	margin: 0;
	margin-bottom: 7px;
	}	
	
h3 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 160px;
	font-size:21px;
	line-height:155%;
	color:#FFFFFF;
	text-transform:uppercase;
	}	
	
	
h4 {
	line-height:155%;
	text-transform:uppercase;
	color:#386f8d;
	font-size:18px;
	}	
	
p {
	margin:0 0 1.2em 0;
	line-height:150%;
	font-size:14px;
	color:#FFFFFF;
	}

a {
	font-size:14px;
	text-decoration:none;
	color:#FFFFFF;
	}

img, a img {
	text-decoration:none;
	margin:0 0 15px 0;
	border:0;
	float:right;
	}	
	
li {
	list-style:none;
	}


/*1. classes*/

.no-text {
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	display:block;
	}
	
.clear {
	clear:both;
	float:none;
	}

.highlight {
	color: #000000;
	padding-top:16px;
	}	
	
.highlight3 {
	color: #000000;
	padding-top:0px;
	}	
	
.highlight4 {
	color: #000000;
	padding-top:0px !important;
	}	
	
.highlight2 {
	color:#285670;
	}		
	
	
	
/*2. Aufbau*/

#wrapper {
	position:relative;
	width:100%;
	background:url(../images/bg-wrapper.jpg) top center no-repeat;
	}

#container {
	width:960px;
	margin:0 auto;
	position:relative;
	background: no-repeat;
	background:url(../images/bg-counter.jpg) no-repeat;
	}
	
/*Header*/

#header {
	height:580px;
	}
	
#anschrift{
	position:absolute;
	top: 235px;
	left: 518px;
	width: 211px;
	height: 79px;
}	

#telefonnummer{
	position:absolute;
	top: 235px;
	left: 754px;
	width: 200px;
	height: 79px;
}	


#kontaktformular{
	position:absolute;
	top: 323px;
	left: 793px;
}

	#kontaktformular a {
		display:block;
		width:154px;
		height:24px;
		}
		


	.telefonnummer a {
		display:block;
		position:absolute;
		top: 323px;
		left: 793px;
		width: 154px;
		height: 24px;
		}
		
	.anfahrtsbeschreibung a {
		display:block;
		width:250px;
		height:40px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 5px;
		padding-left: 75px;
		}	

/*navi*/
#navi {
	top:113px;
	left:247px;
	position:absolute;
	}
	
	#navi li {
		list-style:none;
		float:left;
		}
		
	#navi a {
		height:83px;
		background:url(../images/bg-navi.jpg) no-repeat;
		}
			
			a#rohbau {
				width:275px;
				background-position:0px 0;
				}
				
			a#umbau {
				width:213px;
				background-position:-275px 0;
				}	
			
			a#klinkerarbeiten {
				width:224px;
				background-position:-488px 0;
				}	
	
		
	#navi a:hover,
	#navi li.active a {
		background: -9999px 0 no-repeat;
		}



/*navi*/
#navi2 {
	top:217px;
	left:56px;
	position:absolute;
	}
	
	#navi2 li {
		list-style:none;
		}
		
	#navi2 a {
		height:42px;
		width:240px;
		background:url(../images/bg-navi2.jpg) no-repeat;
		}
			
			a#referenzen {
				background-position:0px 0;
				}
				
			a#ueber-uns {
				background-position:0px -42px;
				}	

		
	#navi2 a:hover,
	#navi2 li.active a {
		background: -9999px 0 no-repeat;
		}



/*navi-add*/
#navi-add {
	left:140px;
	position:absolute;
	margin: 19px 0 0 0;
	width: 351px;
	height: 61px;
	}
	
	#navi-add li {
		list-style:none;
		float:left;
		}
		
	#navi-add a {
		height:40px;
		background:url(../images/navi-add.jpg) no-repeat;
		}
		
			a#partner {
				width:83px;
				background-position:0px 0;
				}
				
			a#kontakt {
				width:85px;
				background-position:-83px 0;
				}	
			
			a#anfahrt {
				width:81px;
				background-position:-168px 0;
				}
			
			a#impressum {
				width:94px;
				background-position:-249px 0;
				}			
		
	#navi-add a:hover {
		background: 0 no-repeat;
		}
		
/*content-container*/

#content-container {
	padding:0 0 0 40px;
	}

#content-main {
	width:960px;
	float:left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 100px;
	}
	
		#content-main a {
			font-size:14px;
			text-decoration:none;
			color: #FF0000;
			}
			
		#content-main li {
			padding:0 0 4px 20px;
			background:url(../images/li-list.gif) 0 4px no-repeat;
			color:#FFFFFF;
			font-size:14px;
			}	
	
.column img {
	margin: 0px 0px 15px 0px;
	}	

	
	.column1 {
		width:355px;
		float:left;
		margin-top: 0;
		margin-right: 20px;
		margin-bottom: 15px;
		margin-left: 0px;
		}
		
	
	.column2 {
		width:300px;
		float:left;
		margin:15px;
		}

#content2 {
	padding-top:89px;
}

#anfahrtsbeschreibung{
	position:absolute;
	top: 807px;
	left: 659px;
}

	#anfahrtsbeschreibung a {
		display:block;
		width:150px;
		height:24px;
		z-index:15;
		}


#footer {
	position:relative;
	clear:both;
	float:none;
	background:url(../images/bg-footer.jpg) no-repeat;
	display:block;
	width:655px;
	height:200px;
	z-index:10;
	}