/* --- ll_masterstyles 2005 - Datei: ll-2005.css - Vers. 1.9 - 2006-02-23 ------ */
/* -- geändert am 1.1.2007 - MSW-Logo                                       */

/* === Reset der Voreinstellungen bei der Darstellung von HTML durch Browser === */

ul, ol {list-style: none;}  /* Keine Listen-Kennzeichnung */
h1, h2, h3, h4, h5, h6, pre, code {font-size: 1em;}  /* Standard-Font-Groesse */
* {margin: 0; padding: 0;}  /* Keine Randsetzung */
a img, :link img, :visited img {border: none;}  /* Keine Randsetzung um verlinkte Grafiken */
address {font-style: normal;}  /* Kein Kursiv-Setzen */

/* --- (Anfang) Hack fuer den IE: ausgelagert in ll-2005-ie.css am 2005-04-17 -- */

/* #ll-menu li { behavior: url("/ll_masterstyles2005/ll-menu/hover.htc");} */

/* --- (Ende) Hack fuer den IE: ausgelagert in ll-2005-ie.css am 2005-04-17 ---- */

/* === Allgemeine Definitionen laut Styleguide ================================= */

/* --- Body-Unterscheidung: angebote - homepage - katalogseiten ---- */

body#top, body#ll-zugang, body#ll-katalog {
background-color: white;
color: black;
font-family: arial, helvetica, sans-serif;
font-size: 0.8em !important;
}

h1,h2,h3,h4,h5,h6 {
color: #666666;
background-color: transparent;
}

h1 { 
font-size: 1.4em;
margin-bottom: 0.3em;
}

h2 { 
font-size: 1.3em;
margin-bottom: 0.3em;
}

h3 { 
font-size: 1.2em;
margin-bottom: 0.3em;
}

h4 { 
font-size: 1.1em;
margin-bottom: 0.2em;
}

h5 { 
font-size: 1.0em;
margin-bottom: 0.2em;
}

h6 { 
font-size: 1.0em;
margin-bottom: 0.2em;
color: #000000;
font-weight: bold;
}

hr { 
color: #999999;
background-color: #999999;
height: 0.2em;
margin: 2em 4em 2em 2em; }    /* todo */  

ul {list-style: disc;}
ul li {margin: 0 0 0.5em 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: circle;}
ul li ol {margin: 1em 0 1em 1em;}

ol {list-style: decimal;}
ol li {margin: 0 0 0.5em 2em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}

p {margin-bottom: 1em;}

.ll-unsichtbar {display: none;}

/* ----- Linkauszeichnungen ------------------------------------------ */

a {background-color: transparent;} 

a:link { color: #006633; }
a:visited { color: #990000; }
a:hover { color: #CC0000; }
a:active { color: #CC0000; }
/* a:focus { color: #CC0000; padding: 0.1em; border: 0.1em solid #CC0000; } aukommentiert am 2.12.05 Walter wegen Interferenc mit dem Layermenü */ 

/* Kennzeichnung externer Links durch eine Grafik mit Hilfe eines Bildhintergrundes */
/* Der 2. Prozentwert bestimmt, ob die Grafik auf Zeilenhoehe (100%) oder mehr vertikal zentriert (70%) sein soll. */

/* "span.ll-exlink" bezieht sich nur auf die rechte Spalte auf der Katalogseite, sie müsste eigentlich wegfallen,
jedoch haben die Betreuer der Seiten sie schon (01.12.05) benutzt (außer Deutsch). */

a.ll-exlink, a.ll-cms-exlink, span.ll-exlink {
background: transparent url("/ll_masterstyles2005/ll-pfeile/ll-exlink.png") no-repeat 100% 70%;
padding-right: 1.1em;
}

/* Seitenlayout: Kopf  */

/* Kopf: Rahmen */

#ll-kopf {
z-index: 1000; /* Damit der Kopf nicht verdeckt wird */
position: relative;  /* So bleibt der Fluss fuer den Rumpf bestehen */
left: 0;
top: 0.5em;   
margin: 0 0.5em 0 0.5em; /* Seitenabstaende zum Body */
height: 8em; /* Wichtig für den Abstand zum Rumpf, s.o. */
}

/* Kopf: Linke Kopfspalte */

#ll-kopf #ll-linkekopfspalte {
z-index: 2; /* Damit der Balken hinterher unterlegt werden kann */
position: absolute; /* Nur moeglich, da Kopf-Hoehe definiert */
top: 0;
left: 0;
width: 10.5em; /* Breite der linken Spalte, siehe auch #rumpf */
}

#ll-kopf #ll-linkekopfspalte img#ll-logo {
float: right;
width: 4.2em; /* Mass geschaetzt */
height: 5.8em; /* Mass entsprechend der Breite berechnet */
}

/* Kopf: Rechte Kopfspalte */

#ll-kopf #ll-rechtekopfspalte {
z-index: 1; /* Damit sich das AB-Logo notfalls ueber den Balken legen kann */
position: absolute; /* Nur moeglich, da Kopf-Hoehe definiert */
top: 0;
left: 11.5em; /* Linker Rand der rechten Spalte, siehe auch #rumpf */
right: 0;
font-size: 1em; /* Sportportal-Problem? */
}

