*
	{
		margin:0;
		padding:0;
	}

	body
	{
		padding:50px 0 20px 0;
		height:100%;
		overflow-y: scroll;
		font-family: Calibri, Tahoma, Arial;
		background-color: #fff;
		color: #636363;
		text-align: left;
		line-height: 1.3em;
		font-size: 16px;
		
		background: url(images/gradient_bg.png) #e2e6e6 repeat-x;
	}
	a
	{
		text-decoration:none;
		color:#6f6f6f;
		border:0px;
	}
	
	h2
	{
		color:#6f6f6f;
		font-size:30px;
		line-height:1.1em;
		font-weight:normal;
	}
	
	h3
	{
		font-size:17px;
		font-weight:normal;
		margin-bottom:2em;
	}
	
	p
	{
		margin-bottom:1em;
	}
	
	span
	{
		color:#a41e3e;
	}
	
	#container
	{
		width:792px;
		min-height:100%;
		margin: 0 auto 0 auto;
		clear:both;
	}
	
	#header
	{
		width:792px;
		height:155px;
		position:relative;
		background:url(images/header.jpg) no-repeat;
	}
	
	.boxshadow
	{
		-moz-box-shadow: 0px 2px 7px #a3a3a3;
		-webkit-box-shadow: 0px 2px 7px #a3a3a3;
		box-shadow: 0px 2px 7px #a3a3a3;
	}
	
	#header span, h1
	{
		display:none;
	}
	
	#header #foto1
	{
		position:absolute;
		z-index:1;
		right:210px;
		top:15px;
	}
	
	#header #foto2
	{
		position:absolute;
		z-index:2;
		right:30px;
		top:-5px;
	}
	
	#navi
	{
		width:792px;
		height:33px;
		margin:18px 0;
		background:url(images/navi.jpg) no-repeat;
	}
	
	#navi ul
	{
		list-style:none;
	}
	
	#navi ul li 
	{
		display:inline;
	}
	
	#navi ul a
	{
		float:left;
		display:block;
		width:158px;
		height:33px;
	}
	
	#navi ul #hover_startseite a:hover
	{
		background:url(images/navi_hover.jpg) no-repeat;
	}
	#navi ul #hover_galerie a:hover
	{
		background:url(images/navi_hover.jpg) no-repeat -158px 0;
	}
	#navi ul #hover_projekte a:hover
	{
		background:url(images/navi_hover.jpg) no-repeat -316px 0;
	}
	#navi ul #hover_shop a:hover
	{
		background:url(images/navi_hover.jpg) no-repeat -474px 0;
	}
	#navi ul #hover_uber_uns a:hover
	{
		background:url(images/navi_hover.jpg) no-repeat -632px 0;
		width:160px;
	}

	
	#navi a span
	{
		display:none;
	}
	
	#content
	{
		width:792;
		min-height:300px;
		padding:35px;
		border:1px solid #e5e5e5;
		position:relative;
		z-index:1;
		
	}
	
	
	
	.libelle_bg
	{
		background:url(images/libelle_bg.png) white 200px 0px no-repeat;
	}
	
	.libelle2_bg
	{
		background:url(images/libelle_bg_2.png) white 440px 50px no-repeat;
	}
	
	.galerie_bg
	{
		background: url(images/galerie_bg.jpg) white 0 170px repeat-x;
	}
	
	.bg
	{
		background:white;
	}
	
	.hbbk_logo
	{
		position:absolute;
		bottom:0;
		right:0;
	}
	
	.bild
	{
		float:left;
		border:1px solid #727272;
		margin:0 15px 0 0;
	}

	#impressum
	{
		margin:25px 0 0 0;
	}
	#kontakt
	{
		margin:25px 0 0 0;
	}
	#kontakt input, select, textarea
	{
		position:absolute;
		left:120px;
		border:1px solid #727272;
	}
	#kontakt .submit
	{
		bottom:20px;
		padding:3px;
	}

	#kontakt ul
	{
		list-style-type:none;
	}
	#kontakt li
	{
		margin:10px 0 0 0;
	}
	
	#sitemap
	{
		margin: 25px 0 0 50px;
	}
	#sitemap ul
	{
		list-style-type:square;
		margin: 30px 0 0 0;
	}
	#sitemap li
	{
		margin:0 0 5px 0;
	}
	#sitemap li a, a:active
	{
		color:#8f0022;
		text-decoration:none;
	}
	#sitemap li a:hover
	{
		color:#c18996;
	}
	#schleife
	{
		float:left;
		border:1px solid #727272;
		margin:0 20px 0 0;
		width:195px;
		height:292px;
		position:relative;
		top:0px;
		left:0px;
		bottom:10px;
	}
	#schleife img
	{
		position:absolute;
		top:0px;
		left:0px;
	}
	
	
	#galerie
	{
		margin:0 auto;
		width:260px;
		position:relative;
		
		min-height:400px;
		z-index:2;
	}
	
	#galerie img
	{
		border:1px solid #727272;
		position:absolute;
		width:260px;
		
		z-index:3;
	}
	
	
	#galerie .Control
	{
		border-radius:30px;
		border:1px black solid;
		position: absolute;
		top: 170px;
		width:40px;
		height:40px;
		line-height:40px;
		text-align:center;
		background:#ffffff;
		opacity:0.5;
		color:#000000;
		font-family:arial;
		font-size:24px;
		z-index:5;
		cursor:pointer;
	}
	
	#galerie .Control:hover
	{
		opacity:1;
		background-color:#a8c2c6;
	}
	
	#galerie .Zurueck
	{
		left:-110px;
	}
	
	#galerie .Weiter
	{
		right:-110px;
	}
	
	#footer
	{
		padding:2px 18px 0 0px;
		max-width:792px;
		height:22px;
		margin:20px 0;
		background:white;
		border:1px solid #e5e5e5;
		
		font-family:calibri,tahoma,arial;
		font-size:15px;
		color: #767676;
	}
	
	#footer ul
	{
		float:left;
		margin:0;
		padding:0;
	}
	#footer li
	{
		display:inline;
		margin:0;
		padding:0 20px 0 7px;
		border-right:1px solid #cccccc;
		height:18px;
	}
	
	#footer ul a
	{
		padding:0 0 0 18px;
		color: #767676;
		text-decoration:none;
	}
	
	li#no_border
	{
		border-right:none;
	}
	
	p#copyright
	{
		float:right;
	}
	
	#footer a:hover
	{
		color:#c8788b;
	}
	
	.clearfix:after
	{
		content:".";
		clear:both;
		display:block;
		height:0;
		visibility:hidden;
	}