@charset "utf-8";
#navbar{z-index:1000;}

.navbar-default {

	background:none;

	border:none;

}

.dropdown-menu > li.kopie > a {

	padding-left: 5px;

}

.dropdown-submenu {

	position: relative;

}

.dropdown-submenu > .dropdown-menu {

	top: 0;

	left: 100%;

	margin-top: 0px;

	margin-left: 0px;

	border-radius: 0px;

	box-shadow: none;

	padding: 0px;

}



.dropdown-submenu:hover>a:after {

	border-left-color: #555;

}

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {

	text-decoration: underline;

}


.vertical-menu-bar ul {

	position: relative;

	float: left;

	width: 100%;

	text-align: left;

}

.vertical-menu-bar .navbar-nav > li.dropdown:hover .dropdown-menu {

	width: 100%;

	padding: 0px;

	position: relative;

	left: 0;

	border: none;

	box-shadow: none;

	border-radius: 0px;

}



.vertical-menu-bar .navbar-nav > li.dropdown:hover .dropdown-menu li:last-child {

	border-bottom: none;

}

.vertical-menu-bar .navbar-nav > li {

	margin: 0px;

	width: 100%;

	line-height: 35px;

	padding: 0px;


}

.vertical-menu-bar .navbar-nav > li:last-child {

	border-bottom: none;

}

.vertical-menu-bar .caret {

	float: right;



	vertical-align: middle;

	border-top: 4px dashed;

	border-top: 8px solid;

	border-right: 8px solid transparent;

	border-left: 8px solid transparent;

}

.navbar-nav > li > .dropdown-menu {

	margin: 0px;

	padding: 0px;

}

ul.nav li > ul.dropdown-menu li:hover {



}

.navbar-nav > li {

	cursor: pointer;

}

@media all and (min-width:220px) and (max-width:767px) {

#togle-opan:hover .collapse {

	display: block;

}

.navbar-nav > li.dropdown:hover .dropdown-menu {

	display: block;

}

.dropdown.dropdown-submenu .dropdown-menu {

	display: none !important;

}

.dropdown.dropdown-submenu:hover .dropdown-menu {

	display: block !important;

}



.navbar-nav > li.dropdown:hover .dropdown-menu {

    width: 100%;

    padding: 0px;

    position: relative;

    left: 0;

    border: none;

    box-shadow: none;

}



.vertical-menu-bar .collapse {

	display: block;

}

.vertical-menu-bar .navbar-nav {

	margin: 0px;

}

#togle-opan .navbar-nav > li {

	margin: 0px 0px;

	width: 100%;

}

.navbar-header:hover .navbar-collapse-1{ display:block;}

#navbar-collapse-1{ display:none;}

}





@media (max-width: 767px) {

.navbar-nav {

	display: inline;

}

.navbar-default .navbar-brand {

	display: inline;

}


.navbar-default .navbar-nav .dropdown-menu > li > a {

	color: red;

	background-color: #ccc;

	border-radius: 4px;

	margin-top: 2px;

}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {

	color: #333;

}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

	background-color: #ccc;

}

.navbar-nav .open .dropdown-menu {

	border-bottom: 1px solid white;

	border-radius: 0;

}

.dropdown-menu {

	padding-left: 10px;

}

.dropdown-menu .dropdown-menu {

	padding-left: 20px;

}

.dropdown-menu .dropdown-menu .dropdown-menu {

	padding-left: 30px;

}

li.dropdown.open {

	border: 0px solid red;

}

#navbar .navbar-header {

    background:#ececec;

    border-radius: 6px;

    box-shadow: 1px 2px grey;

    margin: 0px 1%;

}

























 .navbar-header.hello{

    background:#ececec;

    border-radius: 6px;

    box-shadow: 1px 2px grey;

	 margin: 0px !important;

}

.header-menu{

    width: 50%;

    float: left;

    margin: 14px 12px;

}



}

 @media (min-width: 768px) {

	 .header-menu{ 

	 display:none;

}

ul.nav li:hover > ul.dropdown-menu {

	display: block;

}

#navbar {

	text-align: center;

}

}




































.vertical-menu-bar .navbar-nav > li.dropdown:hover::before {

	position: absolute;

	z-index: 1;



	left: calc(50% - 10px);

	top: 25px;

	border-style: solid;

	border-width: 10px 10px 0 10px;

	border-color: #e1e1e1 transparent transparent transparent;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-property: transform;

	transition-property: transform;

}

.vertical-menu-bar .navbar-nav > li > .dropdown-menu {

	position: relative;

	z-index: 0;

}

.vertical-menu-bar .navbar-nav > li.dropdown:hover::before, .vertical-menu-bar .navbar-nav > li.dropdown:focus::before, .vertical-menu-bar .navbar-nav > li.dropdown:active::before {

	-webkit-transform: translateY(10px);

	transform: translateY(10px);

}