/* findus.css */
/* Erstes CSS das geladen wird, kann durch weitere CSS ueberschrieben werden */

body {
    color: black;
    background-color: white;
}

table p {
    font-size: 100%;
    text-align: left;
}

p {
    text-align: left;
}

form p {
    text-align: left;
}

.findus_meldung_gruen {
    /* Alles umranden in dunkelgruen */
    border: 2px solid;
    border-color: #228822;
    /* Hintergrundfarbe */
    background: #99cc99;

    /* Platz vom Rand */
    padding: 5px;
    /* Schrift mittig, linksbuendig */
    text-align: left;

    /* Schriftfarbe */
    color: black;
    /* font-size: large; */
}

.findus_meldung_rot {
    /* Erstelle einen Rand für diese Meldung */
    border: 2px solid;
    border-color: #dd5555;
    /* Hintergrundfarbe rot */
    background: #dd0000;

    /* Platz vom Rand */
    padding: 5px;
    /* Schrift mittig, linksbuendig */
    text-align: left;

    /* Schriftfarbe */
    color: black;
    /* font-size: large; */
}

/* Grund-Definitionen */
.findus_veranstaltung_alt_1, .findus_veranstaltung_alt_2, 
.findus_veranstaltung_alt_3, .findus_veranstaltung_alt_4 {
    /* Erstelle einen Rand für diese Meldung */
    border: 2px solid;

    /* Platz vom Rand */
    padding: 5px;
    /* Schrift mittig, linksbuendig */
    text-align: left;

    /* Schriftfarbe */
    color: black;

    /* Etwas Platz zum Starttext */
    margin-bottom: 10px;
}

/* Einzeldefinitinen, nur noch Farben */
.findus_veranstaltung_alt_1 {
    /* rot */
    background: #dd0000;
    border-color: #dd5555;
}
.findus_veranstaltung_alt_2 {
    /* gelb */
    border-color: #feb86e;
    /* Hintergrundfarbe */
    background: #fae21a;
}
.findus_veranstaltung_alt_3 {
    /* blau */
    background: #C8F2F2;
    border-color: #549291;
}
.findus_veranstaltung_alt_4 {
    /* gruen */
    background: #B0FCB0;
    border-color: #827D00;
}

.findus_veranstaltung_alt_1 h1, 
.findus_veranstaltung_alt_2 h1,
.findus_veranstaltung_alt_3 h1, 
.findus_veranstaltung_alt_4 h1 {
    padding-top: 0;
}

.findus_veranstaltung_alt_1 h2, 
.findus_veranstaltung_alt_2 h2,
.findus_veranstaltung_alt_3 h2, 
.findus_veranstaltung_alt_4 h2 {
    padding-top: 0;
    border-bottom: none;
}

/* hell, dunkel, hell, dunkel, ... */
.findus_tabelle_header {
    color: #224444;
    font-weight: bold;
    font-size: larger;
    background: #feffc1;
}

.findus_tabelle_1 {
    background: #c0c0c0;
}

.findus_tabelle_2 {
    background: #e0e0e0;
}


p.findus_fuss {
    text-align: center;
    font-size: 8pt;
}

/* Notificationmail beantragen, hier sind zwei dicke Text in Tabelle */
h2.findus_notification_in_tabelle { 
    margin-bottom:2px;
    margin-top:2px;
    font-weight:normal;
}

/* Abtrennung zwischen Logo und Findus-Informationsteil /*
/* div id = derkurzeweg */
#derkurzeweg table {
    border: 0px;
    width: 100%;
}
#derkurzeweg td {
    background: #c0c0c0;
}

/* Bestellmaske fuer Mailingliste */
#mailingliste_bestellen p {
    text-align: center;
    color: black;
}

#mailingliste_bestellen table {
    border: none;
    /* Ausrichten ganzer Tabellen: */
    /* http://aktuell.de.selfhtml.org/artikel/css/ausrichtung/ */
    /* Ganze Tabelle linksbuendig ausrichten: */
    /* margin-left:0; margin-right:auto; */
    /* Ganze Tabelle mittig ausrichten: */
    /* margin-left:auto; margin-right:auto; */
    margin-left:auto; margin-right:auto; 
    padding: 0;
    border-spacing: 5px; 
}

