/* ----- Bestattungshaus Gerdes - Styles -----*/

/* ----- Main ---- */

html, body { 
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	}

body 	{ 	
	background-color: #F5ECCE;
	background-image: url(../bilder/bg.jpg);
	color: #000000; 
	font-family: "Times New Roman", Times, serif; 
	font-size: 1.1em; 
	line-height: 1.6em;
	}

.initiale {
	color: #7D3221;
	font-size: 1.5em;
	letter-spacing: -0.1em;
	} 
.initiale2 {
	color: #7D3221;
	font-size: 1.5em;
	letter-spacing: -0.04em;
	} 

* html .letterspace { letter-spacing: -0.1em; }
*:first-child+html .letterspace { letter-spacing: -0.1em; }
.initialeos { 
	font-size: 1.5em; 
	color: #7D3221;
	} 

div 	{ margin: 0; }

img 	{ margin: 0; border: 0; }

a	{
	color: #9E3E2B; 
	font-family: "Times New Roman", Times, serif; 
	text-decoration: none; 
	font-weight: normal;
	}
a:hover { color: #CC7037; }

#telefon a[href^="tel:"]:link,
#telefon a[href^="tel:"]:visited, 
#telefon a[href^="tel:"]:hover {
    color: #FFFBEC !important;
    text-decoration: none;
}

a[href^="tel:"]:link,
a[href^="tel:"]:visited, 
a[href^="tel:"]:hover {
    color: #000000;
    text-decoration: none;
}

table 	{ 
	width: 100%;
	line-height: 1em; 
	border-collapse: collapse; 
	border-spacing: 0;
	margin-bottom: 1em;
	margin-top: 1.5em;
	}

h1.willk { 
	font-family: "Times New Roman", Times, serif; 
	font-size: 1.3em;
	font-weight: normal; 
	font-variant: small-caps;
	}

.hinweis {
	font-family: "Times New Roman", Times, serif; 
	font-size: 0.7em;
	line-height: 1.2em;
	margin-top: 0.4em;
	}
.hinweis2 {
	font-family: "Times New Roman", Times, serif; 
	font-size: 0.9em;
	line-height: 1.2em;
	margin-top: 0.4em;
	}
.hinweisvergr {
	color: #9E3E2B;
	font-size: 0.7em;
	line-height: 1.2em;
	margin: 1.6em auto -2.1em auto;
	text-align: center;
	}

.linierot {
	width: 685px;
	border-bottom: 1px solid #9E3E2B;
}	
.liniekontakt {
	width: auto;
	border-bottom: 1px solid #9E3E2B;
}	
	
.liste {
	width:  685px;
	margin: 0; padding: 0;
	}
* html .liste { width: auto; }
.liste td { 
	border: none;
	text-align: left;
	vertical-align: top;
	line-height: 1.6em;
	padding: 0.2em 130px 0.5em 1.9em;
	border-bottom: 1px solid #9F3E2B;
	}

.mehrinfo {
	margin-left: 1.5em;
	font-style: italic;
	cursor: pointer;
	}

.rechtsb {
	text-align: right;
	margin-right: 35px;
	}

	
/* ------ Seitenlayout ------*/

#inhalt { 
	position: absolute; top: 3%;
	width: 100%; height: 100%;
	text-align: center;
	}

	
/* ------ Kopf ------*/

#head {
	position: relative;
	margin: auto;
	width: 960px; height: 139px;
	border-top: 2px solid #9E3E2B;
	border-left: 2px solid #9E3E2B;
	border-right: 2px solid #9E3E2B;
	background-color: transparent;
	background-image: url(../bilder/bestattungen.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: left;
	}

.hlt	{
	color: #F5ECCE;
	font-size: 35px;
	line-height: 35px;
	font-weight: normal;
	margin: 38px 0 0 335px;
	font-variant: small-caps;
	}
	
.hltzwei {
	display: none;
}
	
.capscancel {
	font-size: 15px; 
	line-height: 16px;
	font-variant: normal;
}

.inh	{
	color: #F5ECCE;
	font-size: 17px;
	line-height: 15px;
	font-weight: normal;
	margin: 0px 0 0 338px;
	font-variant: small-caps;
	}
	
#bestattungen {
	position: absolute; z-index: 2;
	right: 0px; top: 0px;
	width: 305px; height: 132px;
	}
	
	
/* ------ Menue ------*/

ul#navigation {
	position: absolute;
	top: 100px; padding-left: 14px;
	margin: 0px 0 3px 0; 
	height: auto; width: 948px;
	background-color: transparent;
	border-top: 2px solid #9E3E2B;
	border-bottom: 5px solid #9E3E2B;
	}
	
