/* mobile variant */

@media only screen and (max-width: 768px) {
  body {min-width: auto; width: 100%;}
  .top {padding: 0px; width: 98%; margin:0px}
  .PageContainer {width: 98%; float: none; margin: 0px; padding: 0px;}
  .content {float: none; width: 100%; padding: 0px}
  .container {padding: 0px; float: none;}
  .container, .header, .footer, .main {width: 100%; }

  .footer {font-size: 12px; float: none; padding: 1px;}
  .footer a {line-height: 200%; padding-left: 16px; padding-right: 16px; font-size: 12px}
  .header {width: 100%; margin:0px; padding: 0px; }
  .header .headerRight {display: none;}
  .header .MenuTable {background: #88aad7 url('');height: auto;}

  .container .imgright {float: none}

  .topic {display: none}

  .container ul li a { line-height: 200%; }
  h1.newsletter_software a, h1.php_newsletter_software_script a { line-height: 200%; }

  .outline a{line-height: 200%;}

  .MenuTable .suckertreemenu #MainMenu li ul {display: none}
  .suckertreemenu ul li {display: block; width: 100%}
  .suckertreemenu ul li a{padding-top: 8px; padding-right: 4px; padding-bottom: 8px; display: block; width: 98%}

  .sidenav {float: none;}
  .sidenav li a, h2 {padding-bottom: 16px}
  .sidenav h2 {padding-bottom: 24px}

  legend{
    white-space:normal;
    display: table; /* IE10 */
  }

  .shortcuts {padding: 0px;}
  .shortcuts ul.col1 {
   width: 250px;
   margin-left: 0px;
  }

  .shortcuts ul a{
   word-break: keep-all;
  }

  .shortcuts ul li {line-height: 24px; padding-right: 24px; padding-bottom: 8px}

  .slide-out-div {visibility: hidden; }
}