#ll-kopf #ll-rechtekopfspalte #ll-angebotslogo {
float: right; /* Dadurch wird die Ausdehnung des Angebotstitels begrenzt */
margin-left: 0.5em;
}

#ll-kopf #ll-rechtekopfspalte #ll-angebotslogo img.lfblogo {
margin-right: 3em;
}

#ll-kopf #ll-rechtekopfspalte #ll-angebotslogo img#ll-logorounder {
width: 1.3em; /* Seitenverhaeltnis: 3:1 */
height: 3.9em;
padding: 0;
margin: 0;
}

#ll-kopf #ll-rechtekopfspalte #ll-angebotslogo img#ll-ablogo {
width: 9.36em; /* Seitenverhaeltnis: 2.4:1 */
height: 3.9em;
padding: 0;
margin: 0;
}


#ll-kopf #ll-rechtekopfspalte h1#ll-angebotstitel {
height: 2.2em;
overflow: hidden;
margin-bottom: 0.2em;
line-height: 1.1em;
font-size: 1.2em;
font-weight: bold;
color: #666666;
}

#ll-kopf #ll-rechtekopfspalte h1#ll-angebotstitel span.archiv {
color: red;
}

#ll-kopf #ll-rechtekopfspalte h2#ll-anbieter {
height: 1.2em;
overflow: hidden;
font-weight: normal;
font-size: 0.85em;
color: #000000;
}

/* Zusatzdefinitionen - learn-line Homepage -------wh 31.1.05 ------ */

#ll-kopf #ll-rechtekopfspalte #ll-angebotslogo img#ll-lfslogo {
width: 14.74em; /* 189 x 31 Pixel */
height: 2.42em;
padding: 0;
margin: 1.1em 0 0 0;
}

#ll-kopf #ll-rechtekopfspalte #ll-angebotslogo img#ll-mswlogo {
/* width: 26,28em;  400x29 Pixel */
/* height: 2.25em; */
width: 16,34em; /* 244x50 Pixel */
height: 3.97em; 

padding: 0;
margin: -0.1em 0 0 0;
}

#ll-kopf  #ll-rechtekopfspalte img#ll-schriftzug {
margin: 1.8em 0 0 0;
width: 20.28em;
height: 1.85em;
}

/* ----- Balken: Kopf ------------------------------------------------ */

#ll-kopf #ll-balkenrahmen {
z-index: 1;
position: absolute;
top: 4em;
left: -1em;
right: 0em;
border: 0.1em #000000 solid;
background-color: #e5e5e5;
height: 2em;
}

#ll-kopf #ll-balkenrahmen #ll-balken {
z-index: 1;
float: right;
width: 100%;
height: 100%;
border-top: 0.1em #ffffff solid;
border-bottom: 0.1em #999999 solid;
border-right: 0.1em #999999 solid;
}

#ll-kopf #ll-menulinks {
z-index: 2;
position: absolute;
top: 4.5em;
left: 0em;
width: 4.9em;
height: 1em;
}

#ll-kopf #ll-menurechts {
z-index: 2;
position: absolute;
top: 4.5em;
left: 11.5em;
height: 1em;
overflow: hidden;
}

#ll-menulinks p#ll-menuschriftlinks {
background-image: url("/ll_masterstyles2005/ll-pfeile/ll-navpfeil-sw-links.png");
background-repeat: no-repeat;
background-position: right center;
padding-right: 1em;
color: #000000;
font-size:0.85em;
text-align: right;
}

