/* CSS for all about navigation */
nav a:hover {
  background-color: #f8f8f8;
  text-decoration: none;
}

.nav > li > a, .logo > img, nav li a {
  display: block;
  padding: 10px 15px;
  position: relative;
}


/* Overwrite the displaying for the main headline of the pages*/
.page-headline a {
  display: inline-block;
  padding: 0;
  min-height: 50px;
  position: relative;
}

.navbar-top-links li a, .logo > img {
  min-height: 50px;
  padding: 15px;
}

.logo, aside#sidebar-left {
  width: 250px;
}

.nav-page-header {
  margin: 0;
  line-height: 50px;
}

.nav-page-header li {
  display: inline;
  list-style-type: none;
}

.nav-page-header li div {
  float: left;
  min-height: 50px;
  font-size: 18pt;
}

.nav-page-header, .nav-page-header li div, .nav-page-header li div h3 {
  padding-left: 15px;
  margin: 0;
}

.page-icon div {
  width: 45px;
}

.navbar-default {
  background-color: #ffffff;
  border-color: transparent;
}

aside#sidebar-left {
  position: absolute;
  left: 0;
  z-index: 1;
}

aside#sidebar-left nav {
  border: 0 none;
}

aside nav ul {
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
}

aside nav ul li {
  display: block;
  position: relative;
}

/* insert spacing for second level navigation */
aside#sidebar-left ul li ul li a {
  padding-left: 37px;
}

aside#sidebar-left .nav-third-level {
  margin-left: 15px; /* according to the <a> styling of the navigation (top level) */
}