div#wrapper {
	background:url(../images/wrapper-kachel.gif) repeat-y;
	min-height:100%;
	margin:0 auto;
	width:830px;
}

div#wrapper:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

div#header {
	background:#f3f8ee url(../images/hintergrund-kachel.gif) repeat-x;
	height:253px;
}

div#aufmacher {
	float:left;
	height:190px;
	margin:43px 0 0 0;
	width:621px;
}

.nadelbaum {
	background:url(../images/nadelbaum-makro.jpg) no-repeat;
}
.laubbaum {
	background:url(../images/laubbaum-makro.jpg) no-repeat;
}



div#main {
	margin:15px 0 0 0;
}

div#content {
	float:left;
	padding:8px 25px 0 13px;
	width:355px;
}

div#content ul {
	list-style-type:square;
	margin:0 0 2em 15px;
}




/* ---------- Navigation ---------- */
ul#navi {
	float:left;
	font:1.2em Helvetica, Arial, sans-serif;
	list-style:none;
	width:217px;
}

ul#navi a {
	background:url(../images/linie.gif) bottom left repeat-x;
	border:none;
	color:#163703;
	display:block;
	margin:0 37px 0 10px;
	padding:8px 13px 8px 0;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;
}

ul#navi a:hover {
	color:#5ea22b;
}

ul#navi a.noborder {
	background:none;
}


ul#navi li.current a {
	background:url(../images/navi-aktiv.gif) top right no-repeat;
	color:#fff;
	margin:0 0 0 10px;
	padding-right:49px;
}





/* ---------- Galerie ---------- */
div#galerie {
	float:left;
	padding:40px 0 0 18px;
	width:192px;
}

div#galerie img {
	background:url(../images/fotorahmen.gif) no-repeat;
	margin:0 0 10px 0;
	padding:7px 10px 10px 7px;
}




div#footer {
	background:url(../images/footer-baeume.gif) 178px 0 no-repeat;
	clear:both;
	height:60px;
	margin:-60px auto 0 auto;
	width:830px;
}