/* Komprimiert mit http://cssminifier.com/  */

/* #Tablet (Portrait)  width of 768px    */
@media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .container .three.columns                   { width: 124px; }
        .container .twelve.columns                  { width: 556px; }
        .container .fifteen.columns                 { width: 700px; }

    }

/*  #Mobile (Portrait)   width of 320px  */
@media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }
        .container .three.columns,
        .container .twelve.columns,
        .container .fifteen.columns { width: 300px; }
    }

/* #Mobile (Landscape)  width of 480px  */
@media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }
        .container .three.columns,
        .container .twelve.columns,
        .container .fifteen.columns { width: 420px; }
    }



        /* Tablet Portrait size to standard 960 (devices and browsers) */
        @media screen and (min-width: 768px) and (max-width: 959px) {
        .container    { margin-left:10px;}
        div#navigation_small      { display:none;  }
        div#navigation_left      { display:inline;  }
        }

        /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
        @media screen and (max-width: 767px) {
        .container    { margin-left:15px; font-size: 14px; margin-top:10px; line-height:20px; }
        div#header   { width:100%; z-index:100; background-position: -6px 37px;  height: 68px;  padding-top:33px; padding-left: 15px;}
        div#navigation_small      { display:inline; position:absolute; height:38px; margin-top:-7px; text-align:right; width: 100%; background: #0D8B8B; z-index:100; }
        div#navigation_left      { display:none; width:90%;  }
        div#navigation_right  { display:none; float:left; width:90% }
        div#adbox_content{ float:none;  }
        div#adbox_right { display:none;   }
        div#adbox_header { display:none;   }
        div#scroll_up        { display:inline;        }
        div#scroll_down        { display:inline;        }
        div#footer { text-align:left;}
        div#footer a {display:block; margin-left:0px; margin-bottom:5px;}
        div#navigation_right a {margin-bottom:5px;}
        div#navigation_left a {margin-bottom:5px; }
        .nomobile  { display:none; border-width:0px;}
        .formobile  { font-size: 18px; line-height:24px; }
        div.profilbild { display:none; }
        ul#sddm li a { font-size: 14px; padding: 2px 5px 5px 5px; }
        ul#sddm div a  {  width: 240px; }
        }

        /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
        @media screen and (max-width: 479px) {
        .container       { margin-left:5px; }
        }