@charset "utf-8";

div#non-footer {
	background:url(../images/holzbrettwand.jpg) repeat-x;
	min-height:100%;
	position:relative;
}

div#header {
	height:358px;
	margin:0 auto;
	position:relative;
	width:960px;
}

div#pinnwand {
	background:url(../images/pinnwand.png) no-repeat;
	bottom:0;
	height:226px;
	left:100px;
	position:absolute;
	width:621px;
	z-index:4;
}


div#main {
	background:url(../images/holzkante.png) repeat-x;
	padding:30px 0 110px 0;
}

div#content:after {
	clear:both;
	content:'.';
	display:block;
	height:1px;
	visibility:hidden;
}


div#balken {
	background:url(../images/balken-hintergrund.png);
	font-size:1.05em;
	padding:28px 0;
}

div#balken p {
	margin:0 auto;
	padding:0 260px 0 0;
	position:relative;
	width:390px;
}

div#balken strong {
	color:#eaad4d;
	font-size:1.3em;
	font-weight:normal;
}

div#balken img {
	position:absolute;
	top:-46px;
	right:0;
}


div#content {
	margin:40px auto 0 auto;
	padding:0 150px 40px 0;
	position:relative;
	width:500px;
}

div#content p:first-child:first-letter {
	color:#d89429;
	font-size:3.6em;
	float:left;
	margin:0.05em 0 0 0;
}

div#content ul {
	list-style:none;
	margin:0 0 2em 0;
}

div#content ul li {
	background:url(../images/bullet.png) 0 0.8em no-repeat;
	border-bottom:1px dashed #c98d60;
	padding:6px 0 6px 25px;
}



div#footer {
	background:url(../images/footer-hg.jpg) repeat-x;
	clear:both;
	height:115px;
	margin:-115px 0 0 0;
	position:relative;
}

div#footer-innen {
	margin:0 auto;
	padding:25px 150px 0 0;
	width:500px;
}

div#footer p {
	color:#e5be93;
	float:left;
	padding:0;
	width:15em;
}



/* ---------- Hauptnavigation ---------- */
ul#hauptnavi {
	list-style:none;
	position:relative;
	text-indent:-9999px;
	z-index:5;
}

ul#hauptnavi a {
	display:block;
	overflow:hidden;
	position:absolute;
	top:10px;
}

li#willkommen a {
	background:url(../images/button-willkommen.png) 0 0 no-repeat;
	height:129px;
	right:304px;
	width:144px;
}
li#willkommen a:hover, li#willkommen.current a {
	background:url(../images/button-willkommen.png) 0 -129px no-repeat;
}

li#leistungen a {
	background:url(../images/button-leistungen.png) 0 0 no-repeat;
	height:146px;
	right:167px;
	width:134px;
}
li#leistungen a:hover, li#leistungen.current a {
	background:url(../images/button-leistungen.png) 0 -146px no-repeat;
}

li#passivhaeuser a {
	background:url(../images/button-passivhaeuser.png) 0 0 no-repeat;
	height:181px;
	right:24px;
	width:146px;
}
li#passivhaeuser a:hover, li#passivhaeuser.current a {
	background:url(../images/button-passivhaeuser.png) 0 -181px no-repeat;
}



/* ---------- Kleine Navigation ---------- */
ul#navi-klein {
	list-style:none;
	text-indent:-9999px;
}

ul#navi-klein a {
	display:block;
	overflow:hidden;
	position:absolute;
}

li#kontakt a {
	background:url(../images/button-kontakt.png) 0 0 no-repeat;
	height:60px;
	right:142px;
	bottom:100px;
	width:163px;
	z-index:3;
}
li#kontakt a:hover, li#kontakt.current a {
	background:url(../images/button-kontakt.png) 0 -60px no-repeat;
}

li#anfahrt a {
	background:url(../images/button-anfahrt.png) 0 0 no-repeat;
	height:58px;
	right:135px;
	bottom:60px;
	width:157px;
	z-index:2;
}
li#anfahrt a:hover, li#anfahrt.current a {
	background:url(../images/button-anfahrt.png) 0 -58px no-repeat;
}

li#impressum a {
	background:url(../images/button-impressum.png) 0 0 no-repeat;
	height:72px;
	right:130px;
	bottom:6px;
	width:165px;
}
li#impressum a:hover, li#impressum.current a {
	background:url(../images/button-impressum.png) 0 -72px no-repeat;
}



/* ---------- Bilder ---------- */
img.rahmen {
	border-bottom:1px solid #F5E0C8;
	border-right:1px solid #F5E0C8;
	border-left:1px solid #75310E;
	border-top:1px solid #75310E;
}

.galerie img {
	margin:0 12px 12px 0;
}


/* ---------- Ausrichtung ---------- */
.leftfloat {
	float:left;
	margin:0 15px 0 0;
	width:220px;
}

.clear {
	clear:both;
}