/* allg. Rahmendefiniztionen */
  
  div.wrapper {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
  }
  
  /* Tablet und PC */
  @media screen and (min-width: 768px) {
    p.version {
      float: right;
    }

    nav#main li {
      float: left;
    }
    
    nav#main li a {
      float: left;
      border-right: 1px solid #fff;
      padding: 5px 10px;
    }
    
    p.me-trigger-main {
      display: none;
    }
    
    p.me-trigger-main, p.me-trigger-sub, p.me-trigger-news {
      padding-left: 5px;
      margin-bottom: 5px;
    }
    
    p.me-trigger-main a, p.me-trigger-sub a, p.me-trigger-news a {
      padding: 5px 15px 5px 25px;
    }
    
    nav#sub ul li {
      margin-bottom: 2px;
    }
    
    div.docs {
      float: left;
      width: 33%;
    }
  }
  
  /* PC */
  @media screen and (min-width: 1024px)
  {
    div.wrapper {
      max-width: 1540px;
      margin: 0 auto;
    }
    
    nav#main li a {
      padding: 5px 20px;
    }
    
    p.me-trigger-sub, p.me-trigger-news {
      display: none;
    }
    
    nav#sub, aside, #news {
      width: 18%;
      float: left;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      display: block !important;
    }
    
    aside {
      width: 19%;
    }
    
    div.content {
      float: left;
      width: 63%;
      padding: 0 20px;
      min-height: 300px;
    }  

    div.sitemap div.block {
      width: 17.7%;
      float: left;
    }
  }
  
  /* Tablet Portrait */
  @media screen and (min-width: 768px) and (orientation:portrait) {
    nav#main li a {
      padding: 5px 15px;
    }
    
    p.me-trigger-main, p.me-trigger-sub, p.me-trigger-news {
      padding-left: 15px;
      margin-bottom: 15px;
    }

    p.me-trigger-main a, p.me-trigger-sub a, p.me-trigger-news a {
      padding: 5px 15px 5px 25px;
    }
    
    nav#main {
      display: block !important;
    }
    
    nav#sub, aside#news {
      display: none;
    }
    
    nav#sub ul li {
      margin: 5px 0;
    }
    
    aside {
      margin-left: 20px;
    }
    
    aside#news {
      margin-left: 0;
    }
    
    div.sitemap div.block {
      width: 46%;
      float: left;
      margin-bottom: 10px;
    }
    
    div.sitemap div.break {
      clear: both;
    }
  }
  
  @media screen and (max-width: 767px) {
    p.version {
      float: none;
      margin-bottom: 5px;
    }
    
    nav#main, nav#sub, aside#news {
      display: none;
    }
    
    nav#main li {
      border-top: 1px solid #fff;
    }
    
    nav#main li:first-child{
      border-top: none;
    }
    
    nav#main li a {
      padding: 5px 10px;
    }
    
    nav#sub ul li {
      margin: 5px 0;
    }
    
    p.me-trigger-main {
      padding-left: 5px;
      margin-bottom: 5px;
    }
    
    p.me-trigger-sub, p.me-trigger-news {
      margin-bottom: 10px;
      padding-left: 5px;
    }
    
    p.me-trigger-main a, p.me-trigger-sub a, p.me-trigger-news a {
      padding: 5px 15px 5px 25px;
    }
    
    a.back, a.forward {
      float: none;
      margin-bottom: 5px;
      background: none;
      padding: 0;
    }
    
    aside {
      margin-left: 20px;
    }
    
    aside#news {
      margin-left: 0;
    }
    
    div.docs {
      float: none;
      width: 100%;
    }
    
    div.sitemap div.block {
      margin-bottom: 15px;
    }
    
    blockquote, p, ul, footer, aside, pre, div.content li, div.content h3, div.hint, canvas {
      margin-left: 0;
    }
    
    div.hint h3 {
      margin: 0 -10px 10px;
    }

  }
  
  @media print {
    nav, footer, aside, .me-trigger-main, .me-trigger-sub, .me-trigger-news, .jump {
      display: none !important;
    }
    
    div.wrapper {
      max-width: 100%;
    }
    
    div.content {
      float: none;
      width: 100%;
    }
  }