/**
 * Project:     www.bauingenieur24.de
 * Description: MyLayout fuer bau24
 *
 * @creator     Thinkin-Tags v0.5.3
 * @framework   YAML v4.1.2
 * @file        screen.css
 */

@media all {

  header { position:relative; }
  header #b24-logo {
    float:left; margin:0 0 0 0;
  }
  .b24-head-row1 {
    padding:0.5em 0 0.3em 0; border-bottom: 1px solid #636363; margin:0 0 0.1em 0;
  }
  .b24-head-row2 {
    border-bottom: 1px solid #636363; margin:0 0 0.2em 0;
  }
  .b24-title, .b24-title-job {
    width:100%; margin:0; font-size:2em; line-height: 1.0em; text-align:center; color:#505050; font-weight: normal; position: absolute; bottom: -2em;
  }
  .b24-title-small, .b24-title-small-job {
    width:100%; margin:0; font-size:1.5em; line-height: 1.1em; text-align:center; color:#505050; font-weight: normal; position: absolute; bottom: -2.7em;
  }


  .ym-g02 { width: 2%; }
  .ym-g05 { width: 5%; vertical-align: bottom; }
  .ym-g10 { width: 10%; }
  .ym-g12 { width: 12%; }
  .ym-g15 { width: 15%; vertical-align: bottom; }
  .ym-gf15{ width: 15%; }
  .ym-g18 { width: 18%; }
  .ym-g19 { width: 19%; }
  .ym-g24 { width: 24%; }
  .ym-g27, .ym-g27ll { width: 27%; vertical-align: bottom;  }
  .ym-g32 { width: 32%; }
  .ym-g47 { width: 47%; }
  .ym-g47l{ padding-right:1.5em; border-right:1px solid #dcdcdc; }
  .ym-g70 { width: 69.9%; }
  .ym-gf70{ width: 69.9%; }
  .ym-g73 { width: 73%; vertical-align: bottom; }
  .ym-g76 { width: 76%; }
  .ym-g80 { width: 80%; }
  .ym-g81 { width: 81%; }
  .ym-g88 { width: 88%; }
  .ym-g95 { width: 95%; }
  .ym-g55 { width: 55%; }
  .ym-g45 { width: 45%; }
  .ym-g30 { width: 30%; }
  .ym-g70 { width: 70%; }


  .ym-g35 { width: 35%; }
  .ym-g65 { width: 65%; }


  .ym-g100 { width: 100%; }
  .b24-g100 { position:relative; }

  .b24-g33-1, .b24-g33-2 { width: 33.333%; }

  header .ym-g40, header .ym-g60 { color:#505050; line-height: 2em; }
  header .ym-g60 { text-align:center; }

  /** Start Header */
  #nav {
    border-bottom: 2px solid #636363;
  }
  #menu-trigger {
    width: 3.3em; padding: 0.3em 0 0.3em 2.4em; margin-top:-2.85em; margin-bottom:0.15em; cursor: pointer; border: 2px solid #636363; border-radius: 0.3em; color: #636363; font-weight: bold;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDUxNDQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19zdmcgImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8IUVOVElUWSBuc194bGluayAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQpdPg0KPHN2ZyAgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiDQoJIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNNi40LDExLjJoMTkuMmMwLjg4MywwLDEuNjAxLTAuNzE3LDEuNjAxLTEuNlMyNi40ODIsOCwyNS42LDhINi40QzUuNTE3LDgsNC44LDguNzE3LDQuOCw5LjYNCglTNS41MTcsMTEuMiw2LjQsMTEuMnogTTI1LjYsMTQuNEg2LjRjLTAuODgzLDAtMS42LDAuNzE3LTEuNiwxLjZjMCwwLjg4MywwLjcxNywxLjYsMS42LDEuNmgxOS4yYzAuODgzLDAsMS42MDEtMC43MTcsMS42MDEtMS42DQoJQzI3LjIsMTUuMTE3LDI2LjQ4MiwxNC40LDI1LjYsMTQuNHogTTI1LjYsMjAuOEg2LjRjLTAuODgzLDAtMS42LDAuNzE4LTEuNiwxLjYwMVM1LjUxNywyNCw2LjQsMjRoMTkuMg0KCWMwLjg4MywwLDEuNjAxLTAuNzE3LDEuNjAxLTEuNlMyNi40ODIsMjAuOCwyNS42LDIwLjh6Ii8+DQo8L3N2Zz4NCg==');
    background-position:left center; background-repeat: no-repeat;
  }
  .b24-nav-main input[type="checkbox"] {
    width:6em; height: 2.9em; line-height: 2.9em; padding: 0 0 0 2.5em; margin-top:-2.5em; z-index: 100; cursor: pointer; opacity:0;
  }
  #menu-trigger-sub {
    position:absolute; top:0; right:0;
    width: 3.1em; padding: 0.3em 2em 0.3em 0.3em; float:right; cursor: pointer; border: 2px solid #636363; border-radius: 0.3em; color: #636363; font-weight: bold;
    background-position:right center; background-repeat: no-repeat; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDUxNDQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19zdmcgImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8IUVOVElUWSBuc194bGluayAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQpdPg0KPHN2ZyAgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiDQoJIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNNi40LDExLjJoMTkuMmMwLjg4MywwLDEuNjAxLTAuNzE3LDEuNjAxLTEuNlMyNi40ODIsOCwyNS42LDhINi40QzUuNTE3LDgsNC44LDguNzE3LDQuOCw5LjYNCglTNS41MTcsMTEuMiw2LjQsMTEuMnogTTI1LjYsMTQuNEg2LjRjLTAuODgzLDAtMS42LDAuNzE3LTEuNiwxLjZjMCwwLjg4MywwLjcxNywxLjYsMS42LDEuNmgxOS4yYzAuODgzLDAsMS42MDEtMC43MTcsMS42MDEtMS42DQoJQzI3LjIsMTUuMTE3LDI2LjQ4MiwxNC40LDI1LjYsMTQuNHogTTI1LjYsMjAuOEg2LjRjLTAuODgzLDAtMS42LDAuNzE4LTEuNiwxLjYwMVM1LjUxNywyNCw2LjQsMjRoMTkuMg0KCWMwLjg4MywwLDEuNjAxLTAuNzE3LDEuNjAxLTEuNlMyNi40ODIsMjAuOCwyNS42LDIwLjh6Ii8+DQo8L3N2Zz4NCg==');
  }
  .b24-nav-sub input[type="checkbox"] {
    position:absolute; top:0; right:0; width:6em; height: 2.5em; line-height: 2.5em; float:right; padding: 0 2.5em 0 0; z-index: 100; cursor: pointer; opacity:0;
  }
  .search-switch {
    background-clip: padding-box; background-color: #ccc; background-image: linear-gradient(to bottom, #eee, #bbb);
    border: 1px solid #a89e95; border-radius: 3px; color: #333 !important; cursor: pointer;
    margin: 0; padding:.3em 2em .3em 0; outline: 0 none; overflow: visible; white-space: nowrap; float: right;
    font:normal normal normal 1em/1.25em Ubuntu, "Open Sans", "Droid Serif", Georgia, "Times New Roman", Times, serif;
  }
  .search-icon {
    background-image: url(/images/icons/suche-blau.png); background-position: left center; background-repeat: no-repeat; padding:.3em 0 .3em 1.6em; margin-left:.4em;
  }
  .b24-search-headline {
    display:block; width:100%; margin:0; color:#444;
  }
  #b24-search em { font-weight: bold; }
  .b24-ads-container { display:block; width:100%; position:relative; border: 1px solid #dcdcdc; margin-bottom: 1.5em; text-align: center; }
  .b24-ads1 { float:left; }
  .b24-ads2 { float:right; }

  /** Start Footer */
  .b24-footer {
    border-top: 2px solid #636363; border-bottom: 2px solid #636363; padding:1.5em;
  }
  .b24-foot-copy {
    display:block; width:100%; background:#FEFEFE; padding:1em 0 4em 0; border:0px solid red; text-align:center;
  }
  .bau24-gf01 { width: 15%; border:0px solid red;}
  .bau24-gf02 { width: 19%; border:0px solid blue;}
  .bau24-gf03 { width: 16%; border:0px solid red;}
  .bau24-gf04 { width: 19%; border:0px solid blue;}
  .bau24-gf05 { width: 18%; border:0px solid blue;}
  .bau24-gf06 { width: 13%; border:0px solid blue;}

  .facebook { width:180px !important; border:0px solid red; }
  .twitter	{ width:120px !important; border:0px solid red; }
  .gplus		{ width:100px !important;  border:0px solid red; }
  .settings_info { width:80px !important; border:0px solid red; }

  .b24-footer-text {
    margin:0.5em 0 1em 0;
  }
  .b24-footer-text-line {
    display:block; margin: 0.7em 0; font-style: italic; color:#7f7f7f; font-weight: 300;
  }
  .b24-forum-status-line {
    white-space: nowrap; font-style: italic; color:#7f7f7f; font-weight: 300;
  }
  /** Ende Footer */

  /**
   * Start Link-Klassen
   */
  a.nodeco, a.nodeco:active, a.nodeco:hover, a.nodeco:focus {
    text-decoration:none; background:none; outline: none;
  }
  a.b24-email, a.b24-email:hover, a.b24-print, a.b24-print:hover {
    display:block; width:20px; height:20px; float:right; margin-top:0.2em; margin-left:1.2em; text-decoration:none; outline: none;
  }
  a.b24-email       { background: transparent url(/images/icons/email-grey.gif) no-repeat center center; }
  a.b24-email:hover { background: transparent url(/images/icons/email-blue.gif) no-repeat center center; }
  a.b24-print       { background: transparent url(/images/icons/print-grey.gif) no-repeat center center; }
  a.b24-print:hover { background: transparent url(/images/icons/print-blue.gif) no-repeat center center; }

  a.b24-email-big, a.b24-email-big:hover, a.b24-pic-big, a.b24-pic-big:hover, a.b24-poll, a.b24-poll:hover {
    text-decoration:none; outline: none; display:block; width:42px; height:30px; float:left; margin:0.2em 0.5em 0 0;
  }
  a.b24-pic-big, a.b24-pic-big:hover { margin-top:0; }
  a.b24-email-big img, a.b24-poll img { margin:0; }
  a.b24-email-big       { background: transparent url(/images/icons/email-news-jobletter-gross-blue.png) no-repeat center center; }
  a.b24-email-big:hover { background: transparent url(/images/icons/email-news-jobletter-gross-grey.png) no-repeat center center; }
  a.b24-poll            { background: transparent url(/images/icons/icon_umfrage1_blau.png) no-repeat center center; }
  a.b24-poll:hover      { background: transparent url(/images/icons/icon_umfrage1_grau.png) no-repeat center center; }
  /*a.b24-email-big:before { display:inline-block; font-size: 3.5em; line-height: 0.7em; content:'\2709'; color:#080878; margin:-0.1em 0 0 -0.1em; padding:0; }
  a.b24-email-big:hover:before { color:#666; }*/

  a.b24-link-blue { color: #080878; outline: none; }
  a.b24-link-blue:hover { color: #4d87c7; outline: none; }

  a.b24-link-blue-ul { color: #080878; text-decoration: underline; outline: none; }
  a.b24-link-blue-ul:hover { color: #4d87c7; outline: none; }

  a.b24-small-cat, a.b24-small-cat:active, a.b24-small-cat:hover, a.b24-small-cat:focus  {
    font-size: 92.9%; display:inline-block; margin-bottom: 0.5em;
  }
  a.b24-smaller-cat, a.b24-smaller-cat:active, a.b24-smaller-cat:hover, a.b24-smaller-cat:focus  {
    font-size: 92.9%; display:inline-block;
  }
  a.b24-small-cat:hover, a.b24-small-cat:focus  {
    text-decoration: underline; color:#080878;
  }
  .b24-full-area { display:block; width:100%; }
  a.b24-contact { float:right; line-height: 2em; }
  .b24-lb { cursor: zoom-in; }


  /** Klassen zum Content */
  /** Speziel für Startseite Start */
  .b24-box-head-outer   { display:block; width:100.3%; background-color:#FFF; margin-left:-1px; }
  .b24-box-head-margin  { margin-top:-2.6em; }
  .b24-box-head-margin-3col { margin-top:-2.6em; padding-top: 2.6em; }
  .b24-col-space        { display:block; width:0.5em; height:3em; border:0px solid #000000; }
  .b24-box-border       { border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; }
  .b24-box-inner        { padding:0.5em 1em 0.5em 1em; }
  .b24-box-border-inner { display:block; padding:0.5em 1em 0.5em 1em; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; }
  /** Speziel für Startseite Ende */

  .b24-blue { color: #080878; }
  .b24-red  { color: #CC0000; }
  .b24-green { color:#33A333; }
  .b24-display h1, .b24-display h2, .b24-display h3, .b24-display h4, .b24-display h5, .b24-headline-link {
    font-size: 1.125em; line-height: 1.25em; font-weight:500; color: #080878; margin:0; padding:0 0 0 0;
  }
  .b24-display h1 a, .b24-display h2 a, .b24-display h3 a, .b24-display h4 a, .b24-display h5 a, .b24-headline-link a {
    font-size: 1em; font-weight:500; color: #080878; margin:0;
  }
  a.b24-h1-6link { color: #080878;  }
  a.b24-h1-6link:hover, a.b24-h1-6link:focus { text-decoration: underline; }
  .b24-box-head-grey, .b24-box-head-darkgrey, .b24-box-head-blue, .b24-box-head-brightgrey {
    display:block; border-color: #DDDDDD; border-radius: 0.3em; border-style: solid; border-width: 1px; background-color: #DDDDDD;
    color: #080878; margin: 0 0 0.5em; text-align: left; font-size: 1.2em; padding:0.25em 0.5em 0.25em 0.8em;
    /** box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; */
  }
  .b24-box-head-blue { border-color: #d3dbf1; background-color: #d3dbf1; }
  .b24-box-head-darkgrey { border-color: #eee9da; background-color: #eee9da; }
  .b24-box-head-brightgrey { margin:.8em 0; border-color: #e8e8e8; background-color: #e8e8e8; }

  .b24-box-head-grey h1, .b24-box-head-grey h2, .b24-box-head-grey h3, .b24-box-head-grey h4, .b24-box-head-grey h5,
  .b24-box-head-blue h1, .b24-box-head-blue h2, .b24-box-head-blue h3, .b24-box-head-blue h4, .b24-box-head-blue h5,
  .b24-box-head-darkgrey h1, .b24-box-head-darkgrey h2, .b24-box-head-darkgrey h3, .b24-box-head-darkgrey h4, .b24-box-head-darkgrey h5,
  .b24-box-head-blue div, .b24-box-head-blue a, .b24-box-head-grey div, .b24-box-head-grey a, .b24-box-head-darkgrey div, .b24-box-head-darkgrey a {
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 1em; line-height: 1em;
    display: inline; color: #080878; margin:0; padding:0; font-weight:normal;
  }
  .b24-box-head-darkgrey h1, .b24-box-head-darkgrey h2, .b24-box-head-darkgrey h3, .b24-box-head-darkgrey h4, .b24-box-head-darkgrey h5 { color: #3d1c05 }
  .b24-box-head-brightgrey h3, .b24-box-head-brightgrey div, .b24-box-head-brightgrey a {
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 1em; line-height: 1em;
    color: #444; margin:0; padding:0; font-weight:normal;
  }

  .b24-box-zeile {
    border-bottom: 1px solid #dcdcdc; padding:2.6em 0 0.5em; margin:0 0 1em;
  }
  .b24-box-pager {
    display:block; padding:1em 0 2em 0; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;
  }
  .b24-box-pager-alone {
    display:block; width:100%; clear:both; float:none; border:0px solid red;
  }
  .b24-zeile {
    display:block; width:100%; margin:1em 0; border: 0px solid red;
  }
  .b24-blue-headline {
    color: #080878; font-size: 1.125em; line-height: 1.5em; margin: 0;
  }
  .b24-pager { margin:1.2em 0 1em 0; background: #F3F3F3; text-align: center; font-size: 1.125em; }
  .b24-pager-padd { padding:0 .8em; border:0px solid red; }


  .b24-pager-2 { display: block; clear: both; margin:0.5em 0 0 0; background: #F3F3F3; text-align: center; font-size: 1.125em; border-top:0px solid #dcdcdc; padding: 0; }
  .b24-pager-padd-up { border:0px solid red; margin:0 0 .5em 0; }
  .b24-pager-padd-down { border:0px solid green; margin:.7em 0 0 0; }

  .b24-pager-num { margin:0 .2em; padding:0.3em .4em; line-height: 1.8em;  }
  .b24-pager-num-2 { margin:0 .2em; padding:0.3em .3em; line-height: 1.8em;  }
  .b24-pager-num-3 { margin:0 .1em; padding:0.3em 0.1em; line-height: 1.8em;  }
  a.b24-pager-num:hover, a.b24-pager-num-2:hover, a.b24-pager-num-3:hover {
    color: #080878; background-color: rgba(211, 219, 241, 0.3); outline: 0 none; text-decoration: underline;
  }
  .b24-pager-sign {
    font-size: 1.3em; line-height: 1.3em; padding:0 .4em;
  }
  .b24-pager-num-activ {
    background:#d3dbf1; padding:.5em .4em; line-height: 1.8em; color: #080878; font-weight: bold; border-radius: 0.3em;
  }
  .b24-pager-cell, .b24-form-cell { width:25%; border: 0px solid red; }
  .b24-pager-cell-big { width:50%; border: 0px solid red; }
  .b24-pag-cell-l { display: block; margin-left: 1em; }
  .b24-pag-cell-r { margin-right: 1em; }
  a.b24-link-blue-full, a.b24-link-blue-full:hover { color: #080878; text-decoration: none; }
  a.b24-link-blue-full:hover, a.b24-link-blue-full:focus { background-color: rgba(211, 219, 241, 0.3); outline: 0 none; text-decoration: underline; }

  .b24-box-bottom-linie {
    margin:0.5em 0 1em 0; padding:0; border-top: 1px solid #dcdcdc; clear:both; float: none; background:transparent;
  }
  .b24-box-bottom-linie-close {
    padding:0.5em 0 0 0; margin:0; border: 1px solid #dcdcdc; border-top:none; clear:both; float: none; background:transparent;
  }
  .b24-gray-linie {
    margin:1.5em 0 .7em 0; border-top: 1px solid #dcdcdc; clear:both; float: none; padding:0; background:transparent;
  }
  .b24-bl { padding-right:0.5em; } .b24-br { }
  .b24-separation-line { margin:0.8em 0 0.7em 0; border-top: 1px solid #dcdcdc; padding:0; background:transparent; clear:both; float: none; }
  .b24-dotted-line { margin:0.8em 0 0.7em 0; border-top: 1px dotted #3d1c05; padding:0; background:transparent; clear:both; float: none; }

  .b24-tr-separation-line {
    border-top: 1px solid #dcdcdc;
  }
  .b24-spacer {
    margin:0.8em 0 0.7em 0; padding:0; background:transparent; clear:both; float: none;
  }
  .b24-img-line {
    display:block; width: 100%; padding:0.3em 0 0 0; clear:both; float: none;
  }
  .b24-separation-line-block {
    display:block; width:100%; margin:0.8em 0; border-top: 1px solid #dcdcdc; clear:both; float:none; padding:0; background:transparent;
  }
  .b24-cleaner {
    clear:both; height:1px; font-size:1px; border:0px none; margin:0; padding:0; background:transparent;
  }
  #b24-h4-marg, .b24-h4-marg {
    margin:0.1429em 0 0 0;
  }
  .b24-img-left {
    display: block; float: left; margin:0 14px 2px 0; border: 0px solid red; padding:0; line-height: .5em;
  }

  #b24-col-right {
    text-align:right; border-left:1px dotted #888; vertical-align:middle;
  }
  .b24-img-right-block {
    display: block; float: right; width:130px; height:70px; margin:0 0 2px 5px; border-left:1px dotted #888; padding:0; line-height: .5em; text-align:right; vertical-align:middle;
  }
  .b24-img-right-block img {
    margin-left:8px;
  }
  .b24-img-right {
    display: block; float: right; margin:0 0 2px 7px; border: 0px solid red; padding:0; line-height: .5em;
  }


  .b24-img-span { display:block; border-right: 10px solid #000; }
  .b24-sem { width:6em; }
  .b24-article { width:22%; }
  .b24-article-col { width:30%; }
  .b24-art-list { width:18%; }
  .b24-lit-list { width:65px; height:85px; border-right:1px dotted #888; padding:0 1em 0 0 ; }

  .b24-inline-image { display:block; float:left; margin: 0 0.5em 0 0; border:0px solid black; }
  .b24-number { float:left; color:#444; text-align:left; padding-top:.1em; }


  /* CSS - Überschriften einkürzen */
  .ellipsis {
    overflow: hidden; height: 2.2em; border: 0px solid #AAA; word-break: break-all;
  }
  .ellipsis:before {
    content:""; float: left; width: 5px; height: 1.6em;
  }
  .ellipsis > *:first-child {
    float: right; width: 100%; margin-left: -5px;
  }
  .ellipsis:after {
    content: "..."; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
    float: right; position: relative; top: -7px; left: 100%; width: 1em; margin-left: -1em; padding-right: 5px; text-align: right;
    background-color: white;
    /*
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);*/
  }

  .b24-square {
    display:inline-block; background-color: #888; width:5px; height:5px; margin:0 3px 2px 3px; vertical-align: middle /* border-radius: 10px; */
  }
  .b24-img-title {
    position: absolute !important; left: 0 !important; top: 0 !important; padding: 0.5rem !important; font-size: 0.75rem !important; line-height: 1.3 !important; color: #fff !important;
    background: rgba(235, 38, 73, 0.8) none repeat scroll 0 0; height: 88px; margin-right: 4px; opacity: 0; transition: opacity 0.15s ease 0s;
  }
  figcaption { margin: 0; padding: 0; }
  figure.einzel { overflow:hidden; position: relative; display: inline-block; }
  figure img    { margin:0; }
  figcaption {
    width:117px; height:72px; padding:4px 5px; font-size: 87.5%; border:1px solid #888; text-align: center;
    position: absolute; text-align: left; line-height: 1.3em; white-space: pre-wrap; color: white;
    background: rgba(0,0,0,0.5); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
  }
  figure:focus figcaption, figure:hover figcaption {
    top: 0; left:0; width:117px; height:72px; background: rgba(0,0,0,0.5); border:1px solid #888;
  }


  .b24-news-box-spacer {
    display:block; margin:0.5em 0 0 0;
  }

  /* speziell für index.htm */
  .category_box_index_outer {
    display:block; width:100%; float:left; border:0px solid red; padding:0; margin:0; font-size:1em;
  }
  .category_box_index_inner { display:block; width:100%;  margin:0; padding:0; border-top: 0px solid #444; float:none; clear:both; position: relative; }
  .category_box_index_inner ul { float:left; padding: 0; margin:0; list-style-type: none; }
  .category_box_index_inner ul li { float:left; list-style: none; padding:0 1.2em 0 0; border:0px solid red; margin:0; }
  .category_box_index_inner ul li a, .category_box_inner ul li a:hover { float:left; text-decoration: underline; text-decoration: none; }
  .category_box_index_inner ul li a:hover, .category_box_index_inner ul li a:focus { color: #080878; background-color: rgba(211, 219, 241, 0.3); outline: 0 none; text-decoration: underline; }
  .category_box_index_inner ul li .numbers { font-style:italic; color:#3F3F3F; }
  .category_box_index_spacer { display:block; float:left; width:100%; height:5px; font-size:0px; padding:0px; border:0px solid black; }

  .b24-pic-over-sp { float: left; padding:0 8px 0 0; vertical-align : text-top; text-decoration: none; }
  .b24-pic-over-sve { float: left; padding:4px 8px 0 0; vertical-align : text-top; text-decoration: none; }
  .b24-pic-over-sve a { display:block; float: left; width:65px; height:40px; text-align:center; background-position: left top; background-repeat: no-repeat; line-height: 0.3em; }
  .b24-col-rgt { border-left:1px dotted #888; padding:0 0 0 1em; }
  .b24-ptext { margin:0; padding:0; }
  .b24-flag { width:16px; height:16px; margin-right: 6px; vertical-align: top; }

  .b24-forum-undertext { line-height:1.2; margin: 0 0 1.5em 0; }
  .b24-forum-img-undertext { float: left; display: inline; margin: 0 1.5em 0 0; padding:0; }

  /* Tabellen mit CSS und <div> Startseite */
  .b24-css-table { display:table; width:100%; border-collapse:collapse; margin-top:0.5em; }
  .b24-css-table div { display:table-row; }
  .b24-css-table div div { display:table-cell; table-layout:fixed; vertical-align:top; }
  .b24-css-table-padd { padding-right: 1.5em; }
  .b24-auge { float:left; margin-left:5px; margin-right:5px; }
  .b24-profile-td1 { width:30%; }
  .b24-profile-td2 { width:70%; }
  .b24-css-table div.b24-profile-td-marg { border-top: 5px solid #FEFEFE; }

  .b24-table-profil, .b24-table-profil-br { display:table; width:100%; border-collapse: collapse; margin-top:0.5em; }
  .b24-table-profil div, .b24-table-profil-br div { display:table-row; border-collapse: collapse; border-top: 5px solid #FEFEFE; }
  .b24-table-profil div div, .b24-table-profil-br div div { display:table-cell; table-layout:fixed; vertical-align:top; border:none; }
  div.b24-table-profil-td-marg { border:none; }
  .b24-profil-td1 { width:40%; }
  .b24-profil-td2 { width:60%; }
  .b24-profil-linkbox { display:block; width:100%; margin:1em 0 1.3em 0; }

  div.b24-table { display:table; border-collapse:collapse; }
  div.b24-tr    { display:table-row; }
  div.b24-td    { display:table-cell; vertical-align:top; border:0px solid red; }
  div.b24-td-art{ display:table-cell; width:49%; vertical-align:top; border:0px solid red; }
  div.b24-td-left { display:block; padding:0 2% .4em 0; float:left; width:17%; vertical-align:top; position: relative; }
  div.b24-td-right{ display:block; float:right; width:81%; vertical-align:top; position: relative; }
  div.b24-td-br-right { border-right:8px solid #FFF; }

  .b24-td-profil { width:40%; }

  .b24-td-content-l { width:49%; float:left; border:0px solid red; }
  .b24-td-content-r { width:49%; float:right; border:0px solid blue; }

  .td-left-sem  { width:18%; padding:0 .8em 0 0; }
  .td-left-most { width:29%; padding:0 0 .4em 0; }
  .td-right-most{ padding:0 0 .5em 1em; }
  .td-left-lit  { width:35%; padding:0 .8em 0 0; }
  .b24-td-box-l, .b24-td-box-r { width:100%; }
  .b24-all-jobs { display: none; margin:0 0 0.5em 0; }
  .b24-radius-search { display:block; width:100%; border:0px solid red; }
  #inputform-radius-search label { display:block; width:100%; position: relative; }
  /* Forum */
  .b24-forum-headline { line-height:1.5em; color: #080878; border-bottom:1px dotted #666; margin:0 0 0.2em 0; }
  .b24-forum-headline-2 { line-height:1.5em; color: #080878; border-bottom:1px dotted #666; margin:0 0 .8em 0; }
  .b24-forum-headline-new { display:block; text-align:left; line-height:1.5em; color: #080878; border-bottom:1px dotted #666; margin:0 0 1em 0; }
  .b24-forum-image { display:block; float:left; margin: .4em 1em 0 0; border:0px solid black; }
  .b24-sorting, .b24-sorting-buttons  { font-size:1.1429em; color:#080878; margin-bottom:0.8em; padding-bottom:0.9em; border-bottom: 1px solid #dcdcdc; background:transparent; clear:both; float: none; }
  .b24-sorting-buttons-bottom  {
    font-size:1.1429em; color:#080878; margin-top:2em; padding-top:0.4em; border-top: 1px solid #dcdcdc; background:transparent; clear:both; float: none;
  }
  .sort-marg { margin-left: 1em; }
  .b24-forum-button { margin:1em 0; }
  .b24-forum-comm { display:block; width:100%; color:#080878; margin:0 0 2em 0; }
  .b24-forum-ads { display:block; background-color:#f7faff; padding:0.6em 0.8em 0.7em 0.8em; margin:-0.7em 0 -0.8em 0; }
  .b24-forum-left { display:block; width:90%; float:left; }
  .b24-forum-right { display:block; width:90%; float:right; }
  .b24-forum-first { display:block; width:100%; float:left; }
  .b24-forum-preview { display:block; width:100%; clear:both; }
  .b24-forum-text, .b24-forum-text_print {
    border-radius: 0.5em; border-width: 1px; border-style: solid; padding:1em 1.3em 1.1em 1.3em; margin: 0 0 1.5em 0; color: #333;
    border-color: #888; border-color: rgba(0, 0, 0, 0.3);
  }
  .b24-forum-text_print { color: #000; }
  .b24-forum-text > *:last-child { margin-bottom: 0; }
  .b24-forum-first .b24-forum-text { background:#E4F0FC; }
  .b24-forum-left .b24-forum-text { background:#F7F7F2; }
  .b24-forum-right .b24-forum-text { background:#E6E2E1; }
  .b24-forum-show-pic { display:block; float:left; position:relative; margin:0 1.2em .5em 0; border:0px solid red; }
  .b24-section-head {
    font-size:1.1429em; font-weight: bold; color: #3d1c05; border-bottom: 1px solid #888; padding: 0 0 .3571em 0; margin: 1.5em 0 1em 0;
  }

  /* Vollansichten */
  #b24-iconlist   { float:right; margin:0 2px 0 0; }
  #b24-iconlist a { margin:0 0 0 0.8em; }
  .b24-h1-show {
    margin:0 0 .4em 0; padding:0 0 .3em 0; border-bottom: 2px solid #DCDCDC; font-size:1.2143em; line-height: 1.2em; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
  }
  .b24-h1-show-marg { margin-top:.8em; }
  .b24-h2-show { color:#080878; margin:.5em 0 0.6em 0; padding:0 0 .4em 0; border-bottom: 1px solid #DCDCDC; font-size:1.0714em; line-height: 1.2em; clear:both; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; }
  .b24-h3-show, h3.b24-h3-show { color: #3d1c05; margin:.5em 0 0.6em 0; padding:0 0 .4em 0; border-bottom: 1px solid #DCDCDC; font-size:1.0714em; line-height: 1.2em; clear:both; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; }
  ul.b24-anchor-list    { list-style:none; margin:1em 0 .5em 0; }
  ul.b24-anchor-list li { position:relative; color: #080878; }
  ul.b24-anchor-list li:before  { content: '\00BB'; position: absolute; margin: 0 .3em 0 -1em; vertical-align: middle; display: inline-block; }
  ul.b24-anchor-list a          { text-decoration: underline; color: #080878;  }
  ul.b24-anchor-list a:hover    { text-decoration: none; color: #080878;  }
  .b24-anchor { position:absolute; top:-21px; }
  .b24-hidden { display:none; }
  .b24-blue-plane { display: block; padding:.7em .8em .8em 1em; margin-top:1em; background-color:#F4F7FC; color:#080878; line-height: 1.5em; }
  .b24-sourcen { margin:1em 0; padding:.7em .8em .8em 1em; border-bottom: 0px solid #dcdcdc; background-color: #f7f7f7; }
  .b24-sourcen a { line-height: 1.6em; }
  .b24-view-full-size a:link, .b24-view-full-size a:visited, .b24-view-full-size a:hover, .b24-view-full-size a:active { text-decoration: underline; outline:0; }
  .b24-view-full-size a:hover { text-decoration: none; }

  .b24-margin { margin:1.2em 0 0 0; }
  .b24-margin-big { margin:4em 0 0 0; }
  .b24-margin2 { margin:0.6em 0 0 0; }
  .b24-margin-bottom { margin-bottom:1em; }
  .b24-img-profil { float:right; border-left:0px solid #dcdcdc; padding-left: 1em; }
  .b24-img-profil img { margin:5px 0; }

  .b24-para, .b24-para-blue { display:block; position: relative; margin-top: 1em; float:none; clear: both; border:0px solid red; }
  .b24-para-blue, .b24-para-blue h2, .b24-para-blue p { color: #080878; }
  .b24-text { text-align: left; }

  .b24-page-image { display:block; position:relative; border:0px solid red; float:left; margin: 0 1em 0.3em 0; }
  .b24-page-image span, .b24-page-image-big span {
    display:block; padding:2px 3px 3px 4px; font-size:0.9286em; line-height:1.1429em;  text-align: left; font-style:normal; margin:0;
    font-family:'Open Sans', Arial, Helvetica, sans-serif; background-color: #eee9da ; color: #444;
  }
  .b24-page-image-big { display:block; width:100%; border:0px solid red; margin: 0 0 0.3em 0; position:relative; }
  .b24-page-image-big img { border:0px solid green; }
  .b24-page-image-big span { margin-bottom:1.5em; padding-top:5px; }
  .b24-page-image-right { display:block; position:relative; float:right; margin:0 0 0.3em 1.3em; }
  .b24-text-ul { }

  .td-left-article    { width:29%; }
  .b24-special-offer  { background-color:#FCFCE8; padding:.5em 0; }
  .b24-product-title  { width:100%; position:relative; text-align:left; padding:0 0 .2em 0; font-weight:700; color: #080878; }
  .b24-product-text   { margin:.8em 0 .3em 0; color: #080878; }

  .b24-fixed-flexible-container {
    max-width:380px; max-height:270px; margin:1em auto .5em auto; border:1px solid #666; padding:5px; text-align: center; overflow: visible;
  }
  .b24-flexible-container {
    display:block; position: relative; padding-bottom:56.25%; padding-top:30px; height: 0; overflow: hidden;
  }
  .b24-flexible-container iframe, .b24-flexible-container object, .b24-flexible-container embed {
    position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;
  }
  .b24-container    { width:99.8%; margin: 0 auto; padding:0.6em 0; }
  #b24-map-container{ position: relative; }
  #map_canvas   { height:0; overflow:hidden; padding-bottom:78%; position:relative; }


  .b24-product-pic {
    display:block; width:36.5%; float:left; padding-right:1em; vertical-align:text-top; text-decoration:none; border-right:1px dotted #3d1c05; line-height: .2em;
  }
  .b24-product-pic img { margin-top: 2px; }

  .b24-product-pic2 { display:block; width:57%; float:left; margin:0; padding:0 0 0 1em; }
  .b24-product-price-overview {
    display:block; width:100%; margin-top:1em; overflow:hidden; border:0px solid red;
  }
  .b24-product-price {
    display:block; margin-top:15px; overflow:hidden; border:0px solid red; font-size:1.3em; line-height: 1.5em;
  }
  .b24-product-price-small {
    margin:0 0 0 49px; overflow:hidden; border:0px solid red;
  }
  .b24-product-pictext {
    display:block; font-size:.9em; margin:0 0 1.5em 0; overflow:hidden; padding:0; border:0px solid red;
  }

  /* Ende Vollansichten */

  .category_box_container {
    display:block; width:100%; border:0px solid red; background:#FEFEFE;
  }
  .box_title	{ display:inline-block; width:90%; text-align:left; border:0px outset #F5F5F5; color: #3d1c05; float:left; margin:0; vertical-align: bottom; }
  #category_box_outer {
    display:block; width:100%; float:left; border:0px solid green; padding:0; margin:0 0 1em 0;
  }
  #category_box_title {
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size:1em; font-weight:bold; color: #3d1c05; height:1.5em; line-height:1.5em;
    margin:0; padding: 0; border:0px solid red; text-align:left; position: relative;
  }
  #category_box_title a:link, #category_box_title a:hover, #category_box_title a:visited, #category_box_title a:active  {
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size:1em; font-weight:bold; color: #3d1c05; height:1.5em; line-height:1.5em;
  }
  #category_box_title .cbi_icon { display:block; position: absolute; top:4px; right:0; width:16px; height:16px; float:right; background: url(/images/icon_level_up.gif) no-repeat top left; margin:0 0 0 10px; }
  #category_box_inner { display:block; width:100%;  margin:3px 0; padding:4px 0 0 0; border-top: 1px solid #666; float:none; clear:both; }
  #category_box_inner .line {
    display:block; width:100%; margin:0 0 4px 0; padding:0; height:4px; line-height:4px; border-bottom: 1px dotted #666; font-size:1px; float:none; clear:both;
  }
  #category_box_inner ul { display:block; width:100%; float:left; padding: 0; margin:0; }
  #category_box_inner ul li { float:left; text-align:left; list-style: none; margin:0; padding:1px 0 0 0; width:49%; border:0px solid red; }
  #category_box_inner ul li.small { float:left; list-style: none; padding:1px 0 0 0; width:33%; border:0px solid red; }
  #category_box_inner ul li a { padding:0; text-decoration: none; color: #080878; }
  #category_box_inner ul li a:focus, #category_box_inner ul li a:hover, #category_box_inner ul li a:active {
    background-color: rgba(211, 219, 241, 0.3); outline: 0 none; text-decoration: underline; color:#080878;
  }
  #category_box_inner ul li a.cbi_active:link, #category_box_inner ul li a.cbi_active:visited, #category_box_inner ul li a.cbi_active:hover,
  #category_box_inner ul li a.cbi_active:active { text-decoration: underline; font-weight:bold; }
  #category_box_inner ul li a.cbi_active:hover  { text-decoration: underline; }
  #category_box_inner ul li .numbers { font-style:italic; color:#3F3F3F; }

  .b24-head-print {
    padding:0.5em 0 0.3em 0; border-bottom: 1px solid #636363; margin:0.1em 0 1.5em 0; color: #ccc;
    border-top: 2px solid #636363; border-bottom: 1px solid #636363;
  }
}