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

body {
	margin:0;
	padding:0;
	background:#fff;
	color:#232526;
	font-size:1em;
	line-height:1.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

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

a:focus {
	outline: none;
}

div#site {
	margin:0 auto;
	padding:0;
	width:760px;
	height:auto;
}

div#top {
	margin:0;
	padding:0;
	width:760px;
	height:136px;
	background:#fff;
	position:relative;
}

div#top h1 {
	margin:0;
	padding:0;
	display:block;
	width:410px;
	height:136px;
	background:transparent url(../images/gebhardt-bestattungen.jpg) 0 0 no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}

div#top h1 a {
	display:block;
	width:410px;
	height:136px;
	text-indent:-900em;
}

div#top_navi {
	margin:0;
	padding:0;
	width:260px;
	height:24px;
	position:absolute;
	top:0px;
	right:0px;
	background:#121416;
	color:#869099;
	text-align:center;
	line-height:24px;
	font-size:0.8em;
}

div#top_navi a, div#top_navi a:visited {
	color:#b3b6b8;
	text-decoration:none;
}

div#top_navi a:hover, div#top_navi a:active {
	color:#fff;
	text-decoration:underline;
}

div#navi {
	margin:0;
	padding:0;
	width:760px;
	height:37px;
	background:transparent;
	position:relative;
}

	div#navi ul {
		margin:0;
		padding:0;
		display:block;
		width:760px;
		height:37px;
		background:transparent;
		position:relative;
		list-style:none;
	}
	
	div#navi ul li {
		margin:0;
		padding:0;
		display:block;
		height:37px;
		background:transparent;
		float:left;
	}
	
	div#navi ul li a {
		display:block;
		height:38px;
		background:transparent;
		float:left;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#232526;
		font-size:1.4em;
		line-height:37px;
		text-align:center;
		letter-spacing:-0.1em;
		text-indent:-900em;
	}
	
	div#navi ul li a.bestattungsarten, div#navi ul li a.bestattungsarten:visited {
		width:158px;
		background:transparent url(../images/a-bestattungsarten.jpg) 0 0 no-repeat;
	}
	
	div#navi ul li a.bestattungsarten:hover, div#navi ul li a.bestattungsarten:active {
		background:transparent url(../images/a-bestattungsarten.jpg) 0 -37px no-repeat;
	}
	
	div#navi ul li a.vorsorge, div#navi ul li a.vorsorge:visited {
		width:99px;
		background:transparent url(../images/a-vorsorge.jpg) 0 0 no-repeat;
	}
	
	div#navi ul li a.vorsorge:hover, div#navi ul li a.vorsorge:active {
		background:transparent url(../images/a-vorsorge.jpg) 0 -37px no-repeat;
	}
	
	div#navi ul li a.bestattungsvorbereitung, div#navi ul li a.bestattungsvorbereitung:visited {
		width:222px;
		background:transparent url(../images/a-bestattungsvorbereitung.jpg) 0 0 no-repeat;
	}
	
	div#navi ul li a.bestattungsvorbereitung:hover, div#navi ul li a.bestattungsvorbereitung:active {
		background:transparent url(../images/a-bestattungsvorbereitung.jpg) 0 -37px no-repeat;
	}
	
	div#navi ul li a.dokumente, div#navi ul li a.dokumente:visited {
		width:121px;
		background:transparent url(../images/a-dokumente.jpg) 0 0 no-repeat;
	}
	
	div#navi ul li a.dokumente:hover, div#navi ul li a.dokumente:active {
		background:transparent url(../images/a-dokumente.jpg) 0 -37px no-repeat;
	}
	
	div#navi ul li a.links, div#navi ul li a.links:visited {
		width:72px;
		background:transparent url(../images/a-links.jpg) 0 0 no-repeat;
	}
	
	div#navi ul li a.links:hover, div#navi ul li a.links:active {
		background:transparent url(../images/a-links.jpg) 0 -37px no-repeat;
	}
	
	div#navi ul li a.kontakt, div#navi ul li a.kontakt:visited {
		width:88px;
		background:transparent url(../images/a-kontakt.jpg) 0 0 no-repeat;
	}
	
	div#navi ul li a.kontakt:hover, div#navi ul li a.kontakt:active {
		background:transparent url(../images/a-kontakt.jpg) 0 -37px no-repeat;
	}

div#head {
	margin:0;
	padding:0;
	width:760px;
	height:219px;
	background:transparent url(../images/head.jpg) 0 0 no-repeat;
	position:relative;
}

div#content {
	margin:0;
	padding:20px 0 20px 0;
	width:760px;
	height:auto;
	background:transparent;
	position:relative;
}

div#content_left {
	margin:0;
	padding:0;
	width:500px;
	height:auto;
	background:transparent;
	float:left;
}

div#content_left h2 {
	margin:0px;
	padding:0 0 6px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#232526;
	font-size:2.2em;
	border-bottom:2px solid #b3b6b8;
	font-weight:normal;
	letter-spacing:-0.05em;
}

div#content p {
	margin:10px 0 10px 0;
	color:#45474b;
	font-size:0.8em;
}

div#content p span.kursiv {
	color:#2c2d30;
	font-size:1.1em;
	font-style:italic;
	font-weight:bold;
	padding:5px !important;
	background:#f4f4f5;
	display:block;
}

div#content ul {
	margin:20px 0 20px 20px;
	padding:0;
	color:#45474b;
	font-size:0.8em;
	list-style:none;
}

div#content ul li {
	margin:10px 0 0 0;
	padding:0 0 0 4px !important;
	padding:0;
	list-style:square;
	/*border-left:9px solid #dde0e2;*/
}


div#content a, div#content a:visited {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #b3b6b8;
}

div#content a:hover, div#content a:active {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #45474b;
}

div#content_right h3 {
	margin:0px;
	padding:2px 0 4px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#232526;
	font-size:1.5em;
	border-bottom:2px solid #b3b6b8;
	font-weight:normal;
	letter-spacing:-0.05em;
}

div#content_right {
	margin:0;
	padding:0 0 0 40px;
	width:220px;
	height:auto;
	background:transparent;
	float:left;
}

div#footer {
	margin:0 0 10px 0;
	padding:0;
	width:760px;
	height:30px;
	background:#121416;
	float:none;
	clear:both;
	font-size:0.8em;
	color:#fff;
	text-align:center;
}

div#footer a, div#footer a:visited {
	color:#b3b6b8;
	text-decoration:none;
}

div#footer a:hover, div#footer a:active {
	color:#fff;
	text-decoration:underline;
}