/* 



StyApplPublic.css       För default.aspx (se även StyApplPublicAnslagstavla.css)



#Chg_2014-06-03_SHO  Removes most font-size to make it simpler when making it 
	"responsive" so better on small screens.
    		font-size: 24px; 

#Chg_2012-11-24_SHO  Created



Remember...  class="."  id="#"




*/
 
/* @media screen and (max-width: 480px) */
@media screen and (max-device-width: 10cm)

{
h1
{
    font-size: 50px; 
}

h2
{
    font-size: 40px; 
}
body
{
    font-size: 24px; 
}

}
/*  End @media  */



body {
    padding-left: 15px;
    padding-right: 15px;
/*    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;*/
    font-family: Arial, sans-serif; /*                 #Chg_2025-02-19  Olofström ville ha Arial */
    text-align: left;
    /* background-color: #f7f8ec;   Blekinge hade vitt nu... */ /* very light green */
    /* font-size: 80%;                  #Chg_2015-11-30  Tries percent, maybe better? */
    /* font-size: 150%;                 #Chg_2025-01-27  Olofström ville ha större text */
    font-size: 100%; /*                 #Chg_2025-02-19  Olofström ville ha mindre text igen */
    line-height: 150%; /*               #Chg_2025-01-27  Olofström ville ha större pga enklare klickbarhet o WCAG 2.2 */
    overflow-x: hidden; /*              #Chg_2025-01-27  Internet-tips säger att hori-hiss undviks så */
}

h1
{
/*    font-size: 24px; */
}

h2
{
/*    font-size: 20px; */
}

.st_resetfloat
{
    clear: both;
}

.sty_h1
{
/*    font-size: 24px; */
    float: left;
    padding-right: 20px;
}

.sty_header_breadcrumbs {
    /*
    font-size: 13px; 
    float: right;
    */
    padding-top: 18px;
    padding-right: 10px;
}

.sty_header_to_bottom
{
    padding-top: 18px;
    padding-bottom: 6px;
    float: right;
}

.sty_header_img_class
{
    padding-top: 15px;
    padding-bottom: 15px;
    /*  #Chg_2014-05-23_SHO  Kommenterar bort width för att se bättre ut på mobil etc
    width: 900px;
    */
}

.sty_header_img_search
{
    float: right;
    padding-bottom: 5px;
    padding-right: 20px;
}

.sty_header_txt_search
{
    padding-top: 5px;
    padding-bottom: 5px;
/*    font-size: 14px; */
    float: right;
}

.sty_div_header_text
{
    padding-top: 5px;
}

.sty_navigate_top_bottom_class
{
    padding-top: 2px;
/*    font-size: 12px; */
    text-align:right;
}

.sty_textboxfelmedd_class
{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 500px;
}

/* #Chg_2014-05-23_SHO Verkar inte användas, kommenterar bort
.sty_helptext_class
{
    width: 700px;
}
*/

.sty_help_icon_class
{
    float: left;
    width: 50px;
    padding-left: 10px;
}

/* #Chg_2014-05-23_SHO Verkar inte användas, kommenterar bort
.sty_help_icon_text_class
{
    float: left;
    width: 500px;
    padding-left: 10px;
}
*/

.sty_small
{
/*    font-size: 12px; */
}



#sty_div_main
{
    padding-top: 10px;
    padding-bottom: 10px;
}

#sty_div_main_breadcrumbs
{
/*    font-size: 13px; */
    padding-bottom: 25px; 
}

#sty_div_main_result
{
/*    font-size: 16px; */
}

.sty_div_row
{
    clear: both;
}

.sty_div_row_img
{
    float: left;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-right: 7px;
}

.sty_div_row_txt
{
    float: left;
    padding-right: 6px;
}



.sty_div_footer
{
/*    font-size: 12px; */
}

.sty_div_footer_text {
    padding-top: 5px;
    text-align: right;
    font-size: 80%; /* #Chg_2025-01-27  Mindre "störande" kanske */
}

.no_show {          /* #Chg_2025-01-27  Ny */
    display: none;
}

.maybe_no_show {    /* Chg_2025-01-27  Tänkt att här ändra centralt om en viss kund inte vill ha */
    display: none;
}