#ll-menurechts p#ll-menuschriftrechts {
background-image: url("/ll_masterstyles2005/ll-pfeile/ll-navpfeil-sw-rechts.png");
background-repeat: no-repeat;
background-position: left center;
padding-left: 1em;
color: #000000;
font-size:0.85em;
}

/* ----- Linkauszeichnungen: Kopf ------------------------------------ */

a#ll-anbieterlink {
background-color: transparent !important;
text-decoration: underline !important;
font-weight: normal !important;
color: #006633 !important;
font-family: arial, helvetica, sans-serif !important;
}

a#ll-anbieterlink:link {
color: #006633 !important;
}

a#ll-anbieterlink:visited {
color: #990000 !important;
}

a#ll-anbieterlink:active {
color: #CC0000 !important;
}

a#ll-anbieterlink:hover {
color: #CC0000 !important;
}

a#ll-anbieterlink:focus {
color: #CC0000 !important;
border: 0.3em solid #CC0000 !important;
}

/* ----- */

a.ll-kopf-menu {
background-color: transparent !important;
color: #000000 !important;
text-decoration: none !important;
font-weight: normal !important;
font-family: arial, helvetica, sans-serif !important;
}

a.ll-kopf-menu:link {
}

a.ll-kopf-menu:visited {
}

a.ll-kopf-menu:hover {
text-decoration: underline !important;
}

a.ll-kopf-menu:active {
text-decoration: underline !important;
}

a.ll-kopf-menu:focus {
text-decoration: underline !important;
border: 0.1em solid #000000 !important;
}

/* ----- Seitenlayout: Rumpf ------------------------------------------ */

#ll-rumpf, #ll-rumpf-2spalt {
clear: both;
/*position: relative;*/
left: 0;
top: 0;
margin: 0 0.5em 0 0.5em; /* Seitenabstaende zum Body */
}

#ll-linkespalte {
position: relative;
width: 10.5em;
float: left;
padding: 0;
margin-bottom: 1em;
}

#ll-linkespalte-menu {
position:relative;
width: 100%;
}

#ll-linkespalte-inhalt {
display: none;
position:relative;
margin-top: 1em;
width: 10.5em;  /* Aenderung am 22.11. Dieter von 10.75 auf 10.5 */
}

#ll-inhalt {
margin-left: 11.5em;
margin-bottom: 1em;
}

/* ----- Seitenlayout: Fuss ------------------------------------------- */

#ll-fuss {
display: none;
clear: both;
margin-left: 0.5em;
margin-right: 0.5em;
background-color: #E0E0E0;
border: 0.5em solid #E0E0E0;
padding: 0.1em 0 0.2em 0.1em; /* Aenderung am 21.11. Dieter */
}

/* --- (Anfang) learn:line-Menue: ausgelagert in ll-2005-menu.css am 2005-04-17 --- */

/* --- ll_masterstyles 2005 - Datei: ll-2005-menu.css - Vers. 1.3 - 2005-12-19 --- */

/* ll-Grafik oben */
#ll-menu-kopf {
width: 10.5em;
height: 1.7em;
}

/* Grundsätzliche Definitionen */
#ll-menu, #ll-menu ul, #ll-menu li, #ll-menu a {
margin: 0;
padding: 0;
display: block;
}

/* Hauptmenü und Untermenüs: Umrisse. Die Weite ist von der Schriftgröße abhängig! */
#ll-menu, #ll-menu ul {
width: 11.8em; /* Weite */
list-style: none;
background-color: #EEEEEE; /* Hintergrundfarbe des gesamten Menüs */
border-top: 0.1em black solid;
border-right: 0.1em black solid;
border-bottom: 0.1em black solid;
border-left: 0.3em #a4a4a4 solid; /* Linker Rand ehemals auf ll-rot, jetzt grau */
font-size: 0.86em; /* Schriftgröße im Hauptmenü */
}

#ll-menu ul {
font-size: 1em; /* Schriftgröße in den Untermenüs relativ zum Hauptmenü */
}

/* Weite des Untermenüs - Variation: Homepage und Katalog */
#ll-zugang #ll-menu ul, #ll-katalog #ll-menu ul {
width: 15em; /* Weite */
}

#ll-menu li {
position: relative; /* Notwendig! */
line-height: 1em;
z-index: 10;
padding: 0.2em 0 0.2em 0; /* Abstand der Menüpunkte oben, unten, links - s.u. */
}

