body
{

font-family: 'Open Sans', sans-serif;}

.Pcontainer

{
    
    position: relative;
  text-align: center;
  color: #423b2a;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight:500;
  font-size:4vw;
}

.center

{
    
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

.listInfoColumn h3
{
    
    font-weight:500;

    
}
.oShortDesc h3
{
    
    font-weight:700;

    
}


.hLogo, .hLogo a
{
    
    
    font-size:35px;
    font-weight: 500;
    color:black;
  
}

.grayButton{
    background-color: #838588 !important;
}

.grayButton:hover {
    color: #3fbf5f;
    background-color: #599b6f !important;
}

                
.payLogoText
{
    
    margin-top:15px;
    color:white;
    padding:10px;
    border:2px solid #F7F7F7;
    border-radius:3px;
    text-align:center;
}
           
.colorLoginBox
{
    
        color:#000000 !important;
    
    
}

p
{
    
margin-top:5px !important;
margin-bottom:5px !important;


font-family: 'Open Sans', sans-serif !important;
}

h1
{
    
margin-top:20px !important;
margin-bottom:30px !important;
border-bottom:1px solid #EEE !important;

font-family: 'Crimson Text', serif !important;}


h2
{
    
margin-top:40px;
margin-bottom:20px !important;
border-bottom:0px solid #EEE !important;
font-family: 'Crimson Text', serif !important;}

}


h2.noTopMargin
{
    
    margin-top:10px !important;
    
    
    
    
}


.grayButton, .grayButton:hover
{
    
    
    
font-family: 'Open Sans', sans-serif !important;
font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.2em;
    text-transform: none;
    font-size: 18px;
    color: #fff;
    background-color: #a8a6a1;
    border-color: #fff;
    padding: 1.2rem 2.004rem;
    border-radius:5px;
    text-decoration:none;
    display:inline-block;
}





#divDesktopMenu ul {
    float:right;
    font-family: 'Open Sans', sans-serif !important;
    margin-top:10px;
    width:100%;
    margin-bottom: 0px;
    color:#ffffff !important;
}



#divDesktopMenu li {
    padding: 5px 15px 5px 0px;
    float:left;
    display:inline;
    list-style-type:none;
    margin-top:5px;
    color:#ffffff !important;
}

#divDesktopMenu ul.smalMenu  li {
    padding:5px 5px 5px 5px;
    float:left;
    display:inline;
    list-style-type:none;
    margin-top:5px;
    margin-right:10px;
color:#ffffff !important;
}



#divDesktopMenu li a {
    font-size:18px;

   
    text-decoration:none;

   color:#000000;
    cursor:pointer;

    }
    
#divDesktopMenu li a:active {
  color:#599b6f !important;
  background-color: none;
  text-decoration:none;
  
   } 
   
#divDesktopMenu li a:hover {
    font-size:18px;

     color:#599b6f !important;
    text-decoration:none;


    cursor:pointer;

    }
    

    
    #divDesktopMenu li.mainMenuSelected a {

     color:#599b6f !important;
     border: 2px solid black;
     border-radius: 2px;
    padding: 2px 5px;

    cursor:pointer;

    }
    
    
    
    
  #divDesktopMenu ul.smalMenu li a {
    font-size:14px;
color:#000000;


    }  
    
       
  #divDesktopMenu ul.smalMenu li a:hover {
    font-size:14px;

      color:#599b6f;
    text-decoration:none;


    cursor:pointer;

    }  
    
  #divDesktopMenu ul.smalMenu {
   margin-top:0;
margin-bottom: 20px;
    }  
    
    
#divDesktopMenu li:hover
{

    color:#599b6f !important;

}

#divMobileMenu ul {
   
    margin-top:10px;
    width:100%;
font-family: 'Open Sans', sans-serif !important;
}

#divMobileMenu li {
    padding:10px 10px 5px 10px;
   
    list-style-type:none;
    margin-top:5px;
  color:#ffffff;
}



#divMobileMenu li a {
    font-size:18px;
 
 color:#000000 !important;
    text-decoration:none;



    cursor:pointer;

    }
    

    
    
    
#divMobileMenu li a:Hover {
    font-size:18px;
 
    color:#599b6f;
    text-decoration:none;



    cursor:pointer;

    }
#divMobileMenu li:hover
{
    color:#599b6f;
    

}
#divMobileMenu li:active
{
    color:#599b6f;
    

}
     


#divNavBarMenu {
    padding-bottom: 0px;
    margin-bottom: 0px;

}

.navbar-brand {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
   
}

/* Special för Text på Bild*/
.Pcontainer

{
    
   position: relative;
    text-align: center;
  
}

   .Pheader {
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight:200;
  font-size: min(4vw, 60px);
  color: #ffffff;
  font-family: 'Oswald', sans-serif !important;
  text-shadow: 0px 1px 2px #000000;
  white-space: nowrap;
  letter-spacing: 2px;
   }
   
   .box-border-flutra{
    
    box-shadow:  0px 0px 8px 5px #385494;
    
}
/*@media (min-width: 992px) {
    .box-border-flutra {
        max-width: 600px;
        margin: auto;
    }
}*/

.styled-table-ft {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
}
.styled-table-ft thead th {
    background-color: #DDEFEF;
    border: solid 1px #DDEEEE;
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}
.styled-table-ft tbody td {
    /*
    border: solid 1px #DDEEEE;
    color: #333;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
    */
}
.t-tbody-tr1{
    background-color: #DDEFEF;
    border: solid 1px #DDEEEE;
    color: #336B6B;
    padding: 10px;
    text-align: left;
  /*  text-shadow: 0.5px 0.5px 0.5px #385494;  */
}
.t-tbody-tr2{
  
    border: solid 1px #DDEEEE;
    color: #333;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;  
}
   
    .custom-container-ft {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 50px;
  
    }

    .custom-section {
       width: calc(100%-100px);
        padding: 20px;
        margin-bottom: 30px;
       /* Mellanrum mellan sektionerna */
       
    }
    
    @media (min-width: 1000px) { /* Anpassa beroende på önskad brytpunkt för stora skärmar */
        .custom-section table {
            /*min-width: 900px; */
            min-width:100%
        }
    }
    
   /*  @media (max-width: 1000px) { 
        .custom-section table {
          width:100%;
        }
    }*/

#title-center h1{
display:flex;
justify-content:center;
 
}