page = PAGE
page {
  
    # Seiteneigenschaften setzen
  config.doctype = xhtml_trans
  
    # Meta-Tags angeben
  meta.author = Robert Meyer, Olaf Clemens, Martin Helmich
  meta.description = Hier steht eine Beschreibung

    # CSS-Dateien einfügen
  includeCSS {
    screen = fileadmin/css/style.css
    screen.title = display
    screen.media = screen
  }
  
    # Die Designvorlage integrieren
  10 = TEMPLATE
  10 {
    template = FILE
    template.file = fileadmin/vorlage.html
    workOnSubpart = DOKUMENT
    
    marks {
        # Das Datum ausgeben
      DATUM = TEXT
      DATUM.data = date:d. m. Y
      
        # Das Logo ausgeben
      LOGO = IMAGE
      LOGO.file = fileadmin/images/logo.png
      LOGO.file.height = 121
      
        # Den Trailer erstellen
      TRAILER = IMAGE
      TRAILER.file = GIFBUILDER
      TRAILER.file {
        XY = 731,143
        backColor = white
        
          # Das Hintergrundbild einlesen
        10 = IMAGE
        10 {
          file {
            import = uploads/media/
            import.data = levelmedia:-1, slide
            import.listNum = 0
            width = 731
          }
          offset = 0,-180
        }
        
          # Den Verlauf einarbeiten
        20 = IMAGE
        20 {
          file = fileadmin/images/trailer_overlay.png
          mask = fileadmin/images/trailer_mask.png
        }
        
          # Den Seitentitel darstellen
        30 = TEXT
        30 {
          text.field = subtitle // title
          fontFile = fileadmin/fonts/lucida-bold.ttf
          fontSize = 24
          fontColor = #053c72
          niceText = 1
          offset = 10,130
        }
      }
      
        # Das obere Textmenü erstellen
      MENU_OBEN = HMENU
      MENU_OBEN {
        special = directory
        special.value = 3
        
        1 = TMENU
        1 {
          NO = 1
          NO.linkWrap =  | | |*|  | | |*|  |
        }
      }
      
        # Das linke grafische Menü erstellen
      MENU_LINKS = HMENU
      MENU_LINKS {
        special = directory
        special.value = 4
        
          # Erste Menüebene
        1 = GMENU
        1 {
          NO = 1
          NO {
            XY = 230,[10.h]+15
            backColor = #e6f4ff
            wrap = | <br />
            
              # Text auf den Menüpunkt rendern
            10 = TEXT
            10 {
              text.field = nav_title // title
              text.case = upper
              fontColor = #053c72
              fontFile = fileadmin/fonts/lucida.ttf
              fontSize = 16
              niceText = 1
              offset = 20,22
              breakWidth = 200
              breakSpace = 1.25
            }
          }
          
            # RollOver-Zustand definieren
          RO < .NO
          RO {
              # Textfarbe überschreiben
            10.fontColor = #a90329
            
              # Symbol hinzufügen
            20 = IMAGE
            20 {
              file = fileadmin/images/nav_aktiv.png
              offset = 8,11
            }
          }
          
            # Aktiv-Zustand beschreiben
          ACT < .RO
        }
        
          # Zweite Menüebene
        2 < .1
        2.NO {
          XY = 230,25
          
            # Weißen Rahmen im Hintergrund darstellen
          5 = BOX
          5 {
            color = white
            dimensions = 10,0,200,25
          }
          
            # Text für die 2. Menüebene anpassen
          10 {
            text.case >
            fontSize = 12
            offset = 20,16
          }
        }
        
          # RollOver- und Aktiv-Zustände anpassen
        2.RO < .2.NO
        2.RO.10.fontColor = #a90329
        2.ACT < .2.RO
      }
      
        # Einen Klickpfad erstellen
      KLICKPFAD = COA
      KLICKPFAD {
        10 = TEXT
        10.value = Sie sind hier:&nbsp;
        
        20 = HMENU
        20 {
          special = rootline
          special.range = 2|-1
          
          1 = TMENU
          1 {
            NO = 1
            NO.linkWrap = | &nbsp;&raquo;&nbsp; |*| |
          }
        }
      }
      
        # Den Inhalt der Haupt-Spalte ausgeben
      INHALT < styles.content.get
    }
  }
}

  # Die Überschrift neu formatieren
lib.stdheader >
lib.stdheader = CASE
lib.stdheader {
  key.field = header_layout
  
  default = TEXT
  default {
    field = header
    wrap = <h2>|</h2>
  }
  
  2 = IMAGE
  2.file = GIFBUILDER
  2.file {
    XY = [10.w]+10,20
    backColor = white
    
    10 = TEXT
    10 {
      text.field = header
      fontFile = fileadmin/fonts/lucida.ttf
      fontColor = #76001B
      fontSize = 14
      niceText = 1
      offset = 0,14
    }
  }
  2.wrap = <p>|</p>
}

  # Die Sitemap anpassen
tt_content.menu.20.2 {
  special = directory
  special.value = 3,4
}

  # Das Suchformular anpassen
tt_content.search.30 {
  badMess = Bitte füllen Sie alle erforderlichen Felder aus.
  
  dataArray.10 {
    label.override = Ihre Suche:
    type = *sword = input, 15, 30
  }
  
  dataArray.20 {
    valueArray >
    type = scols = hidden
    value = pages.title-subtitle-keywords-description:tt_content.header:tt_content.header-bodytext-imagecaption
  }
  
  image = IMAGE
  image.file = GIFBUILDER
  image.file {
    XY = [10.w]+10,20
    backColor = #76001B
    
    10 = TEXT
    10 {
      text = Suche
      fontFile = fileadmin/fonts/lucida.ttf
      fontColor = white
      fontSize = 14
      niceText = 1
      offset = 5,15
    }
  }
}

  # Das Suchergebnis anpassen
tt_content.search.20 {
  layout.10.override = Ergebnisse auf dieser Seite: ###RANGELOW### bis ###RANGEHIGH### von ###TOTAL###
  renderObj.20.stdWrap.crop = 200 | [...]
  noResultObj.10.override = Kein Ergebnis gefunden!
  next.override = Weiter
  prev.overrice = Zurück
  range = 10
}