/* Medium screen */
@media only screen and (max-width: 1024px) {
   .avatar {
        width: 85px;
    }
}

/* Small screen */
@media only screen and (max-width: 750px) {  
   .grid_1, .grid_2 {
      float: none;
      width: 100% !important;
   }

   .grid_1 .innergrid {
      margin-right: 0;
   }
   
   .grid_2 .innergrid {
      margin-left: 0;
   }
   
   #menu li {
      margin-right: 5px;
      margin-bottom: 5px;
   }
   
   #menu a {
      border-radius: 5px;
      padding: 8px 12px 8px 12px;
      border: 0;
      background-color: #eee;
   }   
   
   #menu a:hover {
      background-color: #009EE0;
      color: white;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
   }

   #menu .utc_menue_l1_selected a {
      background-color: #009EE0;
      color: white;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
      border: 0;
   }
   
   .help_icon_wrapper {
        float: left;
   }
   
   .normlink {
        float: left;
   }
   
    #menu .help_icon_wrapper a {
        background-color:transparent;
   }
   
   #menu .normlink a {
        background-color:transparent;
   }
   
   .tabsheet .column1_50,
   .tabsheet .column2_50 {
        width: auto;        
        float: none;                
   }
   
   .tabsheet .column1_50 > div,
   .tabsheet .column2_50 > div {
        padding: 0;
        border: 0;      
   }
   
   .tabsheet .column1_50 > div {
        border-right: 0;
        border-bottom: 1px solid #ddd;
        padding: 0;
        padding-bottom: 20px;
   }
   
   .tabsheet .column2_50 > div {
        padding: 0;        
        padding-top: 20px;
   }
   
   #infloatbox_breadcrumbs {      
      display: none;
   }      
   
   .lblHinweis {
      width: auto;
   }
}

/* Very small screen and mobile */
@media only screen and (max-width: 600px), handheld and (max-width: 480px) {  
  
   .c2, .c3 {
      float: none;
      width: 100% !important;
   }
   
   .c2 .innercolumn {
      margin-right: 0;
   }
   
   .c3 .innercolumn {
      margin-left: 0;
   }
   
   .table {
    border: 0;
   }
   
   .table th,
   .steHeadlineRequest {
      display: none !important;
   }
   
   .table tr,
   .table td {
      display: block;
   }
   
    .table tbody tr:hover td,
    .table tbody tr:hover th {
      background-color: inherit;
    }
    
   .table tr {
      border: 1px solid #ddd;
      margin-bottom: 10px;
   }    
   
   .table td {
      border: 0;
   }
   
   .table tr.projectjobtitle {
      border: 0;      
   }
   
   .table tr.projectjobtitle td {
      padding: 0;
   }
     
   .consultantname {
      font-weight: bold;
   }   
   
   .avatar {
        width: 85px;
    }
    
    table input,
    table select,
    table textarea {
        max-width: 80%;
        width: 150px;
    }
    
    .avatar_profile {
        width: 85px;
    }
    
    .avatar_profile .avatar {
        width: 85px;
    }
    
    .tabsheet #search {
        width: 85px;
    }
    
    .experiencesearch {
        float: none;
        clear: both;
        width: auto;
        text-align: left;
        margin: 50px 0 30px 0;
    }
      
   /*
   #steRequestColumn thead {
      display: none;
   }
   
   #steRequestColumn td {
      display: block;
   }
   */

}

/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {

}

/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
   .grid_1, .grid_2 {
      float: none;
      width: 100%;
   }

   .grid_1 .innergrid {
      margin-right: 0;
   }
   
   .grid_2 .innergrid {
      margin-left: 0;
   }
}

