@charset "iso-8859-1";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
/*	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;*/
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

h1 {
	font-size:18px;
	color:#4a90b2;
}
h1 a {
	color:#4a90b2;
}
h2 {
	font-size:16px;
	color:#4a90b2;
}
h2 a {
	color:#4a90b2;
}
h3 {
	font-size:14px;
	color:#4a90b2;
}
h3 a {
	color:#4a90b2;
}
p {
	font-size: 14px;
	color: #666;
	line-height: 19px;
}

.zentriert {
	text-align:center;
}

/* Klasse für verstecktes Formularfeld, das nicht ausgefüllt werden darf - HONEYPOT –
Spambots füllen alle Felder eines Formulars aus. Dabei versuchen sie, die Felder mit jeweils passenden Inhalten zu befüllen. Ein Feld 

namens z. B. "E-Mail" (ACHTUNG bei der Schreibweise, es muss anders heißen als das "richtige" E-Mail-Formularfeld!!!), wird daher mit 

großer Wahrscheinlichkeit mit einer - natürlich gefälschten - E-Mail Adresse gefüllt. Diese Eigenschaft der Spambots kann man sich zunutze 

machen, indem man zusätzliche Felder ins Formular einfügt, die von Menschen nicht ausgefüllt werden. Zu diesem Zweck werden die 

Zusatzfelder per CSS vor Menschen versteckt, und für den Fall, dass der Besucher CSS deaktiviert hat, noch ein entsprechender Hinweis 

angebracht. */
.email { display:none;}

/* Mobile Layout: 480px and below. */

.header {
	width: 97.5%;
	padding-left: 1.25%;
	padding-right: 1.25%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
width: 95%;
	min-height: 90px;
}
#spalte1 {
	margin:15px  0 0;
	width:100%;
	min-height: 330px;
}
#spalte2 {
	margin:15px 0 0 0;
	width:100%;
	min-height: 330px;
}
#spalte3 {
	margin:15px 0 0 0;
	width:100%;
	min-height: 330px;
}
.logo {
	width: 30%;
	float:left;
	margin-top:10px;
}
.bildleiste {
	width: 100%;
	height:auto;
}
.nav {
	width: 60%;
	float: right;
	text-align:right;
	margin-top:15px;
}
.nav ul li  {
	margin-right: 0px;
	color: #666;
	font-size: 14px;
	margin-left: 20px;
	list-style:none;
}
#subnav {
	width:100%;
	margin: 15px 0 15px 0;
	float:left;
	border-bottom: 1px dotted #666;
}
#subnav img {
	margin-bottom:10px;
	margin-right: 5px;
}
#subnav a {
	display: inline;
	width:90px;
	color:#4a90b2;
	font-size: 14px;
	display:block;
	float:left;
	margin:0 5px 15px 0 ;
}
#subnav ul  {
	margin:0;
	padding:0;
}
#subnav ul li  {
	display: inline;
	width:90px;
	margin-right: 0px;
	color: #666;
	text-align:left;
	list-style:none;
	font-size:16px;
	text-transform:uppercase;
}
.content {
	background:#fff;
	margin: 0;
}
#spalte-breit {
	width: 100%;
	min-height: 330px;
	background:#fff;
}
.footer {
	color:#fff;
	font-size:13px;
	background:url(images/base/dbdev-back-px-red-light.png) repeat;
}
#div4 {
	background:url(images/base/dbdev-back-px-red-dark.png) repeat;
	margin: 0 auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:13px;
	max-width: 960px;
	min-height:27px;
}
#div4 a {
	color:#fff;
	text-decoration:none;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
.weiter {
	background-image: url(images/base/dbdev-back-px-weiter.png);
	background-repeat: repeat;
	width: 130px;
	height: 25px;
	color: #ffffff;
	float: right;
	bottom: 0px;
	position: inherit;
	right: 0px;
}
.weiter a {
	color: #fff;
	text-decoration: none;
	height: 22px;
	padding-right: 10px;
	padding-top:3px;
	display:block;
	text-align:right;
}
.weiter a:hover {
	background-image: url(images/base/dbdev-back-px-weiter-over.png);
	background-repeat: repeat;
	display: block;
	padding-top:3px;
	height: 22px;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.header {
	width: 97.5%;
	padding-left: 1.25%;
	padding-right: 1.25%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
width: 100%;
	min-height: 90px;
}
.logo {
	width: 25.9259%;
	float:left;
	margin-top:10px;
}
.bildleiste {
	width: 100%;
	height:auto;
}
.nav {
	width: 72.2222%;
	float: right;
	text-align:right;
	margin-top:60px;
}
.nav ul li  {
	display: inline;
	margin-right: 0px;
	color: #666;
	font-size: 14px;
	margin-left: 20px;
}
#subnav {
	width:30%;
	margin: 15px 0 15px 0;
	float:left;
	border-bottom:none;
}
#subnav img {
	margin-bottom:10px;
	margin-right: 10px;
}
#subnav a {
	color:#4a90b2;
	width:auto;
	font-size: 14px;
	display:block;
	float:left;
	margin:0 10% 15px 0 ;
}
#subnav ul  {
	margin:0;
	padding:0;
}
#subnav ul li  {
	margin-right: 0px;
	width:auto;
	color: #666;
	text-align:left;
	list-style:none;
	font-size:16px;
	text-transform:uppercase;
}
.content {
	background:#fff;
	margin: 0;
}
#spalte1 {
	width:100%;
	min-height: 330px;
	position:relative;
	margin-top:0;
}
#spalte2 {
	width:100%;
	min-height: 330px;
	margin-left:25px;
	position:relative;
	margin-top:0;
}
#spalte3 {
	width:100%;
	min-height: 330px;
	margin-top:0;
	position:relative;
}
#spalte-breit {
	width:65%;
	min-height: 330px;
	background:#fff;
	margin-left: 20px;
	position: relative;
	float:right;
	padding:0;
	border-top: 0;
}
.footer {
	color:#fff;
	font-size:13px;
	background:url(images/base/dbdev-back-px-red-light.png) repeat;
}
#div4 {
	background:url(images/base/dbdev-back-px-red-dark.png) repeat;
	margin: 0 auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:13px;
	max-width: 960px;
	min-height:27px;
}
#div4 a {
	color:#fff;
	text-decoration:none;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
