/* ANY CSS FOR ALL WIDTHS GOES HERE
----------------------------------------------------------- */
@media screen and (min-width:1100px) and (max-width: 1280px){

.s5_wrap {
    margin-left: 25px;
    width: 94% !important;
}

}

@media screen and (min-width:970px) and (max-width: 1100px){

.s5_wrap {
    margin-left: 25px;
    width: 92% !important;
}

}


@media screen and (max-width: 1000px){
.s5_wrap {
 width:94% !important;
}

#s5_component_call_wrap {
    float: none;
    margin-left: 20px;
    width: 100% !important;
}

#s5_component_wrap_inner {
        padding-left: 35px !important;
        padding-right: 35px !important;
        padding-top: 10px;
        padding-bottom: 25px;
}

 #s5_middle_bottom_wrap, #s5_middle_top_wrap {
        padding-left:15px;
        padding-right:15px;
        padding-bottom:0px;
        }

#s5_center_area1 {
    padding-top: 15px;
}

.module_round_box {
    padding: 15px;
}

.module_round_box_outer {
    font-size: 0.8em;
    margin-bottom: 10px;
    margin-right: 0px;
}

#fontControls {
        display:none;
        }

body {
font-size:0.9em !important;
}

#s5_body_padding {
 padding-top:15px;
}

#newsletter_wrap .button {
width:24% !important;
 }

#s5_footer {
 float:left;
margin-bottom:12px;
}

#s5_bottom_menu_wrap {
 width:100%;
    }
}

@media screen and (min-width:800px) and (max-width: 970px){
 #s5_nav li a {
    font-size: 0.8em!important;
  }
}

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

.s5_wrap {
    margin-left: 15px;
    width: 92% !important;
}

#s5_nav li {
        height: 35px;
        padding-top: 10px;
        padding-right: 15px;
        padding-bottom: 0;
        padding-left: 10px;
}

#s5_nav li:hover, #s5_nav li.mainMenuParentBtnFocused {
padding-top:5px;
}

#s5_nav li a {
    font-size: 0.7em!important;
}

}

@media screen and (min-width:580px) and (max-width: 600px){
        .s5_wrap {
    margin-left: 10px;
    width: 90% !important;
}

#s5_nav li {
    padding: 10px 10px 0 10px!important;
}
}

@media screen and (max-width: 750px){
        .slideInfoZone {
        width:80% !important;
        }
        #s5_pos_custom_2 {
        display:none;
        }
}

@media screen and (min-width: 579px){
.show_mobile {
display:none;
}
.hide_mobile {
display:inline;
}
}

@media screen and (max-width: 579px){

.show_mobile {
display:inline;
}

.hide_mobile {
display:none;
}



 #s5_pos_middle_top_1 {
        display: none;
}

.pwebfblikebox.slidebox .pwebfblikebox_tab,
.pwebfblikebox_container {
        top: -160px!important;
}

.pwebfblikebox .pwebfblikebox_tab.f-black {
        background-image: url(../images/f-white.png);
        height: 50px;
        background-color: transparent!important;
 }

.pwebfblikebox.pwebfblikebox-radius.pwebfblikebox-right .pwebfblikebox_tab {
        border-radius: 0px!important;
}

.jPanelModule,
#s5_pos_sidebar_top,
#s5_top_row1_area1 {
        display: none;
}

 #s5_right_column_wrap_inner .s5_float_left, #s5_left_column_wrap_inner .s5_float_left {
        float:none;
}

 #s5_columns_wrap_inner {
        width:100%;
        }

 #s5_center_column_wrap {
        width:100%;
        left:100%;
        }

 #s5_left_column_wrap {
        left:0%;
        }

 #s5_left_top_wrap, #s5_left_column_wrap, #s5_left_inset_wrap, #s5_left_wrap, #s5_left_bottom_wrap, #s5_right_top_wrap, #s5_right_column_wrap, #s5_right_inset_wrap, #s5_right_wrap, #s5_right_bottom_wrap, #s5_top_row1 .s5_float_left, #s5_top_row2 .s5_float_left, #s5_top_row3 .s5_float_left, #s5_above_columns_inner .s5_float_left, #s5_middle_top .s5_float_left , #s5_middle_bottom .s5_float_left, #s5_below_columns_inner .s5_float_left, #s5_bottom_row1 .s5_float_left, #s5_bottom_row2, .s5_float_left, #s5_bottom_row3 .s5_float_left, #s5_above_body .s5_float_left, #s5_below_body .s5_float_left {
        width:100% !important;
        }

        #s5_center_column_wrap_inner {
        margin:0px !important;
        }

        #s5_left_column_wrap {
        margin-right:0px !important;
        }

        #s5_right_column_wrap {
        margin-left:0px !important;
        }

        .items-row .item {
        width:100% !important;
        padding-left:0px !important;
        padding-right:0px !important;
        margin-right:0px !important;
        margin-left:0px !important;
        }

        /* CUSTOM
        ----------------- */
        .slideInfoZone {
        display:none;
        }

        .cust_quote_text_wrap {
        width:auto;
        float:none;
        padding:6%;
        }

        .cust_quote img {
        width:auto;
        float:none;
        }

        #s5_social_wrap {
        float:left;
        clear:both;
        margin-top:8px;
        margin-left:0px;
        }

        #s5_social_wrap div {
        margin-left:0px;
        margin-right:5px;
        }

        #s5_pos_language {
        margin-top:-22px;
        }

        #s5_button_frame ul li {
        width:100% !important;
        height:auto !important;
        margin:0px;
        text-indent:0px;
        margin-bottom:6px;
        }

        #s5_button_frame ul li a {
        color:#FFFFFF !important;
        padding:6px;
        }

        #s5_button_frame {
        float:none;
        margin:0px;
        margin-bottom:20px;
        }
}

