/** Seite gesamt (Abmessungen, Aussenabstände etc.) */

body
{
  padding: 0;
  overflow-y: scroll; /** Die vertikale Scroll-Leiste stets anzeigen */
}
#page
{
  margin: 0 auto; /** Seiteninhalte zentrieren, wenn max-width des Inhalts (s.u.) erreicht ist */
  max-width: 62.375em; /** 608px + 390px (Marginalspalte) = ca. 1000px (muss zu Wergen in faux-columns.less passen!!) */
}

/** Seitenaufteilung mit Menü (Zweispaltig) */

body
{
  padding: 0 3em 0 5em;
}
.content
{
  position: relative;
  padding: 0 0 7.1875em 0; /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */
}
.menu .content,
.nomenu .content
{
  padding-right: 27em;
}
.content > .main
{
  min-height: 1em;
  position: relative;
  width: 100%;
}
.menu .content > .main,
.nomenu .content > .main
{
  float: left;
}
.content > .marginal
{
  position: relative;
  background-color: @heller;
}
.menu .content > .marginal,
.nomenu .content > .marginal
{
  float: left;
  margin: 0 -27em 0 2.625em;
  padding: 0 2em 1.0625em 2em;
  width: 20.375em;
}

/** Anpassungen für Seiten ohne Menü */

.nomenu .content > .marginal
{
  background-color: @sehrhell;
}

/** Anpassungen für einspaltige Seiten */

.onecolumn .content > .marginal
{
  margin-top: 4em;
  background-color: transparent;
}

/** Seitenkopf positionieren */

#header
{
  margin-left: -2.125em;
  padding: 1em 0;
}
#header > hr.h
{
  display: none;
}


/** Bereichsauswahl positionieren und stylen */

.onecolumn #nav
{
  position: absolute;
  top: 0;
  right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */
  width: 100%;
}

#nav > hr.n
{
  display: none;
}
#nav
{
  position: relative;
  top: auto;
  right: auto;
  width: 22.375em; /** 358px = 326px + 32px*/
}
#menu
{
  position: relative;
  width: 200%;
  top: -8em; /** 136px */
  right: 100%;
  text-align: right;
  list-style-type: none;
  margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */
  padding: 0;
  border-style: none;
}
.onecolumn #menu
{
  top: -15.5625em; /** -249px -- warum auch immer... */
}
#menu > li.m
{
  display: inline-block;
  padding: 0 0 0 4em;
}
#menu > li.m > .m
{
  font-size: 250%; /** 40px */
  color: @normal;
}
#menu > li.m > a.m
{
  border-color: @normal;
}
#menu > li.m > a.m:hover
{
  border-color: @dunkler;
}
#menu > li.m > a.m:hover,
#menu > li.m > strong.m
{
  border-style: solid;
}
#menu > li.m > a.m.selected
{
  color: @normal;
}
#menu > li.m > a.m:hover
{
  color: @dunkler;
}
#menu > li.m > a.m:hover:before,
#menu > li.m > a.m.selected:before,
#menu > li.m > strong.m:before
{
  content: '> ';
  margin-left: -.92em;
}


/** Breadcrump positionieren */

#breadcrumb
{
  position: absolute;
  top: 8.375em;
  left: 6.9em;
  z-index: 3;
}
#breadcrumb > a.hide
{
  position: absolute;
}
#breadcrumb > hr.b
{
  display: none;
}


/** Footer positionieren */

#footer
{
  padding: 2em 0;
}
.onecolumn #footer
{
  background-color: @hintergrund;
}
#footer > hr.f
{
  display: none;
}