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

body
{
  font-size: 87.5%; /** 14px */
  padding: 0;
}
#page
{
  position: relative;
  overflow: hidden;
}


/** Seitenaufteilung mit/ohne Menü */

.content > .main
{
  margin: 0 1em 0 2.5em;
}
.menu .content > .main
{
  border-top-style: none;
}



/** Seitenkopf positionieren */

#header
{
  margin: .5em 1em 1em 1.25em;
}
#header > hr.h
{
  display: none;
}


/** Bereichsauswahl positionieren und stylen */

#nav > hr.n
{
  display: none;
}
#menu
{
  border-style: none;
  font-size: 125%;
  line-height: 1.5em;
}
#menu
{
  font-size: 150%;
  border-bottom: .125em solid @hintergrund;
  margin-top: 0;
  padding: .25em .25em 1em 1.5em;
}
#menu > li.m
{
  float: left;
  @media (max-width: 359px)
  {
    float: none;
  }
  list-style-type: none;
  padding: .25em 1em 0 0;
}
#menu > li.m > a.m
{
  color: @dunkel;
}
#menu > li.m > strong.m
{
  color: @hintergrund;
  border-bottom: .0625em solid @hintergrund;
}
#menu > li.m > a.m:hover,
#menu > li.m > a.m:focus,
#menu > li.m > a.m:active
{
  color: @dunkler;
  border-bottom: .0625em solid @dunkler;
}
#menu > li.m > a.m.selected
{
  color: @hintergrund;
  border-bottom: .0625em dashed @hintergrund;
}
#menu > li.m > a.m.selected:hover,
#menu > li.m > a.m.selected:focus,
#menu > li.m > a.m.selected:active
{
  border-style: solid;
}


/** Navigations-Sprunglink reaktivieren und stylen */

#breadcrumb
{
  position: absolute;
  top: .8em;
  right: 1.5em;
}
#breadcrumb > strong.b,
#breadcrumb > ol.b,
#breadcrumb > hr.b
{
  display: none;
}
#breadcrumb > a.hide
{
  display: block;
  overflow: hidden;
  width: 3.5em;
  height: 3em;
  line-height: 3em;
  color: @normal;
  border-style: none;
}
#breadcrumb > a.hide:before
{
  content: "";
  font-family: 'symbols';
  font-size: 378%; /** Vielfaches von 14px */
  padding: 0 0 1em 0;
  font-weight: normal;
}
#breadcrumb > a.hide:hover,
#breadcrumb > a.hide:focus,
#breadcrumb > a.hide:active
{
  color: @dunkler;
}


/** Inhalts-Sprunglink reaktivieren und stylen */

#nav:target
{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: .6em 1em 999em 2.5em;
  margin-bottom: -993em;
  z-index: 5;
  background-color: @heller;
  #menu
  {
    padding-top: 0;
    padding-bottom: .75em;
  }
  > a.hide
  {
    position: absolute;
    left: auto;
    top: .8em;
    right: 1.5em;
    display: block;
    overflow: hidden;
    width: 3.5em;
    height: 3em;
    line-height: 3em;
    color: @hintergrund;
    border-style: none;
  }
  > a.hide:before
  {
    content: "";
    font-family: 'symbols';
    font-size: 378%; /** Vielfaches von 14px */
    padding: 0 0 1em 0;
    margin: 0 1em 0 0;
  }
  > a.hide:hover,
  > a.hide:focus,
  > a.hide:active
  {
    color: @dunkler;
  }
}


/** Footer positionieren */

#footer
{
  padding: 0 1em .5em 2.5em;
  background-color: @heller;
}
#footer > hr.f
{
  border-color: @hintergrund;
}


/** Marginal-Inhalte anpassen... */

.marginal h1,
.marginal h2,
.marginal h3,
.marginal h4
{
  color: @hintergrund;
}


/** Faux-Column-Hack für Marginalinhalte */

.marginal
{
  margin-top: 4em;
  margin-bottom: -993em;
  padding: 1em 1em 999em 2.5em;
  background-color: @heller;
}