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

img,
div,
a {
	behavior: url(js/iepngfix.htc);
}
body {
	height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background:url(../images/pattern_mid.jpg) 0 170px repeat-x #4C7100;
}
.clear {
	float:none;
	clear:both;
}
/*--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------- HEADER -----------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/

#header-container {
	background:url(../images/pattern_top.jpg) repeat-x;
	height: 170px;
	width: 100%;
}
#header-container h1.branding {
	background:url(../images/bg-header.jpg) no-repeat;
	height: 170px;
	float:left;
	width: 680px;
	margin:0;
}
#header-container h1.branding a {
	width: 230px;
	height: 149px;
	text-indent: -999em;
	display:block;
	left: 12px;
}
#header-container h2.claim {
	background:url(../images/bg-claim.jpg) no-repeat;
	height: 170px;
	width: 248px;
	position:absolute;
	float:right;
	margin-top:0;
	right: 0;
	top: 0;
}
/*--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------- Content ----------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/

#content-container {
	min-width:730px;
	max-width:1000px;
	position:relative;
	padding:0 100px 22px 227px;
	background: url(../images/pattern_mid.jpg) repeat-x #4C7100;
	}
/*----------------- Navi -----------------*/
#content-container ul#navi {
	height: 416px;
	width: 227px;
	background:url(../images/navi.jpg) 0 0 no-repeat;
	position:absolute;
	top: 0px;
	left: 0px;
}

* html #content-container ul#navi {
	left: -227px;
}

#content-container ul#navi li a,
#content-container ul#navi li {
	display:block;
	text-indent: -90000px;
}
#content-container ul#navi li {
	width:227px;
}
* html #content-container ul#navi li {
	margin:-1px 0 0 0;
}
*+html #content-container ul#navi li {
	margin:-1px 0 0 0;
}
ul#navi li.home a,
ul#navi li.home a:visited {
	background:url(../images/navi.jpg);
	height: 75px;
}
ul#navi li.home a:hover,
ul#navi li.home a:active,
ul#navi li.home a:focus {
	background:url(../images/navi.jpg) -227px 0px no-repeat;
	height: 75px;
}
ul#navi li.leistungen {
	background:url(../images/navi.jpg) 0px -75px no-repeat;
	height: 30px;
}
ul#navi li.friedhof a,
ul#navi li.friedhof a:visited {
	background:url(../images/navi.jpg) 0px -105px no-repeat;
	height: 26px;
}
ul#navi li.friedhof a:hover,
ul#navi li.friedhof a:active,
ul#navi li.friedhof a:focus {
	background:url(../images/navi.jpg) -227px -105px no-repeat;
	height: 26px;
}
ul#navi li.garten a,
ul#navi li.garten a:visited {
	background:url(../images/navi.jpg) 0px -131px no-repeat;
	height: 24px;
}
ul#navi li.garten a:hover,
ul#navi li.garten a:active,
ul#navi li.garten a:focus {
	background:url(../images/navi.jpg) -227px -131px no-repeat;
	height: 24px;
}
ul#navi li.architektur a,
ul#navi li.architektur a:visited {
	background:url(../images/navi.jpg) 0px -155px no-repeat;
	height: 27px;
}
ul#navi li.architektur a:hover,
ul#navi li.architektur a:active,
ul#navi li.architektur a:focus {
	background:url(../images/navi.jpg) -227px -155px no-repeat;
	height: 27px;
}
ul#navi li.restauration a,
ul#navi li.restauration a:visited {
	background:url(../images/navi.jpg) 0px -179px no-repeat;
	height: 36px;
}
ul#navi li.restauration a:hover,
ul#navi li.restauration a:active,
ul#navi li.restauration a:focus {
	background:url(../images/navi.jpg) -227px -179px no-repeat;
	height: 36px;
}
ul#navi li.aktuelles a,
ul#navi li.aktuelles a:visited {
	background:url(../images/navi.jpg) 0px -218px no-repeat;
	height: 41px;
}
ul#navi li.aktuelles a:hover,
ul#navi li.aktuelles a:active,
ul#navi li.aktuelles a:focus {
	background:url(../images/navi.jpg) -227px -218px no-repeat;
	height: 41px;
}
ul#navi li.ueberuns a,
ul#navi li.ueberuns a:visited {
	background:url(../images/navi.jpg) 0px -259px no-repeat;
	height: 26px;
}
ul#navi li.ueberuns a:hover,
ul#navi li.ueberuns a:active,
ul#navi li.ueberuns a:focus {
	background:url(../images/navi.jpg) -227px -259px no-repeat;
	height: 26px;
}
ul#navi li.links a,
ul#navi li.links a:visited {
	background:url(../images/navi.jpg) 0px -285px no-repeat;
	height: 38px;
}
ul#navi li.links a:hover,
ul#navi li.links a:active,
ul#navi li.links a:focus {
	background:url(../images/navi.jpg) -227px -285px no-repeat;
	height: 38px;
}
ul#navi li.kontakt a,
ul#navi li.kontakt a:visited {
	background:url(../images/navi.jpg) 0px -323px no-repeat;
	height: 41px;
}
ul#navi li.kontakt a:hover,
ul#navi li.kontakt a:active,
ul#navi li.kontakt a:focus {
	background:url(../images/navi.jpg) -227px -323px no-repeat;
	height: 41px;
}
ul#navi li.anfahrt a,
ul#navi li.anfahrt a:visited {
	background:url(../images/navi.jpg) 0px -364px no-repeat;
	height: 27px;
}
ul#navi li.anfahrt a:hover,
ul#navi li.anfahrt a:active,
ul#navi li.anfahrt a:focus {
	background:url(../images/navi.jpg) -227px -364px no-repeat;
	height: 27px;
}
ul#navi li.impressum a,
ul#navi li.impressum a:visited {
	background:url(../images/navi.jpg) 0px -390px no-repeat;
	height: 26px;
}
ul#navi li.impressum a:hover,
ul#navi li.impressum a:active,
ul#navi li.impressum a:focus {
	background:url(../images/navi.jpg) -227px -390px no-repeat;
	height: 26px;
}