/* Bereich Suchmaske */
/* class = findus_suchmaske */
table.findus_suchmaske {
    border: none;
    /* Ausrichten ganzer Tabellen: */
    /* http://aktuell.de.selfhtml.org/artikel/css/ausrichtung/ */
    /* Ganze Tabelle linksbuendig ausrichten: */
    /* margin-left:0; margin-right:auto; */
    /* Ganze Tabelle mittig ausrichten: */
    /* margin-left:auto; margin-right:auto; */
    margin-left:auto; margin-right:auto; 
    padding: 0;
    border-spacing: 5px; 
}

/* class=lesserkonto und dann die td-Elemente */
table.findus_suchmaske td {
    border: none;
    text-align: left;
    vertical-align: top;
}


/* Hinweis auf Ablauf des Leserkontos */
p.findus_leserkonto_fristablauf {
    /* keine Definition, nur zum Ueberschreiben fuer Kunden */
}

.leserkonto_medium_ist_ueberzogen_datum {
    color: red;
}

#findus_leserkonto_vorwarnbereich p {
    text-align: left;
}

/* div findus_vorbestellung_hinweis */
#findus_vorbestellung_hinweis {
    font-weight: bold;
    font-size: larger;
    padding-top: 3ex;
    padding-bottom: 3ex;
}

/* Bereich Leserkonto */
/* class = leserkonto */
h2.findus_leserkonto { 
    padding-top: 40pt;
    text-align: left;
}

p.findus_leserkonto { 
    text-align: left;
}

/* class = leserkonto */
table.findus_leserkonto {
    border: none;
    border-width: 1px;
    /* Ausrichten ganzer Tabellen: */
    /* http://aktuell.de.selfhtml.org/artikel/css/ausrichtung/ */
    /* Ganze Tabelle linksbuendig ausrichten: */
    margin-left:0; margin-right:auto; 
    /* Ganze Tabelle mittig ausrichten: */
    /* margin-left:auto; margin-right:auto; */
}

/* class=lesserkonto und dann die td-Elemente */
table.findus_leserkonto td {
    border: none;
    text-align: left;
    vertical-align: top;
}

/* Fussbereich einer Findusseite */
#fuss {
    /* komplette div zentrieren */
    margin: auto;
    width: 95%;
    /* Rand oben */
    border-top: 1pt solid #e0e0e0;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 9pt;
}

#fuss p {
    text-align: center;
}

/* Definition in <div id="suchergebnis"> */
/* In dieser div werden die Ergebnisse einer Datenbanksuche praesentiert */
#suchergebnis {
    /* allgemeine Festlegungen die gelten wenn nichts */
    /* besonderes in dieser div bestimmt ist */
}

#suchergebnis h2 {
    /* font-size: 16pt; */
}


/* Definitionen fuer Tabellen table class=suchergebnis */
/* Klasse fuer table, das gilt ueberall, egal in welcher Division */
table.suchergebnis {
    /* Umrahmung fuer ganze Tabelle */
    /* jede einzelne Zelle darf aber trotzdem ihre Umrahmung bestimmen */
    border-width: 1px;
    border-style: solid;
    color: white;
    width: 100%;
    /* separate: einzelne Raender um jede Zelle */
    /* collapse: keine Raender um jede Zelle, egal welche border-width */
    border-collapse: separate;
}

/* Klassen fuer td */
/* Das gilt ueberall, egal in welcher Division */
/* z.B. td class="hell" */
td.hell, td.dunkel, td.ueberschrift {
    /* Umrahmung fuer eine Zelle */
    border-width: 0px;
    border-style: solid;
    border-color: white;
    /* Schriftfarbe */
    color: black;
    vertical-align: top;
    text-align: left;
    /* Innenabstand vom Text zur Zelle */
    padding: 2px;
}

td.hell {
    background-color: #f5f5f5;
}

td.dunkel {
    background-color: #c0c0c0;
}

td.gruen {
    background-color: #6eae6e;
}