.weiter {
	background-image: url(images/base/dbdev-back-px-weiter.png);
	background-repeat: repeat;
	width: 130px;
	height: 25px;
	color: #ffffff;
	bottom: 0px;
	position: absolute;
	right: 0px;
}
.weiter a {
	color: #fff;
	text-decoration: none;
	height: 22px;
	padding-right: 10px;
	padding-top:3px;
	display:block;
	text-align:right;
}
.weiter a:hover {
	background-image: url(images/base/dbdev-back-px-weiter-over.png);
	background-repeat: repeat;
	display: block;
	padding-top:3px;
	height: 22px;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.header {
	background-color: #e6e6e6;
	margin: 0 auto;
	padding: 0;
	width:100%;
}
#div1 {
	background-color: #fff;
	margin: 0 auto;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	max-width: 960px;
	min-height: 90px;
}
.logo {
	width: 25.9259%;
	float:left;
	margin-top:10px;
}
.bildleiste {
	width: 100%;
	height:auto;
}
.nav {
	width: 72.2222%;
	float: right;
	text-align:right;
	margin-top:60px;
}
.image {
	background:url(images/base/dbdev-back-px-blue-light.png) repeat;
}
#div2 {
	background:url(images/base/dbdev-back-px-blue-dark.png) repeat;
	margin: 0 auto;
	max-width: 1000px;
	min-height:300px;
}
.content {
	background:#e6e6e6;
	margin: 0;
}
.div3 {
	background-color: #fff;
	margin: 0 auto;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	max-width: 960px;
}
#spalte1 {
	width:310px;
	min-height: 330px;
	float:left;
	position:relative;
	margin-top:0;
}
#spalte2 {
	width:300px;
	min-height: 330px;
	float:left;
	margin-left:25px;
	position:relative;
	margin-top:0;
}
#spalte3 {
	width:300px;
	min-height: 330px;
	float:right;
	margin-top:0;
	position:relative;
}
#spalte-breit {
	width: 630px;
	min-height: 330px;
	float: right;
	margin-left: 20px;
	position: relative;
	padding:0;
	border-top: 0;
}
#subnav {
	width:310px;
	min-height: 330px;
	float:left;
	position:relative;
	border-bottom: 0;
}
.nav ul li  {
	display: inline;
	margin-right: 0px;
	color: #666;
	font-size: 14px;
	margin-left: 20px;
}
#subnav img {
	margin-bottom:10px;
	margin-right: 10px;
}
#subnav a {
	color:#4a90b2;
	font-size: 14px;
	width:auto;
	display:block;
}
#subnav ul  {
	margin:0;
	padding:0;
}
#subnav ul li  {
	margin-right: 0px;
	width:33%;
	color: #666;
	text-align:left;
	list-style:none;
	font-size:16px;
	text-transform:uppercase;
}
.footer {
	color:#fff;
	font-size:13px;
	background:url(images/base/dbdev-back-px-red-light.png) repeat;
}
#div4 {
	background:url(images/base/dbdev-back-px-red-dark.png) repeat;
	margin: 0 auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:13px;
	max-width: 960px;
	min-height:27px;
}
#div4 a {
	color:#fff;
	text-decoration:none;
}
.weiter {
	background-image: url(images/base/dbdev-back-px-weiter.png);
	background-repeat: repeat;
	width: 130px;
	height: 25px;
	color: #ffffff;
	bottom: 0px;
	position: absolute;
	right: 0px;
	float:right;
}
.weiter a {
	color: #fff;
	text-decoration: none;
	height: 22px;
	padding-right: 10px;
	padding-top:3px;
	display:block;
	text-align:right;
}
.weiter a:hover {
	background-image: url(images/base/dbdev-back-px-weiter-over.png);
	background-repeat: repeat;
	display: block;
	padding-top:3px;
	height: 22px;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
.verstorben {
	float:left;
	padding:5px 5px 0 0; 
}
.henry {
	width:150px;
	margin:0 40px 0 0;
  border:1px solid #cccccc;
}
.christa {
	width:225px;
	margin:0 40px 0 0;
  border:1px solid #cccccc;
}