#headerWrapper {
	z-index:1;
}

#headerWrapper #header #headerLogo {
	display:block;
	padding-left:120px;
	padding-top:45px;
}

#headerWrapper #header #headerLogo a {
	display:block;
	position:relative;
}

#headerWrapper #header #headerLogo img {
	display:block;
	width:661px;
	height:auto;
}

#headerWrapper #header #headerLogo h5 {
	position:absolute;
	left:686px;
	top:61px;
	color:#8badbd;
	text-decoration:none !important;
	font-size:1.1em;
}

#headerWrapper #header #mainNav ul {
	padding:52px 12px 0;
}

#headerWrapper #header #mainNav ul li {
	padding-right:22px;
	float:left;
	display:block;
}

#headerWrapper #header #mainNav ul:after {
	content:'';
	display:block;
	position:relative;
	clear:both;
}

#headerWrapper #header #mainNav ul li a {
	display:inline-block;
	font-size:1.4em;
	border-radius:6px;
	padding:14px 12px;
	transition:background-color 300ms, color 300ms;
	text-decoration:none !important;
}

#headerWrapper #header #mainNav ul li a.active,
#headerWrapper #header #mainNav ul li a:hover {
	cursor:pointer;
	background:#7199ac;
	color:#fff;
}

#footerWrapper #footer {
	position:relative;
	display:block;
}

#footerWrapper #footer #footerNav {
	position:absolute;
	right:0;
	top:12px;
}

#footerWrapper #footer #footerNav ul li {
	display:inline-block;
	padding:12px 22px 0;
}

#footerWrapper #footer #footerNav ul li a {
	font-size:1.2em;
	color:#fff;
}

#sideNav nav.sideNav > ul > li > a {
	display:none;
}

#sideNav nav.sideNav > ul > li > ul li {
	margin-bottom:0.75em;
}

#sideNav nav.sideNav > ul > li > ul a.active {
	font-weight:bold;
}

.sitemap ul.sitemap li {
	padding-left:1em;
}

.sitemap ul.sitemap li a {
	margin-bottom:0.2em;
	display:block;
}

.sitemap ul.sitemap > li {
	margin-bottom:0.5em;
}





#mobileNavWrapper {
	display:none;
	padding-top:24px;
	padding-bottom:8px;
	position:relative;
	z-index:1000;
}

#mobileNavWrapper #mobileMenu:after {
	content: "";
	position: absolute;
	right: 12px;
	top: 5px;
	width: 24px;
	height:1em;
	background: linear-gradient(
		to bottom, 
		#f29754, #f29754 20%, 
		transparent 20%, transparent 40%, 
		#f29754 40%, #f29754 60%, 
		transparent 60%, transparent 80%, 
		#f29754 80%, #f29754 100%
	);
	transition:all 300ms;
}
#mobileNavWrapper #mobileMenu {
	display:block;
	text-align:right;
	padding:6px 40px 6px 12px;
	text-transform:uppercase;
	color: #f29754;
	background:#fff;
	font-size:1.35em;
	position:relative;
	transition:color 300ms,background-color 300ms;
}

#mobileNavWrapper #mobileMenu.active {
	background-color: #f29754;
	color:#fff;
}

#mobileNavWrapper #mobileMenu.active:after {
	background: linear-gradient(
		to bottom, 
		#fff, #fff 20%, 
		#f29754 20%, #f29754 40%, 
		#fff 40%, #fff 60%, 
		#f29754 60%, #f29754 80%, 
		#fff 80%, #fff 100%
	);
}

#mobileNavWrapper nav#mobile {
	display:none;
	padding:0 12px 8px;
	position:absolute;
	left:0;
	top:100%;
	background:#fff;
	width:100%;
	box-sizing:border-box;
	box-shadow:4px 6px 8px rgba(0,0,0,0.5);
}

#mobileNavWrapper nav#mobile li {
	padding-left:1em;
}

#mobileNavWrapper nav#mobile li a {
	margin-bottom:0.5em;
	display:block;
	font-size:1.2em;
}

#mobileNavWrapper nav#mobile > li {
	margin-bottom:1em;
}

nav #pid-18 > a:before,
nav #pid-17 > a:before,
#main #c33 header > h1:before,
#main #c9 header > h1:before {
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:64px;
	height:64px;
	background:url('../img/icon_kevk.png') no-repeat;
	background-size:contain;
}

#main .ce-default .ce-textpic a[href$="ueber-uns/netzwerk-treffen-geistlicher-gemeinschaften-tgg/"]:after,
#main .ce-default .ce-textpic a[href$="ueber-uns/netzwerk-konferenz-evangelischer-kommunitaeten-kevk/"]:after {
	content:'';
	width:1em;
	height:1em;
	position:relative;
	top:0.2em;
	display:inline-block;
	background:url('../img/icon_kevk.png') no-repeat;
	background-size:contain;
	margin-left:0.5em;
}

#main .ce-default .ce-textpic a[href$="ueber-uns/netzwerk-treffen-geistlicher-gemeinschaften-tgg/"]:after,
nav #pid-18 > a:before,
#main #c33 header > h1:before {
	background:url('../img/icon_tgg.png') no-repeat;
	background-size:contain;
}

nav #pid-18 > a,
nav #pid-17 > a,
#main #c33 header > h1,
#main #c9 header > h1 {
	position:relative;
	padding-left:80px;
	display:block;
}

nav #pid-18 > a:before,
nav #pid-17 > a:before {
	width:32px;
	height:32px;
}

nav #pid-18 > a,
nav #pid-17 > a {
	padding-left:40px;
}
