@charset "iso-8859-1";
/* ------------------------------------------------------------------------------ */
/* BASE                                                                           */
/* ------------------------------------------------------------------------------ */

/* #Base 960
================================================== */

    #mobilefooter, #mobilefooter_twg            { display: none; }

    .container                                  { position: relative; width: 990px; margin: 0 auto; padding: 0;  }
    .container #Arbeitszimmer,
    .container #Wohnzimmer,
    .container #Kinderzimmer                    { float: left; display: inline; }
    .row                                        { margin-bottom: 20px; }

    .floatright                                 { float:right; }
    .floatleft                                  { float:left; }

    #logoBox                                    { width:236px; margin-left:30px; }

    .container #Arbeitszimmer                   { width:238px; margin-left:30px; }
    .container #Wohnzimmer                      { width:465px; margin:0px 0px; min-height: 500px }
    .zweispaltig .container #Wohnzimmer         { width:720px; margin:0px 0px 0px 0px; }
    .container #Kinderzimmer                    { width:225px; margin-right:30px; }

    .__startseite .container #Wohnzimmer,
    .vollebreite .container #Wohnzimmer         { width:100%; margin:0px; }

    .vollebreite .container #Arbeitszimmer,
    .vollebreite .container #Kinderzimmer,
    .__startseite .container #Arbeitszimmer,
    .__startseite .container #Kinderzimmer        { display:none; }

/* #Print
================================================== */

    @media only print{
      .container { width: 100%; }
      .container #Arbeitszimmer               { width: 100%; margin:0px; }
      .container #Wohnzimmer                  { width: 100%; margin:0px; }
      .container #Kinderzimmer                { width: 100%; margin:0px; }
    }

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,

    .clearfix { }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 *
 * multi-INTER-media GmbH - BW                                                    *
 * Letzte Aenderung : 21.01.2013                                                  *
 * 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */