/*
Copyright 2013 cake Webdesign GbR
Alle Rechte vorbehalten / All rights reserved

Carsten Kiefer <carsten.kiefer@cake-webdesign.de>, cake Webdesign GbR · http://www.cake-webdesign.de

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
POSSIBILITY OF SUCH DAMAGE.
*/
/* 
    Created on : 24.10.2013, 22:17:25
    Author     : Carsten Kiefer <carsten.kiefer@cake-webdesign.de>
*/
/*
 LESS DSS (dynamic stylesheet) 1.8.5 (for less.js 1.3+)
 MORE INFO: http://cl.ly/Dqnr

 LESS mixins by Chris Krupski
*/
/* Backgrounds Group
========================== */
/* @group gradient-veritical() */
/* @end */
/* @group background-clip() */
/* @end */
/* Box Group
========================== */
/* @option: box-display() */
/* @end */
/* @group box-shadow() */
/* @end */
/* Border Group
========================== */
/* @group rounded() */
/* @end */
/* Transform Group
========================== */
/* @group matrix() */
/* @end */
/* @group rotate() */
/* @end */
/* @group scale() */
/* @end */
/* @group translate() */
/* @end */
/* @group skew() */
/* @end */
/* Transition
========================== */
/* Animation Group
========================== */
/* Column
========================== */
/* Misc Group
========================== */
.font_small {
  font-family: "Open Sans", Verdana, sans-serif;
  font-size: 10px;
}
.font_small a,
.font_small * a {
  font-family: "Open Sans", Verdana, sans-serif;
  font-size: 10px;
}
.box {
  color: #8df18d;
  border-color: #ffffff;
}
.box div {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
/*

Examples:

.darkZebraTable {
  .drawZebraTable(#000000);
}

.lightZebraTable {
  .drawZebraTable(#FFFFFF);
}

.zebraTable {
  .drawZebraTable(#999999; zebraDarken; 20%);
}
*/
/*
Copyright 2013 cake Webdesign GbR
Alle Rechte vorbehalten / All rights reserved

Carsten Kiefer <carsten.kiefer@cake-webdesign.de>, cake Webdesign GbR · http://www.cake-webdesign.de

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
POSSIBILITY OF SUCH DAMAGE.
*/
/* 
    Created on : 25.10.2013, 20:32:38
    Author     : Carsten Kiefer <carsten.kiefer@cake-webdesign.de>
*/
/* Compatibility */
* {
  font-family: "Open Sans", sans-serif;
}
.invisible {
  display: none !important;
  zoom: 1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.visible {
  display: block !important;
  zoom: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
#bg-body {
  background: none repeat scroll 0 0 #D2D2D0;
  height: 200%;
  left: -50%;
  position: fixed;
  top: -50%;
  width: 200%;
  z-index: -1000;
}
#bg-body img {
  bottom: 0;
  left: 0;
  margin: auto;
  min-height: 50%;
  min-width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1000;
}
#container {
  z-index: 999;
  background: transparent !important;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
}
#container .layoutContainer {
  border: none;
  padding: 0px;
  margin: 0px;
}
#header .title {
  text-align: left;
  float: left;
  width: 521px;
  height: 214px;
  background: transparent url("../img/Custom/bg_logo.png");
  padding-left: 30px;
  padding-top: 35px;
  position: fixed;
}
#main-menu {
  position: fixed;
  right: 0px;
  top: 0px;
  padding-right: 60px;
  padding-top: 20px;
  float: right;
  width: 680px;
  height: 80px;
  text-align: right;
  background: transparent url("../img/Custom/bg_menu.png");
}
#main-menu,
#main-menu *,
#main-menu * a,
#main-menu a {
  color: #fff;
  font-size: 12px;
  text-shadow: #000 1px 1px 2px;
}
#main-menu > div {
  display: inline-block;
}
#main-menu #menu_main {
  background: transparent;
  padding: 0px 5px;
  margin: 0px;
  height: auto;
  float: none;
}
#main-menu .menuComponent ul li {
  padding: 0px 5px;
}
#main-menu .menuComponent ul li:hover {
  background: transparent;
}
/*#menu_main {
    height: auto;
    padding: 5px;
}*/
#content {
  display: block;
  position: absolute;
  padding: 0;
  top: 0;
  margin: 280px 0px 0px 40px !important;
  text-align: left;
}
#content h1:first-of-type {
  display: none !important;
  zoom: 1;
  opacity: 0;
  filter: alpha(opacity=0);
}
#content h2.subtitle {
  display: none !important;
  zoom: 1;
  opacity: 0;
  filter: alpha(opacity=0);
}
#content > p:first-of-type {
  background: #2563b2;
  position: relative;
  display: block;
  padding: 40px;
  margin: 20px auto auto 20px;
  text-align: left;
  max-width: 540px;
  color: #fff;
  font-size-adjust: 0.5;
  font-size: 24px;
}
#content > ul {
  display: table;
  position: absolute;
  padding: 0px;
  margin: 120px 0 0 0;
  top: 0px;
  left: 0px;
  width: auto;
}
#content > ul > li {
  display: table-cell;
  background: #776f64;
  background: #6e6860;
  position: absolute;
  display: block;
  padding: 20px;
  min-width: 180px;
  background-origin: padding-box !important;
  background-clip: padding-box !important;
  background: #fff;
}
#content > ul > li > * {
  display: none;
}
#content > ul > li > p {
  display: inline-block;
}
#container.content-page-container #content h1:first-of-type {
  display: none !important;
  zoom: 1;
  opacity: 0;
  filter: alpha(opacity=0);
}
#container.content-page-container #content p:first-of-type {
  display: none !important;
  zoom: 1;
  opacity: 0;
  filter: alpha(opacity=0);
}
#container.content-page-container #page-content {
  margin-bottom: 80px;
}
#container.content-page-container #page-content h1:first-of-type {
  display: block !important;
  zoom: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 1em;
  width: auto;
  display: block;
}
.overlay-menu {
  display: table;
  position: fixed;
  padding: 0px;
  margin: 120px 0 0 0;
  top: 0px;
  left: 0px;
  width: auto;
  z-index: 1999;
}
.overlay-menu .menu-item {
  zoom: 1;
  opacity: 0.9;
  filter: alpha(opacity=90);
  display: table-cell;
  padding: 20px;
  min-width: 180px;
  background-origin: padding-box !important;
  background-clip: padding-box !important;
  background: #fff;
  border-top: solid 20px transparent !important;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.overlay-menu .menu-item:before {
  content: "| ";
  color: #000;
}
.overlay-menu .menu-item:first-of-type {
  margin-left: 0px;
  min-width: 20px;
  width: 20px;
  border-top: solid 20px transparent !important;
  background-origin: border-box !important;
}
.overlay-menu .menu-item:first-of-type:before {
  content: '';
}
.overlay-menu .menu-item-selected {
  zoom: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  border-top: solid 20px #00b8ee !important;
  background: #6e6860;
  color: #fff;
}
.overlay-menu .menu-item-selected:before {
  content: "| ";
  color: #fff;
}
.overlay-menu .menu-spacer {
  margin-left: 0px;
  min-width: 20px;
  width: 20px;
  background-origin: border-box !important;
  border-top: solid 20px transparent !important;
}
.overlay-menu .menu-spacer:before {
  content: '' !important;
}
.overlay-content {
  z-index: 9999;
  overflow: auto;
  bottom: 0;
  display: block;
  margin: auto;
  position: fixed;
  max-width: 180px;
  background: #6e6860;
  padding: 30px 20px 20px 20px;
  /*.drop-shadow-lighter(1px, 0.1, 1px, 2px, 1.25px);*/

  /*.create-overlay-list();*/

}
.overlay-content * {
  color: #fff;
}
.overlay-content > p:first-of-type {
  margin-bottom: 20px;
  font-weight: bold;
}
.overlay-content > ul,
.overlay-content > ol {
  padding-left: 30px;
}
.overlay-content > ul > li,
.overlay-content > ol > li {
  font-size: 12px;
  line-height: 150%;
  margin-bottom: 0.25em;
  margin-top: 0.25em;
}
.overlay-content > ul > li:first-of-type,
.overlay-content > ol > li:first-of-type {
  margin-top: 0.9em;
}
.overlay-content > ul > li ul,
.overlay-content > ol > li ul,
.overlay-content > ul > li ol,
.overlay-content > ol > li ol {
  padding-left: 40px;
  list-style-position: outside;
  margin-bottom: 1em;
}
.overlay-content > ul > li ul li,
.overlay-content > ol > li ul li,
.overlay-content > ul > li ol li,
.overlay-content > ol > li ol li {
  margin-bottom: 0.25em;
  margin-top: 0.25em;
  font-size: 12px;
  line-height: 150%;
}
.overlay-content > ul > li ul li:first-of-type,
.overlay-content > ol > li ul li:first-of-type,
.overlay-content > ul > li ol li:first-of-type,
.overlay-content > ol > li ol li:first-of-type {
  margin-top: 0.75em;
}
.overlay-content > ol > li {
  font-weight: 600;
}
.overlay-content > .no-list {
  list-style: none;
  padding-left: 0px;
}
.overlay-content > .no-list > li {
  margin-bottom: 1em;
}
.overlay-content > .hd-list {
  list-style: none;
  padding-left: 0px;
}
.overlay-content > .hd-list > li {
  margin-bottom: 1em;
}
.overlay-content > .hd-list > li {
  font-weight: bold;
  margin-bottom: 1em;
}
.overlay-content > .hd-list > li > ul {
  list-style: disc;
}
.overlay-content > .hd-list > li > ol {
  list-style: decimal;
}
.overlay-large {
  max-width: 400px;
}
.overlay-extralarge {
  max-width: 600px;
}
#footer {
  bottom: 0;
  left: 0;
  position: fixed;
  background: #000;
  color: #fff;
  text-align: right;
  z-index: 1999;
  zoom: 1;
  opacity: 0.75;
  filter: alpha(opacity=75);
  width: 100%;
  width: -moz-available;
  width: -webkit-available;
  width: available;
}
#footer * {
  font-size: 12px;
}
#footer .separator-text-node {
  padding-right: 5px;
}
#footer #info-menu {
  margin-left: 0px;
  margin-right: 0px;
  width: auto;
  padding: 15px 60px 15px 20px;
}
#footer #menu_info {
  display: inline-block;
  background: transparent;
}
#footer #menu_info,
#footer #menu_info a,
#footer #menu_info *,
#footer #menu_info * a {
  color: #fff;
  background: transparent;
}
#footer #menu_info ul li {
  padding: 0px 5px;
}
#page-content {
  top: 0;
  right: auto;
  margin: 250px auto 120px 30px !important;
  background: #776f64;
  position: relative;
  display: block;
  padding: 40px;
  text-align: left;
  max-width: 45%;
  min-width: 25%;
  width: auto;
  width: -moz-max-content;
  min-height: 10%;
  max-height: 90%;
  height: auto;
  color: #fff;
  z-index: 999;
}
#page-content h1,
#page-content h2,
#page-content h4,
#page-content p,
#page-content pre {
  display: block;
  float: left;
  clear: both;
  width: auto;
  margin-right: auto;
}
#page-content > h1:first-of-type {
  clear: left;
}
#page-content a {
  font-size: 12px;
  color: inherit;
}
#page-content p,
#page-content pre {
  font-size: 12px;
  margin-top: 4px;
  margin-bottom: 4px;
}
#page-content > h2 {
  font-size: 20px;
  margin-top: 7px;
  margin-bottom: 5px;
}
#page-content > h4 {
  font-size: 17px;
  margin-top: 12px;
  margin-bottom: 8px;
  font-weight: 700;
}
#page-content > #contentHelper {
  width: 1px;
}
.zh_cn .overlay-content {
  font-size: 14px;
}
.zh_cn .overlay-content > ul li,
.zh_cn .overlay-content > ol li {
  font-size: 14px;
}
.zh_cn .overlay-content > ul li ul li,
.zh_cn .overlay-content > ol li ul li,
.zh_cn .overlay-content > ul li ol li,
.zh_cn .overlay-content > ol li ol li {
  font-size: 14px;
}
.zh_cn #page-content p,
.zh_cn #page-content a,
.zh_cn #page-content pre {
  font-size: 14px;
}