@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

a{
  color: black;
  text-decoration: none;
	background-color: transparent;
	font-size: 15px;
}

.mainnav{
  background-color: transparent;
    /*jan*/
  	list-style: none; 
	position: relative;
	z-index: 1000;
	float: left;  /*jan*/
	display: block;
	height: auto;
	width: auto;
}
.mainnav ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  /*jan*/
	position: relative; 
    /*jan*/
  
}
.mainnav a{
  display: block;
  padding: 10px;
}

/*first levek*/
.mainnav>ul>li{
  display: inline-block;
  border-right: 1px solid silver;
  position: relative;
}

/*second level*/
.mainnav ul ul{
  display: none;
  background-color: #fff1c4;
  position: absolute;
z-index: 3000;
	font-size: 15px;
	border-bottom: 1px solid silver;
}

.mainnav li li a{
	color: #8c2239;
	z-index: 3000;
	border-bottom: 1px solid silver;
}


.mainnav ul ul li{
  border-bottom: 1px solid black}

/*hover fallback for browser without js*/
.mainnav.nojs>ul>li:hover>ul{
  display: block;
}

/*visually mark items with submenu*/
li.parent>a:after{
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  text-transform: normal;
  content: "\f01a";
  padding-left: 5px;
}

/*display submenu if has class .open (via js)*/
.mainnav>ul>li.open>ul{
  display: block;
}