/*----------------- Content -----------------*/
#content {
	/*width: 100%;*/
	padding: 55px 30px 0 0;
	height: auto;
	min-height: 416px;

}



/* Headlines */

#content h1{text-indent:-1000px;height:21px; display:block; margin: 0px 0 18px 0; }

#content h1.home{ background:url(../images/h1/h_start.jpg) no-repeat; width:312px; }
#content h1.friedhof{ background:url(../images/h1/h_friedhof.jpg) no-repeat; width:84px; }
#content h1.garten{ background:url(../images/h1/h_garten.jpg) no-repeat; width:78px; }
#content h1.architektur{ background:url(../images/h1/h_architektur.jpg) no-repeat; width:126px; }
#content h1.restauration{ background:url(../images/h1/h_restauration.jpg) no-repeat; width:128px; }
#content h1.aktuelles{ background:url(../images/h1/h_aktuelles.jpg) no-repeat; width:98px; }
#content h1.ueberuns{ background:url(../images/h1/h_wir.jpg) no-repeat; width:121px; }
#content h1.links{ background:url(../images/h1/h_links.jpg) no-repeat; width:98px; }
#content h1.kontakt{ background:url(../images/h1/h_kontakt.jpg) no-repeat; width:98px; }
#content h1.anfahrt{ background:url(../images/h1/h_anfahrt.jpg) no-repeat; width:85px; }
#content h1.impressum{ background:url(../images/h1/h_impressum.jpg) no-repeat; width:98px; }
#content h1.danke{ background:url(../images/h1/h_danke.jpg) no-repeat; width:121px; }
#content h1.fehler{ background:url(../images/h1/h_fehler.jpg) no-repeat; width:98px; }


#content h2 {
	font-size: 20px;
	font-style:italic;
	color: #fff; /*white*/
	margin-bottom: 15px;
}
#content h3 {
	font-size: 14px;
	font-weight:bold;
	color: #fff; /*white*/
	margin-bottom: 15px;
}
#content p {
	color:#fff; /*white*/
	line-height: 23px;
	margin-bottom: 13px;
}
#content a {
	color: #d7e3a0;/*Green*/
	font-weight:bold;
}

#content img.right {
border: 1px solid #FFFFFF;
float: right;
margin: 10px 20px 10px 10px;
}

#content img.bottom {
border: 1px solid #FFFFFF;
margin: 10px 20px 10px 10px;
}

/*--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------- Footer -----------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/

#footer {
	background-color: #fefff1;
	height: 122px;
	width: 100%; 
	bottom: -17px;
	/*float: left;*/
	/*position: relative;*/	
	padding:40px 0 0 0;
	position:relative;
}

#facebook {
	position:relative;
	width:17px;
	height:17px;
	float:left;
	top:42px;
	left:55px;
	position:absolute;
	}

#footer ul.first{
position:relative;
left: 227px;
font-size:12px;
margin: 0 0 8px 0;
text-transform:uppercase;
display:block;
width:560px;
float:left;
}

#footer ul{
position:relative;
left: 227px;
font-size:12px;
margin: 10px 0 8px 0;
text-transform:uppercase;
display:block;
width:560px;}

.clear {float:none; clear:both; }

#footer ul li{
float:left;
margin: 0 20px 0 0;
}

#footer ul li a{
color: #637600;/*Dark Green*/
font-weight:bold;
text-decoration:underline;}

.highlight{
color: #637600;
margin: 0 10px 0 0;
font-weight:bold;
}

/*--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------- CMS    -----------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/

.floatright { float:right; margin:10px 0px 10px 20px; border:2px solid #fdfee2}
.floatleft { float:left; margin:10px 20px 10px 0px; border:2px solid #fdfee2}