/* Verzweigungen zu unteren Ebenen */
#ll-menu li strong, #ll-menu li bold { /* IE Bug, sonst über Attr.-Bestimmung */
cursor: default;
display: block;
padding: 0.2em 0 0.2em 0.5em; /* Abstand der Menüpunkte oben, unten, links - s.u. */
background: url("/ll_masterstyles2005/ll-menu/ll-subpfeil.png") right no-repeat;
font-weight: normal;
}

/* Abstand des Untermenüs zum oberen Menü - Variation: Angebot */
#ll-menu li ul {
position: absolute;
left: 95%; /* Einrückung nach links */
top: 0.5em; /* Versetzen nach unten */
}

/* Abstand des Untermenüs zum oberen Menü - Variation: Homepage und Katalog */
#ll-zugang #ll-menu li ul, #ll-katalog #ll-menu li ul {
top: -2em; /* Versetzen nach oben, um alle Menüeinträge der 2. Ebene auf den Bildschirm */
}

/* Aussehen (Abstände der Menüeinträge, Weite) des Untermenüs - Variation: Angebot */
#ll-menu a {
padding: 0.2em 0 0.2em 0.5em; /* Abstand der Menüpunkte oben, unten, links - s.o. */
text-decoration: none;
width: 95%;  /* IE zeigt sonst nur Links über dem Text und nicht über Listeintrag an */
}

/* Aussehen (Abstände der Menüeinträge, Weite) des Untermenüs - Variation: Homepage und Katalog */
#ll-zugang #ll-menu ul a, #ll-katalog #ll-menu ul a {
padding: 0.05em 0 0.05em 0.5em; /* Abstand der Menüpunkte oben, unten, links - s.o. */
text-decoration: none;
width: 95%;  /* IE zeigt sonst nur Links über dem Text und nicht über Listeintrag an */
}

#ll-menu li>a {
width: auto; /* Nachkorrektur des IE-Workarounds (siehe hierdrüber) für CCS-kompatible Browser */
}

/* Hover-Anweisungen */

#ll-menu li:hover, #ll-menu li.hover {
left: -0.5em; /* Ausgleich für Border! */
background-color: #d6d6d6;
color: #000000;
margin-right: -0.5em; /* Ausgleich für Border! Bug bei Firefox: -0.4em */
border-left: 0.5em solid #666666; /* Ehemals Grüne Farbe #46a43d aus NRW, jetzt dunkelgrau */
z-index: 2000; /* Sonst scheint die Box darunter durch */
}

/* Verstecken der Untermenüs */
#ll-menu ul,
#ll-menu li:hover ul ul, #ll-menu li.hover ul ul {
display: none;
}

/* Sichtbarmachen der Untermenüs beim Überfahren mit der Maus */
#ll-menu li:hover ul, #ll-menu li.hover ul,
#ll-menu li:hover li:hover ul, #ll-menu li.hover li.hover ul {
display: block;
}

/* Ausschalten aller Link-Farben */
#ll-menu a:link { color: #000000; }
#ll-menu a:visited { color: #000000; }
#ll-menu a:hover { color: #000000; }
#ll-menu a:active { color: #000000; }
#ll-menu a:focus { color: #000000; border: 0.1em solid #CC0000; }

/* Dunkle Trennlinie (definiert über eine Extra-Klasse) */
li.ll-trennlinie {
border-top: 0.1em solid #a4a4a4;
margin-left: -8em;
}

li.ll-trennlinie-bottom {
border-bottom: 0.1em solid #a4a4a4;
margin-left: -8em;
}

/* Trennlinie (definiert über eine Extra-Klasse (über meinangebot.css Farbe einstellbar) */

hr.ll-linie {
background-color: #cccccc;
color: #cccccc;
border: #cccccc;
height: 0.3em;
margin: 0;
padding: 0;
width: 100%;
}

/* Such-Formular im Menü */

/* Eingabetextfeld */
#ll-sucheingabe {
margin-left: 0.5em; /* Abstand des Feldes vom linken Rand, siehe Abstand Menüpunkte */
font-size: 0.9em;
width: 7em;
background-color: white;
border: ridge #CC0000 0.1em;
}

/* Veränderung des Eingabefeldes bei Eingabe */
input#ll-sucheingabe:focus {
border: solid #CC0000 0.1em;
}

/* Submit-Button: Daten für IE (Hack) und allgemeine Daten für andere Browser */
input#ll-suchbutton {
margin-left: 0.2em; /* Abstand vom Eingabetextfeld */
font-weight: normal;
font-size: 0.78em;
width: 5.2em;
color: #CC0000;
background-color: white;
}

