/* CSS-File based on Christiane Muellers template, http://www.itib.de */
/* angepasst von Franz-Josef Herbst für franjos */
/* USED COLORS ------------------------------------------------- */
/* BENUTZTE FARBEN --------------------------------------------- */
/* black (e.g. font)                        #000000    schwarz   */
/* grey (e.g. inner-containers)             #f0eeeb    grau      */
/* blue (e.g. hover-links)                   #b80000    rot       */
/* blue (e.g. links)                        #0000a3    blau      */
/* light blue (e.g. website-background)     #efefff    hellblau  */
/* violett (e.g. visited links)             #5d005d    violett   */
/* franjos Hintergrund Inhalt #710067 (lila), im Navigationsbereich oben 00005c (dunkelblau)*/
/* franjos Hintergrund Seite #81A000 (gruen), Hintergrund Texte #FFD373 (sandfarben) */
/* Hintergrund Texte #FFD073 (sandfarben)  2011/11 ersetzt durch #FFE5B2 (etwas heller) */
/* Hintergrund Texte #FFE5B2  2016/03 ersetzt durch #FFFEF4 (fast weiss) */
/* franjos Hintergrund Seite #81A000 (gruen) 2011/11 ersetzt durch #808080 (grau), 2016/03 ersetzt durch  #350030 (d-lila) */
/* ALLGEMEIN --------------------------------------------------------------------------------------------------------- */
/* Seite generell */ body {
background-color: #350030;   /* Hintergrund Seite */
color: #FFFFFF;              /* Textfarbe: schwarz */
font-family: Verdana, Helvetica, Arial, sans-serif; /* Schriftart: Verdana bis sans-serif */
font-size: 100.01%;          /* Schriftgroesse: ca. 100% */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0;                  /* Innenabstand: keiner */
text-align: left;            /* Horizontale Ausrichtung: linksbuendig */
}

/* Seiten-Container mit Kopf-, Inhalts- und Fussbereich */ #top {
background-color: #710067;   /* Hintergrund */
line-height: 1.5em;          /* Zeilenhohe: 1.5fach */
margin: .7em;                /* Aussenabstand: automatisch */
margin-left: auto;
margin-right: auto;
padding: 0 .5em .5em 5em;                  /* Innenabstand: keiner */
max-width: 54em;             /* Maximalbreite: 65em */
}

/* Verweis allgemein */ a:link {
/* background-color: #ffffff;   /* Hintergrund: weiss */
color: #0000a3;              /* Textfarbe: blau */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0;                  /* Innenabstand: keiner */
text-decoration: none;       /* Textdekoration: keine */
}

/* Bereits besuchter Verweis */ a:visited {
/* background-color: #ffffff;   /* Hintergrund: weiss */
color: #5d005d;              /* Textfarbe: violett */
font-style: italic;          /* Schriftstil: kursiv */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0;                  /* Innenabstand: keiner */
text-decoration: none;       /* Textdekoration: keine */
}

/* Verweis bei Mouse-over */ a:hover {
background-color: #ffffff;   /* Hintergrund: weiss */
color: #b80000;              /* Textfarbe: rot */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0;                  /* Innenabstand: keiner */
text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* Aktiver Verweis oder Verweis mit Fokus */ a:active,
a:focus {
background-color: #b80000;   /* Hintergrund: rot */
color: #ffffff;              /* Textfarbe: weiss */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0;                  /* Innenabstand: keiner */
text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* Skip-Navigation ('unsichtbare' Sprungmarken) */ ol#skip {
margin: 0;                   /* Aussenabstand: keiner */
padding: 0;                  /* Innenabstand: keiner */
}
ol#skip li {
display: inline;             /* Anzeigeart: Inline, Element erzeugt keine neue Zeile */
list-style: none;            /* Listendarstellung: keine */
}
ol#skip a:link,
ol#skip a:visited,
ol#skip a:hover {
left: -400em;                /* Positionierung: links ausserhalb des Anzeige-Bereiches */
position: absolute;          /* Positionierung: absolut */
}
ol#skip a:active,
ol#skip a:focus {
left: 0;                     /* Positionierung: links oben */
text-align: center;          /* Horizontale Ausrichtung: zentriert */
width: 20em;                 /* Breite: 20em */
}

/* Liste fuer horizontale Navigationsleiste */ ol#horizontal {
background-color: #710067;   /* Hintergrund */
color: #ffffff;              /* Textfarbe: schwarz */
font-size: 80%;
list-style: none;            /* Listendarstellung: keine */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0;                  /* Innenabstand: keiner */
text-align: center;            /* Horizontale Ausrichtung: linksbuendig */
}

