Designänderungen nur über css-Dateien möglich?

[Matze]

Moin,

ich ändere auf meiner Webseite in unregelmäßigen Abständen den Header. Genauer gesagt betrifft es die Hintergrundgrafik und die Schrift, die darüber liegt. Das Problem ist, dass ich die Schrift nicht immer an der gleichen Position anzeigen lassen kann, sondern je nach Hintergrundbild unterschiedlich platziert werden muss. Grund ist der, dass ich keine "wichtigen" Bildausschnitte überdecken möchte. Um einen guten Kontrast zu haben, darf ich die Schriftfarbe natürlich auch nicht gleich lassen. Momentan löse ich das über verschiedene css-Dateien, doch das ist irgendwie nicht so das Wahre. Der neue Header lässt sich zwar relativ flott hinzufügen, aber diese ganzen css-Dateien stören, da es immer mehr werden.

Die css-Dateien sind so aufgebaut:

css_header_1.css:

Code:

.header {
   height: 200px;
   padding-bottom: 0px;
   background-image: url('images/header_top_1.jpg');
}

h1.sitetitle {
   padding-left: 30px;
   padding-top: 57px;
}

h1.sitetitle a {
   color: #000000;
}

.site_subtitle {
   padding-left: 30px;
   padding-top: 8px;
   padding-bottom: 68px;
   color: #000000;
}

Geht das irgendwie eleganter?