/* Submit-Button: Nach-Korrigierte Daten nur für CSS 2.1-konforme Browser */
#ll-sucheingabe + input#ll-suchbutton {
font-weight: bold;
font-size: 0.9em;
width: 4.4em;
}

/* --- (Ende) learn:line-Menue: ausgelagert in ll-2005-menu.css am 2005-04-17 --- */

/* --------------------------- CMS-Klassen --------------------------- */

#onthefly {
float: left;
width: auto;
margin-right: 3em;
}

#ll-inhalt>#onthefly, #ll-mittlerespalte>#onthefly {
width: 100%; /* Nachkorrektur für Standard-Browser wegen Box-Modell IE */
margin-right: 1em; /* Nachkorrektur für Standard-Browser wegen Box-Modell IE */
}

#onthefly div.cms-subtemplate {
margin-bottom: 1em;
clear: both;
}

div.ll-cms-rechtekopfspalte {
float: right;
width: 13em;
margin-left: 1em;
}

div.ll-cms-contentbox {
margin-right: 14em;
}

/* Fließende Bilder (links, rechts, mittig) */

/* Variationsmöglichkeiten in meinangebot.css: Anfang */

.ll-rahmen {
border: 0.3em solid #cccccc;
}

/* Fließende Bilder; Variationsmöglichkeiten: Rahmen */

img.ll-bild-links, dl.ll-bildlegende-links, p.ll-cms-absatzbildlinks img {
float: left;
margin-right: 1em;
margin-bottom: 0.5em;
}

.ll-rahmen {
padding: 0.3em;
}

img.ll-bild-rechts, dl.ll-bildlegende-rechts, p.ll-cms-absatzbildrechts img {
float: right;
margin-left: 0.5em;
margin-bottom: 0.5em;
}

p.ll-bild-mittig, div.ll-bild-mittig, p.ll-cms-containerbildmitte {
text-align: center;
}

p.ll-cms-containerbildmitte img { /* alte Klasse */
margin-bottom: 0.5em;
}

/* Bildlegende für alle Varianten */

img.ll-bildlegende {
display: block;
margin: 0.3em auto;
padding: 0;
}

dt.ll-bildlegende {
text-align: center;
margin: 0;
padding: 0;
}

dd.ll-bildlegende {
text-align: center;
margin: 0;
}

/* Listen (alt) */

li.ll-cms-nummer {
list-style-type: decimal;
list-style-position: outside;
display: list-item;
clear: both;
}

li.ll-cms-punkte {
list-style-type: circle;
list-style-position: outside;
display: list-item;
clear: both;
}

/* --- Subtemplate "navigation.dbs": Anfang --- */

div.ll-cms-navigation {
text-align: center;
margin-right: -0.3em; /* Wenn up-Button links stehen sollte */
border: 0.1em solid #CCCCCC;
padding: 0.2em;
}

span.ll-cms-seitenzahl {
color: white;
font-weight: bold;
background-color: #CCCCCC;
padding: 0.15em 0.4em 0.15em 0.4em;
position: relative;
top: -0.4em;
}

/* IE-Hack gegen den 3-Pixel-Bug, der sonst die mittlere Spalte trifft */
/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html span.ll-cms-seitenzahl {
position: static;
}
 
/* End hide from IE5/mac */

span.ll-cms-seitenzahl img {
margin-right: 0.5em;
}

/* --- Subtemplate "navigation.dbs": Ende --- */

/* --- 3spaltiges Layout (meinangebot.css - Vers. 1.2 - 2005-11-20) --- */

/* IE-Hack gegen den 3-Pixel-Bug, der sonst die mittlere Spalte trifft */
/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #top #ll-linkespalte {
height: 120%;
}
 
/* End hide from IE5/mac */

/* Spalteneinteilung --------------  */

#top #ll-rechtespalte {
float: right;
width: 15.82em;
background-color: #eeeeee;
}

#top #ll-mittlerespalte {
margin-right: 15.82em;
padding-right: 1em;
}

/* Banner-Definitionen ----------  */