/* Einzelne Listenpunkte in der horizontalen Navigationsleiste */ ol#horizontal li {
color: #ffffff;              /* Textfarbe: schwarz */
float: left;                 /* Textumfluss: alles nachfolgende rechts vom Element */
letter-spacing: .1em;        /* Zeichenabstand: 0.1em */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0 0 .1em .1em;      /* Innenabstand: oben/rechts keiner, unten/links 0.5em */
width: 6.5em;                /* Breite: 7.5em */
}

/* Aktiver Listenpunkt in der horizontalen Navigationsleiste */ ol#horizontal li strong.activated {
background-color: blue;   /* Hintergrund: weiss */
/* border: 1px solid #000000;   /* Rahmen alle Seiten: 1px, durchgezogen, schwarz */
color: #FFFFFF;              /* Textfarbe: schwarz */
display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
margin: 0;                   /* Aussenabstand: keiner */
padding: .1em;               /* Innenabstand: 0.5em */
}

/* Liste fuer vertikale Navigationsleiste */ ol#vertical {
background-color: #710067;   /* Hintergrund */
color: #000000;              /* Textfarbe: schwarz */
font-size: 80%;
list-style: none;            /* Listendarstellung: keiner */
margin: 0 0 0 0.5em;                   /* Aussenabstand: keiner */
padding: 0;                  /* Innenabstand: keiner */
width: 15em;
}

/* Einzelne Listenpunkte in der vertikalen Navigationsleiste */ ol#vertical li {
color: #000000;              /* Textfarbe: schwarz */
letter-spacing: .1em;        /* Zeichenabstand: 0.1em */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0 0 .1em 0.1em;      /* Innenabstand: oben/rechts keiner, unten/links 0.5em */
}

/* Aktiver Listenpunkt in der vertikalen Navigationsleiste */ ol#vertical li strong.activated {
background-color: blue;   /* Hintergrund: weiss */
border: 1px solid #000000;   /* Rahmen alle Seiten: 1px, durchgezogen, schwarz */
color: #FFFFFF;              /* Textfarbe: schwarz */
display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0 0 .1em 0.5em;               /* Innenabstand: 0.5em */
}

/* Verweis allgemein in Navigationsleisten */ ol#horizontal li a:link {
background-color: #efefff;   /* Hintergrund: hellblau */
border: 1px solid #0000a3;   /* Rahmen alle Seiten: 1px, durchgezogen, blau */
color: #0000a3;              /* Textfarbe: blau */
display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
font-weight: bold;           /* Schriftgewicht: fett */
margin: 0;                   /* Aussenabstand: keiner */
padding: .1em;               /* Innenabstand: 0.5em */
text-decoration: none;       /* Textdekoration: keine */
}

/* Verweis allgemein in Navigationsleisten */ ol#vertical li a:link {
background-color: #efefff;   /* Hintergrund: hellblau */
border: 1px solid #0000a3;   /* Rahmen alle Seiten: 1px, durchgezogen, blau */
color: #0000a3;              /* Textfarbe: blau */
display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
font-weight: bold;           /* Schriftgewicht: fett */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0 0 .1em 0.5em;               /* Innenabstand: 0.5em */
text-decoration: none;       /* Textdekoration: keine */
}


/* Bereits besuchter Verweis in Navigationsleisten */ ol#horizontal li a:visited {
background-color: #efefff;   /* Hintergrund: hellblau */
border: 1px solid #5d005d;   /* Rahmen alle Seiten: 1px, durchgezogen, violett */
color: #5d005d;              /* Textfarbe: violett */
display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
font-style: italic;          /* Schriftstil: kursiv */
font-weight: bold;           /* Schriftgewicht: fett */
margin: 0;                   /* Aussenabstand: keiner */
padding: .1em;               /* Innenabstand: 0.5em */
text-decoration: none;       /* Textdekoration: keine */
}

/* Bereits besuchter Verweis in Navigationsleisten */ ol#vertical li a:visited {
background-color: #efefff;   /* Hintergrund: hellblau */
border: 1px solid #5d005d;   /* Rahmen alle Seiten: 1px, durchgezogen, violett */
color: #5d005d;              /* Textfarbe: violett */
display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
font-style: italic;          /* Schriftstil: kursiv */
font-weight: bold;           /* Schriftgewicht: fett */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0 0 .1em 0.5em;               /* Innenabstand: 0.5em */
text-decoration: none;       /* Textdekoration: keine */
}


