CSS problem mit Ordered liste mit unterpunkte

[juppwatis]

Hallo zusammen,

ich habe auf der nachfolgenden Page eine ol mit ein paar Unterpunkten. Dort habe ich jedoch das Problem, dass die Abstände nicht wirklich wie gewünscht eingestellt sind:
http://www.esobp.de/en/beer-pong-rules.html (user: test, pw: beerpong)

Nach jedem Hauptpunkt (1, 2, 3, 4, etc.) soll immer ein Abstand erscheinen. Dies ist z.B. zwischen Punkt 1 und 2 nicht so und auch zwischen 3 und 4 nicht.

Zwischen 5.10.4 und 5.11 ist ein Abstand, welchen ich nicht haben möchte. Dort soll der Punkt 5.11 gleich anschliessen

Wo ist mein Format im CSS falsch? Ich finde es leider nicht

VIele Grüsse und danke,
David

[Spooky]

Nach jedem Hauptpunkt (1, 2, 3, 4, etc.) soll immer ein Abstand erscheinen. Dies ist z.B. zwischen Punkt 1 und 2 nicht so und auch zwischen 3 und 4 nicht.

Der aktuelle Abstand ergibt sich aus

h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form {
    margin-bottom: 12px;
} 

Um einen Abstand zwischen jedem Hauptpunkt zu haben könntest du zB. folgendes CSS nehmen:

#rulesFormat > ol > li + li {
    margin-top:12px;
} 

Zwischen 5.10.4 und 5.11 ist ein Abstand, welchen ich nicht haben möchte. Dort soll der Punkt 5.11 gleich anschliessen

Dazu müsstest du

h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form {
    margin-bottom: 12px;
} 

entfernen (kommt aber nicht von dir, nehme ich an) oder mit

#rulesFormat ol {
    margin-bottom:0;
} 

überschreiben.