/* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

   
/* 1. Standards */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 11px;
	color: #244b06;
	text-decoration: none;
	list-style-type: none;
}

body {background: #86ba41 url(../images/hg.jpg) top repeat-x;}

h1 {font-size: 36px; font-weight: normal; margin-bottom: 10px; color: #244b06; font-family: Georgia, "Times New Roman", Times, serif;}
h1 span {font-size: 24px; font-weight: normal; margin-bottom: 10px; color: #57a01e; font-family: Georgia, "Times New Roman", Times, serif;}
h2 {font-size: 13px; font-weight: bold; margin-bottom: 10px; color: #f18a00;}
h3 {font-size: 12px; font-weight: bold; margin-bottom: 5px;}

hr {margin: 0 0 10px 0; color: #b9d591; height: 1px; border-top: solid 1px #b9d591; border-bottom: transparent; clear: both; text-align: left;}
hr.small {margin: 0 0 10px 0; color: #b9d591; height: 1px; border-top: solid 1px #b9d591; border-bottom: transparent; clear: both; width: 280px; text-align: left;}

.floatende {clear: both;}

.border-rechts {padding: 1px; background: #FFFFFF; border: 4px solid #b9d591; margin: 0 0 10px 20px; float: right; clear: both;}
.border-left, .border-left_ {padding: 1px; background: #FFFFFF; border: 2px solid #b9d591; margin: 0 5px 5px 0; float: left;}
.border-left_ {margin: 0 0 5px 0;}
.border-ohne {padding: 1px; background: #FFFFFF; border: 4px solid #b9d591; margin: 0 0 10px 0; clear: both;}
.border-karte {padding: 1px; background: #FFFFFF; border: 2px solid #b9d591; margin: 0 25px 5px 0; float: left;}


.right {margin: 0 0 10px 50px; float: right;}

/*######################################################################################################
######################################################################################################*/


/* 2. Layout */

#Aussenhuelle {
	width: 954px;
	min-height: 100%;
	background: url(../images/hg_aussenhuelle.jpg) left repeat-y;
	margin: 0 auto;
	position: relative;
}
*html #Aussenhuelle {height: 100%;}

#Header {
	width: 493px;
	height: 85px;
	padding: 70px 15px 15px 25px;
	position: relative;
	float: left;
	background: #d7e9ba url(../images/hg_header.jpg) no-repeat top;
}

#Content {
	width: 493px;
	min-height: 290px;
	padding: 8px 15px 15px 25px;
	position: relative;
	float: left;
	background: #d7e9ba url(../images/hg_content_unten.jpg) no-repeat bottom;
}
*html #Content {height: 290px;}

#Content-Text {
	width: 493px;
	position: relative;
	z-index: 50;
}

.Content-Text-big {
	width: 443px;
	z-index: 51;
}

.Content-Text-small {
	width: 280px;
	z-index: 52;
}

#Navibild {
	width: 359px;
	height: 493px;
	background: url(../images/hg_navi.jpg) no-repeat top;
	position: relative;
	float: left;
}

#Rosen {
	width: 345px;
	height: 340px;
	position: absolute;
	bottom: 0px;
	margin-left: 162px;
	background: url(../images/hg_rosen.jpg);
	z-index: 10;
}

#Rosen2 {
	width: 345px;
	height: 340px;
	position: absolute;
	bottom: 0px;
	margin-left: 162px;
	background: url(../images/hg_rosen2.jpg);
	z-index: 10;
}
*html #Rosen2 {bottom: -1px;}

#Rosen-rechts {
	background: url(../images/rose.png);
	width: 61px;
	height: 213px;
	position: absolute;
	margin: 48px 0 0 345px;
}

*html #Rosen-rechts {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rose.png', sizingMethod='scale');
}


#Footer-huelle {
	width: 100%;
	height: 283px;
	background: url(../images/hg_footerhuelle.jpg) top repeat-x;
	position: relative;
	float: left;
}

#Footer {
	width: 324px;
	height: 200px;
	margin: 0 auto;
	padding: 83px 0 0 630px;
	background: url(../images/hg_footer.jpg) top center no-repeat;
	position: relative;
}

#slider {
	height: 400px;
	width: 483px;
	padding: 1px;
	background: #FFFFFF;
	border: 4px solid #b9d591;
	margin: 0 0 10px 0;
	clear: both;
}


/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

ul#Navi-oben {
	width: 303px;
	height: 43px;
	margin-left: 230px;
	position: relative;
	float: left;
}

ul#Navi-oben li {
	position: relative;
	float: left;
}