/* Verweis bei Mouse-over in Navigationsleisten */ ol#horizontal li a:hover {
background-color: #ffffff;   /* Hintergrund: weiss */
border: 1px solid #b80000;   /* Rahmen alle Seiten: 1px, durchgezogen, rot */
color: #b80000;              /* Textfarbe: rot */
display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
font-weight: bold;           /* Schriftgewicht: fett */
margin: 0;                   /* Aussenabstand: keiner */
padding: .1em;               /* Innenabstand: 0.5em */
text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* Verweis bei Mouse-over in Navigationsleisten */ ol#vertical li a:hover {
background-color: #ffffff;   /* Hintergrund: weiss */
border: 1px solid #b80000;   /* Rahmen alle Seiten: 1px, durchgezogen, rot */
color: #b80000;              /* Textfarbe: rot */
display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
font-weight: bold;           /* Schriftgewicht: fett */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0 0 .1em 0.5em;               /* Innenabstand: 0.5em */
text-decoration: underline;  /* Textdekoration: unterstrichen */
}



/* Aktiver Verweis und Verweis mit Fokus in Navigationsleisten */ ol#horizontal li a:active,
ol#vertical li a:active,
ol#horizontal li a:focus,
ol#vertical li a:focus {
background-color: #b80000;   /* Hintergrund: rot */
border: 1px solid #000000;   /* Rahmen alle Seiten: 1px, durchgezogen, schwarz */
color: #ffffff;              /* Textfarbe: weiss */
display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
font-weight: bold;           /* Schriftgewicht: fett */
margin: 0;                   /* Aussenabstand: keiner */
padding: .1em;               /* Innenabstand: 0.5em */
text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* Aktiver Listenpunkt in der Navigationsleiste wenn eine Subnavigation existiert */ ol#horizontal li.displayed a:link,
ol#vertical li.displayed a:link,
ol#horizontal li.displayed a:visited,
ol#vertical li.displayed a:visited {
background-color: blue;   /* Hintergrund: weiss */
border: 1px solid #000000;   /* Rahmen alle Seiten: 1px, durchgezogen, schwarz */
color: #FFFFFF;              /* Textfarbe: schwarz */
display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
font-weight: bold;           /* Schriftgewicht: fett */
margin: 0;                   /* Aussenabstand: keiner */
padding: .1em;               /* Innenabstand: 0.5em */
text-decoration: none;       /* Textdekoration: keine */
}

/* Aktiver Listenpunkt in der Navigationsleiste wenn eine Subnavigation existiert: Verweis bei Mouse-over */ ol#horizontal li.displayed a:hover,
ol#vertical li.displayed a:hover {
background-color: #ffffff;   /* Hintergrund: weiss */
border: 1px solid #b80000;   /* Rahmen alle Seiten: 1px, durchgezogen, rot */
color: #b80000;              /* Textfarbe: rot */
display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
font-weight: bold;           /* Schriftgewicht: fett */
margin: 0;                   /* Aussenabstand: keiner */
padding: .1em;               /* Innenabstand: 0.5em */
text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* Aktiver Listenpunkt in der Navigationsleiste wenn eine Subnavigation existiert: Aktiver Verweis und Verweis mit Fokus */ ol#horizontal li.displayed a:active,
ol#vertical li.displayed a:active,
ol#horizontal li.displayed a:focus,
ol#vertical li.displayed a:focus {
background-color: #b80000;   /* Hintergrund: rot */
border: 1px solid #000000;   /* Rahmen alle Seiten: 1px, durchgezogen, schwarz */
color: #ffffff;              /* Textfarbe: weiss */
display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
font-weight: bold;           /* Schriftgewicht: fett */
margin: 0;                   /* Aussenabstand: keiner */
padding: .1em;               /* Innenabstand: 0.5em */
text-decoration: underline;  /* Textdekoration: unterstrichen */
}

/* Allgemeiner Container */ div.container p {
background-color: #710067;   /* Hintergrund */
/*border: 1px dotted #000000;  /* Rahmen alle Seiten: 1px, gepunktet, schwarz */
color: #FFFFFF;              /* Textfarbe: schwarz */
margin: 0 .5em;              /* Aussenabstand: oben/unten keiner, rechts/links 0.5em */
/*padding: .5em;               /* Innenabstand: 0.5em */
}

/* Text in Grossbuchstaben */ .grossbuchstaben {
text-transform: uppercase;   /* Text in Grossbuchstaben */
}

