/* GENERELLA INSTÄLLNINGAR */

@media (max-width: 979px) {

 .row-fluid .span3 {
        width: 20%;
    }

 .row-fluid .span9 {
        width: 80%;
    }
 .row-fluid .span99 {
        width: 100%;
    }

    
    #gruppLista {
         float:left;
    }

    #gruppLista > select{
         width:140px;
    }

    #outer   { margin-top: 0px; padding:0px; max-width:980px; width:auto; }
    #outerWide   { margin-left:0; margin-top: 0px; padding:0px; max-width:980px; width:auto;  }
    #outer2 {  margin: 0;padding:0;width:auto}
    #outer2Wide {  margin: 0;padding:0;width:auto}
    #outerAd { display:none }

    .topAlert {
        margin-bottom: 5px;
    }
}


@media (max-width: 767px) {

.barRubrik {font-size:15px}
.barMargin {margin-left:5px;margin-right:5px}

 .tbl1 {
        width: 100%;
    }
 .tbl2 {
        display:none;
    }
    .row-fluid .span3 {
        width: 20%;
        display: block;
        float: left;
        margin-left: 0px;
        padding-left: 0px;
    }

    .row-fluid .span9 {
        display: block;
        float: left;
        width: 80%;
        margin-left: 0;
    }

    .row-fluid .span99 {
        width: 100%;
        margin-left: 0;
        padding-right:0;
        padding-left:0;
    }
      
    #outer   {
        padding:0px; 
        margin:0px;
        min-width:320px;
    }
    #wrap  
    {
        margin:0px;
    }
    .navbar {
        margin:0px;
    }
    .inner {
       padding-left:8px;
       padding-right:8px;
    }
    .innerInvert {
       padding:0;
    }
}

@media (max-width: 450px) {
  .visible-miniphone {
    display: inherit !important;
  }
  .hidden-miniphone {
    display: none !important;
  }
    .row-fluid .span3 {
        width: 0;
        display: none;
    }

    .row-fluid .span9 {
        padding-right:0;
        padding-left:0;
        float: none;
        width: 100%;
    }
}