--- /dev/null
+@import '../variables.less';
+
+body
+{
+ padding: 0 0 0 5em;
+}
+
+.cols_1
+{
+ padding-right: 3em;
+}
+.cols_1 > .content
+{
+ padding-bottom: 5.5em;
+}
+.cols_2 > .content
+{
+ padding: 0 15em 0 0;
+ margin-right: -15em;
+}
+.cols_2 > .content.cf:before,
+.cols_2 > .content.cf:after
+{
+ clear: none;
+ content: none;
+ display: inline;
+}
+.cols_2 > .content > .main
+{
+ float: none;
+ margin-right: -15em;
+ width: auto;
+ background-color: @hintergrund;
+ border-right: 3em solid @hintergrund;
+ /** Die 1px-Rahmen triggern, dass das erste Margin den Footer aufschiebt.
+ Bei einem Wert von 0 ragt dieses Margin dann einfach aus dem Footer
+ heraus... */
+ border-top: 1px solid @hintergrund;
+ border-bottom: 1px solid @hintergrund;
+}
+.cols_1 > .content > .marginal
+{
+ margin: 2em -3em 0 -5em;
+}
+.cols_1 > .content > .marginal div.m
+{
+ margin: -.125em 3em 0 5em;
+ padding: 2em 0;
+ background-color: @heller;
+ border-bottom: .125em solid @hintergrund;
+}
+.cols_2 > .content > .marginal
+{
+ float: left;
+ margin: 0 0 0 -5em;
+ padding: 2em 0 5em 5em;
+ position: static;
+ width: 100%;
+ border-top: 3em solid @hintergrund;
+}
+.cols_2 > .content > .marginal > div.m
+{
+ margin-right: -12em;
+}
+.cols_2 > .content #nav
+{
+ position: static;
+ width: auto;
+ border-right: .125em solid @hintergrund;
+}
+.cols_2 > .content #nav > #menu
+{
+ position: absolute;
+ top: -7em; /** 112px */
+ right: 3em;
+ margin: 0;
+}
+
+/** Faux-Column-Hack-Eigengewächs anpassen */
+#page.cols_2
+{
+ max-width: none;
+ border-right-width: 15em;
+}
+.cols_2 > #header
+{
+ margin-right: -15em;
+ border-right: 3em solid @hintergrund;
+}
+.cols_2 > #breadcrumb
+{
+ right: -15em;
+}
+.cols_2 > #footer
+{
+ position: static;
+ float: right;
+ margin-right: -15em;
+ padding: 0;
+ width: 15em;
+ background-color: @heller;
+ border-top: 3em solid @hintergrund;
+}
+