/* Urheber-Hinweis */ .copyright {
border-top: 2px solid #FFFFFF;   /* Rahmen oben: 1px, durchgezogen, blau */
clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
float: none;                 /* Textumfluss: keiner */
font-size: .65em;            /* Schriftgroesse: 85% des Elternelementes */
margin: 0 -.6em 0 -4.8em;                  /* Aussenabstand: keiner */
padding: .2em 2em 0 0;                  /* Innenabstand: keiner */
width: 100%;
text-align: center;          /* Horizontale Ausrichtung: zentriert */
}
/* HEADER ------------------------------------------------------ */ /* Header-Container */
/* Kopfbereich */ #header {
background-color: #00005C;   /* Hintergrund: weiss */
clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
color: #000000;              /* Textfarbe: schwarz */
float: none;                 /* Textumfluss: keiner */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0;                  /* Innenabstand: keiner */
width: 100%;                 /* Breite: 100% */
}

/* Container links im Kopfbereich */
 #header_left {
background-color: #00005C;
color: #000000;              /* Textfarbe: schwarz */
float: left;                 /* Textumfluss: Container links ausrichten */
margin: 0;                   /* Aussenabstand: keiner */
padding: .5em 0;             /* Innenabstand: oben/unten 0.5em, rechts/links keiner */
width: 2%;                  /* Breite: 20% */
}

/* Container mittig im Kopfbereich */ #navigation {
/* background-image: url(bg-00005C.jpg);  */
/* background-repeat: repeat-x;  */
background-color: #00005C;
color: #000000;              /* Textfarbe: schwarz */
float: left;                 /* Textumfluss: alles nachfolgende rechts vom Element */
margin: 0 -.6em 0 -4.8em;                  /* Aussenabstand: keiner */
padding: .6em .6em .6em 5em;             /* Innenabstand: oben/unten 0.5em, rechts/links keiner */
width: 53.5em;                  /* Breite: 59% */
}

/* Container rechts im Kopfbereich */
#header_right {
background-color: #00005c;
color: #000FFF;              /* Textfarbe: schwarz */
float: right;                /* Textumfluss: Container rechts ausrichten */
margin: 0;                   /* Aussenabstand: keiner */
padding: .5em 0;             /* Innenabstand: oben/unten 0.5em, rechts/links keiner */
width: 1%;                  /* Breite: 20% */
}


/* franjos-Ergänzung header_first */
/* Kopfbereich */ #header_first {
background-color: #710067;   /* Hintergrund */
clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
color: #000000;              /* Textfarbe: schwarz */
float: none;                 /* Textumfluss: keiner */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0;                  /* Innenabstand: keiner */
width: 100%;                 /* Breite: 100% */
}
/* Container links im Kopfbereich */ #header_first_left {
color: #000000;              /* Textfarbe: schwarz */
float: left;                 /* Textumfluss: Container links ausrichten */
margin: 0;                   /* Aussenabstand: keiner */
padding: .5em 0;             /* Innenabstand: oben/unten 0.5em, rechts/links keiner */
width: 40%;                  /* Breite: 20% */
}
/* Container mittig im Kopfbereich */ #header_first_center {
color: #000000;              /* Textfarbe: schwarz */
float: left;                 /* Textumfluss: alles nachfolgende rechts vom Element */
margin: 0;                   /* Aussenabstand: keiner */
padding: .5em 0;             /* Innenabstand: oben/unten 0.5em, rechts/links keiner */
width: 39%;                  /* Breite: 59% */
}
/* Container rechts im Kopfbereich */ #header_first_right {
color: #000000;              /* Textfarbe: schwarz */
float: right;                /* Textumfluss: Container rechts ausrichten */
margin: 0;                   /* Aussenabstand: keiner */
padding: .5em 0;             /* Innenabstand: oben/unten 0.5em, rechts/links keiner */
width: 10%;                  /* Breite: 20% */
}

/* MAIN -------------------------------------------------------- */ /* Main-Container */
/* Inhaltsbereich */ #main {
background-color: #710067;   /* Hintergrund */
/* border-top: 2px solid #FFFFFF;   /* Rahmen oben: 1px, durchgezogen, blau */
clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
color: #000000;              /* Textfarbe: schwarz */
float: none;                 /* Textumfluss: keiner */
margin: 0;                    /* Aussenabstand: keiner */
padding: .2em;                  /* Innenabstand: keiner */
width: 100%;                 /* Breite: 100% */
}

/* Container rechts im Inhaltsbereich */ #subnavigation {
background-color: #710067;   /* Hintergrund */
color: #000000;              /* Textfarbe: schwarz */
float: left;                 /* Textumfluss: Container links ausrichten */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0;                  /* Innenabstand: keiner */
width: 20%;                  /* Breite: 20% */
}

