html, body{
  min-height: 100%;
}
body{
  position: relative;
}

header {
    position: relative;
    z-index: 10;
}

.showme {
display:block !important;
}

.hideme {
display:none !important;
}

#overlay {

}
.overlay {
position:fixed;
width:100%;
height:100%;
background-color: rgba(0,0,0,0.5);
z-index: 9;
outline: 9999px solid rgba(0,0,0,0.5);
}
.isModal {
 /* some styles to position the modal at the center of the page */
  
  
    /* needed styles for the overlay */
    z-index: 10; /* keep on top of other elements on the page */
    /*outline: 9999px solid rgba(0,0,0,0.5);*/
}
.notVisible {
display:none;
}

.visibleBelow560 img {
text-align:center;
}

.searchPanel .title,.rightModul .title  {
cursor:pointer;
}

@media only screen and (min-width:1280px) { 
	
    .searchPanel {
        width: 213px !important;
            /*display: inline-block !important;*/
    }

    .rightBand {
      width: 290px !important;
         /* display: inline-block !important;*/
    }

    .visibleBelow560 {
        display:none !important;
    }

     .visibleBelow480 {
        display:none;
    }
}


@media only screen and (min-width:960px) and (max-width:1279px) { 
.searchPanel {
        width: 200px !important;
        /* display: inline-block !important;*/
    }
.rightBand {
      width: 200px !important;
          /*display: inline-block !important;*/
    }
 .listItem img, .listItem .svg {
    width:38px;
 
    }
.visibleBelow560 {
        display:none !important;
    }

 .visibleBelow480 {
        display:none;
    }

}


@media only screen and (min-width:720px) and (max-width:959px) { 
	.searchPanel {
        width: 200px !important;
       /* display:none !important;*/
    }
    .wrapperPanelLeft,.wrapperPanelRight {
   /* display:block !important;*/
    }

    .rightBand {
      width: 200px !important;
     /* display:none !important;*/
    }
     .listItem img, .listItem .svg {
    width:38px;
   
    }

    .searchPanel, .rightBand  {
     margin-left:0px !important;
     margin-right:0px !important;
     border-right:none !important;
     border-left:none !important;
     margin-top:-7px;    
    }
  
     .visibleBelow560 {
        display:block !important;
    }

     
     .hiddenBelow560 {
        display:none !important;
    }

      .visibleBelow480 {
        display:none;
    }
}



@media only screen and (min-width:600px)  and (max-width:719px) {

      .searchPanel, .rightBand  {
     margin-left:0px !important;
     margin-right:0px !important;
     border-right:none !important;
     border-left:none !important;
    
    }

    .wrapper {
    overflow-x:hidden;
    min-height: 425px;
    height: 100%;
    }
    .searchPanel {
        width: 200px !important;
        display:inline-block;
    }
    .rightBand {
      width: 200px !important;
      border-left:none !important;
    }
    .listItem img, .listItem .svg {
        width:38px;
  
    }

    .wrapAsset .title {
    
    }
    .wrapAsset {
    max-width: 800px;
    width:100%;
    }

    .searchPanel,    .wrapAsset {
    display:inline-block !important;
    }
        .wrapAsset .TAView {
            display:block;
        }


    .rightModul {
        height: auto !important;
    }
    .rightBand {
        position: absolute !important;
        top: 10px;
        right: 0px;
        height: 39px;
        padding-top: 0px;
    }

        .rightBand .lastOpp, .rightBand .newsWidget {
        display:none !important;
        }
    .wrapAsset .searchModul,.wrapAsset .separator, .rightModul > .k-tabstrip-wrapper {
        display:none;
    }

     .visibleBelow560 {
        display:block !important;
    }
      .visibleBelow480 {
        display:none;
    }
     
     .hiddenBelow560 {
        display:none !important;
    }
}

@media (min-width:600px) {
    .visibleBelow600 {
        display: none;
    }
}

@media (max-width:599px) {
    .hiddenBelow600 {
        display: none;
    }
}

@media only screen and (min-width:480px)  and (max-width:599px) {
  .searchPanel, .rightBand  {
     margin-left:0px !important;
     margin-right:0px !important;
     border-right:none !important;
     border-left:none !important;
    
    }

    .listItem img, .listItem .svg {
        margin-right:10px !important;
        margin-left:0px !important;
    }
      .listItem img, .listItem .svg {
        height:25px;
    }
    .wrapper {
    overflow-x:hidden;
    min-height: 425px;
    height: 100%;
    }
    .searchPanel {
        width: 200px !important;
        display:inline-block;
    }
    .rightBand {
      width: 200px !important;
      border-left:none !important;
    }
   

    .wrapAsset .title {
    
    }
    .wrapAsset {
   
   
    }

    .searchPanel,    .wrapAsset {
    display:inline-block !important;
    }
        .wrapAsset .TAView {
            display:block;
        }


        .wrapAsset .TAView {
            width:100%;
            max-width:590px;
        }


    .rightModul {
        height: auto !important;
    }
    .rightBand {
        position: absolute !important;
        top: 9px;
        right: 0px;
        height: 39px;
        padding-top: 0px;
    }

        .rightBand .lastOpp {
        display:none !important;
        }
    .wrapAsset .searchModul,.wrapAsset .separator, .rightModul > .k-tabstrip-wrapper {
        display:none;
    }
     .visibleBelow560 {
        display:block;
    }

     .visibleBelow480 {
        display:none;
    }
     
     .hiddenBelow560 {
        display:none !important;
    }
  
}

@media only screen and (max-width:479px) {
    .searchPanel, .rightBand {
        margin-left: 0px !important;
        margin-right: 0px !important;
        border-right: none !important;
        border-left: none !important;
        display:none !important;
    }

    .listItem img, .listItem .svg {
        margin-right: 10px !important;
        margin-left: 0px !important;
    }
    .listItem img, .listItem .svg {
        height:25px;
    }

    #listLast .listItem a {
        display: block;
      
    }

    .wrapAsset .title {
        width: 100% !important;
        max-width: 200px;
    }

    .wrapper {
        overflow-x: hidden;
        min-height: 425px;
        height: 100%;
    }
    .searchPanel {
        width: auto !important;
        max-width: 200px;
        display: inline-block;
    }
    .rightBand {
      width: 200px !important;
      border-left:none !important;
    }
    

    .wrapAsset .title {
    
    }

    .searchPanel,    .wrapAsset {
    display:inline-block !important;
    }
        .wrapAsset .TAView {
            display:block;      
            width:100%;
            max-width: 480px;
        }


    .rightModul {
        height: auto !important;
    }
    .rightBand {
        position: absolute !important;
        top: 9px;
        right: 0px;
        height: 39px;
        padding-top: 0px;
    }

        .rightBand .lastOpp {
        display:none !important;
        }
    .wrapAsset .searchModul,.wrapAsset .separator, .rightModul > .k-tabstrip-wrapper {
        display:none;
    }

    .wrapAsset .title span {
        display: none;
        text-align:left !important;
    }

    img.visibleBelow480 {
        display: block;
        padding-left: 10px;
        padding-right: 6px;
    }

  

    #leftArrow img:not(.visibleBelow480) {
            top: 9px !important;

    }
     .title img.visibleBelow480 {
            top: 11px !important;

    }

      .rightArrow img {
        top: 3px !important;
    }

    .searchTitleText {
        vertical-align:middle;

    }
}


@media only screen and (max-width:1279px) {
    .wrapAsset .title.compactTitle span {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .wrapAsset .title.compactTitle img {
        top: 12px;
    }
}