Content-Layout (auf zweispaltiges Layout umgestellt)

[website] / src / main / webapp / css / base / layout.css

diff --git a/src/main/webapp/css/base/layout.css b/src/main/webapp/css/base/layout.css
new file mode 100644 (file)
index 0000000..d6959da
--- /dev/null
+++ b/src/main/webapp/css/base/layout.css
@@ -0,0 +1,48 @@
+.content
+{
+  position: relative;
+}
+.content.cols_2
+{
+  padding: 0 27em 0 0;
+}
+.content.cols_2 > .main
+{
+  float: left;
+  min-height: 1em;
+  position: relative;
+  width: 100%;
+}
+.content.cols_2 > .marginal
+{
+  float: left;
+  margin: 0 -27em 0 2.625em;
+  padding: 0 2em 1.0625em 2em;
+  position: relative;
+  width: 20.375em;
+  background-color: #6EE768;
+}
+.content #nav
+{
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.content.cols_2 #nav
+{
+  position: relative;
+  top: auto;
+  right: auto;
+  width: 22.375em; /** 358px = 326px + 32px*/
+}
+.content.cols_2 #nav > #menu
+{
+  margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */
+}
+.content.cols_1 #nav > #menu
+{
+  position: absolute;
+  top: -7em; /** 112px */
+  right: 0;
+  margin: 0;
+}