* { margin: 0; padding: 0; }
html { height:100%;float:left;}
body { font: 75%/1.3333 Arial regular, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul { list-style: none; }
img, object, embed { display: block; border: 0; }
address { font-style: normal; }
a { text-decoration: none; }
:focus { outline: 0; }

body {
	float: left;
	color: #000000;
	height: 100%;
}

a {
	color: #000000;
	text-decoration: none;
}

html {
	background: url(../img/background.gif) repeat-y 30px;
}

ul.contentListe {
	margin: 11px 0 20px 10px;	
}

ul.noBottomSpace {
	padding: 0 20px 0 20px;
	margin-bottom: 0;
}

p.kursiv {
	font-style: italic;
}
.smallText {
	font-size: 0.9em;
}

.lessTop {
	margin-top: -10px;
}

	#headerWrapper {
		float: left;
		width: 929px;
		padding-bottom: 1px;
	}
		#header {
			float: left;
			margin-left: 30px;
			width: 100%;
			background: #ffffff;
		}
			#toolbar {
				float: left;
				height: 18px;
				padding-top: 6px;
				font-size: 0.9em;
				line-height: 1.2em;
			}
			.ruehle-bestattungen #toolbar {
				float: right;
			}
			#toolbar ul {
				float: left;
			}
			#toolbar li {
				float: left;
				position: relative;
			}
			#toolbar li.last a {
				padding-right:0;
			}
			#toolbar a {
				float: left;
				padding: 0 12px 0 13px;
				color: #4472a2;
			}
				
			#toolbar a.aktive {
				font-weight: bold;
			}
				
			#toolbar .first a {
				padding-left: 12px;
				background: none;
			}
			#toolbar li a img {
				float: left;
				margin: 0;
				padding: 2px 5px 0 0;
			}
			
			#identification {
				float: left;
				height: 65px;
				margin-left: 0;
				width: 930px;	
			}
				#site {
					float: left;
				}
				.ruehle-bestattungen #site {
					margin: 0 0 0 20px;
				}
				#tradition {
					float: left;
					margin: 27px 0 0 53px;
				}
			