/* Container links im Inhaltsbereich */ #content {
background-color: #FFFEF4;   /* Hintergrund: weiss */
color: #000000;              /* Textfarbe: schwarz */
float: left;                /* Textumfluss: Container rechts ausrichten */
margin: 0 0 .2em 0;                   /* Aussenabstand: keiner */
padding: 0.9em;                  /* Innenabstand: keiner */
width: 69%;                  /* Breite: 79% */
}

/* Ueberschrift Ebene 1 */ #content h1 {
border: 1px solid #000000;   /* Rahmen alle Seiten: 1px, durchgezogen, schwarz */
font-family: Georgia, Comic Sans;
font-size: 1.8em;            /* Schriftgroesse: 1.4em */
font-weight: bold;           /* Schriftgewicht: fett */
line-height: 1.7em;          /* Zeilenhohe: 1.5fach */
margin: 0 .3em;              /* Aussenabstand: oben/unten keiner, rechts/links 0.3em */
padding: .2em .3em;          /* Innenabstand: oben/unten 0.2em, rechts/links 0.3em */
}

/* Ueberschrift Ebene 2 */ #content h2 {
border-bottom: 1px solid #000000;   /* Rahmen unten: 1px, durchgezogen, schwarz */
font-family: Georgia, Comic Sans;
font-size: 1.5em;            /* Schriftgroesse: 1.2em */
font-weight: bold;           /* Schriftgewicht: fett */
line-height: 1.5em;          /* Zeilenhohe: 1.3fach */
margin: .4em .4em 0 .4em;    /* Aussenabstand: oben/rechts/links 0.4em, unten keiner */
padding: 0;                  /* Innenabstand: keiner */
}
/* franjos Ueberschrift Ebene 3 */ #content h3 {
font-family: Georgia, Comic Sans;
font-size: 1.3em;            /* Schriftgroesse: 1.2em */
font-weight: bold;           /* Schriftgewicht: fett */
line-height: 1.3em;          /* Zeilenhohe: 1.3fach */
margin: .4em .4em 0 .4em;    /* Aussenabstand: oben/rechts/links 0.4em, unten keiner */
padding: 0;                  /* Innenabstand: keiner */
}

/* Absatz */ #content p {
margin: 0;                   /* Aussenabstand: keiner */
padding: .5em;               /* Innenabstand: 0.5em */
}

/* bread crumb trail */
/* Brotkrumen-Pfad */ p#breadcrumb {
font-size: .85em;            /* Schriftgroesse: 85% des Elternelementes */
line-height: 1.3em;          /* Zeilenhohe: 1.3fach */
margin: 0 .5em;              /* Aussenabstand: oben/unten keiner, rechts/links 0.5em */
padding: 0 0 .5em 0;         /* Innenabstand: unten 0.5em, Rest keiner */
}

/* Absatz mit Sprungmarke zum Seitenanfang */ #content p.up {
border-top: 1px dashed #000000;   /* Rahmen oben: 1px, gestrichelt, schwarz */
font-size: .85em;            /* Schriftgroesse: 85% des Elternelementes */
line-height: 1.3em;          /* Zeilenhohe: 1.3fach */
margin: 0 .5em;              /* Aussenabstand: oben/unten keiner, rechts/links 0.5em */
padding: 0;                  /* Innenabstand: keiner */
text-align: right;           /* Horizontale Ausrichtung: rechts */
}


/* Bilder maximal 100% */ img {
  max-width: 100%;
}



/* Fettschrift für kartongröße und Spielzubehör */
.fett {
font-weight: bold;
}


/* meine Ergänzungen für die internen Sprungmarken je Spiel
--------------------------------------------------------------------- */

/* Liste fuer horizontale Navigationsleiste */ ol#intern {
background-color: #FFFEF4;   /* Hintergrund: weiss */
color: #ffffff;              /* Textfarbe: schwarz */
float: left;                 /* Textumfluss: alles nachfolgende rechts vom Element */
font-size: 80%;
list-style: none;            /* Listendarstellung: keine */
border-bottom: 1px solid #000000;
margin: 0;                   /* Aussenabstand: keiner */
padding: 0;                  /* Innenabstand: keiner */
text-align: center;            /* Horizontale Ausrichtung: linksbuendig */
width: 100%;
}

/* Navihationsleiste innerhalb der Datei (intern) */
/* Einzelne Listenpunkte in der horizontalen Navigationsleiste */ ol#intern li {
background-color: #FFFEF4;   /* Hintergrund: weiss */
color: #ffffff;              /* Textfarbe: schwarz */
float: left;                 /* Textumfluss: alles nachfolgende rechts vom Element */
list-style: none;            /* Listendarstellung: keine */
letter-spacing: .1em;        /* Zeichenabstand: 0.1em */
margin: 0.3em;                   /* Aussenabstand: keiner */
padding: 0 .1em 0 .1em;      /* Innenabstand: oben/rechts keiner, unten/links 0.5em */
}


