/* style sheet mit div-elementen für Homepage Anne Diel */

/*** (C) Dieter Kuhlmann 13.06.2009 ***/

/* Ergänzt am 13.10.2010 */

/* eingabe des verwendeten Zeichensatzes utf-8 */
@charset "utf-8";

/* BODY - übernommen aus meinem ersten style sheet*/
body {
color: black;
background: #fff2f2; /* ein leicht rötlich gefärbtes Weiß, geändert am 11.06.2009 */
margin-left: 2%; /* 2% Abstand zum linken Rand */
margin-right: 2%;
font-family: verdana, helvetica, sans-serif;
font-size: medium;
}

#wrapper {
margin:10px 2%;
/* border: 1px solid #ccc; #ccc = grau */

}

/* Formatierungen der KOPFZEILE */

#header {
margin: 10px 0 20px 0;
padding: 5px 0 5px 10px;
border-bottom: 1px solid #000;
background-color: #ffd5d5; /* vielleicht noch etwas zu Rosa!!  */
color: #aa0000; /* verwendet Anne im Flyer für einen der Schriftzüge aa0000 */
}

#header table.tbl-header {
width: 99%; /* soll die gesamte Breite ausnutzen */
}

#header table.tbl-header td.td-left {
text-align: left;
}

#header table.tbl-header td/*.td-right*/ {
font-family: sans-serif;
font-weight: bold;
font-size: large;
text-align: right;
/* color: #FFDD55; ein helles Gelb, wirkt aber nicht auf rötlichem Untergrund */
}

/* Formatierungen des MENUES */

/* 18% Menue, 48% Inhalt, 30% Bildleiste */

#menue {
float: left; /* Rückt das Menue an den linken Rand */
width: 18%; /* 20% der Bildschirmbreite statt der festen Breite von 200 Pixel */
margin: 0 0 10px 0; /* margin links statt 10px auf 0 gesetzt */
/* padding-left: 1%; Versuch mit Padding, kein padding links */
/* border-right: 1px solid #000; kein schwarzer Rand am Menü */
background-color: #fff2f2; /* Hintergrund des Menüs in der Farbe des Bodys, nicht mehr grau #ddd*/
color: #000;
}

#menue ul {
list-style: none; /* entfernt die Punkte vor den Listenpunkten */
}

#menue a {
display: block;
font-family: sans-serif;
font-weight: bold; /* ergänzt am 17.02.2011 */
text-decoration: none; /* ergänzt am 17.02.2011 */
border: none; /** 1px solid #000;  alle Links im Menü ohne umlaufenden Rahmen */
margin-top: 5px; /* 5 Pixel Abstand nach oben */
margin-bottom: 5px; /* 5 Pixel Abstand nach unten */
margin-right: 5px;
background-color: #ffd5d5; /* helle Farbe aus dem Flyer */
/* margin: 0 2px 0 2px; 2 Pixel Abstand nach unten und oben */
}


#menue span.aktuell {
display: block;
border: none; /* 1px solid #000: alle Links im Menü mit umlaufenden Rahmen */
margin-top: 5px; /* 5 Pixel Abstand nach oben */
margin-bottom: 5px; /* 5 Pixel Abstand nach unten */
margin-right: 5px;
text-decoration: none;
background-color: #ffd5d5; /* helle Farbe aus dem Flyer */
/* margin: 0 2px 0 2px; 2 Pixel Abstand nach unten und oben */
}

#menue a:hover {
border: none; /**1px solid #f00; Formatierung vorher mit rotem dünnen Rahmen **/
background-color: #aaa;
}


/* Formatierungen des Abschnitts IMAGES */

#images {
float: right; /* Bilder ganz Rechts (mal probieren) */
padding-left: 10px; /* 10 Pixel Abstand zum Inhaltsbereich */
width: 30%; /* 35% statt fester Breite; kleine Bilder verkürzen die Ladezeiten, vergrößert von 220 auf 275 Pixel wegen neuer Bilder */
background-color: #ddd;
color: #aa0000; /* ein dunkleres Rot */
}

#images h1 {
color: #aa0000;  /* ein dunkleres Rot */ 
font-weight: bold;
font-size: x-large;
margin-bottom: 5px;
margin-top: 5px;
}


/* Formatierung der Termin-Tabelle*/

/* vergangene Termine */

table#past {
/* border: 2px solid #ccc; */
background-color: #f8f8f8; /* Gesamttabelle mit hellem Grau #f8f8f8 hinterlegt */
font-size: small;
margin-top: 2px;
margin-right: 10px; /* 10 Pixel Abstand zum rechten Rand*/
margin-bottom: 10px; /* 10 Pixel Abstand zum unteren Rand */
}