/* iPhone Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:landscape) {
   
   body {
      padding: 0;
      width: 400px;
   }   
   
   #box {      
      margin: 0 15px;      
   }
   
   #infloatbox_breadcrumbs {
      display: none;
   }
}

/* iPhone Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:portrait) {
   
   #infloatbox_breadcrumbs {
      display: none;
   }
}

   /* FCE 2 Columns */

   .fce_2columns .fce_2columns_column1 {
      float: none;
      width: auto;
   }

   .fce_2columns .fce_2columns_column2 {
      float: none;
      width: auto;
   }
   
   .fce_2columns .fce_2columns_column1_inner {
      margin-right: 0;
   }

   .fce_2columns .fce_2columns_column2_inner {
      margin-left: 0;
   }
   
   /* FCE 2 Columns in 2 Columns */

   .fce_2columns .fce_2columns .fce_2columns_column1 {
      float: left;
      width: 50%;
   }

   .fce_2columns .fce_2columns .fce_2columns_column2 {
      float: right;
      width: 50%;
   }
   
   .fce_2columns .fce_2columns .fce_2columns_column1_inner {
      margin-right: 15px;
   }

   .fce_2columns .fce_2columns .fce_2columns_column2_inner {
      margin-left: 15px;
   }
   
   /* 2 Columns Outro */  
   
   #outro .fce_2columns_column2_inner {
      margin-left: 0;
      background-image: url(../img/divider_shadow.png);
      background-position: top center;
      background-repeat: no-repeat;
      background-size: 100%;     
   }
   
   #outro .fce_2columns_column2_inner > div {
      margin-top: 30px;
      padding-top: 40px;
   }

   #outro .fce_2columns_column2_inner .align-right {
      text-align: left;
   }  
   
   /* 3 Columns */

   .fce_3columns .fce_3columns_column1 {
      float: none;
      width: auto;
   }

   .fce_3columns .fce_3columns_column2 {
      float: none;
      width: auto;
   }
   
   .fce_3columns .fce_3columns_column3 {
      float: none;
      width: auto;
   }
   
   .fce_3columns .fce_3columns_column1_inner {
      margin-right: 0;
   }

   .fce_3columns .fce_3columns_column2_inner {
      margin-left: 0;
      margin-right: 0;
   }
   
   .fce_3columns .fce_3columns_column3_inner {
      margin-left: 0;
   }
   
   /* Marginal */

   .fce_marginal .fce_marginal_column1 {
      float: none;
      width: auto;
   }

   .fce_marginal .fce_marginal_column2 {
      float: none;
      width: auto;
      background-image: none;
   }
   
   .fce_marginal .fce_marginal_column1_inner {
      margin-right: 0;
   }

   .fce_marginal .fce_marginal_column2_inner {
      margin-left: 0;
   }
   
   /* FCE 2 Columns Small & Wide */

   .fce_2columns_small_wide .fce_2columns_small_wide_column1 {
      float: none;
      width: auto;
   }

   .fce_2columns_small_wide .fce_2columns_small_wide_column2 {
      float: none;
      width: auto;
   }
   
   .fce_2columns_small_wide .fce_2columns_small_wide_column1_inner {
      margin-right: 0;
   }

   .fce_2columns_small_wide .fce_2columns_small_wide_column2_inner {
      margin-left: 0;
   }
   
   /* 4 Columns */
   
   .fce_4columns .fce_4columns_column1,
   .fce_4columns .fce_4columns_column2,
   .fce_4columns .fce_4columns_column3,
   .fce_4columns .fce_4columns_column4 {
      width: 50%;
   }
   
   .fce_4columns_column1_inner {
      margin-right: 15px;
   }
   
   .fce_4columns_column2_inner {
      margin-left: 15px;
      margin-right: 0;
   }
   
   .fce_4columns_column3_inner {
      margin-left: 0;
      margin-right: 15px;
   }
   
   .fce_4columns_column4_inner {
      margin-left: 15px;
   }
   
   .fce_4columns .fce_4columns_column3 {
      clear: both;
   }
   
   /* Slider */
   .carousel-caption {      
      width: 100%;   
   }
   
   .carousel-caption-inner {
      padding: 8px 20px 15px 20px;
   }