/* Verweis allgemein in Navigationsleisten */ ol#intern li a:link {
background-color: #efefff;   /* Hintergrund: hellblau */
border: 1px solid #0000a3;   /* Rahmen alle Seiten: 1px, durchgezogen, blau */
color: #0000a3;              /* Textfarbe: blau */
display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
font-weight: bold;           /* Schriftgewicht: fett */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0 .5em 0 .5em;               /* Innenabstand: 0.5em */
text-decoration: none;       /* Textdekoration: keine */
}

/* Bereits besuchter Verweis in Navigationsleisten */ ol#intern li a:visited {
background-color: #efefff;   /* Hintergrund: hellblau */
border: 1px solid #5d005d;   /* Rahmen alle Seiten: 1px, durchgezogen, violett */
color: #5d005d;              /* Textfarbe: violett */
display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
font-style: italic;          /* Schriftstil: kursiv */
font-weight: bold;           /* Schriftgewicht: fett */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0 .5em 0 .5em;               /* Innenabstand: 0.5em */
text-decoration: none;       /* Textdekoration: keine */
}



/* meine Ergänzungen für die Pressestimmen je Spiel
-------------------------------------------------------------- */

/* DatumsAbsatz */ #content p.pressedatum {
font-size: 0.75em;
font-weight: bold;
margin: 0 .5em;                   /* Aussenabstand: keiner */
padding: .9em;               /* Innenabstand: 0.5em */
border: none;
}

/* Absatz */ #content p.pressezitat {
font-style: italic;
font-weight: bold;
margin: 0 4.5em;                   /* Aussenabstand: keiner */
padding: .9em;               /* Innenabstand: 0.5em */
overflow: auto;
}

/* Absatz */ #content p.pressequelle {
font-size: 0.75em;
font-weight: bold;
margin: 0 .5em;                   /* Aussenabstand: keiner */
padding: .9em;               /* Innenabstand: 0.5em */
border-bottom: 1px dashed #000000;
}


/* meine Ergänzungen für die Shop-Verlinkungen
-------------------------------------------------------------- */
/* Absatz */ #content p.shoplink {
background-color: #BAD05D;
color: #710067;
font-size: 1em;
font-weight: bold;
margin: 1em .5em 0 .5em;                   /* Aussenabstand: keiner */
padding: 0.7em;               /* Innenabstand: 0.5em */
border: 1px dashed #000000;
}




/* Tables meine Ergänzungen
-------------------------------------------------------------- */

table.sortable {
padding: 0.4em 0.6em 0.4em 0.6em;
margin: 0.4em 0.6em 0.4em 0.6em;
}


table.sortable thead tr {
color: white;
background: #5e7796;
}

table.sortable thead tr th {
padding: 0.4em 0.6em 0.4em 0.6em;
border: 4px solid #adbbca;
}

table.sortable tbody tr {
padding: 0.4em 0.6em 0.4em 0.6em;
border: 4px solid #adbbca;
background: #FFF;
}

table.sortable tbody td {
padding: 0.4em 0.6em 0.4em 0.6em;
}

table.sortable tbody tr.gerade {
padding: 0.4em 0.6em 0.4em 0.6em;
border: 4px solid #adbbca;
}

table.sortable tbody tr.gerade td {
padding: 0.4em 0.6em 0.4em 0.6em;
background: #cecece;
}

