/* Format für Homepage Hospiz Horn e. V. , aktualisiert Juni 2009*/
/*geringfügig verändert November 2009*/
/*Spendenkonto-Angabe am 28. 8. 2011*/
body {
        font-size: small;
        color:#245;
        font-family: Verdana, Arial, sans-serif;
        background-color: #99d4aa;
        padding: 5px;
}

h1 {
        font-size: 1.5em;
        margin-left: 13%;
        }
/*h3:first-letter {
color: #a35;
font-size: 1.3em;
} */

h2 {
        font-size: 1em;
}

h3 {
        font-size: 1.2em;
        margin-left: 5%;
}
h4 {
font: bold 1.7em Verdana, sans-serif;
border: 1px solid red;
width: 40%;
min-height: 35px;
padding: 15px;
float: left;
margin: 5px;
/*color: #a35;*/

}

a:link {
color: #a35;
text-decoration: none;
}
a:visited {
color: #a35;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
/*Für Listen am Seitenanfang. Die einzelnen Listen-Punkte werden dann zu den Überschriften der Seite verlinkt.*/
td{
	vertical-align:top;
}
ul.oben {
                border-bottom: 1px solid black;
                width: 80%;
                padding-bottom: 10px;
                font-size: 1.1em;
                font-weight: bold;
                list-style-type: circle;
                }
ul.betont {
                width: 80%;
                margin-left: 70px;
                padding-bottom: 10px;
                font-size: 1.1em;
                font-weight: bold;
                list-style-type: circle;
}

#spendenkonto {
	position: fixed; 
	top:13cm; 
	left: 985px;
	color: #a10;
	/*color: white;*/	
	/*width: 150px; */
	/*height: 100px; */
	background-color: #ffd;
	padding: 5px;
}
#kopf {
        position: absolute;
			top: 0px;
			left:5px;
        background-color: #fefefe;
        height: 90px;
        /*width: 54.2%;*/
        width: 974px;
        border: 1px solid black;
        padding-top: 20px;
        padding-bottom: 20px;
        
}
/*Logo aufrufen und positionieren*/
#logo {	position: absolute;
		top: 10px;
		left: 220px;
		height: 90px;
		width: 90px;
}

/*Schriftzuege für den Kopf positionieren*/
p.hospizhornev {
  background-color: #fefefe; 
  font-family: Garamond, serif;
  font-size: 3.4em;
  font-weight: bold; 
  color: navy; 
  padding-left: 350px;
  margin-top: 0px;  
  }
  p.wenndermensch {
  background-color: #fefefe; 
  font-family: Garamond, serif;
  font-size: 1.5em;
  color: navy; 
  padding-left: 480px;
  margin-top: -25px;  
  }

/*Position des Aktualiesierungs-Datums*/
 p.actual {
 text-align: center;
 font-size: 8pt;
 position: absolute;
 bottom: 5px;
 left: 40%;
 color: navy; 
 }
 /*Positionierung des alten Logos*/
 #alteslogo {
  margin-left: 200px;
  height: 65px;
  border: 0;
  }

/*der div "unterkopf" dient dazu, die beim IE auftretende Lücke unter dem Seitenkopf zu füllen.*/
#unterkopf {
        position: absolute;
        bottom: -3px;
        left: 0px;
        width: 100%;
        height: 3px;
        background-color: white;
		z-index:-2;
      
        }

 #seitenname {
        position: absolute;
        bottom: 4px;
        left: -5px;
        height: 30px;
        padding-top: 5px;
        padding-left: 15px;
        /*border-bottom: 1px solid black;*/
        font-weight: bold;
		opacity: 0.6;
  }


   /*Der div "inhalt" enthält auch die Navigation und die Fußleiste.
          Wenn der Inhalt sich in mehrere Abschnitte gliedert, dient dazu die Klasse "abschnitt". */
  
  #navi {
        position: absolute;
        top: 0px;
        left: -210px;
        /*width: 202px;*/
		/*width: 17.4%;*/
		width: 26.2%;
        margin-left: 6px;
        min-height: 300px;
        padding: 3px 0px 3px 1px;
        background-color: #F5f7f7;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        display: block;
        font-weight: bold;
        font-size: 0.9em;
        line-height: 1.5em;
        text-decoration: none;
        /*z-index:-1;*/
        }
  
  #inhalt {
  border-top: 1px solid black;
  position: absolute;
  top: 118px;
  left:210px;
  width: 745px;
  padding: 20px 15px 10px 10px;
  min-height: 460px;
  height: auto;
  background-color: #fffffc;
  
    }


#navi a:link  {
        display: block;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #cccccc;
        font-weight: bold;
        padding: 3px 0px 3px 10px;
        color: #a20;
        text-decoration: none;
 }
#navi a:hover {
        color: #ff8;
        background-color: navy;
        display: block;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #cccccc;
        font-weight: bold;
        text-decoration: underline;
 }
#navi a:visited {
        display: block;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #cccccc;
        font-weight: bold;
        /*color: #330;*/
        color: #933;
        padding: 3px 0px 3px 10px;
        text-decoration: none
 }

#navi a:visited:hover{
        display: block;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #cccccc;
        font-weight: bold;
        color: #ff8;
        background-color: navy;
        padding: 3px 0px 3px 10px;
        text-decoration: none
 }

 #untertrauer{
border: 1px solid black;
position: absolute;
top: 85px;
left: -40px;
width: 150px;
height: 80px;
background-color: green;
color: white;
visibility: hidden;
}

#untertrauer a:link  {
display:block;
width:100%;
height:18px;
color: white;
padding-top:1px;
text-decoration:none;
border-top:1px solid black;
}

#untertrauer a:visited  {
display:block;
width:100%;
height:18px;
color: white;
padding-top:1px;
text-decoration:none;
border-top:1px solid black;
}

#fuss {
  background-color: #ffdddd;
  background-image: url(grafik/gruen.jpg);
  position: relative;
  top: 20px;
  left:-10px;
  height: 200px;
  width: 99.3%;
  padding-left: 30px;
  padding-top: 15px;
    }

	
.abschnitt {
width:90%;
border-bottom: 3px groove #255;
/*border-right: 1px solid black;*/
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
}

/*zum Einrücken eines Absatzes oder eines Zitates*/
.einrueck {
margin-left: 25%;
}

.fett {
font-weight: bold;
}
/*zur Darstellung der Veranstaltungsdaten und -einzelheiten*/
 table.seminar {
	border: 3px solid maroon;
	border-collapse: collapse;
	width: 85%;
	margin-left: 40px;
  }
  table.seminar td {
  padding: 5px;
  border: 1px solid maroon;
  }

   p.legende {
  padding-top: 5px;
  text-align: right;
  margin-top: -2px;
  font-style: italic;
  }
  
  p.zurueck {
  margin-top: -20px; 
  text-align: right
  }

p.red {
	color: #d42;
	font-size: 1.2em;
}