@charset "utf-8";
body {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 16px;
          background-color: #4896AA;
          padding-top: 2px;
}

.navbar-brand {
          background-color: #4896AA;
          padding-left:5px;
 padding-right:5px;
          font-size: 20px;
}
#collapsibleNavbar .nav.nav-pills .nav-item {
          background-color: #4896AA;
          color: #F2F2F2;
         
}
.nav.nav-pills .nav-item .nav-link {
          color: #F2F2F2;
          background-color: #4896AA;
	
}
 .nav-item .nav-link {
    color: #F2F2F2;
    background-color: #4896AA;
     margin-left: 7px; 
   
    text-align: center;
}
      
.nav-link:hover{
          color: #FFFFFF;
          background-color: #346F7E;
          border-top: 4px solid #FF8000;
          border-bottom: 4px solid #FF8000;
}

#collapsibleNavbar .nav.nav-pills  {
          background-color:  #4896AA;
          color: #F2F2F2;
          
}
.nav-item.dropdown {
          background-color: #4896AA;
          color: #F2F2F2;
}
#collapsibleNavbar div .gcse-search {
          background-color: #4896AA;
}
.nav.nav-pills .nav-item.dropdown .nav-link.dropdown-toggle {
          background-color: #4896AA;
          color: #F2F2F2;
}
.navram {
          background-color: #346F7E;
        
}
.navram .navbar-brand:hover {
          background-color: #346F7E;
          border-top: 4px solid #FF8000;
          border-bottom: 4px solid #FF8000;
}
.navbar-toggler {
          color: #FFFFFF;
          background-color: #4896AA;
}
.navbar-toggler:hover {
          color: #FFFFFF;
          background-color: #346F7E;
          border-top: 4px solid #FF8000;
          border-bottom: 4px solid #FF8000;
}
.dropdown-menu {
          background-color: #4896AA;
	  border-radius:0 0 15px 15px;
  
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0px;
}

a:hover, .dropdown:hover .dropbtn {
          color: #FFFFFF;
          background-color: #346F7E;
          border-top: 4px solid #FF8000;
          border-bottom: 4px solid #FF8000;
}
.dropdown-menu a:hover {
          color: #FFFFFF;
          background-color: #346F7E;
          border-top: 4px solid #FF8000;
          border-bottom: 4px solid #FF8000;
   
}
.dropdown-item {
          color: #F2F2F2;
          background-color: #4896AA;
    
}
#collapsibleNavbar .nav-item a:hover {
          color: #FFFFFF;
          background-color: #346F7E;
 	  border-top: 4px solid #FF8000;
          border-bottom: 4px solid #FF8000;
}
#collapsibleNavbar .navbar-brand a:hover {
          color: #FFFFFF;
          background-color: #346F7E;
 	  border-top: 4px solid #FF8000;
          border-bottom: 4px solid #FF8000;
}
#myBtnTop {
          display: none;
          position: fixed;
          bottom: 20px;
          right: 30px;
          z-index: 99;
          font-size: 12px;
          border: none;
          outline: none;
          background-color: #288EF5;
          color: white;
          cursor: pointer;
          padding: 15px;
          border-radius: 4px;
}
#myBtnTop:hover {
          color: #FFFFFF;
          background-color: #346F7E;
          border-top: 4px solid #FF8000;
          border-bottom: 4px solid #FF8000;
}
#myBtnTop br {
          color: #FFFFFF;
          background-color: #4896AA;
          border-top: 4px solid #FF8000;
          border-bottom: 4px solid #FF8000;
}

.titelrubrik {
    
    background-color: #346F7E;
    color: #F2F2F2;
    text-align: center;

}