#top #ll-banner, #top #ll-headline {
display: table; /* Nötig, um vertikal zu zentrieren, siehe: #ll-banner div */
background-image: url("/ll_masterstyles2005/ll-logos/ll-platzhalter-75px.png");
background-repeat: no-repeat;
background-position: center left;
height: 1%; /* Nötig wg. IE, um float indirekt zu clearen */
overflow: auto; /* Nötig wg. IE, um float indirekt zu clearen */
margin-bottom: 1.5em; /* Abstand zum Inhalt / zur rechten Spalte darunter */
}

#top #ll-banner img {
float: left;
padding: 0;
margin: 0;
border: none;
visibility: hidden; /* Wichtig! Versteckt das Bild! Nur das Background-Bild wird sichtbar und z.B. bei Vergrößerungen vertikal zentriert gehalten*/
}

#top #ll-headline {
width: 100%;
background-image: none; /* Versteckt das Bild, das bei "#ll-banner" sichtbar ist */
}

#top #ll-banner h1, #top #ll-headline h1 {
font-size: 2em; /* Hängt von der Höhe des Bildes ab. Diese Höhe gilt für 75px. */
margin: 0 0 0 0.75em; /* Abstand zum Bild (bei #ll-banner) und zum linken Rand (bei #ll-headline). */
padding: 0.3em 0 0.3em 0; /* Abstand zu oben und unten (h2) = vergrößert die Box für #ll-headline. */
font-weight: 900;
/* white-space: nowrap; Verhindert Wrappen bei kleinem Fenster. Vorsicht: Nebeneffekte beim IE */
}

#top #ll-banner h2, #top #ll-headline h2 {
/* display: none;  Wenn Titel ganz lang, Anbieter muss Untertitel ausblenden! */
font-size: 1em; /* Da halb so groß wie h1 => margin- und padding-Werte verdoppeln! */
font-weight: 700;
margin: 0 0 0 1.5em; /* Abstand zum Bild (bei #ll-banner) und zum linken Rand (bei #ll-headline). */
padding: 0 0 0.6em 0; /* Abstand zum unteren Rand der Box, für #ll-headline wichtig */
/* white-space: nowrap;  Verhindert Wrappen bei kleinem Fenster. Vorsicht: Nebeneffekte beim IE */
}

#top #ll-banner div, #top #ll-headline div {
width: 100%; /* Tabellenzelle über die ganze Breite */
display: table-cell; /* Nötig, um vertikal zu zentrieren, siehe: #ll-banner */
vertical-align: middle; /* Zentriert Titel (h1) und Untertitel (h2) - nur in Standard-Browsern */
}

/* Inhalte des Infokastens in der rechten Spalte -------  */

/* Rote (!) Trennlinie */

#top #ll-rechtespalte hr { /* Rote Trennlinie (logisch richtig definiert über hr) */
margin: 1em 0 0.5em 0;
}

#top div.ll-infotitel {
text-align: left;
font-size: 1em;
font-weight: 900;
padding: 0.3em;
}

#top div.ll-infoeintraege p {
padding: 0.5em 0.3em 0 0.3em;
font-size: 0.85em;
}

#top div.ll-infoeintraege ul {
padding: 1em 0.3em 0 0.3em;
font-size: 0.85em;
}

#top div.ll-infoeintraege ul li {
list-style-image: url("/ll_masterstyles2005/ll-pfeile/ll-navpfeil-sw-rechts.png");
list-style-position: outside;
padding: 0.3em 0.3em 0 0em;
margin: 0 0 0 1.5em; /* Nur für IE wg. Box-Modell */
}

#top div.ll-infoeintraege ul>li {
margin: 0 0 0 1.1em; /* Korrektur s.o. für Standard-Browser */
}

/* Infobild rechts unten */

#top div.ll-infobild {
text-align: center;
}

#top div.ll-infobild img {
margin: 0.5em;
}

/* Abstände etc. der Elemente im Fließtext (Bezug: mittlere Spalte) --------------  */

#top #ll-mittlerespalte h1 {
font-size: 2.2em;
margin: 0 0 0.3em 0;
}

#top #ll-mittlerespalte h2 {
margin: 1.5em 0 0.5em 0;
font-size: 1.8em;
}

#top #ll-rumpf #ll-mittlerespalte h3 {
margin: 1.5em 0 0.5em 0;
font-size: 1.5em;
}

#top #ll-rumpf #ll-mittlerespalte h4 {
margin: 1.5em 0 0.5em 0;
font-size: 1.3em;
}

#top #ll-mittlerespalte h5 {
margin: 1.5em 0 0.5em 0;
font-size: 1.1em;
}

