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

/*----------------------------------------------------
// ----> Basics
/----------------------------------------------------*/

* {margin:0;padding:0;}

body {	
	font:62.5% Arial, Helvetica, sans-serif;
	background:#fff;
	color:#444;}
	
a:link {color:#215274;}
a:visited {color:#23587A;}
a:hover {color:#C67B11;}
a:active {color:#666;}

#seite {
	width:960px;
	margin:0 auto;}
	
/* Clearfix */

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

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/*----------------------------------------------------
// ----> Header
/----------------------------------------------------*/

#header {
	height:260px;
	background: #fff url(../images/bg_header01.jpg) 80px 0 no-repeat;
	position:relative;}
	
#header ul {
	list-style-type:none;
	position:absolute;
	top:230px;
	left:480px;}
	
	#header li {float:left;}
	
	#header ul a:link, #header ul a:visited {
		display:block;
		height:30px;
		width:80px;
		font: 1.3em/30px Arial, Helvetica, sans-serif;
		text-decoration:none;
		color:#215274;
		background:url(../images/navigation.gif) 0 0 no-repeat;
		text-align:center;}
		
	body#kontakt #header ul a.kontakt:link, body#kontakt #header ul a.kontakt:visited,
	body#anfahrt #header ul a.anfahrt:link, body#anfahrt #header ul a.anfahrt:visited,
	body#impressum #header ul a.impressum:link, body#impressum #header ul a.impressum:visited {background:url(../images/navigation.gif) -80px 0 no-repeat;
		padding: 0 0 2px 0;
		line-height:28px;
		font-weight:bold;}
	
	#header ul a:hover, #header ul a:active {background:url(../images/navigation.gif) -80px 0 no-repeat;
		padding: 0 0 2px 0;
		line-height:28px;
		font-weight:bold;}
		
h1 a, h1 img {
	border:0;
	text-decoration:none;
	color:#1F4A69 !important;}
	
h1 {font-size:0.001em;
	line-height:0.01em;
	width:310px;
	position:absolute;
	top:34px;
	left:90px;}
	
/*----------------------------------------------------
// ----> Content-Container
/----------------------------------------------------*/

#content-container {
	padding: 2em 90px 0 90px;}

/*----------------------------------------------------
// ----> Content-Navi
/----------------------------------------------------*/

ul#content-navi {
	list-style-type:none;
	width:180px;
	float:left;}
	
	ul#content-navi li {padding:2px 0; position:relative;}
	
	ul#content-navi a:link, ul#content-navi a:visited {
		font:1.2em/33px Arial, Helvetica, sans-serif;
		text-decoration:none;
		text-transform:uppercase;
		display:block;
		height:33px;
		width:153px;
		color:#215274;
		padding: 0 0 0 7px;}
		
		
	body#index ul#content-navi a.index:link, body#index ul#content-navi a.index:visited,
	body#was-tun-im-trauerfall ul#content-navi a.was-tun-im-trauerfall:link, body#was-tun-im-trauerfall ul#content-navi a.was-tun-im-trauerfall:visited,
	body#bestattungsarten-anonyme-bestattung ul#content-navi a.bestattungsarten:link, body#bestattungsarten-anonyme-bestattung ul#content-navi a.bestattungsarten:visited,
	body#bestattungsarten-erdbestattung ul#content-navi a.bestattungsarten:link, body#bestattungsarten-erdbestattung ul#content-navi a.bestattungsarten:visited,
	body#bestattungsarten-feuerbestattung ul#content-navi a.bestattungsarten:link, body#bestattungsarten-feuerbestattung ul#content-navi a.bestattungsarten:visited,
	body#bestattungsarten-naturbestattung ul#content-navi a.bestattungsarten:link, body#bestattungsarten-naturbestattung ul#content-navi a.bestattungsarten:visited,
	body#bestattungsarten-seebestattung ul#content-navi a.bestattungsarten:link, body#bestattungsarten-seebestattung ul#content-navi a.bestattungsarten:visited,
	body#bestattungsarten-rasengrab ul#content-navi a.bestattungsarten:link, body#bestattungsarten-rasengrab ul#content-navi a.bestattungsarten:visited,
	body#index ul#content-navi a.index:link, body#index ul#content-navi a.index:visited,
	body#bestattungsarten ul#content-navi a.bestattungsarten:link, body#bestattungsarten ul#content-navi a.bestattungsarten:visited,
	body#ueberfuehrungen ul#content-navi a.ueberfuehrungen:link, body#ueberfuehrungen ul#content-navi a.ueberfuehrungen:visited,
	body#vorsorge ul#content-navi a.vorsorge:link, body#vorsorge ul#content-navi a.vorsorge:visited,
	body#formalitaeten ul#content-navi a.formalitaeten:link, body#formalitaeten ul#content-navi a.formalitaeten:visited,
	body#partner ul#content-navi a.partner:link, body#partner ul#content-navi a.partner:visited,
	body#wissenswertes ul#content-navi a.wissenswertes:link, body#wissenswertes ul#content-navi a.wissenswertes:visited {
		background:url(../images/navigation.gif) -160px 0 no-repeat;
		color:#fff;}
	
	ul#content-navi a:hover, ul#content-navi a:active {
		background:url(../images/navigation.gif) -160px 0 no-repeat;
		color:#fff;}
		
		ul#content-navi ul{
			left:-999em;
			position:absolute;
			background:#fff;
			list-style-type:none;
			 z-index:10;}
			
		ul#content-navi :hover ul, ul#content-navi .sfhover ul {left:160px; top:2px; line-height:1%;} 
		
			ul#content-navi ul li {padding:0;}
	
			ul#content-navi ul a:link, ul#content-navi ul a:visited {
				font:1.2em/24px Arial, Helvetica, sans-serif;
				text-decoration:none;
				text-transform:none;
				background:url(../images/navigation.gif) -160px 0 no-repeat;
				display:block;
				height:24px;
				width:150px;
				color:#fff;
				padding: 0 0 0 10px;}
			
			ul#content-navi ul a:hover, ul#content-navi ul a:active {
				background:#666;
				color:#fff;}
			
