@charset "CP850";
/*******************************************************************************
 * wieland.layout-ie7.scss
 *
 * CSS für Internet Explorer
 ******************************************************************************/
/*Import  */
/*******************************************************************************
 * -grid.scss
 * 
 * CSS Document fuer das Grundraster aller Elemente, basiert auf susy, 
 * wird in das wieland.layout.scss importiert
 ******************************************************************************/
/*Import */
/*magic, fluid, fixed, static - Falls responsive hier abändern und Breapoins für Raster hinzufügen*/
/* box-sizing: border-box; 1280px + 32px Abstand links + 32px Abstand rechts*/
/***********************************************************/
/*** Allgemeine Definitionen für das Layout ***/
/***********************************************************/
.l-main {
  *zoom: 1;
  width: 1216px;
  padding-left: 32px;
  padding-right: 32px;
  margin-left: auto;
  margin-right: auto;
}
.l-main:after {
  content: "";
  display: table;
  clear: both;
}

.l-header {
  width: 1216px;
  *zoom: 1;
  width: 1216px;
  padding-left: 32px;
  padding-right: 32px;
  margin-left: auto;
  margin-right: auto;
}
.l-header:after {
  content: "";
  display: table;
  clear: both;
}

.l-footer {
  width: 1216px;
  *zoom: 1;
  width: 1216px;
  padding-left: 32px;
  padding-right: 32px;
  margin-left: auto;
  margin-right: auto;
}
.l-footer:after {
  content: "";
  display: table;
  clear: both;
}

.l-preface {
  width: 1216px;
}

/***********************************************************/
/***********************************************************/
/*** Desktop Layout ***/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/*** Kopfbereich ***/
/***********************************************************/
/* Meta-Navigation */
.l-meta-navigation {
  width: 100%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
  margin-bottom: 16px;
}

/* Branding */
.l-branding {
  width: 100%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
  margin-bottom: 16px;
  /* Innere Aufteilung */
}
.l-branding .site-logo {
  width: 23.97516%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
}
.l-branding .w-logo {
  width: 11.30435%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}

/* Hauptnavigation */
.l-main-navigation {
  width: 100%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
  margin-bottom: 22px;
  /* Innere Aufteilung */
}
.l-main-navigation #mega-drop-down {
  width: 80.99379%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
}
.l-main-navigation #search-form {
  width: 17.63975%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}

/***********************************************************/
/*** Oberer Bereich ***/
/***********************************************************/
.l-preface {
  margin: 0 auto;
}

/***********************************************************/
/*** Inhaltsbereich ***/
/***********************************************************/
.l-main {
  margin-bottom: 16px;
}

.l-breadcrumbs {
  width: 100%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
  margin-bottom: 8px;
}

/* Inhalt ohne Seitenspalte */
.has-no-sidebars .l-content {
  width: 100%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}

/* Inhalt mit erster Seitenspalte */
.has-sidebar-first .l-content {
  width: 80.99379%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}
.has-sidebar-first .l-content .content-inner {
  width: 100%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}
.has-sidebar-first .l-region-sidebar-first {
  width: 17.63975%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
}

/* Inhalt mit zweiter Seitenspalte*/
.has-sidebar-second .l-content {
  width: 100%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
}
.has-sidebar-second .l-content .content-inner {
  width: 80.99379%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
}
.has-sidebar-second .l-region-sidebar-second {
  width: 17.63975%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
  clear: none;
}

/* Inhalt mit beiden Seitenspalten */
.has-two-sidebars .l-content {
  width: 80.99379%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
  margin-left: 19.00621%;
}
.has-two-sidebars .l-content .content-inner {
  width: 76.53374%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
  margin: 0 !important;
  padding: 0;
  position: relative;
}
.has-two-sidebars .l-content .l-region-sidebar-second {
  width: 21.77914%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
  clear: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.has-two-sidebars .l-region-sidebar-first {
  width: 17.63975%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
  margin-left: -101.36646%;
  position: relative;
}

/***********************************************************/
/*** Fußbereich ***/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/*** Tablet Layout ***/
/***********************************************************/
/***********************************************************/
/*
@include at-breakpoint($md) { // At a given Susy Media Layout, use a given amount of columns.
  
}
*/
/*used for applications*/
/*Corporate Colors Orange*/