ul#Navi-oben li a {
	width: auto;
	height: 23px;
	padding: 10px 0 10px 20px;
	display: block;
	position: relative;
	float: left;
	text-decoration: none;
	color: #92aa64;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

ul#Navi-oben li a:hover {color: #447c19;}

#Aussenhuelle ul#Navi {
	width: 359px;
	height: 213px;
	position: absolute;
	top: 280px;
	left: 0;
}

#Aussenhuelle ul#Navi li {
	position: relative;
	float: right;
}

#Aussenhuelle ul#Navi li a {
	display: block;
	height: 22px;
	width: 170px;
	padding: 8px 30px 0 0;
	margin: 0 55px 0 0;
	text-indent: -5000px;
/*	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #1d5200;
	text-align: right;
	text-decoration: none;
*/}

#Aussenhuelle ul#Navi li a:hover {background: url(../images/plus.gif) no-repeat right top;}

#Aussenhuelle ul#Navi li#service ul,
#Aussenhuelle ul#Navi li#service ul li#grabgestaltung ul {
	display: none;
 	list-style: none;
}

#Aussenhuelle ul#Navi li#service ul,
#Aussenhuelle ul#Navi li#service ul {
	height: 109px;
	width: 247px;
	padding-top: 24px;
}

#Aussenhuelle ul#Navi li ul li,
#Aussenhuelle ul#Navi li ul li ul li li#grabgestaltung ul {
	background: none;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
}

#Aussenhuelle ul#Navi li ul li a,
#Aussenhuelle ul#Navi li ul li ul li a {
	display: block;
	height: 22px;
	width: 130px;
	padding: 8px 30px 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #1d5200;
	text-align: right;
	text-decoration: none;
	background: #5d9020;
	border-bottom: 1px solid #FFFFFF;
}

#Aussenhuelle ul#Navi li ul li ul li a {
	border-left: 1px solid #FFFFFF;
	width: 129px;
}

#Aussenhuelle ul#Navi li ul a:hover {background: #CCCC00;}

#Aussenhuelle ul#Navi li ul {
	top: -20px;
	margin-left: 210px;
	position: absolute;
	z-index: 100;
}

#Aussenhuelle ul#Navi li ul li ul {
	top: -24px;
	margin-left: 160px;
	position: absolute;
	z-index: 200;
}

#Aussenhuelle ul#Navi li#service:hover ul,
#Aussenhuelle ul#Navi li#service:hover ul li#grabgestaltung:hover ul {display: block;}

#Aussenhuelle ul#Navi li ul li,
#Aussenhuelle ul#Navi li ul li ul li {
	float: none;
	position: relative;
	display: inline;
	clear: both;
}

/*######################################################################################################
######################################################################################################*/


/* 4. Content */

#Aussenhuelle #Content p {
	margin: 0 0 10px 0;
	line-height: 19px;
}

#Aussenhuelle #Content ul {margin: 0 0 10px 20px;}

#Aussenhuelle #Content ul li {
	margin: 0 0 5px 0;
	padding: 0 0 3px 25px;
	background: url(../images/anstrich.jpg) no-repeat top left;
	position: relative;
}

#Footer-huelle #Footer p {
	margin-right: 20px;
	float: left;
	color: #447c19;
	font-size: 10px;
}

#Footer-huelle #Footer p.teil2 {
	margin-right: 0px;
	width: 150px;
}

#Footer-huelle #Footer h2 {
	color: #447c19;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 5px 0;
}


/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:hover,
#Aussenhuelle #Content #Inhalt p a:hover,
#Aussenhuelle #Content #Inhalt p a.escape:hover,
#Aussenhuelle #Content #Inhalt p a.escape:hover span span {text-decoration: none;}

a:link,
#Aussenhuelle #Content #Inhalt p a,
#Aussenhuelle #Content #Inhalt p a.escape,
#Aussenhuelle #Content #Inhalt p a.escape span span {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 11px;
	color: #244b06;
	text-decoration: underline;
}

a.pdf {background: url(../images/pdf.gif) no-repeat left; padding: 20px 0 18px 60px; height: 30px; width: 100px; text-decoration: none !important;}
a.pdf:hover {text-decoration: underline !important;}

#Aussenhuelle #Content #Inhalt a.nachoben {float: right; display: block; height: 20px; width: 100px; text-align: right; color: #9a431d; text-decoration: none; font-size: 10px;}
#Aussenhuelle #Content #Inhalt a.nachoben:hover {color: #5e5d5d;}

/*######################################################################################################
######################################################################################################*/