@media screen and (max-width: 800px){
        #s5_bottom_row3 .module_round_box_outer {
        margin-bottom:10px;
        }
}

@media screen and (max-width: 750px){
.s5_ie_single_column #s5_right_column_wrap_inner .s5_float_left, .s5_ie_single_column #s5_left_column_wrap_inner .s5_float_left {
 float:none  !important; }

        .s5_ie_single_column #s5_columns_wrap_inner {
        width:100%  !important;
        }

        .s5_ie_single_column #s5_center_column_wrap {
        width:100%  !important;
        left:100%  !important;
        }

        .s5_ie_single_column #s5_left_column_wrap {
        left:0%  !important;
        }

        .s5_ie_single_column #s5_left_top_wrap, .s5_ie_single_column #s5_left_column_wrap, .s5_ie_single_column #s5_left_inset_wrap, .s5_ie_single_column #s5_left_wrap, .s5_ie_single_column #s5_left_bottom_wrap, .s5_ie_single_column #s5_right_top_wrap, .s5_ie_single_column #s5_right_column_wrap, .s5_ie_single_column #s5_right_inset_wrap, .s5_ie_single_column #s5_right_wrap, .s5_ie_single_column #s5_right_bottom_wrap {
        width:100% !important;
        }

        .s5_ie_single_column #s5_center_column_wrap_inner {
        margin:0px !important;
        }

        .s5_ie_single_column #s5_left_column_wrap {
        margin-right:0px !important;
        }

        .s5_ie_single_column #s5_right_column_wrap {
        margin-left:0px !important;
        }

        .s5_ie_single_column  .items-row .item {
        width:100% !important;
        padding-left:0px !important;
        padding-right:0px !important;
        margin-right:0px !important;
        margin-left:0px !important;
        }
}


@media screen and (max-width: 640px){
#s5_component_wrap_inner {
        padding-left: 0px !important;
        padding-right: 35px !important;
        padding-top: 10px;
        padding-bottom: 25px;
}
}

.box a {
background: #1e5799; background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
text-shadow: 0 1px 0 #000;
-webkit-box-shadow: 1px 1px 5px #555;
-moz-box-shadow: 1px 1px 5px #555;
box-shadow: 1px 1px 5px #555;
display: block;
width:300px;
height: 100px;
margin: 20px auto;
overflow: hidden;
-moz-border-radius: 20px;
border-radius: 20px;
text-decoration:none;
-webkit-transition: all 1.2s linear;
-moz-transition: all 1.2s linear;
-o-transition: all 1.2s linear;
transition: all 1.2s linear;
}

.box a:hover {
-moz-border-radius: 20px;
border-radius: 20px;
}

.box a img {
float:left;
margin:18px 20px;
}

.box h5 {
float:left;
text-align:left;
color:#ffffff;
width:300px;
margin:25px 0;
font-size:30px;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
}

.box a:hover h5 {
margin-top: -140px;
}

.hsbk_bild {
opacity: 0.25;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}

.hsbk_bild:hover {
opacity: 1;
} 


.hsbk2_bild {
opacity: 0.6;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}

.hsbk2_bild:hover {
opacity: 1;
} 

a.tooltip
{
  position: relative;
  text-decoration: none;
  color: black;
}

a.tooltip span
{
  display: none;
}


a.tooltip:hover span
{
  position: absolute;
  display: block;
  border: 1px solid black;
  background: #01307D;
  color: #FFFFFF;
  padding: 0.2em;
  width: 96.55%;
  text-align: center;
}