Drupal: container, grid, push und pull

[andi]

Hallo,
ich teste grad ein bisschen mit Drupal rum. Das CSS eines installierten templates schaut ziemlich ungewöhnlich aus. Dort gibt es z.B. Folgendes:

/* ****************************************************************************  
 * Prefix Extra Space  
 * ************************************************************************* */  
.container-16 .prefix-1,  .container-16 .prefix-2,  .container-16 .prefix-3,  
.container-16 .prefix-4,  .container-16 .prefix-5,  .container-16 .prefix-6,  
.container-16 .prefix-7,  .container-16 .prefix-8,  .container-16 .prefix-9,  
.container-16 .prefix-10, .container-16 .prefix-11, .container-16 .prefix-12,  
.container-16 .prefix-13, .container-16 .prefix-14, .container-16 .prefix-15 {  
  padding-left: 0;  
}  
  
  
  
/* ****************************************************************************  
 * Grid >> Global  
 * ************************************************************************* */  
.grid-1, .grid-2,  .grid-3,  .grid-4,  .grid-5,  .grid-6,  .grid-7,  .grid-8,  
.grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {  
  float: right;  
}  
  
  
/* ****************************************************************************  
 * Push Space  
 * ************************************************************************* */  
.container-16 .push-1  { right: 60px; }  
.container-16 .push-2  { right: 120px; }  
.container-16 .push-3  { right: 180px; }  
.container-16 .push-4  { right: 0px; }  
.container-16 .push-5  { right: 300px; }  
.container-16 .push-6  { right: 360px; }  
.container-16 .push-7  { right: 420px; }  
.container-16 .push-8  { right: 480px; }  
.container-16 .push-9  { right: 540px; }  
.container-16 .push-10 { right: 600px; }  
.container-16 .push-11 { right: 660px; }  
.container-16 .push-12 { right: 720px; }  
.container-16 .push-13 { right: 780px; }  
.container-16 .push-14 { right: 840px; }  
.container-16 .push-15 { right: 900px; }  
  
  
/* ****************************************************************************  
 * Pull Space  
 * ************************************************************************* */  
.container-16 .pull-1  { right: -60px; }  
.container-16 .pull-2  { right: -120px; }  
.container-16 .pull-3  { right: -180px; }  
.container-16 .pull-4  { right: -240px; }  
.container-16 .pull-5  { right: -300px; }  
.container-16 .pull-6  { right: -360px; }  
.container-16 .pull-7  { right: -420px; }  
.container-16 .pull-8  { right: -480px; }  
.container-16 .pull-9  { right: -540px; }  
.container-16 .pull-10 { right: -600px; }  
.container-16 .pull-11 { right: -660px; }  
.container-16 .pull-12 { right: -720px; }  
.container-16 .pull-13 { right: -780px; }  
.container-16 .pull-14 { right: -840px; }  
.container-16 .pull-15 { right: -900px; }  
.container-16 .pull-16 { right: -960px; }

Im Markup steht dann z.B. sowas:
<div class="grid-4 pull-12" id="left-sidebar">

Was soll das? ist das für verschiedene Ansichtsgrößen? Wie/wo wird festgelegt, welches grid gewählt und um welches push oder pull ergänzt wird?

Ich würd das CSS gern ein wenig anpassen. Reicht e, wenn ich pull-12 anpasse, weil das im Markup steht? Oder kann bei jemand anderem dort was ganz anderes stehen (warum auch immer)

"Macht man das so?"

danke soweit
andi