ul#navigation li {
	display: inline;
	list-style: none;
	margin: 0; padding: 0;
	}
ul#navigation li a, ul#navigation li span {
	float: left; height: auto;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.3em;
	text-align: center;
	font-variant: small-caps;
	margin: 5px 10px;
	}
* html ul#navigation li a { padding-bottom: 5px; }
*:first-child+html ul#navigation li a { padding-bottom: 5px; }
* html ul#navigation li span { padding-bottom: 5px; }
*:first-child+html ul#navigation li span { padding-bottom: 5px; }

.m1 	{ width: 80px; width: 4em; }
.m2 	{ width: 105px; width: 5.2em; }
.m3 	{ width: 112px; width: 5.6em; }
.m4 	{ width: 105px; width: 5.2em; }
.m5 	{ width: 80px; width: 4em; }
.m6 	{ width: 60px; width: 3em; }
/*.m7 	{ width: 67px; width: 3.3em; }*/
ul#navigation li a.m7, ul#navigation li span.m7 {
	margin-top: 10px;
	/* margin-left: 330px; */
	font-size: 0.7em;
	}
ul#navigation li a.m8, ul#navigation li span.m8 {
	margin-top: 10px;
	margin-left: 180px;
	font-size: 0.7em;
	}

/* ul#navigation a:hover {	letter-spacing: 2px; } */


/* ------ Inhalt ------*/

#content {
	border-bottom: 2px solid #9E3E2B;
	border-left: 2px solid #9E3E2B;
	border-right: 2px solid #9E3E2B;
	width: 960px;
	margin: auto;
	text-align: left;
	background-color: transparent;
	background: url(../bilder/ornamentwz.png) no-repeat; 
	background-position: right bottom;
	}
* html #content { /* fuer IE6 */
	background: none;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/ornament2.png', sizingMethod='crop'); */
	}

#pfeil {
	position: relative;
	height: 100%;
	}

.hspacer {
	display: inline;
	height: 370px; width: 1px; 
	float: right;
	}


/* ------ Maintext-Bereich ------*/

#maintext { 
	width: 460px; float: right;
	margin: 25px 224px 0 10px;
	display: inline;
	}
* html #maintext { margin-top: 30px; }
*:first-child+html #maintext { margin-top: 30px; }
* html .ievers { margin-right: 215px !important; }

/* ------ linke Spalte ------*/

#leftbox { 
	width: 250px; float: right;
	margin-top: 25px;
	display: inline;
	}
* html #leftbox { margin-top: 30px; }
*:first-child+html #leftbox { margin-top: 30px; }

	
/* ------ unterer Block ------*/

#clearer { cursor: default;
	height: 50px; clear: both;
	}
* html #clearer { height: 90px; }
*:first-child+html #clearer { height: 90px; }


/* ------ Footer ------*/

#footer {
	width: 960px;
	margin: auto;
	text-align: left;
	border-bottom: 2px solid #9F3E2B;
	border-left: 2px solid #9F3E2B;
	border-right: 2px solid #9F3E2B;
	padding: 5px 0 4px 0px;
	margin-bottom: 20px;
	}
#footer a, #footer span {
	margin: 0 12px;
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing: 0px;
	font-variant: small-caps;
	}
	
#footer span {
	margin-left: 40px;
	}
#footer span.norm {
	margin-left: 0px;
	font-variant: normal;
	}
/* ---------------------*/


/* ------ Bilder ------*/

.pageb {
	border: 2px solid #9E3E2B;
	width: 210px;
	cursor: pointer;
	}
	
.deichvorland {
	height: 312px; 
	margin: 3.8em 0 0 16px;	
	}

.gras { 
	height: 315px; 
	margin: 3.8em 0 0 16px;	
	}
		
.andachtsraum { 
	height: 121px;	
	margin: 2em 0 0 16px;	
	}
	
.urnenraum { 
	height: 118px;	
	margin: 2.0em 0 -0.5em 16px;	
	}

.seebestattung { 
	height: 307px; 
	margin: 2.0em 0 0 16px;	
	}

.haus {
	height: 236px; 
	margin: 2.0em 0 0 16px;	
	}

.bernd {
	height: 315px; 
	margin: 1.5em 0 -15px 16px;	
	}

.deich { 
	height: 320px; 
	margin: 3.8em 0 0 16px;	
	}

.gespraech { 
	height: 144px; 
	margin: 2.0em 0 0 16px;	
	}

.weg {
	height: 140px; 
	margin: 1.5em 0 0 16px;	
	}

.herbstgrab {
	height: 315px; 
	margin: 1.5em 0 0 16px;	
	}