table.sortable tr.bgrot  	{ background: #FF4040; }
table.sortable tr.bggelb  	{ background: #FFFF33; }
table.sortable tr.bggruen 	{ background: #00FF66; }



/* Container für Spiele- bzw. Autorenliste im Inhaltsbereich */ #content_liste {
background-color: #FFFEF4;   /* Hintergrund: weiss */
color: #000000;              /* Textfarbe: schwarz */
float: left;                /* Textumfluss: Container rechts ausrichten */
margin: 0 0 .2em 0;                   /* Aussenabstand: keiner */
padding: 0;                  /* Innenabstand: keiner */
width: 95%;                  /* Breite: 79% */
}

/* Ueberschrift Ebene 1 */ #content_liste h1 {
/* border: 1px solid #000000;   /* Rahmen alle Seiten: 1px, durchgezogen, schwarz */
font-size: 1.6em;            /* Schriftgroesse: 1.4em */
font-weight: bold;           /* Schriftgewicht: fett */
line-height: 1.7em;          /* Zeilenhohe: 1.5fach */
margin: 0 .3em;              /* Aussenabstand: oben/unten keiner, rechts/links 0.3em */
padding: .2em .3em;          /* Innenabstand: oben/unten 0.2em, rechts/links 0.3em */
}

/* Ueberschrift Ebene 2 */ #content_liste h2 {
/* border-bottom: 1px solid #000000;   /* Rahmen unten: 1px, durchgezogen, schwarz */
font-size: 1.4em;            /* Schriftgroesse: 1.2em */
font-weight: bold;           /* Schriftgewicht: fett */
line-height: 1.5em;          /* Zeilenhohe: 1.3fach */
margin: .4em .4em 0 .4em;    /* Aussenabstand: oben/rechts/links 0.4em, unten keiner */
padding: 0;                  /* Innenabstand: keiner */
}
/* franjos Ueberschrift Ebene 3 */ #content_liste h3 {
font-size: 1.2em;            /* Schriftgroesse: 1.2em */
font-weight: bold;           /* Schriftgewicht: fett */
line-height: 1.3em;          /* Zeilenhohe: 1.3fach */
margin: .4em .4em 0 .4em;    /* Aussenabstand: oben/rechts/links 0.4em, unten keiner */
padding: 0;                  /* Innenabstand: keiner */
}

/* Absatz */ #content_liste p {
margin: 0;                   /* Aussenabstand: keiner */
padding: .5em;               /* Innenabstand: 0.5em */
}


/* Absatz mit Sprungmarke zum Seitenanfang */ #content_liste p.up {
border-top: 1px dashed #000000;   /* Rahmen oben: 1px, gestrichelt, schwarz */
font-size: .85em;            /* Schriftgroesse: 85% des Elternelementes */
line-height: 1.3em;          /* Zeilenhohe: 1.3fach */
margin: 0 .5em;              /* Aussenabstand: oben/unten keiner, rechts/links 0.5em */
padding: 0;                  /* Innenabstand: keiner */
text-align: right;           /* Horizontale Ausrichtung: rechts */
}

/* Fettschrift für kartongröße und Spielzubehör */
.fett {
font-weight: bold;
}


/* Container für Neuigkeiten im Inhaltsbereich */ #content_news {
background-color: #FFFEF4;   /* Hintergrund: weiss */
color: #000000;              /* Textfarbe: schwarz */
float: left;                /* Textumfluss: Container rechts ausrichten */
margin: 0 0 .2em 0;                   /* Aussenabstand: keiner */
padding: 0;                  /* Innenabstand: keiner */
width: 69%;                  /* Breite: 79% */
}

/* Ueberschrift Ebene 1 */ #content_news h1 {
border: 1px solid #000000;   /* Rahmen alle Seiten: 1px, durchgezogen, schwarz */
font-size: 1.6em;            /* Schriftgroesse: 1.4em */
font-weight: bold;           /* Schriftgewicht: fett */
line-height: 1.7em;          /* Zeilenhohe: 1.5fach */
margin: .3em .5em;              /* Aussenabstand: oben/unten keiner, rechts/links 0.3em */
padding: .2em .3em;          /* Innenabstand: oben/unten 0.2em, rechts/links 0.3em */
}

/* Ueberschrift Ebene 2 */ #content_news h2 {
border-bottom: 1px solid #000000;   /* Rahmen unten: 1px, durchgezogen, schwarz */
font-size: 1.4em;            /* Schriftgroesse: 1.2em */
font-weight: bold;           /* Schriftgewicht: fett */
line-height: 1.5em;          /* Zeilenhohe: 1.3fach */
margin: .4em .5em 0 .5em;    /* Aussenabstand: oben/rechts/links 0.4em, unten keiner */
padding: 0;                  /* Innenabstand: keiner */
}
/* franjos Ueberschrift Ebene 3 */ #content_news h3 {
font-size: 1.2em;            /* Schriftgroesse: 1.2em */
font-weight: bold;           /* Schriftgewicht: fett */
line-height: 1.3em;          /* Zeilenhohe: 1.3fach */
margin: .4em .5em 0 .5em;    /* Aussenabstand: oben/rechts/links 0.4em, unten keiner */
padding: 0;                  /* Innenabstand: keiner */
}

/* Absatz */ #content_news p {
margin: .4em .5em 0 4.5em;                   /* Aussenabstand: keiner */
padding: .9em;               /* Innenabstand: 0.5em */
border: 4px solid #710067;
overflow: auto;
}

/* DatumsAbsatz */ #content_news p.datum {
font-size: 80%;
font-weight: bold;
margin: 0 .5em;                   /* Aussenabstand: keiner */
padding: .9em;               /* Innenabstand: 0.5em */
border: none;
}