#top #ll-mittlerespalte h6 {
margin: 1.5em 0 0.5em 0;
font-size: 1em;
}

#top #ll-mittlerespalte p {
margin: 0 0 0.5em 0;
}

#top #ll-mittlerespalte ul {
padding: 0em 0 1em 0em;
}

#top #ll-mittlerespalte ul li {
list-style-image: url("/ll_masterstyles2005/ll-pfeile/ll-navpfeil-sw-rechts.png");
list-style-position: outside;
padding: 0.3em 0.3em 0 0em;
margin: 0 0 0 1.5em; /* Nur für IE wg. Box-Modell */
}

#top #ll-mittlerespalte ul>li {
margin: 0 0 0 1.1em; /* Korrektur s.o. für Standard-Browser */
}

/* === Besondere Auszeichnungen (C.Peters) =====================================  */

/* Zitate */
blockquote {
padding: 6px 30px;
}

/* Akronyme und Abkürzungen / Acronyms and Abbreviations */
acronym, abbr {
border-bottom: 1px dotted #000;
cursor: help;
}

/* Präformatierter (Vorformatierter) Text: dicktengleiche Schrift */
pre {
font: .95em/1.5em Monaco, "Lucida console", "courier-new", courier, monospace;
color: #000;
background: #eee;
border-left: 20px #ddd solid;
padding: 4px;
margin: 10px 10px 10px 0;
}

.ll-hervorhebung { /* Blockelement (im CMS ist es "p") wird farbig (hellgrau) hinterlegt */
background: #eeeeee;
padding: 1em;
}

/* Download-Icons: pdf, word, powerpoint, excel, video, zip */

a.ll-pdf,
a.ll-word,
a.ll-powerpoint,
a.ll-excel,
a.ll-video,
a.ll-zip {
padding: 3px 21px 2px 0;
}

a.ll-pdf {
background: url("/ll_masterstyles2005/ll-icons/ll-icon-pdf.gif") no-repeat right;
}

a.ll-word {
background: url("/ll_masterstyles2005/ll-icons/ll-icon-word.gif") no-repeat right;
}

a.ll-powerpoint {
background: url("/ll_masterstyles2005/ll-icons/ll-icon-powerpoint.gif") no-repeat right;
}

a.ll-excel {
background: url("/ll_masterstyles2005/ll-icons/ll-icon-excel.gif") no-repeat right;
}

a.ll-video {
background: url("/ll_masterstyles2005/ll-icons/ll-icon-video.gif") no-repeat right;
}

a.ll-zip {
background: url("/ll_masterstyles2005/ll-icons/ll-icon-zip.gif") no-repeat right;
}

/* Tabelle einfach; Variationsmöglichkeiten: Farbe, Breite, Kopfspalte fett */

/* Variationsmöglichkeiten in meinangebot.css: Anfang */

table.ll-tabelle-einfach thead th, table.ll-tabelle-einfach tfoot td, tfoot th {
	background: #808080; /* Variationsmöglichkeit: Farbe */
	color: #FFFFFF; /* Variationsmöglichkeit: Farbe */
}

table.ll-tabelle-einfach {
	width: auto; /* Variationsmöglichkeit: Breite, z.B. auf 100% setzen */
}

table.ll-tabelle-einfach tbody td, tbody th {
	font-weight: normal; /* Variationsmöglichkeit: Kopfspalte (nicht fett, als solche nicht sichtbar) */
}

/* Variationsmöglichkeiten in meinangebot.css: Ende */

table.ll-tabelle-einfach {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	background: #FFFFFF;
	border: 0.2em solid #949494;
}

table.ll-tabelle-einfach caption {
	color: #666666;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	/* letter-spacing: 0.2em; */
	padding: 0.5em;
	background: transparent;
}

table.ll-tabelle-einfach thead th {
	text-align: left;
	padding: 1em 0.7em 1em 0.7em;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

table.ll-tabelle-einfach tbody td, tbody th {
	text-align: left;
	padding: 0.5em;
}

table.ll-tabelle-einfach tbody tr {
	vertical-align: top;
	background: #EEEEEE;
}

table.ll-tabelle-einfach tfoot td, tfoot th {
	text-align: left;
	padding: 0.5em 0.7em 0.5em 0.7em;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

table.ll-tabelle-einfach tbody a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

table.ll-tabelle-einfach tbody a:hover {
	text-decoration: underline;
}

table.einfach tbody a:visited {
	color: #474747;
}