#page {
	float: left;
	width: 966px;
	margin-left: 30px;
	/*height: 100%;*/
}	
	
	#main {
		float: left;
		width: 100%;
		/*height: 100%;*/
	}
		#mainNaviWrapper {
			float: left;
			width: 200px;
			background: #4472a2;
			height: auto;
			padding-bottom: 30px;
		}
			#mainNavi {
				padding: 1em 0;
				height: auto;
			}
				#mainNavi li {
					display: inline;
				}
					#mainNavi a {
						float: left;
						display: block;
						margin: 0 20px;
						color: #ffffff;
						padding-bottom: 5px;
						padding-top: 5px;
						border-bottom: dotted 1px #8faac7;
						width: 160px;
					}
					#mainNavi a.withsubnavi {
						border-bottom: none;
					}
					
					#mainNavi a.aftersubnavi {
						border-top: dotted 1px #8faac7;
					}
					
					#mainNavi a.aktive
					{
						font-weight: bold;
						color: #ffffff;
					}
					
					#mainNavi ul.subnavi {
						display: block;
						float: left;
					}
					#mainNavi ul.subnavi li {
						display: inline;
						float: left;
						padding-left: 10px;
						width: 180px;
					}
					
					#mainNavi ul.subnavi li a {
						border-top: none;
						border-bottom: none;
						padding: 0 0 5px 0;
					}
					
		#contentWrapper {
			float: left;
			width: 717px;
			padding-right: 14px;
		}
			#content {
				float: left;
				width: 730px;
				color: #000000;
				padding-bottom: 10px;
				height: 100%;
			}
				.col {
					float: left;
					padding: 15px 20px 0 30px;
					width: 447px;
				}
					.col  h1 {
						margin-bottom: 10px;
					}
				.noTopSpace {
					padding: 0 20px 14px 30px;
				}
				.colFullwidth {
					float: left;
					padding: 0 14px 0 10px;
					width: 720px;
				}
				.colFullwidth h1 {
					padding: 15px 20px 15px 20px;
					width: 678px;
				}
				.colFullwidth p {
					padding: 0 20px 5px 20px;
					width: 678px;
				}
				
				.colFullwidth p a {
					width: 678px;
				}
				.colFullwidth .contentListe {
					margin: 11px 0 20px 30px;
				}
			
				.colFullwidth a, .col p a {
					cursor: pointer;
					color: #4472a2;
					text-decoration: underline;
				}
				.colFullwidth a.arrow, .col p a.arrow {
					background: url(../img/pfeil.gif) no-repeat left 0.5em;
					cursor: pointer;
					display: block;
					float: left;
					padding-left: 9px;
					color: #4472a2;
					font-weight: bold;
					text-decoration: none;
				}
				#content .colFullwidth p.noBottomSpace {
					padding: 0 20px 0 20px;
					margin-bottom: 0;
					width: 678px;
				}
				
				.colFullwidth h2 {
					margin-bottom: 0px;
					padding-top: 10px;
					padding-left: 20px;
					
				}
					#content h1 {
						color: #4472a2;
						font-family: Times New Roman;
						font-size: 1.2em;
						margin-top: 0;
					}
					#content h2 {
						color: #4472a2;
						/*font-family: Times New Roman;*/
						margin-bottom: 1em;
					}
					#content p {
						margin-top: -3px;
						margin-bottom: 1em;
					}
					
					.teaserImageContainer {
						float: left;
						margin-bottom: 30px;
						width: 214px;
					}
						.teaserImageContainer  a.arrow, td a.arrow {
							background: url(../img/pfeil.gif) no-repeat left 0.5em;
							cursor: pointer;
							display: block;
							float: left;
							padding-left: 9px;
							color: #4472a2;
							font-weight: bold;
							text-decoration: none;
						}
					
						.horizontalImageContainer {
							margin-left: 20px;
						}
						.horizontalImageContainer .teaserImageContainer {					
							padding-right: 19px;	
						}
						.horizontalImageContainer .teaserImageContainer.last {
							padding-right: 0;
							padding-left: 1px;							
						}
						
					.teaser {
						border-top: 1px solid #4472a2;
						border-bottom: 1px solid #4472a2;
						background: #eceff1;
						float: left;
						margin: 20px 0 13px 0;
						width: 233px;
						padding-bottom: 10px;					
					}
						.teaser .text {
							float: left;
							margin: 0;
							padding: 0;
							width: 233px;
							text-align: center;
						}
							.teaser h3 {
								border-bottom: dotted 1px #4472a2;
								color: #4472a2;
								font-size: 1.2em;
								font-family: Times New Roman;
								margin: 0 10px 10px 10px;
								padding: 5px 0 5px 0;
								width: 213px;
							}
							.teaser p {
								float: left;
								margin: 0 10px 5px 10px;
								width: 213px;
								font-size: 0.9167em;
								line-height: 1.1818em;
								font-size: 1em;
							}						
						
							.teaser a.arrow {
								background: url(../img/pfeil.gif) no-repeat left 0.3em;
								cursor: pointer;
								display: block;
								float: left;
								padding-left: 9px;
								color: #4472a2;
								font-weight: bold;
							}
			
		#naviLogoWrapper {
			float: left;
			margin-left: 54px;
			margin-top: 30px;
		}
		
		#naviLogoWrapper img {
			margin-bottom: 10px;			
		}
		
		#scrambleEmailx0xshowEmailAddress0 a {
			color: #4472a2;
			font-weight: bold;
		}
/* Popupseite */
div#popupImage {
	float: left;
	color: #000000;
	height: 100%;
	background: #ffffff;
	padding-left: 10px;
}
	#popupImage h1 {
		color: #4472a2;	
		font-family: Times New Roman;
		font-size: 1.2em;
		margin: 10px 0 10px 0;
	}
	
	/* IE 7 Hack*/
	*+html #popupImage p a.arrow {
		margin: 5px 15px 10px 0;
	}
	/* MOZILLA Hack*/
	*:not(hr) #popupImage p a.arrow {
		margin: 5px 27px 10px 0;	
	}
	#popupImage p a.arrow {
		background: url(../img/pfeil.gif) no-repeat left 0.5em;
		cursor: pointer;
		display: block;
		padding-left: 9px;
		color: #4472a2;
		float: right;
		font-size: 1em;
		margin: 5px 7px 10px 0;
		font-weight: bold;
	}
/* Popupseite */

table#contentTable {
	margin-bottom: 20px;
}
		
table#contentTable td.first {
	padding-right: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
table#contentTable td {
	padding-bottom: 10px;
	vertical-align: top;
}


.downloadSoftware {
	font-size: 0.9em;
	padding-left: 30px;
	padding-top: 30px;
	clear: both;
}
.downloadSoftware div.image {
	float: left;
	width: 88px;
	padding-right: 10px;
}
.downloadSoftware div.texts {
	float: left;
	width: 580px;
}
.downloadSoftware a {
	cursor: pointer;
	color: #4472a2;
	text-decoration: underline;
}
#content div.texts {
	float: left;
	width: 580px;
}