@charset "utf-8";

/*body {
	font: 100%/1.4 "Comic Sans MS";
	background: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}
*/
form {
	width: auto;
	border: 1px solid gainsboro;
}

input {
	margin: 0 0 1em 1em;
}

select {
	margin: 0 0 1em 1em;
}
label {
	float: left;
	text-align: right;
	width: 10em;
}

.button {
	margin-left: 12em;
	
}



td
{
border-bottom: 3px dotted green ; 
}
th
{
border-bottom: 3px dotted red ; 	
}

#bodyhauptseiteneu {
	
	margin: 0;
	padding: 0;
	color: #000;
	background-color: rgba(0,0,0,0.8);
	
	/*background-image:  url(../bilder/aktuell/Garten_17.jpg); */
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	/*-moz-background-size: cover;*/
	-o-background-size: cover;
	background-size: cover;
}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}
.aufzaehlen {
	margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
	padding-right: 1.5em;
	padding-left: 3em;
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	padding-bottom: 1em;
}



p {
	margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
	padding-right: 1.5em;
	padding-left: 1.5em;
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	
}

h3 {
	font-family: Verdana, Geneva, sans-serif;
	padding-right: 1.5em;
	padding-left: 1.5em;
	font-size: 1.3em;
	color: rgba(51,51,0,1);
}


a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
	color: rgba(255,0,0,1);
}
/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color: rgba(158,10,14,1);
	text-decoration: none; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	color: rgba(158,10,14,1);
	text-decoration: none;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: none;
}

/* ~~ Dieser Container mit fester Breite umschließt die anderen div-Tags. ~~ */
.container {
	text-align: center;
	width: auto;
	position:relative;
	
}

/* ~~ Für die Kopfzeile wird keine Breite angegeben. Sie erstreckt sich über die gesamte Breite des Layouts. Sie enthält einen Bild-Platzhalter, der durch Ihr eigenes, mit Hyperlink versehenes Logo ersetzt werden sollte. ~~ */
.header {
	/*background: rgba(0,102,153,0.7);*/
	background: rgba(255,162,0,0.8); /*orange */
	/*background: rgba(51,51,0,0.5);*/
	/*width:70vw;*/
	max-width: 100vmin;
	min-width: 70vw;
	/*background: rgba(102,102,0,0.8);*/
	/*height: auto;*/
	/*height: 10em;*/
	height: 5vh;
	margin: 0 auto; 
	 min-height: 12em;
}

/* ~~ Dies sind die Layoutinformationen. ~~ 

1) Eine Auffüllung wird nur oben und/oder unten im div-Tag positioniert. Die Elemente innerhalb dieses div-Tags verfügen über eine seitliche Auffüllung. Dadurch müssen Sie keine Box-Modell-Berechnungen durchführen. Zu beachten: Wenn Sie dem div-Tag eine seitliche Auffüllung oder einen Rahmen hinzufügen, werden diese zu der festgelegten Breite addiert und ergeben die *gesamte* Breite. Sie können auch die Auffüllung für das Element im div-Tag entfernen und ein zweites div-Tag ohne Breite und mit der gewünschten Auffüllung im ersten div-Tag einfügen.

*/

.content {
	font-family: Verdana, Geneva, sans-serif;
	background: rgba(255,255,255,0.8);
	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
	/*max-width: 100vmin;*/
	padding: 10px 0;
	text-align: left;
	max-width: 100vmin;
	min-width: 70vw;
	/*width:70vw;*/
	z-index: -10;
}

/* ~~ Fußzeile ~~ */
.footer {
	padding: 10px 0;	
	/*background: rgba(205,203,129,0.8);*/
	/*background: rgba(51,51,0,0.8);*/
	background: rgba(255,162,0,0.8); /*orange */
	text-align: left;	
	max-width: 100vmin;
	min-width: 70vw;
	/*width:70vw;*/
	margin: 0 auto;
	
}

.untertext
{
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	}



/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


#menu {
	font-size:14px;
/*	width: 80%;
position: absolute;
right: 10%;
left: 10%;*/
	color: rgba(0,196,217,1); /*blau */ 
	z-index: 20;
display: table;
	margin-left: auto;
	margin-right: auto;
}

#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
  z-index: 21;
}

#menu li.topmenu {
  float:left;
}

#menu li.topmenulogo {
  float:left;
}



