h1 {
	background-color: #333;
	color: #ccc;
	font-size: 28px;
	font-weight: normal;
	margin: 0;
	padding: .5em 0 .6em;
}
a {
	color: #ccc;
	text-decoration: none;
}


/* --- mainNav --- */
ul#mainNav {
	background-color: #333;
	border-bottom: 1px solid #999;
	font-size: 12px;
	padding-bottom: 3px;
	margin: 0 0 0 -1.5em; /* Weet niet waarom dit (ongeveer) 1.5em moet zijn */
}
body > ul#mainNav {margin-left: -4em;}

#mainNav li {
	background: #555 url(../global/button.gif) 0 0 no-repeat;
	display: inline;
	list-style: none;
	margin: 0 5px;
	padding: 0 2px 0px 6px; /* Alleen voor IE, wordt hieronder overschreven voor andere browsers */
}
#mainNav > li {padding: 3px 0 3px 6px;} /* IE negeert dit */

#mainNav li a {
	background: url(../global/button.gif) 100% 0 no-repeat;
	background-color: #555;
	margin-right: -10px;
	padding: 3px 7px 3px 0;
}
#mainNav li#curPageGrey, #mainNav li#curPageGrey a {
	background-color: #222;
	border-bottom: 1px solid #222;
	color: #eee;
}
#mainNav li#curPageBlack, #mainNav li#curPageBlack a {
	background-color: #000;
	border-bottom: 1px solid #000;
	color: #eee;
}
#mainNav li.mOver, #mainNav .mOver a {background-color: #777;}
#mainNav .mOver a {color: #fff;}


/* --- subNav --- */
ul#subNav {
	background-color: #222;
	border-bottom: 1px solid #333;
	margin: 0;
	padding: .4em 0 .3em;
}
#subNav li {
	display: inline;
	list-style: none;
}
#subNav a {
	color: #999;
	font-size: 10px;
	padding: .7em 1.5em .7em;
	text-decoration: none;
}
#subNav a:hover {color: #ccc;}

#subNav li#curPage a {
	color: #ccc;
	font-weight: bold;
}


/* --- editNav --- */
ul#editNav {
	font-size: 12px;
	margin: 10px;
	padding: 0;
}
#editNav li {
	display: inline;
	list-style: none;
}
#editNav a {
	color: #ff0;
	padding: .8em;
	text-decoration: none;
}
#editNav a:hover {text-decoration: underline;}

#editNav b {
	color: #fff;
	padding: .8em;
}
#editNav a.externalLink {color: #ff0;}