/*
* Project Settings
* 
* 
* 
* 
* 
* 
*/
/* 
Wird sehr früh geladen, deshalb hier die Grund- und Voreinstellungen.

Table of Content
==================================================
    #LESS declatations
	#Site Styles
	#Page Styles
	#Header Styles
	#Media Queries
	#Typography 
*/
/* LESS global settings 
================================================== */
/*************************************************/
/* beg of                                        */
/* LESS: project_settings.less                   */
/*                                               */
/* Enthält die Variablen und                     */
/* MUSS von JEDEM .less importiert werden.       */
/*                                               */
/* @import "project_settings.less";              */
/*                                               */
/*************************************************/
/* Importiere für ...*/
/*************************************************/
/* beg of                                        */
/* LESS: boxcommon.less                          */
/*                                               */
/* Enthält Variablen und Grundeinstellungen      */
/*                                               */
/* Wird in project_settings.less importiert      */
/*                                               */
/*************************************************/
#boxcommon {
  position: fixed;
  z-index: 11;
  width: inherit;
  height: 0px;
  overflow: visible;
  border: 0px dotted red;
}
/* RAL 6009 */
/* RAL 6010 */
/* RAL 6038 */
/* RAL 9010 */
/* RAL 9011 */
/* #444444 */
/* hellstes weiss */
/* dunkelstes schwarz */
/* RAL 9010 transparent */
/* RAL 9011 transparent  */
/* #444444 transparent */
/* project_header_menu */
/* In project_content.less/css */
/* 
	base_classes.css 
	#Column Shortcodes
	
	
	class="one_half floatleft break4tablet"
	class="one_half last_column floatleft break4tablet"
*/
@media only screen and (min-width: 30cm) {
  /* dummy */
}
@media only screen and (min-width: 10cm) and (max-width: 20cm) {
  .break4handhelds {
    float: none;
    margin: 0 auto 0 auto;
    width: 100% !important;
    1background-color: yellow;
  }
}
@media only screen and (max-width: 10cm) {
  .break4handhelds {
    float: none;
    margin: 0 auto 0 auto;
    width: 100% !important;
    1background-color: red;
  }
}
/* In project_header.less/css */
#header_container_horizontal {
  /* Container für Header Inhalte */
  1position: absolute;
  1left: 16em;
  1right: 1em;
  1max-width: 960px;
  height: 100%;
  /* beg debug */
  1margin: -1px -2px -2px -1px;
  /* t r b l border Xpx ausgleichen. NUR wenn oben KEIN margin-xyz ist */
  1border: 1px dotted red;
  /* end debug */
}
.tmbBottomCommonBaseline {
  /* Abstand zum "header" */
  bottom: 0.5em;
  border: 0px dotted red;
}
#container_vertical {
  /* div zum VERTIKALEN Positionieren (Weite orientiert sich an #container_horizontal) */
  top: 1rem;
  bottom: 1rem;
  /* beg debug */
  border: 0px dotted white !important;
  /* end debug */
}
/*************************************************/
/* end of                                        */
/* LESS: project_settings.less                   */
/*************************************************/
/* Site Styles 
================================================== */
/* Für IE: background: setzen, dann background mit rgba() */
body {
  background-color: none;
}
/* IE */
/* Moderne Browser */
/* *** Verschiedene backgrounds mit Bildern *** */
/* Hintergrundbild fixiert, top/right, ganzer Screen, verschwindet unten/links über den Rand */
.bg_body_PicFixedAtTopRight {
  background: url("images/body_bg.png") repeat-x scroll center top;
  background-position: right top;
  /* Oben Rechts */
  background-size: cover;
  /* Das ganze Bild */
  background-repeat: no-repeat;
  /**/
  background-attachment: fixed;
  /**/
  background-color: #292c2f;
  background-blend-mode: unset;
}
.bg_body {
  background: url(images/bg_body.png) no-repeat fixed right top;
}
.bg_header {
  background: url(images/bg_header.png) repeat-x scroll center top;
}
.bg_container {
  background: url(images/bg_container.png) repeat scroll center top;
}
.bg_sideright {
  background: url(images/bg_sideright.png) repeat-x scroll center top;
}
.bg_sideleft {
  background: url(images/bg_sideleft.png) repeat-x scroll center top;
}
.footer_column_wrapper {
  float: left;
  width: 100%;
  overflow: hidden;
  background: lightblue;
}
.footer_column_wrapper p {
  margin: 1em;
}
.footerleft {
  float: left;
  padding-bottom: 5500px;
  margin-bottom: -5500px;
  background: lightblue;
}
.footercenter {
  float: left;
  padding-bottom: 5500px;
  margin-bottom: -5500px;
  background: lightblue;
}
.footerright {
  float: left;
  padding-bottom: 5500px;
  margin-bottom: -5500px;
  background: lightblue;
}
.clearcols {
  clear: both;
}
.clear {
  clear: both;
}
#body_applikation_bg {
  border: 0px dotted gray;
  position: fixed;
  z-index: -1;
  bottom: 0px;
  width: 100%;
  height: 200px;
  background: url(images/bg_bodyappl.png) repeat-x left top transparent;
}
#body_applikation_fg {
  border: 0px dotted gray;
  position: absolute;
  z-index: 999;
  left: -10%;
  bottom: -10px;
  width: 10%;
  height: 50px;
  background: url(images/fg_bodyappl.png) no-repeat left top transparent;
  overflow: visible;
}
/* LOGIN BOX */
#loginbox {
  border: 0px dotted red;
  position: fixed;
  top: 2px;
  right: 4px;
  width: auto;
  height: 20px;
}
#loginbox a {
  font-size: 0.8em;
  color: black;
  text-decoration: none;
}
#loginbox strong {
  font-size: 1em;
  color: black;
}
#loginbox .leftloginnav {
  border: 0px dotted yellow;
  float: left;
}
#loginbox .rightloginnav {
  border: 0px dotted yellow;
  float: right;
}
/* TO SORT 
================================================== */
/* Gleiche Höhe mehrerer divs ??? */
.container .sameHeightwrapper {
  overflow: hidden;
}
.container .sameHeight {
  padding-bottom: 32767px;
  margin-bottom: -32767px;
}
#footertest {
  background: #9f9;
  text-align: center;
  margin-top: 1em;
  padding: 0.5em;
}
#footer {
  visibility: hidden;
  1border: 1px solid lightblue;
  border-top: 1px solid lightblue;
}
/* #Added for GetSimple
================================================== */
/* raus damit !?*/
#container {
  padding-top: 40px;
}
footer {
  text-align: center;
  font-size: smaller;
}
/* #Site Styles
================================================== */
/* #Page Styles
================================================== */
/* #Header Styles
================================================== */
/* in menu_x.css oder nav_x.css */
/* NAVIGATION */
/* Navigation ist MENU und u.U. BREADCRUMB und Logo */
/* #misc styles
================================================== */
/* CSS3 box shadow: x y blur radius color */
.shadow {
  -moz-box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, 0.3);
}
/* Orientierung nach rechts/unten (KEIN "glow" links/oben) */
.shadowA3 {
  -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
}
.shadowA5 {
  -moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
}
.shadowA7 {
  -moz-box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, 0.3);
}
.shadowA10 {
  -moz-box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.3);
}
/* Orientierung nach rechts/unten (MIT "glow" links/oben) */
.shadowB3 {
  -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
}
/* */
label {
  cursor: pointer;
}
td {
  padding: 2px;
}
/* #Typography 
================================================== */
/* In "project_typo.css/less" */
/* #Media Queries
================================================== */
/* Minimum standard 1024 (devices and browsers) Gilt für alle großen Bildschirme 	>=1024px */
@media only screen and (min-width: mwDesktop) {
  #checkbox {
    background-color: green !important;
  }
}
/* Smaller than standard 1024 (devices and browsers) 								<1024px */
@media only screen and (max-width: mwTablet) {
  #checkbox {
    background-color: red !important;
  }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #checkbox {
    background-color: yellow !important;
  }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  #checkbox {
    background-color: blue !important;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) 			<480px  */