/* Stylesheet: www.dauergrabpflege.de */

/* * * * * * * * * * * * * * * * * * */
/* Allgemeine Definitionen * * * * * */
/* * * * * * * * * * * * * * * * * * */
*{
	padding: 0;
	margin: 0;
}

html { height:101%; }

body  { 
	min-height: 101%;
        font-size: 100.01%;
	background:#ffffff repeat-x 0 79px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size:1.1em;
	margin:1em 0;
	font-weight:normal;
}
h2 {
	font-size:1.05em;
	font-weight:normal;
	margin:1em 0 0 0;
	padding:4px;
}
h3 {
	font-size:0.9em;
	margin:1em 0;
}
h4 {
	font-size:0.8em;
	margin: 1em 0;
	text-transform:uppercase;
}

p, td {
	color:#666666;
	font-size:0.8em;
	margin:0.75em 0;
}
p.gross {
	color:#666;
	font-size:1.05em;
	font-weight:normal;
	margin:1em 0;
}

ul {
	margin:0 0 0.75em 0;
}

	ul li {
		list-style:none;
		background:#fff no-repeat 12px 50%;
		padding:0 0 0 20px;
		color:#666;
		font-size:0.8em;
	}

a:link,
a:visited,
a:focus,
a:hover,
a:active {
	text-decoration:none;
}
a:visited {
}
a:focus,
a:hover,
a:active {
	text-decoration:underline;
}

img, a img {
	border: 0;
}

/* * * * * * * * * * * * * * * * * * */
/* * Allgemeine Klassen  * * * * * * */
/* * * * * * * * * * * * * * * * * * */
.unsichtbar {
  display: block;
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}
.stopFloat{
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}
.rightFloat {
	float:right;
	margin:0 0 0 0.5em;
}
.leftFloat {
	float:left;
	margin:0 0.5em 0 0;
}
.rightAlign {
	text-align:right !important;
}
.leftAlign {
	text-align:left !important;
}
.centerAlign {
	text-align:center !important;
}

/* * * * * * * * * * * * * * * * * * */
/* * E b e n e n   * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * */

/** wprapper **/
#wrapper {
	position:relative;
	width:52.75em;
	margin:0 auto;
	text-align:left;
	background-color:#FFFFFF;
}
	
	/** Skip-Navigation **/
	#skipnavigation {
		position:absolute;
		top:0;
		left:-10000px;
	}
	#skipnavigation a {
		display:block;
		width:12em;
		position:absolute;
		left:0;
		top:0;
	}
	#skipnavigation a:focus {
		z-index:100;
		left:10000px;
		top:10px;
	}

	/** service-navigation **/
	#service-navigation {
		position:relative;
		height:80px;
	}
	
		img#genossenschaft {
			position:absolute;
			left:0.2em;
			top:10px;
		}
		p#ueberschrift {
			position:absolute;
			left:3.5em;
			bottom:-10px;
			font-size:1.05em;
			font-weight:bold;
			text-transform:uppercase;
			letter-spacing:-1px;
			color:#005000;
		}
	
		ul#service-navigation-ul {
			float:right;
		}
			ul#service-navigation-ul li {
				float:left;
				list-style:none;
				margin:5px 0 0 5px;
				padding:0 0 0 5px;
				background: url("../images/layout/li_teiler.gif") no-repeat 0 50%;
				font-size:0.7em;
			}
			ul#service-navigation-ul li.erster_aktiv {
				background-image:none;
				text-decoration: underline;
			
			}
		
			ul#service-navigation-ul li.erster {
				background-image:none;
			}

		
				ul#service-navigation-ul li a:link,
				ul#service-navigation-ul li a:visited,
				ul#service-navigation-ul li a:focus,
				ul#service-navigation-ul li a:hover,
				ul#service-navigation-ul li a:active
				{
					color:#000;
					text-decoration:none;
				}
				ul#service-navigation-ul li a:focus,
				ul#service-navigation-ul li a:hover,
				ul#service-navigation-ul li a:active,
				ul#service-navigation-ul li.aktiv a:link,
				ul#service-navigation-ul li.aktiv a:visited,
				ul#service-navigation-ul li.aktiv a:focus,
				ul#service-navigation-ul li.aktiv a:hover,
				ul#service-navigation-ul li.aktiv a:active
				{
					text-decoration:underline;
				}	

			div#schriftgroesse {
				
		       	{
				float:left;
				list-style:none;
				margin:5px 0 0 5px;
				padding:0 0 0 5px;
				font-size:0.7em;
				letter-spacing: 0.1em;	
				background-color: #ffffff;
				border: 1px solid #808080;
			
			}
			
		
				
			



	/** Bild im Head Bereich **/
	#headerbild {
		position:relative;
		height:15.65em; /* neu */
		background:#fff no-repeat 2px 0;
	}
	
	/* neu */
	.jahreszeit-bild {
		margin-left:2px; 
		width:52.5em;
		height:15.65em;
	}
	/* neu end */

	#slogan1 p {
		position:absolute;
		left:30.9em;
		top:10px;
		width:150px;
		height:190px;
		line-height:1;
		font-size:1.35em;
		font-family:"Copperplate Gothic Bold" , Georgia, "Times New Roman", Times, serif;
	}
		#slogan1 p span.links {
			position:absolute;
			top:0;
			color: #66008C;
		}
		#slogan1 p span.mitte {
			position:absolute;
			top:25px;
			left:1.5em;  /* neu */
			color: #66008C;
		}
		#slogan1 p span.rechts {
			position:absolute;
			top:50px;
			left:0.5em; /* neu */
			color: #66008C;
		}
	
	#slogan2 {
		position:absolute;
		background-image:url(../img/gif/background-gif-transparent.gif);
		left:41.2em; /* neu */
		top:7.6em; /* neu */
		width:11.25em; /* neu */
		height:7.8em; /* neu */
		overflow:hidden;
	}
		#slogan2 p.h2 {
			margin:10px;
			font-size:1em;
			font-weight: bold;
		}
		#slogan2 p {
			margin:10px;
			font-size: 0.8em;
		}

	/** linker Inhaltsbereich **/
	#content-left-border {
		float:left;
		border-left:2px #fff solid;
		background-color:#fff;
		margin-top:2px;
	}
		#content-left {
			width:11.85em; /* neu */
			padding-bottom:10px;
			overflow:auto;
 			
		}
			ul#navigation-ul {
				padding:0.8em 0;
			}
				ul#navigation-ul li {
					list-style:none;
					background-image:none;
					font-size:1.05em;
					margin-bottom:5px;
					padding: 0 10px;
				}
					ul#navigation-ul li a:link,
					ul#navigation-ul li a:visited,
					ul#navigation-ul li a:focus,
					ul#navigation-ul li a:hover,
					ul#navigation-ul li a:active
					{
						text-decoration:none;
					}
					ul#navigation-ul li a:focus,
					ul#navigation-ul li a:hover,
					ul#navigation-ul li a:active,
					ul#navigation-ul li.aktiv a:link,
					ul#navigation-ul li.aktiv a:visited,
					ul#navigation-ul li.aktiv a:focus,
					ul#navigation-ul li.aktiv a:hover,
					ul#navigation-ul li.aktiv a:active
					{
						text-decoration:underline;
					}						
