Javascript/CSS - statische Bildhöhe soll dynamisch werden

[suit]

ich möchte, dass wenn man auf die eine Unterseite (z.B Projects oder about oder whyus) klickt body und ein bestimmtes margin-top jeweils anders sind, als wenn man auf eine andere geht. D.h. hier könnte man vielleicht auch die CSS-Datei entsprechend anpassen, dass man nur eine CSS-Datei braucht. Aber davon habe ich überhaupt keine Ahnung.

Dann füge auf der betreffenden Seite z.B. eine Klasse oder ID im body-Element ein.

body {  
  margin-top: 200px;  
}  
  
body.layout2 {  
  margin-top: 100px;  
}