* {
	margin: 0;
	padding: 0;
	}
	

body {
	background: #C62922;	
	font-family: georgia, serif;
}
	
	body#homepage {
		background: white;
	}


a {
	color: #C52921;
	text-decoration: none;
	outline: none;
}


	
#head_wrapper {
	border-top: 15px solid white;
	padding-bottom: 5px;
	background: white;
}

	#head {
		width: 770px;
		margin: 0 auto;
	}
	
		#head h1 {
			width: 419px;
			float: left;
			text-indent: -999em;
		}
	
		#head h1 a {
			display: block;
			width: 419px;
			height: 77px;
			background: url(images/logo-firma-bg.png) no-repeat;
			text-indent: -999em;
			outline: none;
		}
	
		#head img {
			float: right;
			margin-right: 20px;
		}
		
	#head_wrapper hr {
		height: 1px;
		clear: both;
		border: 0;
		color: white;
		background: white;
	}


	
	
#subhead_front {
	height: 321px;
	background: url(images/subhead-front-bg.jpg) repeat-x;
	text-align: center;
}	

#subhead {
	height: 205px;
	background: url(images/subhead-bg.jpg) repeat-x;
	text-align: center;
}
	
	#subhead_wrapper {
		width: 770px;
		margin: 0 auto;
		text-align: left;
	}
	
	#subhead h1 {
		float: left;
		padding-top: 3em;
		color: white;
		font-size: 150%;
	}
	
	#subhead h1 span {
		display: block;
		margin-left: 5em;		
		padding-top: 0.3em;
	}
	
	#subhead p {
		float: right;
		padding-top: 5em;
		line-height: 130%;
		text-align: right;
		color: white;
		font-size: 90%;
	}
	
	#subhead p a {
		color: white;
	}

	
	#quote {
		width: 309px;
		height: 91px;
		float: left;
		margin-top: 125px;
		background: url(images/zitat.png) no-repeat;
		text-indent: -999em;
	}
	
	
	
	
	#mycarousel {
		float: right;
		margin-top: 55px;
	}
	
	#mycarousel ul {
		list-style-type: none;
	}
	
	#mycarousel li {
		display: none;
		height: 215px;
		width: 256px;
		padding: 7px 0 0 0;
		background: url(images/mycarousel-li-bg.jpg) no-repeat;
		color: white;
		font-family: arial, sans-serif;
		/* font-style: italic; */
		font-size: 70%;
	}
	
	#mycarousel li.first {
		display: block;
	}

	#mycarousel li img {
		display: block;
		margin: 0 0 1.5em 8px;
		border: solid 1px #111;
	}
	
	
	.jcarousel-scope {
		position: relative;
		top: -30px;
		width: 283px;
		padding: 0;
		margin: 0;
	}
	.jcarousel-list {
		overflow: hidden;
		margin: 0;
		padding: 0;
	}

	.jcarousel-list li {
		float: left;
		list-style: none;
	}
	
	.jcarousel-next {
		display: none;
		position: relative;
		top: 100px;
		left: 260px;
		cursor: pointer;
	}

	.jcarousel-next-disabled {
		cursor: default;
		opacity: .5;
		-moz-opacity: .5;
		filter: alpha(opacity=50);
	}

	.jcarousel-prev {
		display: none;
		position: relative;
		top: 110px;
		right: 25px;
		cursor: pointer;
	}

	.jcarousel-prev-disabled {
		cursor: default;
		opacity: .5;
		-moz-opacity: .5;
		filter: alpha(opacity=50);
	}
	


	
#content_wrapper {
	background: white;
	text-align: center;
	padding: 3ex 0;
}

	#content {
		clear: both;
		margin: 0 auto;
		width: 770px;
		text-align: left;
	}	
	
		#content-left {
			width: 435px;
			padding-right: 50px;
			float: left;
			border-right: 1px solid #CCC;
			text-align: left;
		}
	
		#content-right {
			width: 235px;
			float: right;
			text-align: left;
		}
		
		#content-main {
			clear: both;
		}
		
		#content h1 {
			font-size: 125%;
		}
		
		#content h2 {
			font-size: 110%;
		}
		
		#content p,
		#content-main ul,
		#content-main td {
			margin: 1em 0;
			font-size: 75%;
			line-height: 145%;
		}
		
		#content ul {
			margin-left: 3em;
		}
		
		ul#menu,
		ul#menu-bottom	{
			margin-left: 0;
		}
	
		#menu {
			width: 242px;
			float: right;
			padding-top: 5px;
			background: url(images/menu-topbg.jpg) no-repeat;
			list-style-type: none;
			text-align: center;
		}
		
		#menu li {
			padding: 1.5ex;
			border-bottom: 1px solid white;
		}
		
		#menu li.first {
			
		}
		
		#menu li.last {
			padding: 1.3em 0;
			background: url(images/menu-bottombg.jpg) no-repeat bottom;
		}
		
		#menu li a,
		#menu-bottom li a {
			display: block;
			font-weight: bold;
			color: white;
		}
		
		#menu li.last a {
			margin-bottom: 8px;
		}
		
		
		#menu-bottom {
			clear: both;
			padding-top: 2em;
			margin: 2em 0 5em 0;
			list-style-type: none;
		}
		
		#menu-bottom li {
			width: 240px;
			float: left;
			text-align: center;
		}
		
		#menu-bottom li.middle {
			margin: 0 17px;
		}
		
		#menu-bottom li a {
			display: block;
			height: 88px;
			width: 240px;
			background: url(images/menu-bottom-li-bg.jpg) no-repeat;
		}
		
		#menu-bottom li a.maler {
			padding-top: 1.5em;
		}
		
		#menu-bottom li a.fassade {
			padding-top: 1.5em;
		}
		
		#menu-bottom li a.boden {
			padding-top: 2em;
		}
		
		
		
		.referenz {
			clear: both;
			margin: 1em;
		}
		
		.referenz a.referenzbild {
			display: block;
			float: left;
			margin: 1em 30px 1em 0;
			height: 203px;
			width: 262px;
			background: url(images/referenz-a-bg.jpg) no-repeat;
		}
		
		.referenz a.referenzbild img {
			margin: 7px 0 0 8px;
			border: 1px solid #111;
		}
		
		#content div.referenz h1 {
			margin: 0 0 1em 0;
			padding: 2.5em 0 0 0;
			font-size: 100%;
		}
		
		#content div.referenz h2 {
			margin: 0.5em 0 0.3em 0;
			padding: 0;
			font-size: 75%;
		}
		
		
		#content hr {
			clear: both;
			height: 1;
			color: white;
			background: white;
			border: none;
		}




#footer {
	clear: both;
	height: 156px;
	background: url(images/footer-bg.jpg) repeat-x;
	color: white;
	text-align: center;
}

	#footer h3 {
		width: 770px;
		margin: 0 auto;
		padding: 1.5em 0;
		text-align: left;
	}
	
	#footer ul {
		width: 770px;
		margin: 0 auto;
		list-style-type: none;
		font-size: 85%;
	}
	
	#footer ul li {
		float: left;
		width: 256px;
	}
	
	#footer ul li.middle {
		width: 220px;
		margin: 0 18px;
		border-left: 1px solid white;
		border-right: 1px solid white;
	}
	
	#footer ul li a {
		color: white;
	}