/********************************************* NEU *********************/
				ul#navigation-ul ul {
					margin:5px 0 0px 0px;
				}
					ul#navigation-ul ul li {
						font-size:0.75em;
						margin-bottom:2px;
					}					

						ul#navigation-ul li.aktiv ul li a:link,
						ul#navigation-ul li.aktiv ul li a:visited,
						ul#navigation-ul li.aktiv ul li a:focus,
						ul#navigation-ul li.aktiv ul li a:hover,
						ul#navigation-ul li.aktiv ul li a:active
						{
							text-decoration:none;
						}

						ul#navigation-ul li.aktiv ul li a:focus,
						ul#navigation-ul li.aktiv ul li a:hover,
						ul#navigation-ul li.aktiv ul li a:active,
						ul#navigation-ul li.aktiv ul li.aktiv a:link,
						ul#navigation-ul li.aktiv ul li.aktiv a:visited,
						ul#navigation-ul li.aktiv ul li.aktiv a:focus,
						ul#navigation-ul li.aktiv ul li.aktiv a:hover,
						ul#navigation-ul li.aktiv ul li.aktiv a:active						
						{
							text-decoration:underline;
						}
/*************************************** NEU Ende *********************/

		.zusatzinfos {
			margin:20px 10px;
			background-image: url(/img/gif/bg_adresse.gif);
			background-repeat: no-repeat;
			background-position: bottom left;
		}

	/** mittlerer Inhaltsbereich **/
	#content-center-border {
		float:left;
		width:29em;
		border-left:2px #fff solid;
		border-right:2px #fff solid;
		margin-top:2px;
		background-color:#fff;
	}
		#content-center {
			margin:0 15px;
			padding-bottom:10px;
		}
			.h2-bilder {
				float:right;
				margin:0 0 1em 1em;
			}
	
	
	/** rechter Inhaltsbereich **/
	#content-right {
		float:left;
		width:11.65em;
		margin-top:2px;
		padding-bottom:10px;
		background-color:#fff;
	}

		#wichtiges {
			padding:0 10px;
		}
			#wichtiges h2 {
				background-color:#fff;
				padding:0;
				font-size:1.05em;
				font-weight:normal;
				margin:1em 0;
			}
			#wichtiges strong {
				display:block;
			}
		.karte {
			margin: 1em 0 0 2.1em;
		}
		.content-right-p {
			margin:10px 0.5em;
		}


	/* FOOTER */
	#footer {
		clear:both;
	}
	
		#footer #navigation-ul-2 {
			
		}
			#footer #navigation-ul-2 li {
				list-style-type:none;
				float:left;
				margin:5px 5px 15px 0;
				padding:0 0 0 5px;
				font-size:0.7em;
				background: url("../images/layout/li_teiler.gif") no-repeat 0 50%;
			}
			
				#footer #navigation-ul-2 li.aktiv {
					text-decoration:underline;
				}
			
				#footer #navigation-ul-2 li.erster {
					background:none;
					padding-left:0;
				}
		
		#footer span {
			font-size:0.8em;
			color:#666;
			padding-bottom:15px;
		}

		ul#navigation-ul {
				padding:0.8em 0;
			}
				ul#navigation-ul li {
					list-style:none;
					background-image:none;
					font-size:1.05em;
					margin-bottom:5px;
					padding: 0 10px;
				}
					ul#navigation-ul li a:link,
					ul#navigation-ul li a:visited,
					ul#navigation-ul li a:focus,
					ul#navigation-ul li a:hover,
					ul#navigation-ul li a:active
					{
						text-decoration:none;
					}
					ul#navigation-ul li a:focus,
					ul#navigation-ul li a:hover,
					ul#navigation-ul li a:active,
					ul#navigation-ul li.aktiv a:link,
					ul#navigation-ul li.aktiv a:visited,
					ul#navigation-ul li.aktiv a:focus,
					ul#navigation-ul li.aktiv a:hover,
					ul#navigation-ul li.aktiv a:active
					{
						text-decoration:underline;
					}	


/* * * * * * * * * * * * * * * * * * */
/* * Simones Aenderungen   * * * * * */
/* * * * * * * * * * * * * * * * * * */


.field {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-size:0.9em;
}

.button {
	background-color: #f0f0f0;
	border: 1px solid #cccccc;
	font-size:1em;
}