/* Navigation bar */
.topnav {
  overflow: hidden;
  background-color: #4a599a;  
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  height: 40px;
  background-image: linear-gradient(to bottom, #879ae5 50%, transparent 50%);
  background-position: 0px 2.7em;
  background-repeat: repeat-x;
  background-size: 1px 5px;    
}

.topnav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;  
  display: inline;  
}

.topnav li {
}

/* Navigation links */
.topnav li a {
  float: left;
  color: #879ae5;
  text-align: center;
  padding: 14px 10px;
  text-decoration: none;
  background-image: linear-gradient(to bottom, #879ae5 50%, transparent 50%);
  background-position: 0px 2.7em;
  background-repeat: repeat-x;
  background-size: 1px 5px;
}

.topnav li a:hover {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #FFFFFF 50%, transparent 50%);
  background-position: 0px 2.7em;
  background-repeat: repeat-x;
  background-size: 1px 5px;  
}

.topnav li a.topnavactive {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom, #FFFFFF 50%, transparent 50%);
  background-position: 0px 2.7em;
  background-repeat: repeat-x;
  background-size: 1px 5px;  
}

/* Navigation separator image */
.topnav li.navline {
  float: left;
  width:25px;
  height:20px;
  padding: 10px 5px;
  background-image: url("/images/navbar_diagonalline.png");
  background-position: 5px 0.9em;
  background-repeat: no-repeat;
  background-size: 25px 20px;
}

/* Navigation separator image end */
.topnav li.navlineend {
  float: left;
  width:25px;
  height:20px;
  padding: 10px 5px;
  background-image: url("/images/navbar_diagonalline.png");
  background-position: 5px 0.9em;
  background-repeat: no-repeat;
  background-size: 25px 20px;
}

/* Small screen */
@media screen and (max-width: 700px) {
.topnav { height: auto; background-image: none; }
.topnav li.navlinestart { display: none; }
.topnav li.navline { display: none; }
.topnav li.navlineend { display: none; }
.topnav ul {
    width: 100%;
	display: block;
  }
  
.topnav li {
	padding: 14px 0px;	
	text-center: center;
  }  
  
.topnav li a {
    float: none;
  }
}