table#past td.titel {
background-color: #f8f8f8; /* helles Grau */
font-weight: bold;
border: 2px solid #000;
}

table#past td.bezeichnung {
background-color: #f8f8f8; /* helles Grau */
font-weight: bold;
vertical-align: top;
}

/* Formatierungen CONTENT */

#content {
margin-left: 19%; /* 230 px, damit steht der Inhaltsbereich rechts neben dem Menue */
width: 48%; /* damit die Textzeilen nicht so lang werden alt: 600 px*/
color: #550000; /* diese Farbe benutzt Anne in ihrem Flyer */
}

#content cite {
color: #aa0000; /* ein dunkleres Rot */
font-weight: bold;
}

.FettRot {
color: #aa0000; /* ein dunkleres Rot */
font-weight: bold;
}

.GrossRot {
color: #aa0000; /* ein dunkleres Rot */
font-weight: bold;
font-size: x-large;
margin-bottom: 10px;
}


#content h1 {
color: #aa0000; /* ein dunkleres Rot */
font-weight: bold;
font-size: x-large;
margin-bottom: 5px;
margin-top: 5px;
}


#content h2 {
color: #FFCC00; /* ein helles Gelb (FD5)*/
}

/* Formatierung der Termin-Tabelle*/

/* aktuelle und zukünftige Termine */

#content table.current {
/*border: 2px solid #ccc; keinen Rahmen um die Gesamttabelle */
width: 98%;
background-color: #FEA; /* ein helles, leicht rotstichiges GELB */
font-size: normal;
margin-right: 5px; /* 5 Pixel Abstand zum rechten Rand des wrappers */
margin-bottom: 10px; /* 10 Pixel Abstand zum rechten Rand des wrappers */
}

#content table.current td.titel {
font-weight: bold;
border: 2px solid #000; /* #000 = Schwarz */
}


#content table.current td.bezeichnung {
font-weight: bold;
vertical-align: top;
}

#content table.current td.inhalt {
padding-top: 3px;
vertical-align: top;
font-size: small;
}


/* Formatierung der Link-Tabelle, ergänzt am 16.02.2011*/

#content table.links {
/*border: 2px solid #ccc; keinen Rahmen um die Gesamttabelle */
width: 98%;
background-color: #FEA; /* ein helles, leicht rotstichiges GELB */
font-size: normal;
margin-right: 5px; /* 5 Pixel Abstand zum rechten Rand des wrappers */
margin-bottom: 10px; /* 10 Pixel Abstand zum rechten Rand des wrappers */
}

#content table.links td.titel {
font-weight: bold;
/* border: 2px solid #000; kein Rahmen um den Titel */
}


#content table.links td.bezeichnung {
width: 40%;
font-weight: bold;
vertical-align: top;
}

#content table.links td.inhalt {
padding-top: 3px;
vertical-align: top;
font-size: small;
}

/* Formatierung der Verknüfungen in der Link-Tabelle, ergänzt am 16.02.2011*/

#content a.linktab {
font-family: arial;
font-weight: bold:
text-decoration: none;
background-color: #fea; /* #eee */
}

/* ergänzt am 17.02.2011 */
#content a.linktab:hover {
/* border: 1px dotted #000;  #000 = Schwarz, bringt Unruhe in die Liste, daher geblockt */
color: #000;
}

/* ergänzt am 17.02.2011 */
#content a.linktab:visited {
color: #5f9; /* #5f9 = helltürkis, #ffd5d5 = helle Farbe aus dem Flyer */

}

/* Formatierungen der FOOTER */

#footer {
clear: left; /* */
margin: 20px 0 10px 0;
padding: 5px 0 5px 10px;
border-top: 1px solid #000;
background-color: #ccc;
color: #000;
font-family: arial, sans-serif; /* arial ergänzt am 24.01.2010 */
text-align: right; /*rückt den Text der Links nach Rechts */
}

#footer span.aktuell {
font-family: serif;
font-weight: bold:
text-decoration: underline;
background-color: #ccc;
}


/* Formatierungen für Links */
a {
font-family: arial, sans-serif;
font-weight: bold:
text-decoration: none; /* statt underline (16.02.2011) */
background-color: #ccc;
}



a:link {
color: #500; /* hier stand davor #06f */
}

a:visited {
color: #069;
}

a:hover {
color: #006;
/* text-decoration: underline overline; */
}

a:active, a:focus {
color: #f90;
}


/* Links im Text */




/* SONSTIGES */

.clearer {
clear: both;
height: 5px;
}