td.ueberschrift {
    background-color: #a0a0a0;
}

/* Annotationen die im Suchergebnis selber aufgeblendet werden */
/* Es gibt ein span-Element der Klasse annotation_inline */
.annotation_inline table {
    /* Umrahmung fuer ganze Tabelle */
    /* jede einzelne Zelle darf aber trotzdem ihre Umrahmung bestimmen */
    border-width: 1px;
    border-style: dotted;
    color: black;
    width: 100%;
    /* separate: einzelne Raender um jede Zelle */
    /* collapse: keine Raender um jede Zelle, egal welche border-width */
    border-collapse: separate;
}

.annotation_inline td {
    /* Umrahmung fuer eine Zelle */
    border-width: 0px;
    border-style: solid;
    border-color: black;
    /* Schriftfarbe */
    color: black;
    vertical-align: top;
    text-align: left;
    /* Innenabstand vom Text zur Zelle */
    padding: 2px;
}

/* Annotation auf eigener Webseite */
/* ist eine Div */
#annotation_details_obertab {
    /* Umrahmung fuer ganze Tabelle */
    /* jede einzelne Zelle darf aber trotzdem ihre Umrahmung bestimmen */
    border-width: 0px;
    border-style: dotted;
    color: black;
    width: 100%;
    /* separate: einzelne Raender um jede Zelle */
    /* collapse: keine Raender um jede Zelle, egal welche border-width */
    border-collapse: separate;
}

#annotation_details_obertab td {
    /* Umrahmung fuer eine Zelle */
    border-width: 0px;
    border-style: solid;
    border-color: black;
    /* Schriftfarbe */
    color: black;
    vertical-align: top;
    text-align: left;
    /* Innenabstand vom Text zur Zelle */
    padding: 2px;
}

/* Fancy Sprungleiste */
/* class fuer die komplette Sprungzeile */
.sprungfancyAlles {
    border-width: 0px;
    /* groesserer Zeilenabstand weil aktuelle Seite umrahmt ist */
    line-height: 150%;
    /* Trennstriche in der Sprungzeile */
    color: black;
    font-weight: bold;
}

/* einzelne Elemente der Sprungzeile */
.sprungfancyRand, .sprungfancyOtherPage, .sprungfancyCurPage  {
  color: black;
}

.sprungfancyInaktiv  {
  /* Damit man sieht, dass man das nicht auswaehlen kann */
  color: #a0a0a0;
}

/* aktuelle Seite auf der wir gerade sind, umrahmt */
.sprungfancyCurPage {
  color: #ffa03e;
  border: 1px solid #ffa03e;
  margin: 1px;
  padding: 3px;
}

/* Seite mit Antolin-Erklaerung und Sprung zu den Antolin-Suchen */
#antolin h1 {
    text-align: center;
}

#antolin ul li {
    text-align: center;
}

#antolin p {
    text-align: center;
}

/* Tagcloud */
/* Tagcloud sind in dieser Div */
#tagcloud {
    color: white;
    background-color: #990000;
    border: 1px solid #ffa03e;
    margin: 1px;
    margin-bottom: 15px;
    padding: 8px;
    text-align: center;
}

/* Einbinden mit <a href="..." class="tag0"> */
.tc_gewicht_0 {
    font-size: 12px;
    color: #D26666 !important;
}

.tc_gewicht_1 {
    font-size: 16px;
    color: #DB8787 !important;
}


.tc_gewicht_2 {
    font-size: 18px;
    color: #E4A4A4 !important;
}

.tc_gewicht_3 {
    font-size: 20px;
    color: #FFFFFF !important;
}

.tc_gewicht_3:hover {
    color: #000000 !important;
}

.tc_gewicht_4 {
    font-size: 140%;
    color: #ECBEBE !important;
}

.tc_gewicht_4:hover {
    color: #000000 !important;
}

.tc_gewicht_5 {
    font-size: 140%;
    color: #F2D5D5 !important;
}

.tc_gewicht_5:hover {
    color: #000000 !important;
}

.tc_gewicht_6 {
    font-size: 160%;
    color: #F7E8E8 !important;
}