/*----------------------------------------------------
// ----> content-text
/----------------------------------------------------*/
			
#content-text {
	width:600px;
	float:right;}
	
	h2 {
		font-weight:normal;
		font-size:1.8em;
		color:#215274;
		padding: 0 0 0 0;}
		
	h3 {
		font-weight:normal;
		text-transform:uppercase;
		padding: 0 160px 1.5em 0;}
		
	h4 {
		font-size:1.3em;
		font-weight:bold;
		color:#215274;}
		
	h5 {
		font-size:1.2em;
		font-weight:bold;
		color:#215274;
		padding: 1em 0 .5em 0;
		text-transform:uppercase;}
		
	#content-text p,#content-text dl, #content-text ul, #content-text ol {
		padding: 0 0 1.5em 0;
		font-size:1.3em;
		line-height:1.5em;
		letter-spacing:0.01em}
	
	#content-text dl {width:460px;}	
	#content-text dt {float:left; width:130px;}
	#content-text dd {width:330px;}
	
	#content-text ul {
		list-style-type:none;
		color:#666;}
		
	#content-text ul li {
		background:url(../images/icon-kreuz.gif) 0 .6em no-repeat;
		padding: .5em 0 .5em 20px;}
	
	#content-text ul ul {
		font-size:1em;}
		
	#content-text ol {
		list-style-position:inside; color:#666;}
		
	#map {float:right; width: 382px; height: 442px; border: 1px solid #275878; padding: 3px; background:#e9e9e9;}
	
/*----------------------------------------------------
// ----> content-bilder
/----------------------------------------------------*/
	
#content-bilder {
	float:right;
	width:140px;
	padding: 4.5em 0 0 20px;}
	
	#content-bilder img {
		border:1px solid #215274;
		padding:2px;
		background: #e9e9e9;
		margin: 0 0 1.5em 0;}
		
/*----------------------------------------------------
// ----> Footer
/----------------------------------------------------*/

#footer {
	height:176px;
	background:url(../images/bg_footer.gif) 90px 62px no-repeat;
	padding: 65px 0 0 550px;}
	
	#footer ul {
		list-style-type:none;
		font-size:1.2em;
		line-height:1.5em;
		color:#444;
		float:left;
		width:180px;}
		
		#footer ul li.topic {
			height:3em;
			text-indent:-999em;}
			
	#footer ul.geschaeftsstellen {color:#888;}
	
	#footer strong {font-weight:bold; color:#215274;}
	
	
	/*----------------------------------------------------
// ----> Validation
/----------------------------------------------------*/


span.LV_validation_message {
	display:block;
	float:right;
	width:290px;
	padding: .5em 0 .5em 110px;}

.LV_validation_message{
    font:.9em/1.5em Arial, Helvetica, sans-serif;
	font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}