/* CSS Document */

.nav ul {
	white-space:nowrap;
	list-style-type:none;
}
ul.nav {margin:0px; }
.nav a {
	display:block;
	padding-left:2em;
	padding-right:2em;
	height:36px;
	line-height:36px;
	color:rgb(255,255,255);
	background-color:rgb(20,90,140);
	font-size:0.9em;
}
.nav a:hover {
	background-color:rgb(70,122,159);
	text-decoration:none;
}
.nav a::after {
	content:"";
}
.nav li {
    position: relative;
	border-left: 1px solid rgb(255,255,255);
	font-size:1em;
	margin-bottom:0;
}
.nav > li {
	border-left: 1px solid rgb(255,255,255);
	display:inline-block;
	margin-left:-4px;
}
.nav > li:first-child {
	border-left: none;
	margin:0;
}

.nav li ul {
    position: absolute;
	display:none;
    z-index: 100;
	min-width:155px;
	margin:0px;
}
.nav li li a {
    display: block;
    position: relative;
    z-index:100;
    border-top: 1px solid rgb(255,255,255);
/*    border-right: 1px solid rgb(255,255,255); */
/*	background-color:rgb(51,153,204); */
}
.nav li li li a {
    z-index:200;
/*    border-top: 1px solid rgb(255,255,255); */
/*	background-color:rgb(102,204,255); */
}

.nav > li.hover > ul {
	display:block;
}
.nav li li.hover ul {
	display:block;
	left:100%;
    top: 0;
}

a.aktiv {
	background-color:rgb(51,51,102);
	text-decoration:none;
}

@media (max-width: 640px) {
	.nav a {
		font-size:1.2em;
	}
	.nav li{
		display:block;
		margin:0 0 0 0;
		border:none;
	}
	.nav ul{
		display:block;
	}
	.nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	.nav > li {
		border:none;
	    border-top: 1px solid rgb(255,255,255);
	}
	.nav li li a {
		background-color:rgb(70,122,159);
	}
	.nav li li a.aktiv {
		background-color:rgb(51,51,102);
	}

}