.tc_gewicht_6:hover {
    color: #000000 !important;
}

.tc_gewicht_7 {
    font-size: 175%;
    color: #FFFFFF !important;
}

.tc_gewicht_7:hover {
    color: #000000 !important;
}

/* div feedfindus_update, table class=login */
#feedfindus_update table.login {
    /* Umrahmung fuer ganze Tabelle */
    /* jede einzelne Zelle darf aber trotzdem ihre Umrahmung bestimmen */
    border-width: 0px;
    border-style: solid;
    color: black;
    /* separate: einzelne Raender um jede Zelle */
    /* collapse: keine Raender um jede Zelle, egal welche border-width */
    border-collapse: separate;
}

#feedfindus_update_fuss {
    color: green;
}

.hilfetabelle_buchstabe {
    text-align: center;
    font-weight: bold;
    font-size: 250%;
}

.findus_merkzettel {
    /* Alles umranden in dunkelgruen */
    border: 2px solid;
    border-color: #228822;
    /* Hintergrundfarbe */
    background: #99cc99;

    /* Platz vom Rand */
    padding: 5px;
    /* Schrift mittig, linksbuendig */
    text-align: left;

    /* Schriftfarbe */
    color: black;
    /* font-size: large; */
}

.verfuegbar_ja {
    color: green;
}

.verfuegbar_nein {
    color: #bb0000;
}

.verfuegbar_bald {
    color: #bb0000;
}

.vorbestellung_cancel {
    /* Alles umranden in dunkelgruen */
    border: 2px solid;
    border-color: #228822;
    /* Hintergrundfarbe */
    background: #99cc99;

    /* Platz vom Rand */
    padding: 5px;
    /* Schrift mittig, linksbuendig */
    text-align: left;

    /* Schriftfarbe */
    color: black;
    /* font-size: large; */
}

.vorbestellung_cancel_fehler {
    /* Alles umranden in rot */
    border: 2px solid;
    border-color: #b40404;
    /* Hintergrundfarbe */
    background: #f78181;

    /* Platz vom Rand */
    padding: 5px;
    /* Schrift mittig, linksbuendig */
    text-align: left;

    /* Schriftfarbe */
    color: black;
}



@media print {
    /* ohne das wird die Tabelle mit dem Leserkonto    */
    /* in Firefox nach der ersten Seite abgeschnitten! */
    form {overflow:visible;}

    /* Sichtbare Tabellen fuer Ausdruck */
    table.findus_leserkonto td {
        border: 1px solid;
    }
    table.findus_leserkonto {
        border: 1px solid;
    }

    #header { display: none; }
    #nav { display: none; }
    .email_wenn_wieder_da { display: none; }
    .in_merkzettel_aufnehmen { display: none; }
    .vorbestellung_hier { display: none; }
    .details_hier { display: none; }
    .details_buchhaendler { display: none; }
    .leserkonto_saemtliche_verlaengern { display: none; }
}

.ferienhinweis_bild {
    float: right;
    padding-left: 8px;
    padding-right: 8px;
}

.praesenzhinweis_inline {
    /* Alles umranden in dunkelgruen */
    border: 2px solid;

    /* Hintergrundfarbe gelb */
    border-color: #ffd143;
    background: #fff76a;

    /* Platz vom Rand */
    padding: 5px;

    /* Schriftfarbe */
    color: black;
}


#passworterklaerung {
    /* Alles umranden in dunkelgruen */
    border: 2px solid;
    /* Platz vom Rand */
    padding: 5px;
    /* Schriftfarbe */
    color: black;   
    /* gelb */
    border-color: #feb86e;
    /* Hintergrundfarbe */
    background: #fae21a;
    margin-bottom: 2em;
}

#passwort_aendern_hinweis {
    max-width: 30%;
    /* Alles umranden in dunkelgruen */
    border: 2px solid;
    /* Platz vom Rand */
    padding: 10px;
    /* Schriftfarbe */
    color: black;   
    /* gelb */
    border-color: #feb86e;
    /* Hintergrundfarbe */
    background: #fae21a;
}