.topmenu a {
  float:left;
  width: 15em;
  text-align:center;
  z-index: 22;
}
.topmenulogo a {
  float:left;
  width: 10em;
  text-align:center;
}


.topmenu ul{
  display:none;
  z-index: 22;
}

.topmenulogo ul{
  display:none;
}


#logoid
{
	 background-color: #FFFFFF;
	 
	
}
.topmenulogo a, .submenu a{
  padding:2px 8px;
 background-color: #E3E3E3;
  /*border:1px solid #C37000;*/
  /*border-collapse:collapse;
  color: rgba(51,51,51,0.1);
  font-weight:bold;
  text-decoration:none;*/
 /* background-color: #F00;*/
  /*background-color:#C8C8C8;*/
  margin:0;
  z-index: 20;  
}


.topmenu a, .submenu a{
	padding:2px 8px;
	border:1px solid rgba(232,126,166,1); /*rosa */
	border-collapse:collapse;
	color: rgba(51,51,51,1);
	font-weight:bold;
	text-decoration:none;
	
	background-color: rgba(186,201,209,1); /*grau */
	/*background-color:#C8C8C8;*/
  margin:0;
	z-index: 20;
	font-family: Verdana, Geneva, sans-serif;
}

.submenu a{
  font-size:12px;
  width: 17em;
  position:relative;
  clear:both; /* special IE6 */
}

#menu a:hover, .topmenu.on a {
  
  color: #FFFFFF;
  background-color: rgba(232,126,166,1); /*rosa */
  /*background-color:#ffddbb !important;*/
  
}
/*
#menu a:hover, .topmenulogo.on a {
  color:#4C4C4C;
  background-color:#ffddbb !important;
}

*/

.topmenu:hover ul {
  display:block;  
  z-index:500;
}

.topmenulogo:hover ul {
  display:block;  
  z-index:500;
}


.bild_rechts
{
float:right; 
margin-left: 15px;
z-index:1;
}

.bild_links
{
float:left; 
margin-right: 15px;
z-index:1;
}

.eingabe
{
background-image: url(../../hoemepage-trauerraum/bilder/hilfsbilder/schreibblatt.jpg);
width: 60vw;

	margin-left: 5%;
	font: 100%/1.4 "Comic Sans MS";
	 border:0;
	
	 
}

.input
{
	margin-left: 20%;
	margin-top: 1em;
	
	font-family:Verdana, Geneva, sans-serif;
	background-color:rgba(186,201,209,1); /*grau */
	 border:1px solid rgba(232,126,166,1); /*rosa */
	 
	
}
.input:hover
{
background-color: rgba(232,126,166,1); /*rosa */
color:#FFFFFF;

}


a {
	text-decoration: none;
	
}

.titel {
	margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
	padding-right: 15px;
	padding-left: 15px;
	
	font-family: Verdana, Geneva, sans-serif;
	/*font-size: 2em;*/
	font-size: 2vw;
	width:80%; 
	/*color: rgba(0,51,0,1);*/
	color: rgba(255,255,255,1);
	margin-left:10%;
	text-align:center;	
		
	}
.titelklein {
	margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
	padding-right: 15px;
	padding-left: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1vw;
	width:80%;
	/*color: rgba(0,51,0,1);*/
	color:#FFFFFF;
	margin-left:10%;
	text-align:center;
	
	}	
	
.logobild
{
	display:block; 
	float:left; 
	
	padding-top: 2px;  
	padding-left: 30px; 
	
	
}

.lauflistung
{
	padding-left: 40px;
	
	
}

.lauflistung_innen
{
 	
	padding-bottom: 1em;
	
}
/*
Farben : 
Trauerraum-Blau: bgcolor="#006699"
Grau für Hintergrund: bgcolor="#E3E3E3"

Die Bistum-Farben:

background-color: rgba(255,162,0,1); /*orange */
/*
background-color: rgba(255,203,79,1); /*gelb */
 
/*  
 background-color: rgba(141,185,229,1); /*Hellblau */
/*

background-color: rgba(186,201,209,1); /*grau */
/*

background-color: rgba(232,126,166,1); /*rosa */
/*
background-color: rgba(229,0,125,1; /*rot */ 
/*
background-color: rgba(0,196,217,1); /*blau */ 
/*
background-color: rgba(190,214,0,1; /*gruen */ 
/*
background-color: rgba(0,0,0,1); /*schwarz */ 
/*


*/