.sarg2 {
	height: 141px; 
	margin: 0.8em 0 -0.2em 16px;	
	}

.sarg1 {
	height: 136px; 
	margin: 2.0em 0 0 16px;	
	}

.urne {
	height: 119px; 
	margin: 2.0em 0 0 16px;	
	}

.stehtische {
	height: 141px;
	margin: 0.0em 0 0 16px;	
	}

.infobild {
	height: auto; 
	margin: 3.8em 0 2.5em 16px;	
	}


/* ------ Infoframes ------*/

#transp {
	display: none;
	position: absolute;
	top: 0; left: 0;
	width: 960px; height: 100%;
	background-color: #9F3E2B;
	opacity: 0.9;
	z-index: 10;
	}
/*	
#schatten {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -390px;
	width: 800px; height: auto;
	z-index: 11;
	opacity: 0.2;
	background-color: Black;
}
*/
.infoframe { 
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	z-index: 12;
	cursor: pointer;
	background-color: #F5ECCE;
	background-image: url(../bilder/bg.jpg);
	border: 2px solid #9E3E2B;
	}

.infotab {
	margin: 14px; padding: 0;
	width: auto;
	}
.infotab td {
	border: none;
	text-align: left;
	vertical-align: top;
	line-height: 1.6em;
	padding: 0 22px 0 20px;
	}
* html .infotab td { padding: 20px 22px 20px 20px; }
*:first-child+html .infotab td { padding: 20px 22px 20px 20px; }

.infoliste {
	width: 400px;
	margin: 0; padding: 0;
	}
.infoliste td{
	border: none;
	text-align: left;
	vertical-align: top;
	line-height: 1.6em;
	padding: 0.2em;
	}
* html .infoliste td { padding: 0.2em; }
*:first-child+html .infoliste td { padding: 0.2em; }
	
.schliessen {
	position: absolute;
	bottom: 0;
	color: #9E3E2B;
	font-style: italic;
	}
* html .schliessen { 
	bottom: 20px; left: 20px;
	}
*:first-child+html .schliessen {
	bottom: 20px; left: 30px;
	 }

#bildgross { 
	display: none;
	position: absolute;
	left: 50%;
	width: auto; height: auto;
	z-index: 11;
	}
	
#bildgross img { 
	border: 2px solid #9E3E2B;
	display: block; 
	cursor: pointer;
	}
	
#bildgross p {
	color: #F5ECCE;
	width: 98%;
	text-align: right;
	font-size: 0.8em;
	line-height: 14px;
	margin: 4px;
	cursor: pointer;
	}
	
/* ------ Kontakt ------*/

#kontaktformular {
	margin: 0; padding: 0;
	height: 600px; width: 430px;
	background-color: transparent;/*#F5ECCE*/
	overflow: auto;
	}
* html #kontaktformular { height: 600px; width: 430px; }
*:first-child+html #kontaktformular { height: 600px; width: 430px; }

#adresskasten {
	border: 1px solid transparent;

	}
#adressfrl {
	float: left;	
	width: 50%;
	}
#adressfrr {
	}

.kapitaelchen {
	/* color: #7D3221; */
	font-variant: small-caps;
	}

hr {
	background: #9E3E2B;
	color: #9E3E2B;
	height: 2px;
	}
.ekklein {
	font-size: 0.8em;
}
	
/* ------ Links ------*/
.links { 
	width: 685px; 
	line-height: 1.6em;
	margin-bottom: 1.2em;
	margin-top: 0.5em;
	}
* html .links { 
	width: auto; 
	margin-bottom: 1.5em;
	margin-top: 0.9em; 
	}
*:first-child+html .links { 
	margin-bottom: 1.5em;
	margin-top: 0.9em; 
	}
.links tr {
}
.links td {
	border-bottom: 1px solid #9F3E2B;
	vertical-align: top;
	padding-bottom: 1em;
	}
	
.linksp1 { 
	width: 320px; 
	font-size: 0.9em; 
	}
.tabhead { padding-left: 0;
	padding: 0;
	line-height: 1px;
}
/* --------- Index --------*/
.ind p {
	width: 400px;
}

.phil p {
	width: 420px;
}

#telefon {
	color: #F5ECCE;
	position: relative;
	top: -80px;
	margin-right: 34px;
}

#telefonkp a, #telefonkl a {
	color: #781717 !important;
	}

/*#telefon a { 
	text-decoration: none;
	cursor: default;
	}
*/
/* -----------------------*/

.leftschmal {
	margin-left: 20px;
}

ul#datenschutz {
	list-style-type: "- ";
	padding-left: 1.5em;
	}
ul#datenschutz li {
	padding-bottom: 0.8em;
	}