.body .container {
 background-color: #eee;
}

.header-inner {
 background-color: #08d;
 margin: -20px;
 margin-bottom: 0px;
 padding: 20px;
 padding-bottom: 0px;
}

.site-title {
 color: #fff077;
}

.header-search {
 margin-top: -10px;
}

.mod-languages {
 max-width: 100px;
 margin-left: 4px;
 margin-bottom: 4px;
}

.navigation .nav-child {
 background-color: #eee;
 margin: 0;
}

.navigation  .nav li li {
 position: relative;
}

.navigation .nav-child:after {
 border-bottom: 7px solid #e0e0e5;
} 

.navigation .nav li li .nav-child {
		top: 6px;
		left: 50%;

		&:before {
			position: absolute;
			top: 9px;
			left: -7px;
			display: inline-block;
			border-top: 17px solid transparent;
			border-right: 7px solid rgba(0, 0, 0, 0.2);
			border-bottom: 7px solid transparent;
			content: '';
		}
		&:after {
			position: absolute;
			top: 10px;
			left: -6px;
			display: inline-block;
			border-top: 6px solid transparent;
			border-right: 6px solid #ffffff;
			border-bottom: 6px solid transparent;
			content: '';
		}
	}

.navigation .nav > li li:hover > .nav-child,
.navigation .nav > li li > a:focus + .nav-child {
	display: block;
}

/* hide page-header in case of content without cathegory */
.page-header {
 color: #eee; /* color = bg-color (#eee)*/
}