/* NowCMS local CSS file "epilog.css"
	
   Put all local CSS definitions here in order to override or modify the standards
   set in "screen.css" and "print.css"
   
   See also: https://nowcms.org
*/

body {
/*    background-image: 
		linear-gradient(to bottom, 
			rgba(255,255,255,0) 0%,
			rgba(255,255,255,0) 80%, */ /* upper 80% are untouched */
/*			rgba(204,204,204,1) 100%
		), 
		url("/_/img/dellekom-spree-1.jpg");
	background-attachment: fixed; */ /* does not move when scrolling */
/*    background-color: #ffffff; */ /* color under and below image */
/*    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; */
	
	background: #eeeeee;
	
}

#logo {
	font-size: 2.5rem;
}
/* Logo is not really a button, so it must not add any effect
   when hovering  */
#logo:hover {
	background-color: rgba(255, 255, 255, 0);
}

@media only screen and (max-width: 650px) {
	#logo {
		visibility: hidden;
  	}
}

/* background-image shines through, very light white background */
header {
	padding-top: 0.7em;
	padding-right: 0.7em;
	padding-left: 0.7em;
	background-color: rgba(255, 255, 255, 0.6);
}
/* Top or first navigation level behind the buttons */
#navi0 {
   background-color: rgba(255, 255, 255, 0.6);
}
/* First content strip: bg-image shines through */
.level0 {
	background-color: rgba(255, 255, 255, 0.6);
}
.content {
	background-color: rgba(255, 255, 255, 0.9);
}

.navi {
	background-color: white;
}

footer {
	margin-top: 0.7em;
	background-color: rgba(255, 255, 255, 0.6);
	box-shadow: 0 -2px 8px grey;
}

/* Second navigation level */
#navi1 {
	background-color: rgba(255, 255, 255, 0.8);
}
#navi2, #navi3, #navi4 {
	background-color: rgba(255, 255, 255, 0.9);
}

#navi0 + .content,
#navi0 .active {
	background-color: rgba(255, 255, 255, 0.8);
}

/* Other levels: white */
.level1, .level2, .level3, .level4 {
	background-color: background-color: rgba(255, 255, 255, 0.9);;
}

@media only screen and (min-width: 800px) {
	#outer {
		margin-left: 2em;
		margin-right: 15%;
  	}
}