@charset "utf-8";
/* Company: Euroweb Internet GmbH */

/*==================================================
    => global tags
==================================================*/

* {
	padding:0;
	margin:0;
}
body {
	background:url(../images/bg-body.jpg) top center no-repeat #6f89bc;
	color:#0e222b;
	font:14px/1.3em Georgia, "Times New Roman", Times, serif;
	line-height:20px;
}
ol, ul, dl {
	list-style:none;
}

img, img a {
	border: none;
	-ms-interpolation-mode: bicubic;
}
.trenn {
	padding:10px 0 0 0;
	margin-bottom:20px;
	border-bottom:#b5b3b3 1px solid;
}

h3 {
	font:28px/1.4em Georgia, "Times New Roman", Times, serif;
	color:#4b814b;
}

h3 small {
	font:22px/1.4em Georgia, "Times New Roman", Times, serif;
	color:#0e222b;
}

p {
	margin:20px 0;
}

a, a:visited {
	color:#0e222b;
	text-decoration:underline;
}

a:hover, a:active {
	color:#4b814b;
	text-decoration:line-through;
}

.highlight {
		color:#6f9f34;
}
/*==================================================
    => global classes
==================================================*/

.clear {
	clear:left;
	float:none;
}
.floatLeft {
	float: left;
}
.paddingTop {
	padding:15px 0 0 0;
}
.floatRight {
	float: right;
}
.marginRight {
	margin: 0 20px 0 0;
}

.noMargin{
margin-right:0px!important;
}

.marginRight50 {
	margin: 0 50px 0 0;
}
.marginRight100 {
	margin: 0 100px 0 0;
}
.marginBottom {
	margin:0 0 30px 0;
}
/*==================================================
    => container
==================================================*/


div#container {
	width: 960px;
	position:relative;
	margin: 0 auto;
	text-align: left;
}
/*==================================================
    => header  
==================================================*/


div#header {
	height: 600px;
	width:960px;
	background:url(../images/bg-header.jpg);
	position:relative;
	margin:0 auto;
}



/*------------------ =branding  ------------------*/

h1#branding a {
display:block;
height:119px;
left:30px;
position:absolute;
text-indent:-9999px;
top:70px;
width:442px;

}
/*==================================================
    => navigation    
==================================================*/

ul#navi {
height:41px;
left:338px;
position:relative;
top:546px;
width:474px;

}

ul#navi li {
	float:left;
	}

ul#navi li a {
	display:block;
	outline:none;
	height:41px;
	text-decoration: none;
	text-indent: -999em;
	background:url(../images/bg-navi.jpg);
}

ul#navi li a:hover {
	background:none;
}



ul#navi li a.dienstleistungen {
	background-position: 0px 0px;
	width:140px;
}

ul#navi li a.bestattungsvorsorge {
	background-position: -140px 0px;
	width:168px;
}

ul#navi li a.dokumente {
	background-position: -308px 0px;
	width:166px;
}



/*==================================================
    => navi-add   
==================================================*/


ul#navi-add {
height:172px;
left:183px;
position:relative;
top:112px;
width:98px;

}



ul#navi-add li a {
	display:block;
	outline:none;
	height:43px;
	width::98px;
	text-decoration: none;
	text-indent: -999em;
	background:url(../images/bg-navi-add.jpg);
	z-index:100;
}

ul#navi-add li a:hover {
	background:none;
}



ul#navi-add li a.haus {
	background-position: 0px 0px;
}

ul#navi-add li a.kontakt {
	background-position: 0px -43px;
}

ul#navi-add li a.anfahrt {
	background-position: 0px -86px;
}

ul#navi-add li a.impressum {
	background-position: 0px -129px;
}







/*==================================================
    => content-container 
==================================================*/


div#content-container {
	width:960px;
	position:relative;
	background:url(../images/bg-content-container.jpg) repeat-y;
}


div#content-container2 {
	width:960px;
	position:relative;
	background:url(../images/bg-content-main.jpg) no-repeat;
	min-height:382px;
	height: auto !important;
	height: 382px;
}

/*==================================================
    => sidebar    
==================================================*/

div#content-sidebar {
	float:left;
	width:310px;
	}


/*==================================================
    => contentMain    
==================================================*/

div#content-main {
	float:left;
	width:445px;
	padding:30px 165px 0 40px;
	}
	
ul.list {
	margin:0 0 0 25px;
}

	ul.list li {
		list-style-type:square;
		padding:5px 0;
}
	
	
/* =headlines */

div#content-main h2 {
	height:123px;
	text-indent:-99999px;
	width:480px;
	margin-bottom:20px;
	
}


div#content-main h2.index {
	background:url(../images/h2/index.jpg);
	}
	
/* =image */

.image {
border:1px solid #b5b3b3;
padding:3px;
}


/* =imprint */

dl.imprintTypeOfBusiness, dl.vcard {
	line-height: 20px;
	margin: 15px 0;
}
dl.imprintTypeOfBusiness dt, dl.vcard dt {
	display: block;
	width: 190px;
	float:left;
	font-weight:bold;
}
dl.imprintTypeOfBusiness dd, dl.vcard dd {
	clear:right;
}
/*==================================================
    => footer   
==================================================*/

#footer-container {
	position:relative;
	height:218px;
	width:100%;
	background:url(../images/bg-footer-container.jpg) top center no-repeat;
	}
	
#footer {
	position:relative;
	background:url(../images/bg-footer.jpg);
	width:960px;
	height:218px;
	margin:0 auto;
}

#newsletterbox {
height:100px;
left:95px;
position:absolute;
top:216px;
width:470px;
	}

.newsletter-p {
	height:70px;
	left:3px;
	position:absolute;
	top:121px;
	width:445px;
	}
	
.fragen-p {
	height:70px;
	left:535px;
	position:absolute;
	top:121px;
	width:415px;
	}


 
/*==================================================
    => googlemaps   
==================================================*/

div#map a {
	background:url(../images/map.jpg);
	display:block;
	height:42px;
	text-indent:-9999px;
	width:480px;
	margin:8px 0 10px 0;
}
.iframemap {
	border:1px solid #b5b3b3;
	padding:3px;
}
.clear {
	clear:both;
	float:none
}
/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block; /* for IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	zoom: 1; /* triggers hasLayout */
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
@charset "utf-8";
/* CSS Document */