/* Bilder */ #content_news img {
max-width: 100%;
float: left;
margin: .4em .5em 0 .5em;
}

/* Absatz mit Sprungmarke zum Seitenanfang */ #content_news p.up {
border: none;
border-top: 1px dashed #000000;   /* Rahmen oben: 1px, gestrichelt, schwarz */
font-size: .85em;            /* Schriftgroesse: 85% des Elternelementes */
line-height: 1.3em;          /* Zeilenhohe: 1.3fach */
margin: .5em;              /* Aussenabstand: oben/unten keiner, rechts/links 0.5em */
padding: 0;                  /* Innenabstand: keiner */
text-align: right;           /* Horizontale Ausrichtung: rechts */
}

/* Fettschrift für kartongröße und Spielzubehör */
.fett {
font-weight: bold;
}








/* Für Buzzle Online-Probespiel */
.fliess {font-family: verdana,arial,helvetica; color: #000000; font-size: 13px}

.ueber {font-family: arial,helvetica; color: #ffffff; font-size: 16px; font-weight: bold}
.sueber {font-family: arial,helvetica; color: #000000; font-size: 16px; font-weight: bold}

.zwischen {font-family: arial,helvetica; color: #000000; font-size: 20px; font-weight: bold}

.bigtext {font-family: verdana,arial,helvetica; color: #000000; font-size: 16px; font-weight: bold}

.small {font-family: verdana,arial,helvetica; color: #000000; font-size: 10px}



/* Container links im Inhaltsbereich */ #content-buzzle {
background-color: #FFFEF4;   /* Hintergrund: weiss */
color: #000000;              /* Textfarbe: schwarz */
float: left;                /* Textumfluss: Container rechts ausrichten */
margin: 0;                   /* Aussenabstand: keiner */
padding: 0.9em;                  /* Innenabstand: keiner */
width: 79%;                  /* Breite: 79% */
}

/* Ueberschrift Ebene 1 */ #content-buzzle h1 {
border: 1px solid #000000;   /* Rahmen alle Seiten: 1px, durchgezogen, schwarz */
font-size: 1.6em;            /* Schriftgroesse: 1.4em */
font-weight: bold;           /* Schriftgewicht: fett */
line-height: 1.7em;          /* Zeilenhohe: 1.5fach */
margin: 0 .3em;              /* Aussenabstand: oben/unten keiner, rechts/links 0.3em */
padding: .2em .3em;          /* Innenabstand: oben/unten 0.2em, rechts/links 0.3em */
}

/* Ueberschrift Ebene 2 */ #content-buzzle h2 {
border-bottom: 1px solid #000000;   /* Rahmen unten: 1px, durchgezogen, schwarz */
font-size: 1.4em;            /* Schriftgroesse: 1.2em */
font-weight: bold;           /* Schriftgewicht: fett */
line-height: 1.5em;          /* Zeilenhohe: 1.3fach */
margin: .4em .4em 0 .4em;    /* Aussenabstand: oben/rechts/links 0.4em, unten keiner */
padding: 0;                  /* Innenabstand: keiner */
}
/* franjos Ueberschrift Ebene 3 */ #content-buzzle h3 {
font-size: 1.2em;            /* Schriftgroesse: 1.2em */
font-weight: bold;           /* Schriftgewicht: fett */
line-height: 1.3em;          /* Zeilenhohe: 1.3fach */
margin: .4em .4em 0 .4em;    /* Aussenabstand: oben/rechts/links 0.4em, unten keiner */
padding: 0;                  /* Innenabstand: keiner */
}

/* Absatz */ #content-buzzle p {
margin: 0;                   /* Aussenabstand: keiner */
padding: .5em;               /* Innenabstand: 0.5em */
}

/* Absatz */ #content-buzzle p.shoplink {
background-color: #BAD05D;
color: #710067;
font-size: 1em;
font-weight: bold;
margin: 1em .5em 0 .5em;                   /* Aussenabstand: keiner */
padding: 0.7em;               /* Innenabstand: 0.5em */
border: 1px dashed #000000;
}





/* fuer Bildwechsel auf den Hauptseiten */
.slideshow { height: 130px; width: 230px; margin: auto; }
.slideshow img { padding: 1px; border: 1px solid #710067; background-color: #710067; }



/* Text rechts neben einem Bild anzeigen, das Bild ist links */
.links {
float: left;
margin-right: 25px;
}

/* Text links neben einem Bild anzeigen, das Bild ist rechts */
.rechts {
float: right;
margin-right: 25px;
}