/** Seite gesamt (Abmessungen, Aussenabstände etc.) */ body { padding: 0 3em 0 5em; overflow-y: scroll; /** Die vertikale Scroll-Leiste stets anzeigen */ } #page { margin: 0 auto; /** Seiteninhalte zentrieren, wenn max-width des Inhalts (s.u.) erreicht ist */ } /** Seitenaufteilung mit Menü (Zweispaltig) */ .menu .content { position: relative; padding: 0 27em 7.1875em 0; /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */ } .menu .content > .main { float: left; min-height: 1em; position: relative; width: 100%; } .menu .content > .marginal { float: left; margin: 0 -27em 0 2.625em; padding: 0 2em 1.0625em 2em; position: relative; width: 20.375em; background-color: @heller; } /** Anpassungen für Seiten ohne Menü (Einspaltig) */ .nomenu .content { position: relative; padding: 0 0 7.1875em 0; /** 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */ } .nomenu .content > .main { margin-bottom: 7em; } /** Seitenkopf positionieren */ #header { margin-left: -2.125em; } #header > hr.h { display: none; } /** Bereichsauswahl positionieren und stylen */ #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; } .menu #nav { position: relative; top: auto; right: auto; width: 22.375em; /** 358px = 326px + 32px*/ } #menu { position: relative; width: 200%; top: -7em; /** 112px */ right: 100%; text-align: right; list-style-type: none; margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */ padding: 0; border-style: none; } #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; } /** Anpassungen der Bereichsauswahl für Seiten ohne Menü */ .nomenu #menu { position: absolute; right: 0; } /** 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; } .nomenu #footer { padding-top: 0; } #footer > hr.f { display: none; } /** Marginal-Inhalte anpassen... */ .content > .marginal h1, .content > .marginal h2, .content > .marginal h3, .content > .marginal h4 { color: @hintergrund; } .content > .marginal h1:first-child, .content > .marginal h2:first-child, .content > .marginal h3:first-child, .content > .marginal h4:first-child { margin-top: 0; } /** Faux-Column-Hack für Marginalinhalte auf Seiten ohne Menü */ .nomenu .content > .marginal aside.m { margin: 3.5em 0 -999em 0; padding: 2em 2em 995em 2em; background-color: @heller; position: relative; top: -4.5em; } .nomenu #footer { /** Hintergrund des Faux-Column-Hack für Marginal-Inhalte überlagern */ border-top: 1.5em solid @hintergrund; background-color: @hintergrund; }